/* 
PART 1: normalize.css | MIT License | git.io/normalize
=============================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	background: #fff;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

.responsive-table {
    max-width: 100%;
    overflow: scroll;
}

table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
	margin: 0 0 1em 0;
	padding: 0;
}

table th,
table td {
	padding: 1em;
	text-align: left;
	border-bottom: 1px solid #e6e6e6;
	vertical-align: top;
}

table th {
	color: #666;
	padding-bottom: .5em;
}

table td {
	color: #666;
	vertical-align: middle;
}

table td.td-middle {
	vertical-align: middle;
}

table td.actions {
	width: 10em;
}

table tr:nth-child(even) {
	background: #f9f9f9;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
}

.clearfix:before,
.clearfix:after { 
	content: "\0020"; 
	display: block; 
	height: 0; 
	overflow: hidden; 
}

.clearfix:after { 
	clear: both; 
}

.clearfix { 
	zoom: 1;
}

/* quotes */

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}


/*	Global Base
----------------------------------------------- */

/* Base */

body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: "Source Sans Pro", Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 1.6;
}

/* Headings */

h1, h2, h3, h4, h5, h6 {
	color: #111;
	clear: both;
	font-weight: 600;
}

h1 {
	font-size: 2em;
	font-weight: normal;
	margin: .5em 0 1em 0;
	padding-bottom: .25em;
}

h1 a {
	font-weight: 400;
}

h1 .sep {
	color: #ccc;
	padding: 0 .15em;
}

h2 {
	border-bottom: .125em solid #eee;
	font-size: 1.5em;
	font-weight: normal;
	margin: .5em 0 .5em 0;
	padding-bottom: .25em;
}

h3 {
	font-size: 1.2em;
	margin: .5em 0 .25em 0;
}

h4 {
	font-size: 1em;
	margin: .5em 0 .25em 0;
}

h5,
h6 {
	font-size: 1em;
	margin: .5em 0 0 0;
}

/*
.section-title {
	border-bottom: .25em solid #eee;
	font-size: 1.2em;
	font-weight: 600;
	margin: 1px 0px;
	padding-bottom: .25em;
}
*/

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/* Text elements */

p {
	margin-bottom: 1em;
}

p.big-icon {
	font-size: 5em;
	text-align: center;
	margin: 0;
}
p.big-icon > .icon {
	color: #eee;
}

p.help {
	margin: .5em 0 0 0;
	font-size: 1em;
	font-style: italic;
	color: #888;
}

.center {
	text-align: center;
}

ul, ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dl {
	margin: 0 0 1em 0;
}

dt {
	font-weight: 600;
}

dd {
	margin: 0 0 0 1.5em;
}

b, strong {
	font-weight: 600;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	padding: 1.6em;
	overflow: auto;
	max-width: 100%;
}

code, kbd, tt, var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

figure {
	margin: 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

th {
	font-weight: 600;
}

button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
}

button,
input {
	line-height: normal;
	*overflow: visible;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	background: #83b600;
	border: 0;
	-webkit-border-radius: .231em;
	-moz-border-radius: .231em;
	border-radius: .231em;
	color: #fff;
	cursor: pointer;
	-webkit-appearance: button;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: 600;
	line-height: 1;
	margin-bottom: .5em;
	padding: .7em 1em .7em 1em;
	-webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out, background-color .2s ease-in-out;
	-o-transition: color .2s ease-in-out, background-color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out, background-color .2s ease-in-out;
	transition: color .2s ease-in-out, background-color .2s ease-in-out;
}

button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-color: #690;
}


button.warning,
html input[type="button"].warning,
input[type="submit"].warning {
	background-color: #b23d35;
}

button.warning:hover,
html input[type="button"].warning:hover,
input[type="submit"].warning:hover {
	background-color: #862e28;
}

input[type="reset"] {
	background-color: #ddd;
	color: #888;
}

input[type="reset"]:hover {
	background-color: #ccc;
	color: #666;
}

button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
input[type="submit"]:active	 {
	border-color: #ccc;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	margin-right: .25em;
	padding: 0;
	display:inline-block;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type=text],
input[type=email],
textarea {
	color: #666;
	border: 1px solid #ccc;
}

input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
	color: #111;
}

input[type=text],
input[type=email] {
	padding: .5em;
}

textarea {
	overflow: auto;
	padding-left: 3px;
	vertical-align: top;
	width: 98%;
}

/* Links */

a {
	color: #80adcf;
	font-weight: 600;
	text-decoration: none;
	-webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out, background-color .2s ease-in-out;
	-o-transition: color .2s ease-in-out, background-color .2s ease-in-out;
	-ms-transition: color .2s ease-in-out, background-color .2s ease-in-out;
	transition: color .2s ease-in-out, background-color .2s ease-in-out;
}

a:visited {
	color: #80adcf;
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color: #407ca9;
	outline: 0;
	text-decoration: none;
}

a:focus {
	outline: thin dotted;
}

a img {
	border: 0;
}

/* media & embeds */

.site-content img {
	height: auto;
	max-width: 100%;
}

/* Make sure embeds and iframes fit their containers */

embed,
iframe,
object {
	max-width: 100%;
}

/* form elements */

form fieldset {
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	border-bottom: 1px solid #eee;
}

form fieldset.twocol {
	background: rgba(255,0,0,.2);
	float: left;
	width: 50%;
}

form fieldset.threecol {
	background: rgba(255,0,0,.2);
	float: left;
	width: 33.3%;
}

form fieldset.fourcol {
	background: rgba(255,0,0,.2);
	float: left;
	width: 25%;
}

form fieldset.form-actions {
	margin: 0 0 0 25%;
	padding: 0;
	border: none;
	/* Double Padding Fix */
	display: inline;
}

form fieldset.no-border {
	border: none;
}

form fieldset.form-actions.form-actions-long {
	margin: 0 0 0 0;
	width: 100%;
}
form fieldset.form-actions.form-actions-long input {
	width: 100%;
}
 
form fieldset.form-actions input {
	margin-right: .25em;
}

form fieldset label {
	float: left;
	width: 25%;
	margin: .5em 0;
	font-weight: 600;
}

form fieldset input.updatable-label {
	float: left;
	width: 20% !important;
	margin: .5em 4.3% 0.5em 0;
	font-weight: 600;
	background: none !important;
	border: none !important;
	padding-left: 0 !important;
	color: #404040;
	padding-top: 0!important;
}


form fieldset label span.mandatory {
	color: #f00;	
}

form fieldset.radio label,
form fieldset.check label {
	display: inline;
	float: none;
	width: auto;
}

form fieldset.radio ul,
form fieldset.radio ul li,
form fieldset.check ul,
form fieldset.check ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

form fieldset.radio ul,
form fieldset.check ul {
	margin: -1.3em 0 0 25%;
}

form fieldset.radio ul li,
form fieldset.check ul li {
	margin: 0 0 .5em 0;
}

form fieldset.radio ul li label,
form fieldset.check ul li label {
	font-weight: normal;
	margin: 0 0 0 .5em;
	position: relative;
	top: -.25em;
	width: auto;
}

form fieldset.radio ul li:last-child,
form fieldset.check ul li:last-child {
	margin: 0;
}

form fieldset input.form-text,
form fieldset textarea {
	border: 1px solid #ccc;
	display: block;
	width: 65%;
	padding: .5em;
	background: #f5f5f5;
	outline: 0;
}

form fieldset textarea.no-height {
	height: auto;
}

#epos_checkout_step_1 fieldset input.form-text,
#epos_checkout_step_2 fieldset input.form-text,
#epos_checkout_step_3 fieldset input.form-text,
#epos_checkout_step_4 fieldset input.form-text,
#epos_checkout_step_1 fieldset textarea,
#epos_checkout_step_2 fieldset textarea,
#epos_checkout_step_3 fieldset textarea,
#epos_checkout_step_4 fieldset textarea {
	width: 95%; 
}

form fieldset input.form-text:focus, form fieldset textarea:focus {
	background: #fff;
}

form fieldset textarea {
	height: 5em;
}

form fieldset select {
	margin: 0;
	width: 66.5%;
}

.chrome form fieldset select, .safari form fieldset select,
.chrome select, .safari select {
	background: #fff url('../graphics/select-pointer.gif') no-repeat right 50%;
}

form fieldset select, select {
	border-radius: 0;
	border: 1px solid #d6d6d6;
	color: #404040;
	cursor: pointer;
	padding: .385em 1.5em .385em .385em;
	-webkit-appearance: button;
	background: #fff;
}

form fieldset select:focus, select:focus {
	outline: none;
}

form fieldset p.form-help {
	margin: .5em 0 0 25%;
	font-size: 1em;
	font-style: italic;
	color: #888;
}

.form-wrap {}

/*
PART 2: Copyright © Discovery Design Limited. All rights reserved.
=============================================== */

/* Site Header
----------------------------------------------- */

.site-header {
	background: #1d394d url('../graphics/noise.png') repeat 50% 50%;
}

.site-header ul,
.site-header li {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* toolbar */

.toolbar {
	background: #162b3a;
	background: rgba(0,0,0,.25);
	border-bottom: .1em solid #0d1a23;
}

.toolbar .inner {
	margin: 0 auto;
	max-width: 90em;
	padding: 0 1.5em;
}

.toolbar ul {
	padding: .8em 0;
}

.toolbar a {
	color: #80adcf;
	font-weight: 400;
	padding: .8em 0 .8em 0;
	text-shadow: 0 .1em .2em rgba(0,0,0,.5);
}

.toolbar a:hover {
	color: #fff;
}

.toolbar .current a,
.toolbar .current a {
	color: #fff;
}

.preview ul {
	float: left;
}

.preview .icon {
	bottom: -.063em;
	color: #fff;
	margin-right: .5em;
	position: relative;
}

/* settings navigation */

.user-navigation ul {
	float: right;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.user-navigation li {
	float: left;
	display: inline;
	margin-left: 2em;
}

.version {
	color: #fff;
}

/* main header */

.header-main {
	border-top: 1px solid #284e6b;
}

.header-main .inner {
	margin: 0 auto;
	max-width: 90em;
	padding: 0 1.5em;
}

/* logo / branding */

.site-title {
	color: #fff;
	font-size: 1.6em;
	font-weight: 600;
	margin: 1em 0 .5em 0;
}

.site-title a {
	color: #fff;
}

.site-title a:hover {
	color: #ddd;
}

/* main navigation */

.main-navigation > ul > li {
	float: left;
	margin-right: .5em;
}

.main-navigation.load-menu {
	height: 3.077em;
	width: 100%;
	overflow: hidden
}


.main-navigation > ul > li > a {
	background: #162b3a;
	background: rgba(0,0,0,.125);
	-webkit-border-top-left-radius: .231em;
	-webkit-border-top-right-radius: .231em;
	-moz-border-radius-topleft: .231em;
	-moz-border-radius-topright: .231em;
	border-top-left-radius: .231em;
	border-top-right-radius: .231em;
	color: #fff;
	display: block;
	font-weight: 600;
	padding: .9em 1.4em .7em 1.4em;
	text-shadow: 0 .1em .2em rgba(0,0,0,.5);
}

.main-navigation > ul > li > a:hover {
	background: #0d1a23;
	background: rgba(0,0,0,.25);
	color: #fff;
}

.main-navigation > ul > li > a:active {
	position: relative;
	top: 1px;
	padding-bottom: .6em;
}

.page-dashboard .nav-dashboard a,
.page-products .nav-products a,
.page-modify-product-suppliers .nav-products a,
.page-product-suppliers .nav-products a,
.page-modify-product-brands .nav-products a,
.page-product-brands .nav-products a,
.page-enquiries .nav-enquiries a,
.page-view-enquiry .nav-enquiries a,
.page-leads .nav-leads a,
.page-view-lead .nav-leads a,
.page-todo .nav-todo a,
.page-modify-todo .nav-todo a,
.page-product-find-and-replace .nav-products a,
.page-modify-product-symbols .nav-products a,
.page-product-symbols .nav-products a,
.page-modify-product-filters .nav-products a,
.page-product-filters .nav-products a,
.page-modify-product-custom-fields .nav-products a,
.page-product-custom-fields .nav-products a,
.page-product-restock .nav-products a,
.page-create-product-restock .nav-products a,
.page-view-product-restock .nav-products a,
.page-product-stock-update .nav-products a,
.page-product-low-stock .nav-products a,
.page-product-reviews .nav-products a,
.page-view-product-associations .nav-products a,
.page-quick-association .nav-associations a,
.page-modify-product .nav-products a,
.page-product-import .nav-products a,
.page-create-product-import .nav-products a,
.page-product-traffic-reports .nav-products a,
.page-departments .nav-departments a,
.page-view-department-associations .nav-departments a,
.page-department-traffic-reports .nav-departments a,
.page-modify-department .nav-departments a,
.page-menus .nav-menus a,
.page-modify-menu .nav-menus a,
.page-pages .nav-pages a,
.page-custom-areas .nav-pages a,
.page-modify-custom-area .nav-pages a,
.page-feature-images .nav-pages a,
.page-modify-feature-image .nav-pages a,
.page-update-feature-images .nav-pages a,
.page-modify-update-feature-image .nav-pages a,
.page-feature-products .nav-associations a,
.page-modify-feature-product .nav-associations a,
.page-update-feature-products .nav-associations a,
.page-modify-update-feature-product .nav-associations a,
.page-page-traffic-reports .nav-pages a,
.page-associations .nav-associations a,
.page-modify-association .nav-associations a,
.page-modify-page .nav-pages a,
.page-orders .nav-orders a,
.page-reports .nav-reports a,
.page-view-missed-opportunity .nav-reports a,
.page-view-abandoned-cart .nav-reports a,
.page-view-orders .nav-orders a,
.page-view-orders-timeline .nav-orders a,
.page-view-orders-source .nav-orders a,
.page-view-orders-notes .nav-orders a,
.page-customers .nav-customers a,
.page-update-customer .nav-customers a,
.page-customer-view .nav-customers a,
.page-modify-customer-addresses .nav-customers a,
.page-marketing .nav-marketing a,
.page-marketing-coupon-codes .nav-marketing a,
.page-marketing-modify-coupon-codes .nav-marketing a,
.page-marketing-tracking-links .nav-marketing a,
.page-marketing-modify-tracking-links .nav-marketing a,
.page-marketing-voucher-codes .nav-marketing a,
.page-marketing-modify-voucher-codes .nav-marketing a,
.page-marketing-product-feed .nav-marketing a,
.page-marketing-product-feed-config .nav-marketing a,
.page-users .nav-users a,
.page-webdav-users .nav-developer a,
.page-modify-user .nav-users a,
.page-manage-user-devices .nav-users a,
.page-modify-webdav-user .nav-developer a,
.page-access-logs .nav-users a,
.page-plugins .nav-settings a,
.page-plugin-install .nav-settings a,
.page-data-settings .nav-settings a,
.page-google-analytics-integration .nav-settings a,
.page-mailchimp-integration .nav-settings a,
.page-dymo-integration .nav-settings a,
.page-third-party-settings .nav-settings a,
.page-settings .nav-settings a,
.page-settings-verify .nav-settings a,
.page-epos-setup .nav-settings a,
.page-modify-epos-setup-till .nav-settings a,
.page-developer .nav-developer a,
.page-theme-editor-browser .nav-developer a,
.page-theme-editor-file-editor .nav-developer a,
.page-theme-editor-modify-file .nav-developer a,
.page-payment-gateways .nav-settings a,
.page-modify-settings .nav-settings a,
.page-payment-gateway .nav-settings a,
.page-custom-variables .nav-settings a,
.page-vat-configuration .nav-settings a,
.page-country-configuration .nav-settings a,
.page-shipping-configuration-view .nav-settings a,
.page-shipping-configuration .nav-settings a,
.page-click-and-collect-configuration .nav-settings a,
.page-order-action-configuration .nav-settings a,
.page-blog .nav-blog a,
.page-modify-blog-post .nav-blog a,
.page-blog-traffic-reports .nav-blog a,
.page-epos-setup .nav-settings a,
.page-plugin .nav-selected a 
{
	background: #fff!important;
	border-color: #fff!important;
	color: #111!important;
	text-shadow: none!important;
}


.main-navigation a.mobile-menu-selector {
	display: none;
}
.main-navigation a.mobile-menu-selector span {
	color: #fff;
}

.main-navigation > ul > li {
	position: relative;
}

.main-navigation .overflow-menu-container {
	position: absolute;
	background: #fff;
	right: 0;
	top: 3.8em;
	z-index:999;
	min-width: 10em;
	border: 1px #eee solid;
	-webkit-border-radius: .231em;
	-moz-border-radius: .231em;
	border-radius: .231em;
	display: none;
}

.main-navigation .overflow-menu-container .arrow {
	width: 0; 
	height: 0; 
	border-left: 0.5em solid transparent;
	border-right: 0.5em solid transparent;
	border-bottom: 0.5em solid #eee;
	float: right;
	margin-top: -0.5em;
	margin-right: 2.1em;
}

.main-navigation .overflow-menu li a {
	padding: 1em;
	display: block;
	color: #000;
}

.main-navigation .overflow-menu li a:hover {
	background: #eee!important;
}

.main-navigation .nav-more {
	display: none;
}

/* sub navigation */

.sub-navigation-bar {
	background: #fff;
	border-bottom: .1em solid #e6e6e6;
}

.sub-navigation-bar > .inner {
	margin: 0 auto;
	max-width: 90em;
}

.sub-navigation > ul {
	margin: 0;
	padding: 0;
}

.sub-navigation > ul > li {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	margin-right: .5em;
}

.sub-navigation > ul > li > a {
	color: #888;
	display: block;
	font-weight: 600;
	padding: .9em 2em .7em 0;
}

.sub-navigation > ul > li > a:hover {
	color: #555;
}


/* Site Main
----------------------------------------------- */

.header-bar {
	background: #fff;
	border-bottom: .1em solid #e6e6e6;
	padding: 2em 1.5em .75em 1.5em;
	position: relative;
}

.header-bar > .header-logout {
	position: absolute;
	top: 0;
	right: 1.5em;
	-webkit-border-radius: 0 0 .231em .231em;
	-moz-border-radius: 0 0 .231em .231em;
	border-radius: 0 0 .231em .231em;
}

.header-bar > .header-logout a {
	color: #111;
	padding: 0.5em 1em;
	display: block;
	background: #eee;
	margin-left: 1em;
	background: #eee;
	float: left;
}

.header-bar .inner {
	margin: 0 auto;
	max-width: 90em;
}

.header-bar h1 {
	float: left;
	margin: 0;
}

.header-bar h1 a {
	color: #bbb;
}

.header-bar h1 a:hover {
	color: #111;
}

.header-bar h1 .icon, 
.header-bar h1 .fa {
	bottom: -.125em;
	font-size: 1.25em;
	margin-right: .25em;
	position: relative;
}

.header-bar .actions,
.header-bar .actions li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.header-bar .actions {
	float: right;
	margin: .5em 0 0 0;
	text-align: right;
}

.header-bar .actions li {
	display: inline;
	margin-left: .5em;
}

.header-bar .actions a, .share-list a {
	background: #83b600;
	border: 0;
	-webkit-border-radius: .231em;
	-moz-border-radius: .231em;
	border-radius: .231em;
	color: #fff;
	display: inline-block;
	font-weight: 600;
	padding: .6em 1em .5em 1em;
}

.header-bar .actions a:hover, .share-list a:hover {
	background-color: #690;
}

.header-bar .actions a .icon {
	float: left;
	margin: -.125em .5em -.25em 0;
	position: relative;
}

.header-bar .intro {
	float: right;
	font-size: 1.2em;
	margin: .75em 0 0 0;
}

.header-bar .intro .avatar {
	background: #fff;
	border-radius: .188em;
	border: .1em solid #e6e6e6;
	box-shadow: 0 .125em .25em rgba(0,0,0,.1);
	float: right;
	height: 3em;
	margin: -2.75em 0 0 1em;
	overflow: hidden;
	padding: .25em .25em .313em .25em;
	width: 3em;
}

.header-bar .intro .avatar img {
	height: auto;
	-webkit-transition: all .125s ease-in-out;
	width: 3em;
}

.header-bar .intro .avatar:hover img {
	padding: 0;
	-webkit-transform: scale(1.2);
}

.site-main {
	background: #fafbfb url('../graphics/noise.png') repeat 50% 50%;
	padding: 1em 1.5em;
}

.site-main .inner {
	margin: 0 auto;
	max-width: 90em;
}

/* basic columns */

.col-wrapper {
	margin-bottom: 1.5em;
}

.col-wrapper .col {
	float: left;
	display:inline;
}

.col-4col .col {
	width: 25%;
}

.col-4col .col-span-2 {
	width: 50%;
}

.ie-7 .col-4col .col-span-2 {
	width: 49.99%;
}

.col-4col .col-span-3 {
	width: 75%;
}

.col-4col .col-span-4 {
	width: 100%;
}

.col-5col .col-span-2 {
	width: 40%;
}

.col-5col .col-span-1 {
	width: 20%;
}

.col-3col .col {
	width: 33%;
}

.col-3col .col-first {
	width: 34%;
}

.col-3col .col-span-2 {
	width: 67%;
}

.col > .inner {
	padding: 1em 1.5em;
}

.col > .block {
	background: #fff;
	border: 1px solid #e6e6e6;
	margin: 0em 0 0 1em;
}

.col-first > .block {
	margin-left: 0;
}

.module {
	background: #fff;
	border: 1px solid #e6e6e6;
	margin: 0 0 1.5em 0;
	padding: 1.5em 1.5em 1.5em 1.5em;
}

.module.warning {
	background:  #E82C0C;
	color:  #fff;
}

.module.warning h2 {
	color:  #fff;
}

.module .module-scroll {
	max-height: 30em;
	overflow-y: scroll;
}

.module .module-scroll::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 0.53em;
}
.module .module-scroll::-webkit-scrollbar-thumb {
    border-radius: 0.30em;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,0.5);
}

.module.relative {
	position: relative;
}

.module h1 {
	padding: 0;
	margin: 0;
}

.breadcrumbs {
	border-bottom: .167em solid #eee;
	padding: 1em 0 .75em 0;
}

.site-content {
	float: left;
	width: 70%;
}

.full-width .site-content {
	width: 100%;
}

/* pagination */

.pagination {
	background: #fafafa;
	border: 1px solid #e6e6e6;
	margin: 0 0 1em 0;
}

.pagination ul,
.pagination li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.pagination li.pagination_info,
.pagination li.pagination_results {
	float: right;
	color: #999;
	display: block;
	padding: .5em .75em;
}

.pagination li.pagination_info {
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
}

.pagination li {
	float: left;
}

.pagination .page-prev {
	border-right: 1px solid #e6e6e6;
	margin-right: -1px;
}

.pagination .page-next {
	border-left: 1px solid #e6e6e6;
	margin-left: -1px;
}

.pagination a {
	color: #999;
	display: block;
	padding: .5em .75em;
}

.pagination a:hover {
	color: #666;
}

.pagination .selected a {
	background: #fff;
	border: 1px solid #e6e6e6;
	border-width: 0 1px;
	color: #333;
}

.infinite-scroll-loading {
	text-align: center;
}


/* Sidebar
----------------------------------------------- */

.site-sidebar {
	background: rgba(255,0,0,.1);
	float: right;
	width: 27.5%;
}

.widget {
	background: rgba(255,0,0,.1);
	margin: 0 0 1.5em;
}

/* Search widget */

.widget-calendar {

}


.header-with-actions .actions,
.header-with-actions .actions li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.header-with-actions .actions {
	float: right;
	margin: -4.4em 0 0 0;
	text-align: right;
}

.header-with-actions .actions li {
	display: inline;
	margin-left: .5em;
}

.header-with-actions .actions a {
	background: #83b600;
	border: 0;
	-webkit-border-radius: .231em;
	-moz-border-radius: .231em;
	border-radius: .231em;
	color: #fff;
	display: inline-block;
	font-weight: 600;
	padding: .6em 1em .5em 1em;
}

.header-with-actions .actions a:hover {
	background-color: #690;
}

.header-with-actions .actions a .icon {
	float: left;
	margin: -.125em .5em -.25em 0;
	position: relative;
}

.header-with-actions .actions a.red {
	background: #b23d35;
}

.header-with-actions .actions a.red:hover {
	background: #90342e;
}

/* Site Footer
----------------------------------------------- */

.site-footer {
	border-top: .1em solid #e6e6e6;
	padding: 0 1.5em;
}

.site-footer .inner {
	margin: 0 auto;
	max-width: 90em;
	padding: 2em 0;
}

.site-footer {
	color: #999;
}

.footer-navigation ul,
.footer-navigation li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-navigation li {
	float: left;
	margin-left: 2em;
}

.footer-navigation li:first-of-type {
	margin-left: 0;
}

.site-footer p {
	margin-top: 1em;
}

.site-footer a {
	font-weight: 400;
}




/*	User-box 
----------------------------------------------- */

.user-box {
	background: #fff;
	margin: 15% auto 0 auto;
	padding: 1em 1.5em 1.5em 1.5em;
	width: 28em;
}

.user-box h1 {
	border-bottom: .25em solid #eee;
	font-size: 1.6em;
	margin: .5em 0 1em 0;
}

.user-box form fieldset label {
	width: 8em;
}

.user-box form fieldset.check {
	padding-left: 8em;
}

.user-box form fieldset.form-actions {
	margin: 0 0 0 8em;
}

.user-box form fieldset.form-actions input {
	margin-right: .5em;
}


/*	Login 
----------------------------------------------- */

.page-login {
	background: #eee;
}

/*	Lock 
----------------------------------------------- */

.page-lock {
	background: #eee;
	padding: 1em;
}


/*	Unsupported Browser 
----------------------------------------------- */

.page-unsupported-browser {
	background: #eee;	
}
.page-unsupported-browser .col{
	text-align: center;
}
.page-unsupported-browser img {
	width: 40%;
}
.page-unsupported-browser .user-box {
	width: 35em;
}
.page-unsupported-browser a {
	color: #999;
	padding: .6em 1em .5em 1em;
	display: block;
}
.page-unsupported-browser a:hover {
	color: #111;
}
.page-unsupported-browser .no-pad {
	margin: 0;
}


/*	Tables
----------------------------------------------- */

table td .product-title,
table td .department-title,
table td .order-title,
table td .blog-post-title {
	color: #111;
	display: block;
	font-size: 1.2em;
	font-weight: 600;
}

table th.list-product-image,
table th.list-department-image	{
	width: 3.5em;
}

table td.list-product-image img,
table td.list-department-image img {
	background: #fff;
	border: .077em solid #e6e6e6;
	margin: 0 0 -.5em 0;
	padding: .25em .25em .2em .25em;
	width: 3em;
}

table th.list-product-seo,
table th.list-department-seo {
	width: 25%;
}

table th.list-actions {
	width: 12.5%;
}

table th.list-checkbox {
	width: 2%
}

/*	Data Tables
----------------------------------------------- */

table.dataTable thead th, table.dataTable thead td, table.dataTable.no-footer {
	border-bottom: 1px solid #e6e6e6!important;
}

table.dataTable thead th, table.dataTable thead td {
	padding: 1em!important;
}

table.dataTable tbody tr.selected {
	background-color:#eee!important;
}

table.dataTable tbody tr {
	background-color:#fff!important;
}

/*	Google Charts
----------------------------------------------- */

.google-chart {
	width: 100%;
	height: 15.38em;
}

/*	Styled UL List
----------------------------------------------- */

.ul-list {
	list-style:none;
	margin: 0;
	padding: 0;
}

.ul-list li {
	display: block;
	padding: 1em 1em 1em 1em;
	margin: 0;
	-webkit-user-select: none;	 
	-moz-user-select: none;	
	-ms-user-select: none;		 
	user-select: none;
}

#menu_item_list > li > ul li {
	padding: 1em 0 1em 1em;
}

.ul-list li .cost, .ul-list li .count  {
	float: right;
	display:inline;
}

.ul-list li:nth-child(even) {
	background: #f6f6f6;
}

.menu-search-results-container .ul-list li span.icon-move-vertical {
	display: none;
}

.ul-list.with_handles li span.icon-move-vertical {
	display: inline;
}

.ul-list.with_handles li.no_items span.icon-move-vertical {
	display: none;
}

.ul-list .identifier {
	float: right;
	font-size: 0.5em;
	padding: 0.5em;
	background: #ccc;
	border-radius: 0.38em;
	-webkit-border-radius: 0.38em;
	-moz-border-radius: 0.38em;
	color: #fff;	
	display:inline;
	width: 5em;
	text-align: center;
} 

.ul-list .delete-item {
	float: right;
	font-size: 0.5em;
	padding: 0.5em 1em;
	background: #b23d35;
	border-radius: 0.38em;
	-webkit-border-radius: 0.38em;
	-moz-border-radius: 0.38em;
	color: #fff;
	cursor: pointer;
	margin: 0 0.5em;	
	display:inline;
}

/*	Modify Product/Page/Department/Blog Post
----------------------------------------------- */
/* Form is a generic and can be used for anything */
.form_keywords_container,
.page_keywords_container,
.custom_field_options_container,
.department_keywords_container,
.supplier_keywords_container,
.form_image_container,
.department_image_container,
.department_feature_image_container,
.page_image_container,
.blog_post_image_container,
.feature_image_container,
.feature_image_container,
.supplier_image_container,
.symbol_image_container,
.company_logo_container,
.product_import_file_container,
.coupon_import_file_container,
.product_keywords_container,
.product_image_upload_manager_container,
.blog_post_keywords_container,
.theme_editor_container,
.product_image_upload_container
 {
	float: left;
	width: 65%;
}

.blog_post_categories_container,
.blog_post_tags_container {
	width: 67%;
	float: left;
}

.form_content_container,
.supplier_content_container,
.page_content_container,
.blog_post_content_container,
.product_content_container,
.department_content_container,
.feature_content_container,
.custom_area_content_container,
.plugin_content_container {
	float: left;
	width: 66.5%;	
}

.form_image_container,
.product_image_upload_manager_container,
.department_image_container,
.department_feature_image_container,
.page_image_container,
.blog_post_image_container,
.feature_image_container,
.supplier_image_container,
.symbol_image_container,
.company_logo_container,
.theme_editor_container,
.product_import_file_container,
.coupon_import_file_container,
.product_image_upload_container {
	position: relative;	
}

.form_image_container .delete-icon, 
.department_image_container .delete-icon,
.department_feature_image_container .delete-icon,
.page_image_container .delete-icon,
.blog_post_image_container .delete-icon,
.company_logo_container .delete-icon,
.symbol_image_container .delete-icon, 
.supplier_image_container .delete-icon {
	left: 4.5em;
	top: -0.5em;
	position: absolute;	
}

.product_image_container, .product_image_upload_container {
	position: relative;	
}

.product_image_container .delete-icon {
	left: 4.5em;
	top: -0.5em;
	position: absolute;	
}

fieldset.product-image-fieldset {
	border-bottom: none;
	padding-bottom: 0;
}

.product_image_images_container,
.product_image_images_container li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.product_image_images_container .sortable-placeholder {
	height: 15em;
	display: block;
}


.thumb_with_border {
	background: #fff;
	border: .077em solid #e6e6e6;
	margin: 0 0 0.5em 0;
	padding: .25em .25em .2em .25em;
	width: 5em;
	display: block;
}

form fieldset .form_image_container p.form-help,
form fieldset .department_image_container p.form-help,
form fieldset .department_feature_image_container p.form-help,
form fieldset .page_image_container p.form-help,
form fieldset .blog_post_image_container p.form-help,
form fieldset .feature_image_container p.form-help,
form fieldset .supplier_image_container p.form-help,
form fieldset .symbol_image_container p.form-help,
form fieldset .company_logo_container p.form-help,
form fieldset .product_image_container p.form-help,
.page-modify-menu form p.form-help,
.page-create-product-restock form p.form-help {
	margin: .5em 0 0 0;
	font-size: 1em;
	font-style: italic;
	color: #888;
	clear:both;
}

.form-help-container {
	width: 100%;
	float: left;
}

.delete-icon {
	background: url('../images/delete.png') no-repeat;
	width: 1.7em;
	height: 1.7em;
	display: block;
	cursor: pointer;
}

form fieldset.form-search input {
	width: 97.5%;
}

.menu-search-results-container, .menu-list-container  {
	margin-top: 1em;
	border: .077em solid #e6e6e6;
	padding: .25em .25em .2em .25em;
}
.menu-search-results-container p {
	font-style: italic;	
	color: #888;
}

.page-modify-menu form fieldset	 {
	margin: 0;
	width: 100%;
}

.page-modify-menu form fieldset.form-actions input	{
	float: left;
}
.page-modify-menu form fieldset input.add_menu_name_field {
	width: 70%;
} 
.page-modify-menu form fieldset input.edit_menu_name_field {
	width: 75%;
} 
.menu-list-container .identifier, .menu-search-results-container .identifier {
	float: right;
	font-size: 0.5em;
	padding: 0.5em;
	background: #ccc;
	border-radius: 0.38em;
	-webkit-border-radius: 0.38em;
	-moz-border-radius: 0.38em;
	color: #fff;	
	display:inline;
	width: 5em;
	text-align: center;
} 

.menu-list-container .delete-item {
	float: right;
	font-size: 0.5em;
	padding: 0.5em 1em;
	background: #b23d35;
	border-radius: 0.38em;
	-webkit-border-radius: 0.38em;
	-moz-border-radius: 0.38em;
	color: #fff;
	cursor: pointer;
	margin: 0 0.5em;	
	display:inline;
} 
.sortable-placeholder {
	border: 1px dashed #CCC;
	background: none !important;
	height: 1.2em;
	width: 100%;
}

tr.sortable-placeholder {
	height: 5em;
	border: 1px dashed #CCC!important;
	width: 100%;
}

.edit_image_container {
	position:relative;
	float: left;
	margin-right: 1em;
}

#add_another_image.hidden {
	display:none;
}

form fieldset.form-variations {
	width: auto;
	float: right;
}

.product-options span.icon {
	float: left;
	line-height: 2.6em;
	margin-left: -1.6em;
	cursor: pointer;
}

.product-options input.form-text {
	float: left;
	padding-right: 2.0em;
	width: 63%;
}

.product-variations span.icon{
	padding: .5em
}

.product-variations .action-column {
	width: 5.5em;
}

.product-variations .action-column > span {
	padding: .5em;
	cursor: pointer;
}

form fieldset input.form-text.form-dimensions{
	width: 10%;
	margin-right: 1%;
	float: left;
}


/*	Edit Product Feed
----------------------------------------------- */

.product-feed-settings > .product-feed-header > fieldset {
	float: right;
	margin: -4.5em 0 0 0;
	text-align: right;
	padding: 0.8em 1.5em;
	background: #eee;
	border-bottom: none;
	-webkit-border-radius: .231em;
	-moz-border-radius: .231em;
	border-radius: .231em;
}

.product-feed-settings > .product-feed-header > fieldset > label {
	display: inline;
	float: none;
	width: auto;
}
.product-feed-settings > .product-feed-header > fieldset > label > input {
	margin: 0.2em .25em 0 0;
}

/*	Order View
----------------------------------------------- */

.icon {
	color: #111;
}

.order-purchaser .icon {
	bottom: -.1em;
	margin-right: .25em;
	position: relative;
}

.order-purchaser .icon-checkmark {
	color: #83b600;
}

.order-purchaser .icon-cancel {
	color: #c00;
}

.actions .icon-search {
	bottom: -.1em;
	margin-right: .25em;
	position: relative;
}

.col-wrapper.addresses .col-second {
	text-align:right;
}

.order-barcode {
	text-align: center;
}

.order-barcode img {
	max-width: 100%;
}

dl.order-info,
dl.order-info dt,
dl.order-info dd {
	font-size: 13px;
	font-size: 1.3rem;
	margin: 0;
	padding: 0;
}

dl.order-info {
	margin: 0 0 1.6em 0;
	border-bottom: 1px solid #e6e6e6;
	float: left;
	width: 95%;
}

.page-view-orders dl.order-info.last {
	float: right;
}

.order-info-total {
	float: left;
	width: 40%;
	text-align: right;
}

.order-info-total > p {
	font-size: 5em;
	line-height: 0.85em;
	margin: 0;
}

dl.order-info-picking-note {
	border-bottom: none;	
}

dl.order-info.first {
	margin-right: 5%;
}
dl.order-info.last {
	margin-left: 5%;
}

dl.order-info dt {
	clear: left;
	float: left;
	padding: .5em 5% .5em 0;
	width: 44.5%;
}

dl.order-info dd {
	float: left;
	padding: .5em 0;
	width: 50%;
	text-align: right;
}

dl.order-info dd input[type="checkbox"] {
	margin: 0.3em;
	display: block;
	float: right;
}

.order-status .chzn-search {
	display: none;
}

select.order_status {
	width: 10em;
}

.invoice-logo {
	display: none;
}

.shipping-schedule-message {
	background: #faf8ca!important;
}

.shipping-schedule-message p {
	font-weight: 600;
	text-align: center;
	margin: 0;
}

/*	Error Handling
----------------------------------------------- */

.error_msg_banner {	
	background: #FFF;
	font-size: 1.35em;
	height: 2.0em;
	left: 0px;
	line-height: 2.0em;
	margin: 0em;
	padding: 0.2em 0;
	position: absolute;
	text-align: center;
	text-shadow: 0 1px 0 #f6f6f6;
	top: 0px;
	width: 100%;
	z-index: 9999;
	color: #000;
	list-style:none;
	display:inline;
}

.site-main .module .error_msg  {
	color: #f00;
	margin-left: 25%;
}

.site-main .module .error_msg.no-left {
	margin-left: 0;
}

/*	Central Information Box
----------------------------------------------- */

.dim, .emergency-dim, .lock-dim {
	background: #000;
	z-index: 20;
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	-moz-opacity: 0.65;
	opacity: 0.65;
	filter: alpha(opacity=65);
	z-index: 1001;
}

.emergency-dim  {
	z-index: 1004;
}

.lock-dim  {
	background: #111;
	z-index: 1006;
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
}

.processing-box {
	-webkit-border-radius: 0.38em;
	-moz-border-radius: 0.38em;
	border-radius: 0.38em;
	background: #fff;
	width: 23.38em;
	height: 9.3em;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -11.53em;
	margin-top: -11.53em;
	z-index: 1002;
}
.processing-box h2 {
	padding: 0em;
	font-size: 2em;
	text-align: center;
	font-weight: bold;
}

.processing-box p {
	padding: 0em 1.8em;
	font-style:italic;
}

.hide {
	display: none;
}

/*	Modal Box
----------------------------------------------- */

.modal-box {
	-webkit-border-radius: 0.38em;
	-moz-border-radius: 0.38em;
	border-radius: 0.38em;
	background: #fff;
	width: 45em;
	height: 40em;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -23.5em;
	margin-top: -21em;
	z-index: 1002;
	padding: 1em;
}

.modal-box.no-height {
	height: auto;
}

.modal-box-scroll {
	height: 31em;
	overflow-x: hidden;
	overflow-y: auto;
	margin-bottom: 1em;
}

.modal-box-scroll::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 0.53em;
}
.modal-box-scroll::-webkit-scrollbar-thumb {
    border-radius: 0.30em;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,0.5);
}

.modal-box h2 {
	padding: 0em;
	font-size: 2em;
	font-weight: bold;
}

.modal-box h2 span {
	color: #ccc;
	font-weight: 500;
}

.modal-box p {
	padding: 0em 1.8em;
	font-style:italic;
}

.modal-warning {
	float: right;
	font-size: 0.5em;
	background: #c00;
	border-radius: 0.3em;
	padding: 0.5em 1em;
	color: #fff;
}

span.modal-warning {
	color: #FFF !important;
	font-weight: bold !important;
}

.modal-box form fieldset p.form-help {
	margin: .5em 0 0 25%;
	padding: 0;
}

/*	Production Association 
----------------------------------------------- */

.skipstep {
	float: right;
	height: 58px;
	line-height: 58px;
}

td.small_column, th.small_column {
	width: 10.8em;
}

td.icon_column, th.icon_column {
	width: 1em;
}

.no_association h2 {
	text-align: center;
	color: #888;
	padding: 0.5em 0em 1em 0;
	margin: 0;	
}
.page-modify-association form fieldset, .page-quick-association form fieldset, .page-marketing-modify-coupon-codes form .modify-restrictions fieldset  {
	margin: 1em 0 0 0;
}
.page-modify-association form fieldset.form-actions input, .page-quick-association form fieldset.form-actions input, .page-marketing-modify-coupon-codes form .modify-restrictions fieldset.form-actions input	  {
	float: left;
	width: 100%;
}
.page-modify-association form p.form-help, .page-quick-association form p.form-help, .page-marketing-modify-coupon-codes form .modify-restrictions p.form-help	 {
	margin: .5em 0 0 0;
	font-size: 1em;
	font-style: italic;
	color: #888;
	clear:both;
}

.association-search-results-container, .association-list-container	{
	margin-top: 1em;
	border: .077em solid #e6e6e6;
	padding: .25em .25em .2em .25em;
}
.association-search-results-container p {
	font-style: italic;	
	color: #888;
}

.order-product-image {
	width: 4em;
}

/*	Product Import
----------------------------------------------- */

.page-create-product-import .chzn-search {
	display: none;
}

.product-import-actions {
	margin: 0!important;
}

.product-import-actions input {
	float: right;
	margin: 0;
}

/*	Search
----------------------------------------------- */

.search_form {
	float: right;
	padding: 0.5em;
}
.search_form fieldset {
	margin: 0;
	padding: 0;
	border: 0;	
}

/*	Plugins
----------------------------------------------- */

.plugin_header .actions,
.plugin_header .actions li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.plugin_header .actions {
	float: right;
	margin: -4.4em 0 0 0;
	text-align: right;
}

.plugin_header .actions li {
	display: inline;
	margin-left: .5em;
}

.plugin_header .actions a {
	background: #83b600;
	border: 0;
	-webkit-border-radius: .231em;
	-moz-border-radius: .231em;
	border-radius: .231em;
	color: #fff;
	display: inline-block;
	font-weight: 600;
	padding: .6em 1em .5em 1em;
}

.plugin_header .actions a:hover {
	background-color: #690;
}

.plugin_header .actions a .icon {
	float: left;
	margin: -.125em .5em -.25em 0;
	position: relative;
}

.payment_gateway_quick_settings form {
	width: 25%;
	float: left;
}

.payment_gateway_quick_settings form fieldset {
	border-bottom:	 none;
	padding: 0;
}

.payment_gateway_quick_settings form fieldset.radio ul, .payment_gateway_quick_settings form fieldset.check ul {
	margin: 1em 0 0 1em;
}

.payment_gateway_quick_settings form fieldset.radio ul li, .payment_gateway_quick_settings form fieldset.check ul li {
	float: left;
	width: 50%;
	margin: 0;
}

.payment_gateway_quick_settings p {
	width: 70%;
	float: left;
	margin: 0 5% 0 0;
}


/*	Prompt Dialog
----------------------------------------------- */

.dialog {
	display: none;
	padding: 1em;
	width: 30em;
	height: auto;
	top: 20em;
	left: 50%;
	position: fixed;
	margin-left: -15em;
	margin-top: -3.5em;
	background: #fff;
	-webkit-border-radius: .231em;
	-moz-border-radius: .231em;
	border-radius: .231em;
	border: 1px #eee solid;
	z-index: 1002;
}

.emergency-dialog {
	z-index: 1006;
}

.dialog.show {
	display: block;
}

.dialog h3 {
	margin: 0;
}

.dialog .actions .cancel:hover	{
	background-color: #ccc;
	color: #666;
}

.dialog .actions .cancel {
	background-color: #ddd;
	color: #888;
}

.dialog .actions .cancel:focus,
.dialog .actions .cancel:active {
	border-color: #ccc;
}

.dialog .close {
	float: right;
	display: block;
	top: 0;
	right: 0;
	position: absolute;
	padding: 0.4em;
	background: #eee;
	color: #000;
	font-size: .75em;
	line-height: 0.75em;	
}

table .icon-cancel {
	cursor: pointer;
	position: relative;
}

/*	File Manager
----------------------------------------------- */

.code_editor_container {
	position:relative;
	width: 100%;
	height: 50em;
	padding: 0;
}

.code_editor_container #code_editor { 
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.page-theme-editor-browser table th.list-actions {
	width: 20%;
}

.theme-editor-file-upload {
	display: none;
}

.theme-editor-path p {
	margin: 0;
}

/*	Percentage Bar
----------------------------------------------- */

.percentage-bar-container {
	height: 2.5em;
	width: 100%;
	border: 1px solid #ccc;
}

.percentage-bar-container .percentage-bar-fill {
	background: #83b600;
	height: 2.5em;
	width: 0;
}
.percentage-bar-description {
	text-align: center;
	font-style: italic;
	padding: 1em 0 0 0;
}

/*	Social Integration
----------------------------------------------- */

ul.share-list {
	padding: 0;
	margin: 0;
}

.share-list a {
	width: 41.3%;
	float: left;
	margin-right: 2%;
}

/*	Customer
----------------------------------------------- */

.customer-view-data-module {
	margin: 0 0 1.5em 0;
}

.association_option_container {
	float: right;
	padding: .8em 0;
}

.association_option_container select {
	width: 11em;
}

.print-order-status {
	display: none;
}

/*	Blog
----------------------------------------------- */

.page-modify-blog-post .ul-list li {
	padding: 1em;
}

.blog-browse-tags {
	background: #ccc;
	color: #fff;
	padding: .5em;
	line-height: 2.5em;
	text-align: center;
	width: 15%;
	border: 1px solid #ccc;
	float: left;

}

.blog-browse-tags a {
	color: #fff;
	display: block;
	width: 100%;
	height: 100%;
}

/*	EPOS
----------------------------------------------- */
.page-epos header, .page-epos footer {
	display: none;
}

.payment-options {
	margin: 1em 0;
}

.page-epos .payment-option {
	text-align: center;
}

.page-epos .payment-option .inner {
	padding: 1.45em 0;
}

.page-epos .col-first.payment-option .inner {
	background: #83b06b;
}

.page-epos .col-second.payment-option .inner {
	background: #5b9a3d;
}

.page-epos .col-third.payment-option .inner {
	background: #3e7821;
}

.page-epos .payment-option .icon {
	font-size: 5.31em;
	color: #fff;
}

.page-epos .payment-option h2 {
	border-bottom: none;
	padding: 0;
	margin: 0;
	color: #fff;
}

.epos-cart-container {
	margin: 0;
}


.epos-order-info-container {
	background: #fff;
	border: 1px solid #e6e6e6;
	margin: 1em 0 1em 0;
	padding: 1.5em 1.5em 1.5em 1.5em;
}

.page-epos dl.order-info.last {
	margin-left: 0;
}

.page-epos dl.order-info {
	margin: 0;
	border-bottom: 0;
}

.page-epos .order-info-total {
	padding-top: 2.7em;
}

#epos-checkout-modal h2 {
	margin: .5em 0 0em 0;
}

.order-total-review {
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	padding: 0.35em 0;	
}

#epos-checkout-modal form fieldset {
	margin: 0 2%;
	float: left;
	width: 44.5%;
}

.last-stage-status,
.no-order-deductions {
	text-align: center;
}

.last-stage-status .fa-stack,
.no-order-deductions .fa-stack {
	font-size: 3.5em;
	margin: 3.5em 0 0.5em 0; 
}

.last-stage-status .fa-circle,
.no-order-deductions .fa-circle {
	color: #F2F2F2;
	text-shadow: 1px 2px 1px #FFF;
}

#epos_checkout_step_5 .form-actions {
	float: right;
	text-align: center;
	margin-left: 0 !important;
	width: 100% !important;		
}

#epos_checkout_step_5 .form-actions #epos_checkout_step_submit_5 {
	width: 30%;
}

.last-stage-status .fa-check,
.no-order-deductions .fa-tag {
	color: #D4D4D4;
	font-size: 0.9em;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.68);
}

.epos-action-lock-screen .last-stage-status p {margin: 0 0 2em 0;}

.last-stage-status p {
	color: #DFDFDF;
	font-size: 2em;
	font-style: italic;
	margin: 0 0 4.5em 0;
	text-shadow: 1px 2px 1px #FFF;
}

#epos-checkout-modal form fieldset label {
	width: 100%;
}

#epos-checkout-modal form fieldset input[type="radio"] {
	width: auto;
	margin: 0 42% 0.5em 42%;
	float: none;
	
}

#epos-checkout-modal form fieldset select {
	width: 100%;
}

#epos-checkout-modal form fieldset input[type="reset"] {
	width: 25%;
	margin: 0;
	float: right;
}

#epos-checkout-modal form fieldset input[type="submit"] {
	width: 70%;
}

#epos-checkout-modal form fieldset.form-actions {
	margin-right: 0;
	width: 46%;
	margin-top: 2.5em;
	border: 0;	
}

.epos-checkout-confirmation .form-actions {
	margin-left: 7% !important;
}

#epos-checkout-modal .epos-checkout-shipping-address form fieldset.form-actions {
	margin-top: 0;
}

.epos-checkout-shipping-address form fieldset.form-actions {
	margin: 1em !important;
}

.epos-checkout-shipping-address .form-actions label {
	margin: 0 0 0 0.5em !important;
	top: -0.4em !important;
}

.epos-checkout-button {
	cursor: pointer;
}

.epos-addresses p {
	padding: 0;
}

.epos-addresses .col-second {
	text-align: right;
}

#epos-checkout-modal form fieldset.form-actions label {
	display: inline;
	float: none;
	width: auto;
	font-weight: normal;
	margin: 0 0 0 2em;
	position: relative;
	top: -1.2em;
}


.epos-action-refund .search-intro .big-icon,
.epos-action-exchange .search-intro .big-icon,
.epos-action-exchange .search-intro .big-icon {
	margin: 0.7em 0 0.1em 0;
	font-size: 7em;
}

.epos-action-refund .search-intro p.help,
.epos-action-exchange .search-intro p.help {
	color: #DFDFDF;
	font-size: 2em;
	font-style: italic;
	text-shadow: 1px 2px 1px #FFF;
}

.page-epos .middle {
	text-align: center;
}

.page-epos .right {
	text-align: right;
}

.epos-modal-table-items .col1 {
	width: 20%;
}

.epos-modal-table-items .col2 {
	width: 20%;
}

.epos-modal-table-items .col3 {
	text-align: center;
	width: 16%;
}

.epos-modal-table-items .col3 .epos-qty {
	width: 10%;
}

.refundstage2.form-actions,
.exchangestage2.form-actions {
	margin: 0;
	float: right;
	width: 100%;
}

.refundstage2.form-actions .col-first,
.exchangestage2.form-actions .col-first {
	font-size: 1.5em;
	text-align: left;
	width: 60%;
}

.refundstage2.form-actions .col-second,
.exchangestage2.form-actions .col-second {
	width: 40%;
	text-align: right;
}

.refundstage2.form-actions .col-first p,
.exchangestage2.form-actions .col-first p {
	font-style: normal;
	text-transform: uppercase;
	line-height: 1.5em;
	padding: 0;
	margin: 0;
}

.refundstepthree .last-stage-status p,
.exchangestepthree .last-stage-status p {
	margin: 0;
}

.refundstepthree .receipt-email-status,
.no-order-deductions p.help {
	font-size: 1.5em;
	margin:  1em 0 0 0;
	text-align: center;
}

.print-actions {
	margin: 2em 0 0 0 !important;
	text-align: center;
	width: 100%;
}
.print-actions input[type="submit"], .print-actions input[type="reset"] {
	text-align: center;
	font-size: 1.6em;
	float: none!important;
}

.page-epos .product-ajax-search {
	background: #fff;
	border: 1px solid #e6e6e6;
	margin: 0 0 1em 0;
	padding: 1.5em 1.5em 1.5em 1.5em;
}

.page-epos .product-ajax-search #product_stock_update_search {
	width: 98%;
}

.exchangestepthree .credit-status {
	font-size: 1.5em;
	margin:  1em 0 0 0;
	text-align: center;
}

.epos-checkout-shipping-options {
	min-height: 70%;
	height: 70%;	
}

.epos-checkout-shipping-options form#epos_checkout_step_3, .epos-checkout-shipping-options .col-wrapper {
	min-height: 100%;
	height: 100%;
}

.epos-checkout-shipping-options .col {
	font-size: 1.4em;
	height: 100%;
	margin: 2em 0 0 0;
	width: 45%;
}

.epos-checkout-shipping-options .col-first {
	border-right: 1px solid #EEE;
	text-align: center;
}

.epos-checkout-shipping-options .col-first input {
	width: 100%;
	margin: 7.5em 0 1em 45%;
}

.epos-checkout-shipping-options .col-first label {
	width: 100%;
}

.epos-checkout-shipping-options .col-second ul {margin: 0;}

.epos-checkout-shipping-options .col-second li {
	border-bottom: 1px solid #EEE;
	list-style: none;
	padding: 0.5em 0;
}

.epos-checkout-shipping-options .col-second label {
	line-height: 1em;
}

.epos-checkout-shipping-options .col-second input {
	margin: 0.5em 0.5em 0 0;
}

.epos-checkout-shipping-options .form-actions {
	width: 50% !important;
	margin: 2.5em 0 0 0 !important;
	float: right! important;
}

.epos-checkout-confirmation .form-actions {
	width: 50% !important;
	margin: 2.5em 0 0 0 !important;
	float: right! important;
}

.epos-error {
	z-index: 1002;
	position: fixed;
	background-color:rgba(204 ,63 ,68 ,0.8);
	left: -23.5em;
	width: 45em;
	margin-left: 50%;
	top: 1em;
	padding: 1em;
	color: #fff;
	-webkit-border-radius: .231em;
	-moz-border-radius: .231em;
	border-radius: .231em;
}

#epos-locked {
	padding: 1em 3em;
	border: 1px solid #CCC;
	font-weight: bold;
	text-align: center;
	outline: none;
	border-radius: 10em;
}

#epos-locked-modal {
	z-index: 1007;
}


.epos-controls {
	width: 100%;
}

.epos-controls .number-controls, .epos-controls .number-controls li {
	list-style: none;
	padding: 0;
	margin: 0;
}

.epos-controls .number-controls li {
	width: 23%;
	float: left;
	border: 1px solid #e6e6e6;
	margin-right: 2%;
	margin-bottom: 0.5em;
	display: block;
	text-align: center;
	background: #fff;
	
}

.epos-controls .number-controls li.enterbtn {
	background: #2ecc71;
}

.epos-controls .number-controls li.qtybtn {
	background: #e67e22;
}

.epos-controls .number-controls li.cancelbtn {
	background: #c00;
}

.epos-controls .number-controls li.nosalebtn {
	background: #c00;
}

.epos-controls .number-controls li.creditbtn {
	background: #2980b9;
}

.epos-controls .number-controls li.refundbtn {
	background: #d35400;
}

.epos-controls .number-controls li.exchangebtn {
	background: #1abc9c;
}

.epos-controls .number-controls li.unknownbtn {
	background: #bdc3c7;
}

.epos-controls .number-controls li.enterbtn a,
.epos-controls .number-controls li.qtybtn a,
.epos-controls .number-controls li.cancelbtn a,
.epos-controls .number-controls li.nosalebtn a,
.epos-controls .number-controls li.creditbtn a,
.epos-controls .number-controls li.refundbtn a,
.epos-controls .number-controls li.exchangebtn a,
.epos-controls .number-controls li.unknownbtn a {
	color: #fff;
}

.epos-controls .number-controls li:nth-child(4n) {
	margin-right: 0;	
}

.epos-controls .number-controls li a {
	height: 2em;
	line-height: 2em;
	font-weight: 600;
	display: block;
	color: #111;
	font-size: 2em;
}

.epos-shortcuts {
	width: 100%;
}

.epos-shortcuts .epos-shortcut-controls, .epos-shortcuts .epos-shortcut-controls li {
	list-style: none;
	padding: 0;
	margin: 0;
}

.epos-shortcut-control-tab {
	overflow-y: scroll;
}

.epos-shortcuts .epos-shortcut-controls li {
	width: 31%;
	float: left;
	border: 1px solid #e6e6e6;
	margin-right: 2%;
	margin-bottom: 0.5em;
	display: block;
	text-align: center;
	background: #fff;
}

.epos-shortcuts .epos-shortcut-controls li a:active,
.epos-controls .number-controls li a:active {
	background: #34495e!important;
	color: #fff!important;
}

.epos-shortcuts .epos-shortcut-controls li:nth-child(3n) {
	margin-right: 0;	
}

.epos-shortcuts .epos-shortcut-controls li a {
	height: 2em;
	line-height: 2em;
	font-weight: 600;
	display: block;
	color: #111;
	font-size: 2em;
}


.epos-shortcut-tabs, .epos-shortcut-tabs li {
	list-style: none;
	padding: 0;
	margin: 0;
}

.epos-shortcut-tabs li {
	width: 22%;
	float: left;
	border: 1px solid #e6e6e6;
	margin-right: 2%;
	margin-bottom: 0.5em;
	display: block;
	text-align: center;
	background: #fff;
}

.epos-shortcut-tabs li a {
	height: 2em;
	line-height: 2em;
	font-weight: 600;
	display: block;
	color: #111;
	font-size: 2em;
}


.page-epos .header-bar .inner,
.page-epos .site-main .inner {
	max-width: none;
}

.page-epos {
	background: #fafbfb url('../graphics/noise.png') repeat 50% 50%;
}

.epos-cart, .product-ajax-list {
	overflow-y: scroll;
}

.page-epos .header-bar {
	padding: 0.5em 1.5em .75em 1.5em;
	margin-bottom: 1em;
}

.page-epos {
	-moz-user-select: -moz-none;
	-moz-user-select: none;
	-o-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.epos-cart-items tr.selected {
	background: #1abc9c;
	
}

.epos-cart-items tr.selected td {
	color: #fff!important;
}

.col-wrapper.epos-container-cols {
	margin-bottom: 0;
}

.page-epos .site-main {
	padding: 0 1.5em;
}

.epos-container-right .inner {
	padding-top: 0;
	padding-bottom: 0;
}

body.page-epos {
	overflow: hidden; /* Prevent scroll bounce. */
}

.automated-login-container .fa-stack {
	font-size: 5em;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}

.automated-login-container .fa-lock {
	color: #D4D4D4;
	font-size: 0.9em;
}


.automated-login-container p, .manual-login-container p {
	color: #DFDFDF;
	font-size: 1.2em;
	font-style: italic;
	margin: 1em 0 1em 0;
	text-shadow: 1px 2px 1px #FFF;
	text-align: center;
}

.epos-tab-col > .inner {
	border: 1px solid #e6e6e6;
	padding: 1em;
	text-align: center;
	background: #fff;
	margin-right: 5%;
}


.epos-tab-col:last-child > .inner {
	margin-right: 0;
}

.epos-cart-container, .epos-search-results-container {
	position: relative;
}

.epos-table-control-container {
	width: 5%;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 1em;
}

.epos-cart, .page-epos .product-ajax-list {
	width: 93%;
}

.epos-table-control-up {
	position: absolute;
	top: 1em;
	text-align: center;
	background: #eee;
	width: 100%;
	height: 3em;
	line-height: 3em;
	cursor: pointer;
}

.epos-table-control-down {
	position: absolute;
	bottom: 1em;
	text-align: center;
	background: #eee;
	width: 100%;
	height: 3em;
	line-height: 3em;
	cursor: pointer;
}

.page-epos .header-bar h1 span{
	border-radius: 0.1em;
	background: #eee;
	font-size: 0.5em;
	padding: 0.8em;
}

.page-epos .header-bar h1 span a {
	color: #111;
}

.page-epos dl.order-info {
	width: 60%;
}

.page-epos .telephone-mode-span input[type="checkbox"]{
	float: none;
	margin-left: 0.5em;
}

.page-epos .epos-telephone-mode-enabled {
	display: block;
}

.page-epos .epos-telephone-mode-disabled {
	display: none;
}

#epos-checkout-modal form fieldset.cash-received-fieldset {
	  margin: 0;
	  width: 102.5%;
}

.epos-refund-table-container {
	height: 30em;
	overflow-y: scroll;
}


/*	Ajax Product Search
----------------------------------------------- */

.product-ajax-list li {
	position: relative;
}

.product-ajax-list li a {
	display: block;
}

.product-ajax-list p {
	margin: 0;
	font-weight: normal;
}

.product-ajax-list li p, .product-ajax-list li p a {
	color: #888;
}

.product-ajax-search fieldset {
	border-bottom: none;
	margin: 0;
	padding: 0;
}

.product-ajax-search fieldset p.form-help {
	margin: .5em 0 0 0;
}

.product-ajax-search .icon-spinner {
	float: right;
	line-height: 1em;
	margin: -1.65em 1em 0 0;
}
.product-ajax-search fieldset input.form-text {
	width: 99%;
}

/*	Spin
----------------------------------------------- */

.spin {
	-webkit-animation: spin .4s infinite linear;
	-moz-animation: spin .4s infinite linear;
	-o-animation: spin .4s infinite linear;
	animation: spin .4s infinite linear;
}

@-moz-keyframes spin {
	from {
		-moz-transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(360deg);
	}
}

@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

/*	Reports
----------------------------------------------- */

.ga-stat-cols .col p {
	text-align: center;
	font-size: 3em;
	margin: 0;	
}


/* Prevent default style overriding mce */
.mce-widget button:hover,
.mce-container button:hover,
html .mce-container input[type="button"]:hover,
.mce-container input[type="reset"]:hover,
.mce-container input[type="submit"]:hover,
.moxman-container button:hover,
html .moxman-container input[type="button"]:hover,
.moxman-container input[type="reset"]:hover,
.moxman-container input[type="submit"]:hover
 {
	background: none;
}

/* Lighten Tiny MCE */
.mce-container, .mce-toolbar .mce-btn, .mce-toolbar .mce-btn.mce-disabled { background: #fff!important; filter: none!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; }
.mce-btn:hover, .mce-btn:focus {
    background-color: #eee!important;
}

/* Fix IE9 Moxie Flash Upload Button */
.moxie-shim object {
	width: 100%;
}

/* Hide dropit until its stylesheet loads. */
.drop-menu {
	display: none;
}
.drop-menu.dropit {
	display: block;
}

.report_search_form {
	float: right;
	padding: 0.5em;
	width: 50%;
}

.report_search_form_department {
	margin: 0;
	padding: 0;
	border: 0;
	float: right;
}

.report_search_form_cost_price {
	float: right;
	width: 27%;
	margin: 0;
	padding: 0;
	border: 0;
}

.report_search_form_cost_price label {
	width: auto;
	padding-right: 1em;
}

.report_search_form_cost_price input {
	margin-top: 0.7em;
}

.report_search_form_department select {
	width: 10em;
}

/*	Order notes
----------------------------------------------- */
.order-note {
	margin: 0 0 1em 0;
}

.order-note.last {
	border: none;
}

.order-note .col-first {
	border-right: 1px solid #EEE;
	margin-right: 3%;
	width: 10%; 
}

.order-note .col-second {
	width: 85%;
}

.order-note-avatar {
	text-align: center;
}

.order-note-avatar .fa-stack {
	padding: 0.5em 0 0.3em 0;
	color: #CCC;
	font-size: 2em;
	line-height: 2em;
	width: 100%;	
}

.order-note-avatar .fa-user {
	text-shadow: 1px 1px 2px #A1A1A1;
}

.customer .order-note-avatar .fa-circle {
	color: #83b600;
}

.customer .order-note-avatar .fa-user  {
	text-shadow: 1px 1px 2px #5A7C03;
}

.order-note-name {
	color: #666;
	font-size: 1.2em;
}

.order-note-timestamp {
	border-bottom: 1px solid #EEE;
	font-style: italic;	
	padding: 0 0 0.5em 0;
	margin: 0 0 0.5em 0;
}

.order-note-timestamp .time {
	font-weight: bold;
}

.order-note-message {
	margin: 1em 0;
}

/*	Order Timeline
----------------------------------------------- */
.timeline-wrapper:before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 0.769em;
	background: #eee;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	left: 4.5em;
	margin-left: -0.769em;
}

.order-timeline {
	margin: 0 0 1em 0;
}

.order-timeline.last {
	border: none;
}

.order-timeline .col-first {
	margin-right: 3%;
	width: 7%; 
}

.order-timeline .col-second {
	width: 90%;
}

.order-timeline-avatar {
	text-align: center;
}

.order-timeline-avatar .fa-stack {
	padding: 0.5em 0 0.3em 0;
	color: #CCC;
	font-size: 2em;
	line-height: 2em;
	width: 100%;	
}

.timeline-item-order .order-timeline-avatar .fa-stack-1x  {
	text-shadow: 1px 1px 2px #2D9ABC;
}

.timeline-item-order .order-timeline-avatar .fa-circle {
	color: #40c8f2;
}

.timeline-item-payment .order-timeline-avatar .fa-stack-1x	{
	text-shadow: 1px 1px 2px #5F8304;
}

.timeline-item-payment .order-timeline-avatar .fa-circle {
	color: #83b600;
}

.timeline-item-status .order-timeline-avatar .fa-stack-1x  {
	text-shadow: 1px 1px 2px #C9941E;
	font-size: 0.8em;
	margin-left: -0.09em
}

.timeline-item-status .order-timeline-avatar .fa-circle {
	color: #fabd34;
}

.timeline-item-email .order-timeline-avatar .fa-stack-1x  {
	font-size: 0.7em;
	text-shadow: 1px 1px 2px #8e44ad;
	margin-left: -0.15em
}
.timeline-item-email .order-timeline-avatar .fa-circle {
	color: #9b59b6;
}

.order-timeline-name {
	color: #666;
	font-size: 1.2em;
}

.order-timeline-timestamp {
	color: #AAA; 
	font-style: italic;	
	padding: 0 0 0.5em 0;
	margin: 0 0 0.5em 0;
}

.order-timeline-timestamp .time {
	font-weight: bold;
}

.order-timeline-message {
	margin: 0.8em 0 0.5em 0;
	font-size: 1.3em;
	font-weight: bold;
}

.emptytimeline {
	text-align: center;
	
}

.emptytimeline .fa-stack {
	font-size: 3.5em;
	margin: 3.5em 0 0.5em 0;
}

.emptytimeline .fa-circle {
	color: #F2F2F2;
	text-shadow: 1px 2px 1px #FFF;
}

.emptytimeline .fa-archive {
	color: #D4D4D4;
	font-size: 0.9em;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.68);
}

.emptytimeline p {
	color: #DFDFDF;
	font-size: 2em;
	font-style: italic;
	margin: 0 0 6em 0;
	text-shadow: 1px 2px 1px #FFF;
}


/*	Page Form Edit
----------------------------------------------- */

form fieldset input.extra-content-field {
	float: left;
}

.icon.extra-content-field-cancel, .icon.content-field-cancel {
	float: left;
	line-height: 2.6em;
	margin-left: -1.6em;
	cursor: pointer;	
}

.edit-page-form-table tr.page-form-extra-options input[type=text] {
	width: 98.5%!important;
}


/*	Custom Variables
----------------------------------------------- */

form fieldset input.custom-variable-field {
	float: left;
}


.icon.custom-variable-field-cancel {
	float: left;
	line-height: 2.6em;
	margin-left: -1.6em;
	cursor: pointer;	
}


/*	Information Box
----------------------------------------------- */

.information-box {
        background: #0A70BD    ;
        border: 1px solid #07528b   ;
        color: #FFF;
        margin: 0 0 1em 0;
}
 
.information-box > .inner {
        padding: 1em 1.5em;
}
 
.information-box .icon {
        float: left;
        font-size: 8em;
        text-align: center;
        width: 18%;
}
 
.information-box .icon .fa {
        color: #FFF ;
        -webkit-transform: rotate(-8deg);
        -moz-transform: rotate(-8deg);
        -ms-transform: rotate(-8deg);
        -o-transform: rotate(-8deg);
        text-shadow: 2px 4px 1px #074b7f ;
}
 
.information-box .text {
        color: #FFF;
        float: left;
        margin: 0 0 0 2%;
        text-shadow: 1px 2px 1px #074b7f;
        width: 80%;
}
 
.information-box h4 {
        color: #FFF ;
        font-size: 2em;
        letter-spacing: 0.1em;
        margin: 0.2em 0;
        text-transform: uppercase;
        text-shadow: 1px 2px 1px #074b7f;
        line-height: 1.3em;
}
 
.information-box p {
        font-size: 1.4em;
        letter-spacing: -0.03em;
}
 
.information-box .telephone {
        float: left;
        font-size: 2.5em;
        line-height: 1em;
        margin: 0.3em 0;
        letter-spacing: -0.01em;
        text-transform: uppercase;
        text-align: center;
        width: 50%;
}
 
.information-box .telephone strong {
         color: #a9deff;       
}
 
.information-box .email {
        float: left;
        font-size: 2.5em;
        line-height: 1em;
        margin: 0.3em 0;
        text-transform: uppercase;
        text-align: right;
        width: 50%;
}
 
.information-box .email a {
        border: 1px solid rgba(255, 255, 255, 0.43);
        border-radius: 0.2em;
        color: #FFF;
        padding: 0.1em 0.4em;
}
 
.information-box .email a:hover {
        background: rgba(255, 255, 255, 0.29);
        color: #FFF;
        text-shadow: none;
}

/*	Product Filter
----------------------------------------------- */

.filter-option-field input {
	float: left;
}

.filter-option-field .icon.icon-cancel {
	float: left;
	line-height: 2.6em;
	margin-left: -1.6em;
	cursor: pointer;	
}


/*	Search Filter
----------------------------------------------- */
.filter-search {
	margin: 0 0 1em 0;
}

.filter-search-padding {
	overflow: hidden;
	height: 3.2em;
	width: auto;
}

.no-filter.filter-search input[type="text"] {
	border-left: 1px solid #ddd;
	width: 98.8%;
}

.filter-search input[type="text"] {
	min-width: 0;
	border: 1px solid #ddd;
	border-left: none;
	height: 2.45em;
	font-size: 1em;
	border-radius: 0;
	background: #fff;
	width: 98.9%;
	outline: 0;
	padding: 0 0 0 1%;
}

.filter-search input[type="text"]:focus {
	outline: none;
}

.filter-search input[type="button"] {
	background: #83b600;
	color: #FFF;	
	border:  none;
	height: 2.6em;
	border-radius: 0;
	font-size: 1em;
	margin: 0;
	float: left;
	padding: 0;
	width: 7em;	
}

.filter-search input[type="button"]:hover {
	background: #690;
	color: #FFF;
}

.page-reports .table-filter {
	margin: 1em 0 1em 0;
}

.table-filter {
	background: #FFF;
	border: 1px solid #DDD;
	border-radius: 0.2em;
	margin: 0 0 1em 0;
	position: relative;
}
.table-filter:after, .table-filter:before {
	bottom: 100%;
	left: 3.5em;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.table-filter:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #FFF;
	border-width: 15px;
	margin-left: -15px;
}
.table-filter:before {
	border-color: rgba(221, 221, 221, 0);
	border-bottom-color: #DDD;
	border-width: 16px;
	margin-left: -16px;
}

.table-filter ul {
	list-style: none;
	margin: 1em 1em 0 1em;
}

.table-filter li {
	float: left;
	margin: 0 0 1em 0;
	width: 25%;
}

.table-filter label {
	color: #555;
	font-weight: 600;
	margin: 0 0.8em 0 0;
}

.table-filter select {
	width: 95%;
}

.table-filter input[type="text"]{
	width: 89%;
}

.table-filter input[type="submit"]{
	width: 95%;
	margin-top: 1.5em;
	margin-bottom: 0;
}

.dataTables_filter {
	display: none!important;
}

/*	Custom Fields
----------------------------------------------- */

.custom-field-list li label:before {
	color: #CCC;
	font-family: FontAwesome;
    content: '\f07d';
    margin-left: -3em;
	margin-right: 2.5em;
}

/*	Find and Replace
----------------------------------------------- */

.find-and-replace-results tr.find-replace-fields-tr {
	width: 12.5%;
}

.find-and-replace-results tr.find-replace-fields input {
	width: 100%;
}

.find-and-replace-results tr.find-replace-title td {
	border-bottom: none;
}

table.find-and-replace-results tbody tr:nth-child(4n), table.find-and-replace-results tbody tr:nth-child(4n-1) {
    background: #f9f9f9;
}

table.find-and-replace-results tbody tr:nth-child(4n-2), table.find-and-replace-results tbody tr:nth-child(4n-3) {
    background: none;
}

/*	Associations Status
----------------------------------------------- */

.mini_status_update {
	position: fixed;
	right: 0;
	top: 1em;
	padding: 0.5em 1em;
	background: #27ae60;
	color: #fff;
}

.mini_status_update.failed {
	background: #c0392b;
}

/*	General
----------------------------------------------- */

.utm-tag {
	background: #83b600;
	padding: 0.5em;
	border-radius: 0.5em;
	color: #fff;
}

/*	Restock
----------------------------------------------- */

form.product_restock_update_form fieldset label {
	width: 100%;
}

form.product_restock_update_form fieldset input.form-text {
	width: 97%;
}

.product-search-results-container, .product-list-container {
	margin-top: 1em;
	border: .077em solid #e6e6e6;
	padding: .25em .25em .2em .25em;
}

#product_item_list.ul-list li {
	position: relative;
}

#product_item_list.ul-list .delete-item {
	top: 50%;
	margin-top: -1.5em;
	right: 0;
	position: absolute;
}


.previous-restock-notice {
	margin-top: 1em;
	background: #faf8ca;
	padding: 1em;
}

.previous-restock-notice h4 {
	margin-top: 0;
}

.previous-restock-notice p {
	margin: 0;
}


/*	Product Feed
----------------------------------------------- */

form fieldset input.product-feed-editable-field {
	float: left;
}

.icon.product-feed-editable-field-cancel {
	float: left;
	line-height: 2.6em;
	margin-left: -1.6em;
	cursor: pointer;	
}



/*	Category Tree
----------------------------------------------- */


.category-tree, .category-tree li {
	list-style: none;
	padding: 0;
	margin: 0;
	
}
.category-tree li a {
	font-size: 1.2em;
}

/*	Fixes
----------------------------------------------- */
.dataTable .child .drop-menu > li > a {
	display: none!important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
	box-shadow: none!important;
	top: 20px!important;
	line-height: 16px!important;
}



@media only screen and (max-width: 90em) {
	
	.sub-navigation-bar {
		padding: 0 1.5em;	
	}

	
	.sub-navigation {
		overflow: scroll;
	}
	
	.sub-navigation > ul {
		white-space: nowrap;
	}
	
	.sub-navigation > ul > li {
		float: none;
		display: inline-block;
	}
	
	
}

@media only screen and (max-width: 56.25em) {

	h1 {
		font-size: 1.5em;
	}
	
	h2 {
		font-size: 1.125em;
	}
	
	h3 {
		font-size: 0.9em;
	}
	
	h4 {
		font-size: 0.75em;
	}
	
	h5,
	h6 {
		font-size: 0.75em;
	}
	
	.dialog h3 {
		font-size: 1.2em;
	}
	
	/* Remove unwanted elements */
	.col-wrapper.addresses .col-second {
		text-align:right;
	}
	.header-bar .intro, .addresses .col h2 img {
		display: none;
	}
	
	.module, .col > .block {
		border-left: none;
		border-right: none;
	}
	
	.site-main {
		padding-left: 0;
		padding-right: 0;
	}
	
	.col-5col .col-span-2 {
		width: 100%;
		margin-bottom: 1em;
	}
	
	.col-4col .col-span-2 {
		width: 100%;
		margin-bottom: 1em;
	}
	
	.col-5col .col-span-1.payment-option {
		width: 33%;
		margin-bottom: 1em;
	}
	
	.col-5col .col-span-1.payment-option:last-child {
		width: 34%;
	}
	.col > .block {
		margin-left: 0;	
	}
	
	dl.order-info {
		width: 100%;
		float: left;
	}
	
	dl.order-info.first {
		margin-right: 0%;
	}
	dl.order-info.last {
		margin-left: 0%;
	}
	
	dl.order-info dd {
		width: 50%;
	}
	
	form fieldset label {
		width: 100%;	
	}
	
	.form_keywords_container, .page_keywords_container, .custom_field_options_container, .department_keywords_container, .supplier_keywords_container, .department_image_container, .department_feature_image_container, .feature_image_container, .supplier_image_container, .symbol_image_container, .company_logo_container, .product_import_file_container, .coupon_import_file_container, .product_keywords_container, .product_image_upload_manager_container, .blog_post_keywords_container, .product_image_upload_container, .page_image_container, .blog_post_image_container {
		width: 95%;
	}
	
	.blog_post_categories_container, .blog_post_tags_container {
		width: 98%;
	}
	
	.page_content_container, .custom_area_content_container, .department_content_container, .feature_content_container, .plugin_content_container, .product_content_container, .blog_post_content_container, .supplier_content_container, .form_content_container {
		width: 97.5%;
	} 
	
	form fieldset input.form-text, form fieldset textarea {
		width: 95%;
	}
	
	form fieldset p.form-help {
		margin-left:0;
	}
		
	.user-box {
		width: auto!important;
		border: none;
	}
	
	.site-header li.version {
		display: none;
	}
	
	form fieldset select {
		width: 96.5%;
	}
	
	.user-box form fieldset.check {
		padding-left: 0;
	}
	
	.user-box form fieldset.form-actions, .user-box form fieldset.form-actions input {
		margin: 0;
		width: 100%;
	}
	
	.error_msg_banner {	
		font-size: 1em;
		height: auto;
	}
	
	.product-options input.form-text {
		width: 95%;
		padding-right: 0;
	}
	
	form .product-options fieldset.form-actions {
		margin: 0;
	}
	
	.payment_gateway_quick_settings form fieldset.radio ul li, form fieldset.check ul li {
		float: none;
		margin: 0 0 .5em 0;
	}
	
	.dialog {
		width: 95%;
		border-left: none;
		border-right: none;
		left: 0;
		margin-left: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		padding: 2.5%;
	}
	
	.modal-box {
		width: 100%;
		border-left: none;
		border-right: none;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		margin: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		padding: 0;
		height: auto;
		margin-left: 0;
		margin-top: 0;
	}
	
	
	.epos-error {
		left: 0;
		right: 0;
		margin-left: 0;
		background-color:rgba(204 ,63 ,68 ,1);
		top: auto;
		bottom: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		width: auto;
	}
	
	.col-wrapper.addresses .col-second {
		text-align: left;
	}
	
	.timeline-wrapper:before{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		width: 0.769em;
		background: none;
		border-left: none;
		border-right: none;
		left: 4.5em;
		margin-left: -0.769em;
	}	
	
	.order-timeline .col {
		text-align: center;
		width: 100%;
	}
	
	.order-timeline .col.last {
		border-bottom: 1px solid #EEE;	
	}
	
	.information-box .icon {
		font-size: 6em;
	}
	
	.information-box .telephone {
		font-size: 2em;
	}
	
	.header-with-actions .actions a {
		font-size: 0.8em;
		margin-top: 1em;
	}
	
}

@media only screen and (max-width: 37.5em) {
	
	.toolbar a.preview {
		display: none;
	}
	
	.col-4col .col-span-1 {
		width: 50%;
		margin-bottom: 1em;
	}
	
	.table-filter li {
		width: 50%;
	}
	.header-main .main-navigation ul, .site-title {
		display: none;
	}
	
	.header-main nav {
		width: 100%;
	}
	
	.header-main .inner {
		max-width: auto;
		padding: 0;
	}
	
	.main-navigation li {
		width: 100%;
	}
	
	.main-navigation > ul > li > a {
		-webkit-border-top-left-radius: 0;
		-webkit-border-top-right-radius: 0;
		-moz-border-radius-topleft: 0;
		-moz-border-radius-topright: 0;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
	
	.main-navigation a.mobile-menu-selector {
		display: block;
		background: #162b3a;
		background: rgba(0,0,0,.25);
		color: #fff;
		font-weight: 600;
		padding: .9em 1.5em .7em 1.5em;
		text-shadow: 0 .1em .2em rgba(0,0,0,.5);
		border-bottom: .1em solid #0d1a23;
	}
	
	.blog_post_categories_container, .blog_post_tags_container {
		width: 95%;
	}
	
	.blog_post_categories_container .tagsinput, .blog_post_tags_container .tagsinput, .blog-browse-tags {
		width: 100%!important;
	}

	.information-box .text {
		width: 100%;
		text-align: center;
	}
	
	.information-box .email {
		display: none;
	}
	
	.information-box .telephone {
		width: 100%;
	}
	
	.information-box .icon {
		width: 100%;
	}

}

@media only screen and (max-width: 25em) {
	.col-4col .col-span-1 {
		width: 100%;
		margin-bottom: 1em;
	}
	.page-login {
		background: #fff; 
	}
	.user-box {
		margin: 0;
	}
}

/* =Helper Classes
----------------------------------------------- */

/* for screen readers only */

.assistive-text,
.ne {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

/* clearfix */

.group:before,
.group:after {
	content: "";
	display: table;
} 

.group:after {
	clear: both;
}

.group {
	zoom: 1;
}

.wrapbreak {
    white-space: -moz-pre-wrap !important;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}

.truncated {
    max-width: 100%;        
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;    
}

.print-only {
	display: none;
}
/*
 * Dropit v1.0
 * http://dev7studios.com/dropit
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* These styles assume you are using ul and li */
.dropit {
	/* Show now the stylesheet has shown */
	display: block!important;
    list-style: none;
	padding: 0;
	margin: 0;
	width: 10em;
}
.dropit a {
	color: #111;
}
.dropit .dropit-trigger { 
	position: relative;
	background: #fff;
}
.dropit .dropit-trigger > a {
	display: block;
	padding: 0.5em 1em;
	width: 8em;
	border: 1px solid #d6d6d6;
}
.dropit .dropit-trigger > a > span {
	float: right;
	padding: 0.3em;
	display: inline;
}
.dropit .dropit-submenu {
    position: absolute;
    top: 100%;
    left: 0; /* dropdown left or right */
    z-index: 1000;
    display: none;
    list-style: none;
	padding: 0;
	margin: 0;
	width: 10em;
	display: block;
	background: #fff;
	border: 1px solid #d6d6d6;
	border-top: none;
}
.dropit-submenu > li > a {
	width: 8em;
	padding: 0.5em 1em;
	display: block;
	font-weight: 400;
}
.dropit .dropit-open .dropit-submenu { display: block; }