/**
 * Fixed Pixel Grid
 */

/* Grids */
.G1 {
	width: 60px;
}
.G2 {
	width: 140px;
}
.G3 {
	width: 220px;
}
.G4 {
	width: 300px;
}
.G4S {
	width: 160px;
}
.G5 {
	width: 380px;
}
.G6 {
	width: 460px;
}
.G7 {
	width: 540px;
}
.G8 {
	width: 620px;
}
.G9 {
	width: 700px;
}
.G10 {
	width: 780px;
}
.G11 {
	width: 860px;
}
.G12 {
	width: 940px;
}
.G1, .G2, .G3, .G4, .G4S, .G5, .G6, .G7, .G8, .G9, .G10, .G11, .G12 {
	display: inline;
	float: left;
	margin-right: 20px;
}

/* Backup in case last child class isn't applied */
.G1:last-child, .G2:last-child, .G3:last-child, .G4:last-child, .G4S:last-child, .G5:last-child, .G6:last-child, .G7:last-child, .G8:last-child, .G9:last-child, .G10:last-child, .G11:last-child, .G12:last-child {
	margin-right: 0;
}
/* Left Indents */
.L1 {
	padding-left: 80px;
}
.L2 {
	padding-left: 160px;
}
.L3 {
	padding-left: 240px;
}
.L4 {
	padding-left: 320px;
}
.L5 {
	padding-left: 400px;
}
.L6 {
	padding-left: 480px;
}
.L7 {
	padding-left: 560px;
}
.L8 {
	padding-left: 640px;
}
.L9 {
	padding-left: 720px;
}
.L10 {
	padding-left: 800px;
}
.L11 {
	padding-left: 880px;
}
/* Right Indents */
.R1 {
	padding-right: 80px;
}
.R2 {
	padding-right: 160px;
}
.R3 {
	padding-right: 240px;
}
.R4 {
	padding-right: 320px;
}
.R5 {
	padding-right: 400px;
}
.R6 {
	padding-right: 480px;
}
.R7 {
	padding-right: 560px;
}
.R8 {
	padding-right: 640px;
}
.R9 {
	padding-right: 720px;
}
.R10 {
	padding-right: 800px;
}
.R11 {
	padding-right: 880px;
}

.gridtest div {
	background: rgba(0, 0, 255, 0.1); /* Test BG */
	margin-bottom: 20px;
	height: 60px;
}


/**
 * Air Aroma Stylesheet
 *
 */

/**
 * CSS Reset
 */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

/* Fixes */
a:hover, a:active { outline: none; }
button, input, select, textarea { margin: 0; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
textarea { overflow: auto; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
input::-moz-focus-inner,
button::-moz-focus-inner {padding:0; border:0; }
/* Selection */
::-moz-selection{ background: #b3e5ff; text-shadow: none; }
::selection { background:#b3e5ff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #b3e5ff; }

/**
 * Primary styles
 *
 * Author: The Graphic Order
 */

/* 
--------------------------------------------- 
HashGrid
--------------------------------------------- 
*/
#grid {
	background: url(/images/grid.png) repeat-y center top;
    left: 50%;
    margin-left: -490px;
    position: absolute;   
	top: 0;
	width: 980px;
}
#grid div.horiz {
	border-top: 1px dotted rgba(0, 0, 0, 0.2);
	height: 19px;    
	margin: 0;
	padding: 0;
}

/* --------------------------------------------- 
Fonts
--------------------------------------------- */
body,
button,
input,
textarea {
	font: 14px/20px "Helvetica Neue", Arial, sans-serif;
}
pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
	font-family: Monaco, Consolas, monospace;
}


/* --------------------------------------------- 
Basic Typography
--------------------------------------------- */
body {
	color: #666;
}
h1 {
	color: #333;
	font-size: 30px;
	font-weight: normal;
	line-height: 40px;
	margin-bottom: 20px;
}
h2 {
	color: #333;
	font-size: 24px;
	font-weight: normal;
	line-height: 30px;
	margin-bottom: 20px;
}
h3 {
	color: #333;
	font-size: 20px;
	font-weight: normal;
	line-height: 30px;
	margin-bottom: 20px;
}
h4 {
	color: #333;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	margin-bottom: 20px;
}
h5 {
	/* Same size as body text */
	font-size: 1em;
	font-weight: normal;
	margin-bottom: 20px;
}
h6 {
	/* Same size as body text */
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0;
}
p {
	margin-bottom: 20px;
}
ul {
	list-style: disc;
	margin: 0 0 20px 15px;
}
ol {
	list-style: decimal;
	margin: 0 0 20px 20px;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 0 20px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 20px;
}
b {
	font-weight: normal;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
img {
	display: block;
	height: auto;
	max-width: 100%;
}
figure img {
	position: relative;
	z-index: 1;
}
ins {
	background: #ff9;
	text-decoration: none;
}
blockquote {
	background: url(/images/quote-mark.png) 10px 24px no-repeat;
	border-bottom: 1px solid #e0e0e0;
	color: #003366;
	margin-bottom: 19px;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-left: 80px;
}
blockquote:last-child {
	border: none;
	margin-bottom: 20px;
}
/* Use custom class instead of <cite> because of strange WebKit bug */
blockquote .source {
	color: #666;
	font-style: normal;
	font-size: 12px;
}
pre {
	background: #eee;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
	margin-bottom: 20px;
	padding: 15px 20px;
}
abbr,
acronym {
	border-bottom: 1px dotted #eee;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: 0.5ex;
}
small {
    color: #888;
    font-size: 12px;
}
table {
	border: 1px solid #e0e0e0;
	margin: 0 0 20px 0;
	text-align: left;
	width: 100%;
}
tr th,
thead th {
	font-weight: bold;
	padding: 5px 9px;
}
tr td {
	border-top: 1px solid #e0e0e0;
	padding: 5px 9px;
}
form {
	margin-bottom: 20px;
}
nav ul, nav li {
	margin: 0; 
	list-style: none; 
	list-style-image: none; 
}
/* Links */
a {
	color: #3399cc;
	text-decoration: none;
}
a:hover {
	color: #3399cc;
	text-decoration: underline;
}
h1 a,
h2 a,
h3 a,
h4 a {
	color: #333;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover {
	color: #3399cc;
	text-decoration: none;
}
/* Set default padding */
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, time, label {
	padding:0 10px;
}
/* Microformats */
.adr, .abn, .org, .tel, .fax, .email, .url {
	padding: 0 10px;
}
.adr {
	margin-bottom: 20px;
}
.country-name {
	display: block;
}
.email, .url {
	word-wrap: break-word;
}

/* --------------------------------------------- 
Layout
--------------------------------------------- */
body {
	background: #eee;
}
.contain {
	margin: 0 auto;
	position: relative;	
	width: 940px;
}
/* 
 * Row and section classes have no real semantic meaning, to be use for structuring content visually, nesting grids and clearing floats.
 * Rows should only be used within sections that require multiple vertical blocks of varying width. 
 */
.section {
	border-top: 1px solid #e0e0e0;
	padding-bottom: 40px;
	padding-top: 39px;
	position: relative;
}
/* Ensure headers display above images */
.section header {
	position: relative;
	z-index: 100;
}
.subsection {
	padding-top: 20px;
}
#benefits.subsection {
	padding-top: 40px;
}
#distributors .subsection {
	border-top: 1px solid #e0e0e0;
	margin-top: 60px;
	padding-top: 19px;
}
#main {
	background: #fff;
	padding-bottom: 20px;
}
.row {
	position:relative;
}
/* Float clearing */
article:after,
.contain:after,
.row:after,
.section:after,
.post-main:after {
	content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Fixed height elements */
#home-intro .fixed {
	height: 300px;
}

.left {
	float: left;
}
.right {
	float: right;
}

/* --------------------------------------------- 
Header
--------------------------------------------- */
#site-header {
	background: #fff;	
}
#site-header .section {	
	border: none;
	padding-bottom: 0;
	padding-top: 0;
	height: 80px;
}

/* ---------------------------------------------
Navigation
--------------------------------------------- */
/* Primary - Main Menu */
.logo {
	
	background: url(/images/logo.png) no-repeat;
	direction: ltr;
	float: left;
	height: 16px;
	overflow: hidden;
	margin: 32px 10px;
	padding: 0;
	text-align: left;
	text-indent: -999em;
	width: 148px;	
	
}

.logoadmin {

	background: url(/images/logo-grey.png) no-repeat;
	direction: ltr;
	float: left;
	height: 16px;
	overflow: hidden;
	margin: 32px 10px;
	padding: 0;
	text-align: left;
	text-indent: -999em;
	width: 148px;
}

h1.logo a {
	display: block;
	height: 100%;
}

h1.logoadmin a {
	display: block;
	height: 100%;
}

nav#primary {
	float: right;
	height: 40px;
	padding: 20px 0;
}
nav#primary ul {
	height: 100%;
	padding: 0;
}
nav#primary ul li {
	float: left;
	line-height: 20px;
	margin: 4px 0 4px 40px;
}
nav#primary ul li a {
	color: #333;
	display: block;
	height: 100%;
	padding: 6px 0;
}
nav#primary ul li a:hover {
	color: #3399cc;
	text-decoration: none;
}
/* Current nav items */
nav#primary ul li.current a {
	color: #999;
}
nav#primary ul li.nav-shop.current a {
    background: #f2f2f2;
    border-color: #999;
}
nav#primary ul li.nav-shop.current a:hover {
	color: #999;
}

nav#primary ul li.nav-facebook {
	margin-left: 20px;
	overflow: hidden;
	padding-top: 6px;
	width: 48px;
	height: 20px;
}

/* Secondary - Page Menu */
nav#secondary {
	height:80px;
}
nav#secondary .section {
	padding-top: 24px;
	padding-bottom: 25px;
	margin-bottom: 0;
}
nav#secondary h2,
nav#secondary p {
	float: left;
	line-height: 30px;
	margin: 0;
}
nav#secondary ul {
	float: right;
}
nav#secondary ul li {
	float: left;
	line-height: 20px;
	margin: 0 0 0 40px;
}
nav#secondary ul li a {
	color: #333;
	display: block;
	height: 100%;
	padding: 5px 0;
}
nav#secondary ul li a:hover {
	color: #3399cc;
	text-decoration: none;
}
/* Current nav items */
nav#secondary ul li.current a {
	color: #999;
}

/* Pagination */
nav#pagination.wrap {
	height:120px;
}
nav#pagination .section {
	padding-top: 39px;
	padding-bottom: 40px;
	margin-bottom: 0;
}
nav#pagination .page-link {
	font-size: 12px;
}
nav#pagination .page-link.next {
	text-align: right;
}
nav#pagination ul.page-list {
	font-size: 12px;
}
nav#pagination ul.page-list li {
	float: left;
}
nav#pagination ul.page-list li a {
	background: #f5f5f5;
	border: 1px solid #c4c4c4;
	display: block;
	margin-right: 10px;
	margin-top: -3px;
	padding: 2px 12px;
	border-radius: 4px;
}
nav#pagination ul.page-list li.current a {
	background: #fff;
	border: 1px solid #ccc;
	color: #999;
}
nav#pagination ul.page-list li a:hover {
	background: #e8f4fc;
	border-color: #b1d9ed;
	text-decoration: none;
}

/* --------------------------------------------- 
Tabs
--------------------------------------------- */
#tab-pane {
    background: url("/images/tab-pane-bg.png") no-repeat scroll 0 0 transparent;
    border-bottom: 1px solid #C8CBCF;
    border-left: 1px solid #C8CBCF;
    border-right: 1px solid #C8CBCF;
    width: 938px;
}
#tabs {
    height: 72px;
}
#tabs h2 {
    float: right;
    line-height: 72px;
    margin: 0 38px 0 0;
    text-align: right;
}
#tabs ul {
    float: left;
    height: 72px;
    width: 700px;
	padding: 0 10px;
	margin: 0;
	list-style-type: none;
}
#tabs li.selected a {
    background: url("/images/tab-selected-bg.png") no-repeat scroll 0 0 transparent;
}
#tabs li a {
    color: #55595C;
    display: block;
    float: left;
    font-size: 11px;
    height: 72px;
    text-align: center;
    text-decoration: none;
    width: 80px;
}
#tabs li a img {
    display: block;
    margin: 13px auto 6px;
}
fieldset, img {
    border: 0 none;
}
.tab-content {
    border-top: 1px solid #C8CBCF;
    clear: both;
    overflow: auto;
}
.show {
    display: block;
}

.hide {
    display: none;
}

td input[type="text"]{
	width: 100%;
}

td select {
	width: 100%;
	margin: 0;
}

/* --------------------------------------------- 
Home
--------------------------------------------- */
#home-intro #why-scent {
	background: url(/images/content/spacer-orange.png) 50% 100% no-repeat;
	background-size: 100%;
}
#home-intro #distributor {
	background: url(/images/content/spacer-worldmap.png) 50% 100% no-repeat;
	background-size: 100%;
}


/* --------------------------------------------- 
Content
--------------------------------------------- */
.more {
	background: url(/images/more-arrow.png) 0 50% no-repeat;
	color: #3399cc;
	margin: 0 0 0 auto;
	padding-left: 16px;
}
h4 .more {
	float: right;
	font-size: 12px;
}
.ie6 h4 .more,
.ie7 h4 .more {
	position:absolute;
	right:0;
}
a.block span.more {
	color: #3399cc;
}
a.block:hover span.more {
	text-decoration: underline;
}
a.cancel {
	background: url(/images/cancel.png) 0 50% no-repeat;
	color: #993333;
	padding: 0 0 0 22px;
}
.map {
	background: url(/images/map-pin.png) 0 0 no-repeat;
	margin: 0 0 0 auto;
	padding: 2px 0 2px 22px;
}
ul.highlight {
	list-style: none;
	margin: -9px 0 29px 0;
	padding: 0;
}
ul.highlight li {
	border-bottom: 1px solid #e0e0e0;
	padding: 10px 10px 9px 10px;
}
h4 b {
	color: #999;
}
.question a {
	background: url(/images/question-bg.png) 0 0 no-repeat;
	direction: ltr;
	display: block;
	float: left;
	height: 26px;
	overflow: hidden;
	text-indent: -999em;
	width: 26px;
}
/* Tiles */
.tile {
	margin-bottom: 20px;
}
.tile figure {
	margin-bottom: 20px;
}
.tile.icon figure img {
	background: #f2f2f2;
	display: block;
	margin: 0 auto;
	padding: 30px;
	height: 80px;
	width: 80px;
}
.tile.icon figure a:hover img {
	background: #e8f4fc;
}
.tile.product figure img {
	border: 1px solid #e0e0e0;
	padding: 45px;
	height: 128px;
	width: 128px;
}
.tile.product figure a:hover img {
	background: #e8f4fc;
	border-color: #b1d9ed;
}
.tile a:hover img {
	/* Vendor specific */
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	
	transition: opacity 1s linear;
}
.tile.tech figure img {
	border: 1px solid #e0e0e0;
	height: 80px;
	width: 80px;
	padding: 29px;
}
.tile.client figure img {
	background: #f2f2f2;
	border: 1px solid #e0e0e0;
	height: 80px;
	width: 80px;
	padding: 29px;
}
.tile.client.large figure img {
	height: 128px;
	width: 128px;
	padding: 45px;
}
#client-scents .tile {
	margin-top: 20px;
}
ul.map-legend {
	height: 20px;
	list-style: none;
	margin:20px 0 40px 10px;
}
ul.map-legend li {
	float: left;
	margin-right: 40px;
	padding-left: 20px;
	
}
figure.map-network {
	margin-bottom: 40px;
}
ul.map-legend li.regional {
	background: url(/images/dot-10-black.png) left center no-repeat;
}
ul.map-legend li.distributors {
	background: url(/images/dot-10-blue.png) left center no-repeat;
}
.recycle-label {
	margin-bottom: 40px;
}
.recycle-label figure {
	float: left;
	margin-right: 20px;
}
.recycle-label h4 {
	margin: 0;
	padding-bottom: 20px;
	padding-top: 20px;
}
/* Facts */
.fact p {
	color: #003366;
	font-size: 18px;
	line-height: 30px;
}
.arologic #overview .fact {
	margin-top: 215px;
}
/* Lists */
ul.benefit-block {
	background: #e8f4fc;
	list-style: none;
	margin: -20px 0 0 -10px;
	overflow: auto;
	padding: 0;
}
ul.benefit-block li {
	background: #e8f4fc;
	border-left: 1px solid #fff;
	float: left;
	min-height: 180px;
	padding: 20px 10px;
	width: 215px;
}
ul.benefit-block li:first-child {
	border: none;
}
ul.benefit-block h4 {
	color: #003366;
}
ul.product-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.product-list li {
	border-right: 1px solid #e0e0e0;
	float: left;
	margin-right: 9px;
	padding: 0;
	width: 227px;
}
ul.product-list li:last-child {
	border: none;
	margin-right: 0;
}
ul.product-list figure {
	margin: 0 auto 20px auto;
	width: 160px;
}
ul.service-list {
	color: #333;
	font-size: 16px;
	height: 48px;
	line-height: 48px;
	list-style: none;
	margin: 26px auto;
	padding: 0 40px;
	text-align: center;
}
ul.service-list li {
	float: left;
	height: 100%;
	width: 33.3333%;
}
ul.service-list li img {
	display: inline;
	margin-right: 10px;
	vertical-align: middle;
}
ul.range-list {
	font-size: 16px;
	list-style: none;
	margin: 0;
}
ul.range-list li {
	margin-bottom: 10px;	
}
ul.feature-list {
	list-style: none;
	margin: 11px 0 30px 0;
	overflow: auto;
	padding: 0;
}
ul.feature-list.top {
	margin-top: -29px;
}
ul.feature-list li,
h4.feature-icon {
	padding-left: 80px;
}
ul.feature-list li h4 {
	border-bottom: 1px solid #e0e0e0;
	line-height: 79px;
	margin: 0;
	padding: 0;
}
h4.feature-icon {
	line-height: 79px;
	margin: 0;
	padding: 0 0 0 80px;
}
ul.feature-list li:last-child h4 {
	border-bottom: 0;
}
ul.feature-list li.australian-made {
	background: url(/images/content/tile-australia-60.png) left center no-repeat;
}
ul.feature-list li.odourless {
	background: url(/images/content/tile-odourless-60.png) left center no-repeat;
}
ul.feature-list li.odour-removal {
	background: url(/images/content/tile-odour-removal-60.png) left center no-repeat;
}
ul.feature-list li.exclusive {
	background: url(/images/content/tile-exclusive-60.png) left center no-repeat;
}
ul.feature-list li.designed {
	background: url(/images/content/tile-designed-60.png) left center no-repeat;
}
ul.feature-list li.consistent {
	background: url(/images/content/tile-consistent-60.png) left center no-repeat;
}
ul.feature-list li.unlimited {
	background: url(/images/content/tile-unlimited-60.png) left center no-repeat;
}
ul.feature-list li.natural {
	background: url(/images/content/tile-natural-60.png) left center no-repeat;
}
ul.feature-list li.anti-bacterial {
	background: url(/images/content/tile-anti-bacterial-60.png) left center no-repeat;
}
ul.feature-list li.pp05 {
	background: url(/images/content/tile-pp05-60.png) left center no-repeat;
}
ul.feature-list li.pet01 {
	background: url(/images/content/tile-pet01-60.png) left center no-repeat;
}
ul.feature-list li.arologic-ready {
	background: url(/images/content/tile-arologic-60.png) left center no-repeat;
}
ul.feature-list li.timer {
	background: url(/images/content/tile-timer-60.png) left center no-repeat;
}
ul.feature-list li.plug-play {
	background: url(/images/content/tile-plug-play-60.png) left center no-repeat;
}
ul.feature-list li.cartridge {
	background: url(/images/content/tile-bottle-60.png) left center no-repeat;
}
ul.feature-list li.hvac {
	background: url(/images/content/tile-hvac-60.png) left center no-repeat;
}
ul.feature-list li.gorange-natural {
	background: url(/images/content/tile-go-range-natural-60.png) left center no-repeat;
}
ul.feature-list li.gorange-travelsize {
	background: url(/images/content/tile-go-range-bottle-60.png) left center no-repeat;
}
ul.feature-list li.gorange-australian-made {
	background: url(/images/content/tile-go-range-australia-60.png) left center no-repeat;
}
ul.feature-list li.promo-battery {
	background: url(/images/content/tile-aropromo-battery-60.png) left center no-repeat;
}
ul.feature-list li.promo-lowcost {
	background: url(/images/content/tile-aropromo-lowcost-60.png) left center no-repeat;
}
ul.feature-list li.promo-increasesales {
	background: url(/images/content/tile-aropromo-increasesales-60.png) left center no-repeat;
}
ul.feature-list li.promo-push {
	background: url(/images/content/tile-aropromo-push-60.png) left center no-repeat;
}
ul.feature-list li.promo-touch {
	background: url(/images/content/tile-aropromo-touch-60.png) left center no-repeat;
}
ul.feature-list li.promo-motion {
	background: url(/images/content/tile-aropromo-motion-60.png) left center no-repeat;
}
ul.feature-list li.promo-interval {
	background: url(/images/content/tile-aropromo-interval-60.png) left center no-repeat;
}
h4.feature-icon.unlimited {
	background: url(/images/content/tile-unlimited-60.png) left center no-repeat;
}
h4.feature-icon.consistent {
	background: url(/images/content/tile-consistent-60.png) left center no-repeat;
}
h4.feature-icon.australian-made {
	background: url(/images/content/tile-balance-australia-60.png) left center no-repeat;
}
h4.feature-icon.science {
	background: url(/images/content/tile-balance-science-60.png) left center no-repeat;
}
h4.feature-icon.natural {
	background: url(/images/content/tile-balance-natural-60.png) left center no-repeat;
}
h4.feature-icon.japanese {
	background: url(/images/content/tile-steriwater-japan-60.png) left center no-repeat;
}
h4.feature-icon.scientifically-proven {
	background: url(/images/content/tile-steriwater-science-60.png) left center no-repeat;
}
h4.feature-icon.safe {
	background: url(/images/content/tile-steriwater-safe-60.png) left center no-repeat;
}
h4.feature-icon.promo-yourdisplay {
	background: url(/images/content/tile-aropromo-yourdisplay-60.png) left center no-repeat;
}
h4.feature-icon.promo-yourbrand {
	background: url(/images/content/tile-aropromo-yourbrand-60.png) left center no-repeat;
}
h4.feature-icon.promo-yourscent {
	background: url(/images/content/tile-aropromo-yourscent-60.png) left center no-repeat;
}

ul.swatches {
	margin: 10px 0 20px 0;
	overflow: auto;
	width: 160px;
}
ul.swatches li {
	background-position: center center;
	background-repeat: no-repeat;
	direction: ltr;
	display: block;
	float: left;
	height: 20px;
	margin: 0 10px 10px 0;
	text-indent: -999em;
	width: 20px;
}
ul.swatches li.silver {
	background-image: url(/images/swatch-silver.png);
}
ul.swatches li.black {
	background-image: url(/images/swatch-black.png);
}
ul.swatches li.blue {
	background-image: url(/images/swatch-blue.png);
}
ul.swatches li.purple {
	background-image: url(/images/swatch-purple.png);
}
ul.swatches li.green {
	background-image: url(/images/swatch-green.png);
}
ul.swatches li.lime {
	background-image: url(/images/swatch-lime.png);
}
ul.swatches li.gold {
	background-image: url(/images/swatch-gold.png);
}
ul.swatches li.orange {
	background-image: url(/images/swatch-orange.png);
}
ul.swatches li.red {
	background-image: url(/images/swatch-red.png);
}

/* Scent Legend */
ul.scent-legend {
	border-bottom: 1px solid #d5d5d5;
	float: left;
	list-style: none;
	margin: 0 0 39px 0;
	padding: 0;
	width: 100%;
}
ul.scent-legend li {
	background-position: left top;
    background-repeat: no-repeat;
    color: #666;
    display: block;
    float: left;
    height: 20px;
	float: left;
	font-size: 12px;
	margin: -2px 10px 18px 10px;
	padding: 2px 0 2px 34px;
	width: 86px;
}
ul.thumbs {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	background: url(/images/zoom-thumb.png) no-repeat;
	display: block;
	height: 60px;
	margin: 0 0 15px 0;
	padding: 5px 6px 7px 6px;
	width: 112px;
}

ul.aroslim-indicator {
	list-style: none;
	margin-left: 0;
}
ul.aroslim-indicator li {
	background: url(/images/content/aroslim-indicator-sprite.png) no-repeat;
	padding-left: 80px;
}
ul.aroslim-indicator li.stage-01 {
	background-position: 0 -2px;
}
ul.aroslim-indicator li.stage-02 {
	background-position: 0 -26px;
}
ul.aroslim-indicator li.stage-03 {
	background-position: 0 -50px;
}
ul.aroslim-indicator li.stage-04 {
	background-position: 0 -74px;
}
ul.aroslim-indicator li.stage-05 {
	background-position: 0 -98px;
}
ul.aroslim-indicator li.stage-06 {
	background-position: 0 -122px;
}
ul.aroslim-indicator li.stage-07 {
	background-position: 0 -146px;
}

ul.pager {
	list-style: none;
	margin: 0;
	height: 20px;
	padding: 0;
	position: absolute;
	z-index: 10000;
}
ul.pager li {
	float: left;
	height: 20px;
}
ul.pager li a {
	background: url(/images/pager-bg.png) center top no-repeat;
	display: block;
	float: left;
	height: 20px;
	margin: 0;
	width: 20px;
}
ul.pager li.cycle-pager-active a {
	background-position: center bottom;
}
.feature ul.pager {
	margin-top: 40px;
}
ul.sitemap {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.sitemap ul {
	margin: 5px 0 20px 0;
	padding: 0 10px;
}
ul.sitemap ul ul {
	margin: 5px 0;
	padding: 0 10px 0 16px;
}
ul.sitemap li {
	font-size: 12px;
	list-style: none;
	margin-bottom: 5px;
	padding: 0;
}
ul.sitemap ul li a {
	background: url(/images/more-arrow.png) 0 50% no-repeat;
	margin: 0 0 0 auto;
	padding-left: 16px;
}
ul.sitemap ul ul li a {
	background: url(/images/more-arrow-hollow.png) 0 50% no-repeat;
}
.environment #recycling ul.feature-list li {
	float: left;
	margin-right: 20px;
	width: 220px;
}
.environment #recycling ul.feature-list li:last-child h4 {
	border-bottom: 1px solid #e0e0e0;
}

/* Icon headings */
h4.icon-heading {
	height: 40px;
	line-height: 40px;
	margin: -10px 10px 10px 10px;
	padding-left: 40px;
}
h4.icon-heading.arologic {
	background: url(/images/icon-arologic-32.png) left center no-repeat;
}
h4.icon-heading.contact {
	background: url(/images/icon-contact-32.png) left center no-repeat;
}
h4.icon-heading.location {
	background: url(/images/icon-location-32.png) left center no-repeat;
}
h4.icon-heading.network {
	background: url(/images/icon-network-32.png) left center no-repeat;
}
h4.icon-heading.sample {
	background: url(/images/icon-sample-32.png) left center no-repeat;
}
h4.icon-heading.security {
	background: url(/images/icon-security-32.png) left center no-repeat;
}
h4.icon-heading.shop {
	background: url(/images/icon-shop-32.png) left center no-repeat;
}
h4.icon-heading.signature {
	background: url(/images/icon-signature-32.png) left center no-repeat;
}
h4.icon-heading.software {
	background: url(/images/icon-software-32.png) left center no-repeat;
}
h4.icon-heading.aropromo-yourbrand {
	background: url(/images/icon-yourbrand-32.png) left center no-repeat;
}
h4.icon-heading.aropromo-yourdisplay {
	background: url(/images/icon-yourdisplay-32.png) left center no-repeat;
}
h4.icon-heading.aropromo-yourscent {
	background: url(/images/icon-yourscent-32.png) left center no-repeat;
}

.masthead {
	background: #e8f4fc;
	height: 100px;
	margin-bottom: 40px;	
	border-radius: 8px;
}

#content small {
	color: #888;
	font-size: 12px;
}

/* Arotec diagram */
.arotec-breakdown-step {
	font-size: 12px;
	margin-top: 20px;
}
.arotec-breakdown-step figure {
	margin: 0 auto 20px auto;
	width: 200px;
}
.arotec-breakdown-step .legend {
	height: 20px;
	list-style: none;
	margin: -20px 0 0 0;
	width: 200px;
}
.arotec-breakdown-step .legend li {
	float: left;
	margin-left: 45px;
}

/* Tech Details */
.tech-details {
	border-bottom: 1px solid #e0e0e0;
	font-size: 12px;
	margin-bottom: 39px;
	padding-bottom: 20px;
	position: relative;
}
/* Customised heights for tech spec rows */
.aromax .row-01 .tech-details,
.arodrive .row-01 .tech-details,
.aroslim .row-01 .tech-details {
	height: 200px;
}
.arologic .row-01 .tech-details,
.aroscent .row-01 .tech-details,
.aroscentpro .row-01 .tech-details,
.ecoscent .row-01 .tech-details,
.ecoscentpro .row-01 .tech-details {
	height: 220px;
}
.aromax .row-02 .tech-details,
.arodrive .row-02 .tech-details {
	height: 220px;
}
.arologic .row-02 .tech-details,
.aroslim .row-02 .tech-details {
	height: 200px;
}
.aroscent .row-02 .tech-details,
.aroscentpro .row-02 .tech-details,
.ecoscent .row-02 .tech-details,
.ecoscentpro .row-02 .tech-details {
	border-bottom: none;
	height: 220px;
	margin-bottom: 0;
}
.arologic .row-03 .tech-details,
.aromax .row-03 .tech-details {
	height: 180px;
}
.arodrive .row-03 .tech-details {
	height: 220px;
}
.arologic .row-03 .tech-details,
.aroslim .row-03 .tech-details {
	border-bottom: none;
}

/* Range List - December 11 */
.range-header {
	border-top: 1px solid #e0e0e0;
	padding-top: 19px;
}
.range-item .tech-details {
    border: none;
    margin: 40px 0 0 0;
    padding: 0;
}
.range-item .ui-button-main a {
	margin: 0 10px;
	width: 80px;
}
/* Color Picker */
.color-picker {
	margin: 20px auto 24px auto;
	position: relative;
}
.color-picker .cp-slide {
	background: url(/images/cp-bg.jpg) center center no-repeat;
	height: 340px;
}
.color-picker .cp-slide .slide-container {
	height: 340px;
	margin: 0 auto;
	width: 460px;
}
.color-picker .cp-slide .slide-container figure {
	height: 100%;
	width: 100%;
}
.color-picker .cp-swatches {
	list-style: none;
	margin: 8px auto 0 auto;
	text-align: center;
	overflow: auto;
	padding-left: 100px;
	width: 256px;
}
.color-picker .cp-swatches li {
	float: left;
	outline: none;
}
.color-picker .cp-swatches li a {
	background-position: 0 0;
	background-repeat: no-repeat;
	direction: ltr;
	display: block;
	float: left;
	height: 28px;
	margin: 0;
	outline: none;
	text-indent: -999em;
	width: 28px;
}
.color-picker .cp-swatches li.silver {
	background-image: url(/images/cp-swatch-silver.png);
}
.color-picker .cp-swatches li.black {
	background-image: url(/images/cp-swatch-black.png);
}
.color-picker .cp-swatches li.blue {
	background-image: url(/images/cp-swatch-blue.png);
}
.color-picker .cp-swatches li.purple {
	background-image: url(/images/cp-swatch-purple.png);
}
.color-picker .cp-swatches li.green {
	background-image: url(/images/cp-swatch-green.png);
}
.color-picker .cp-swatches li.lime {
	background-image: url(/images/cp-swatch-lime.png);
}
.color-picker .cp-swatches li.gold {
	background-image: url(/images/cp-swatch-gold.png);
}
.color-picker .cp-swatches li.orange {
	background-image: url(/images/cp-swatch-orange.png);
}
.color-picker .cp-swatches li.red {
	background-image: url(/images/cp-swatch-red.png);
}
.color-picker .cp-swatches li.selected {
	background-position: 0 -28px;
}

/* Zoomer */
html.zoomed {
	overflow: hidden;
}
.zoomed body {
	overflow: hidden;
}
.zoom {
	font-size: 12px;
	text-align: center;
}
.zoom-container {
	background: #fff;
	height: 100%;
	opacity: 0;
	overflow: hidden;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
	
	-webkit-transition: all 0.5s ease-out;
}
.zoom-container.transition {
	opacity: 1;
}
.zoom-container .image-container {
	height: 100%;
	width: 100%;
}
body.dark,
.zoom-container.dark,
.zoom-container.dark .image-container {
	background-color: #000;
}
body.light,
.zoom-container.light,
.zoom-container.light .image-container {
	background-color: #fff;
}
.zoom-container.dark .loader {
	background-image: url(/images/ajax-loader-dark.gif);
}
.zoom-container.light .loader {
	background-image: url(/images/ajax-loader-light.gif);
}
.zoom-container .loader .zoom-image {
	opacity: 0;
	
	-webkit-transition: none;
}
.zoom-container .zoom-image {
	background-color: inherit;
	height: 100%;
	opacity: 0;
	width: 100%;	
	
	-webkit-transition: all 0.5s ease-out;
	-webkit-transform: scale3d(0.75, 0.75, 0.75);	
}
.zoom-container.transition .zoom-image {	
	opacity: 1;
	
	-webkit-transform: scale3d(1.0, 1.0, 1.0);
}
.zoom-container .loader .zoom-image {
	opacity: 0;
	
	-webkit-transition: none;
}
.zoom-container .zoom-image img {
	height: auto;
	margin: 0 auto;
	max-height: 100%;
	position: absolute;
	width: auto;
}
.zoom-container.top .zoom-image img {
	top: 0;
}
.zoom-container.bottom .zoom-image img {
	bottom: 0;
}
.zoom-nav {
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 100;
}
.zoom-nav .close {
	background: url(/images/zoom-close.png) 50% 0 no-repeat;
	direction: ltr;
	display: block;
	height: 60px;
	left: 0;
	position: absolute;
	text-indent: -999em;
	top: 0;	
	width: 60px;
}
.zoom-nav .close:hover {
	background-position: 50% 100%;
}
.aroslim .zoom {
	margin: 0 auto;
	width: 124px;
}
.aroslim .thumbs {
	padding-top: 27px;
}

/* Loaders */
.loader {
	background-image: url(/images/ajax-loader-light.gif);
	background-position: center center;
	background-repeat: no-repeat;
}
#branchbanner {
	clear: both;
	width: 100%;
	font-size: 14px;
	font-family: Helvetica;
	padding: 5px;
	text-align: center;
}

#branchbanner span {
	color:#00F;
}
/* Notices */
.success {
	color: #70aa0c;
}
.warning {
	color: #ff7d00;
}
.failure {
	color: #993333;
}
label.error {
	color: #993333;
}
div.notice {
	background: #f5f5f5;
	border: 1px solid #ccc;
	clear:both;
	margin: 0 0 20px 0;
	padding: 4px 0;
	/* Vendor specific */
	-moz-border-radius: 4px;	
	border-radius: 4px;
}
div.notice p {
	margin-bottom: 0;
}
div.notice.success {
	background: #f0f6e6;
	border-color: #bdd88f;
	color: #70aa0c;
}
div.notice.error {
	background: #f5eaea;
	border-color: #d0a1a1;
	color: #993333;
}
div.cc-icons {
	float: right;
}
div.cc-icons img {
	float: right;
	margin-left: 10px;
}
.cc-icon {
	float: left;
	margin-right: 10px;
}

/* Images */
.topright {
	position: absolute;
	top: 0;
	right: 0;
}
.topleft {
	position: absolute;
	top: 0;
	left: 0;
}
.bottom {
	position: absolute;
	bottom: 0;
}
.bottomright {
	position: absolute;
	bottom: 0;
	right: 0;
}
.bottomleft {
	position: absolute;
	bottom: 0;
	left: 0;
}
.flushbottom {
	margin-bottom: -40px;
}
.flushtop{
	margin-top: -39px;
}


/* --------------------------------------------- 
Blog
--------------------------------------------- */
article.post {
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 40px;
	margin-bottom: 39px;
}
article.post:last-child,
.home article.post {
	border: none;
	margin-bottom: 0;
}
.post-categories a,
.post-author a {
	color: #999;
}
.comment-link a {
	color: #666;
}
.post-categories a:hover,
.post-author a:hover,
.comment-link a:hover {
	color: #3399cc;
	text-decoration: none;
}
.comment-link a .num {
	background: url(/images/comment-bubble.png) no-repeat;
	display: block;
	height: 29px;
	float: left;
	margin-top: -2px;
	padding: 2px 10px 0 0;
	text-align: center;
	width: 33px;
}
.post-meta {
	float: left;
}
.post-meta,
.post-categories {
	color: #999;
	font-size: 12px;
}
.post-meta time,
.post-categories h6 {
	color: #666;
}
.post-categories ul {
	list-style: none;
	margin: 0;
}
.post-image {
	margin-bottom: 20px;
	padding: 20px 0;
}
.post-continue {
	padding: 20px 0 0 0;
}
.post-content b {
	color: #333;
	font-size: 16px;
	font-weight: normal;
}
.post-avatar {
	background: url(/images/avatar-blank.png) no-repeat;
	float: left;
	height: 32px;
	margin: 4px 0 0 10px;
	width: 32px;
}
.post-data {
	color: #999;
	font-size: 12px;
}
.more-link {
	float: left;
	margin-right: 20px;
	width: 120px;
}
.comments-link {
	float: left;
}
/* Social */
.post-share {
	padding-top: 20px;
}

/* Comments */
#comments {
	padding-top: 79px;
}
article.comment {
	border-top: 1px dotted #e0e0e0;
	clear: both;
	font-size: 12px;
	padding-top: 40px;
	padding-bottom: 19px;
}
.comment-rules {
	font-size: 12px;
}
#comment-form {
	border-top: 1px solid #e0e0e0;
	padding-top: 39px;
}


/* --------------------------------------------- 
Forms
--------------------------------------------- */
label {
	display: block;
	font-size: 12px;
	margin-bottom: 3px;
}
label span {
	color: #999;
}
input.text,
textarea {
	background: #fff;
	border: 1px solid #ccc;
	font-size: 12px;
	line-height: 20px;
	margin: 0 0 21px 0;
	padding: 2px 9px;
	width: 360px;
}
input.text {
	height:20px;
}
textarea {
	height: 140px;
	resize: vertical;
}
.blog input.text,
.blog textarea,
.contact input.text,
.contact textarea {
	width: 360px;
}
select {	
	margin: -4px 0 26px 0;
	width: 380px;
}
.blog select,
.contact select {
	width: 380px;
}
input.submit {
	margin-top: -5px;
}
input.text.search {
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-top: 1px solid rgba(0, 0, 0, 0.3);
	font-size: 14px;
	height: 20px;
	line-height: 20px;
	margin: -5px 0 0 0;
	padding: 4px 9px;
	
	/* Vendor specific */
	-moz-border-radius: 5px;
	-moz-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.17);
	-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.17);	
	
	border-radius: 5px;
	box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.17);
}

input.submit:hover {
	color: #3399cc;
}

input.text.sec {
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	margin-top: -5px;	
	padding: 2px 9px;
	
	/* Vendor specific */
	-moz-border-radius: 4px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;	
	
	border-radius: 4px;
	box-shadow: none;
}
.blog-search {
	float: right;
	margin-top: 4px;
}
.blog-search input.text {
	margin-right: 20px;
	width: 176px;
}
.blog-search input.ui-button-main {
	width: 80px;
}
#frmNewsletter input, select {
	width: 100%;
	margin: 5px;
}
p.field-message {
	border: 1px solid #ccc;
	float: left;
	font-size: 12px;
	margin: 27px 0 0 0;
	
	/* Vendor specific */
	-moz-border-radius: 4px;
	border-radius: 4px;
}
p.field-message.error {
	color: #993333;
}
p.field-message.success {
	color: #70aa0c;
}
p.field-message span {
	background: url(/images/label-arrow-left.png) left 5px no-repeat;
	display: block;
	margin-left: -19px;
	padding: 2px 5px 2px 20px;
}
ul.radio-group {
	list-style: none;
	margin: 0 10px;
	padding: 0;
}
ul.radio-group li {
	margin: 0 0 20px 0;
}
ul.radio-group input.radio {
	float: left;
	margin: 4px 0 0 0;
}
ul.radio-group label {
	margin: 0 0 0 10px;
}
ul.check-group {
	list-style: none;
	margin: 0 10px;
	overflow: auto;
	padding: 0;
}
ul.check-group li {
	display: block;
	float: left;
	margin: 0 0 20px 0;
	padding: 0;
}
ul.check-group input.checkbox {
	float: left;
	margin: 3px 0 0 0;
}
ul.check-group label {
	margin: 0 0 0 10px;
}

/* --------------------------------------------- 
Footer
--------------------------------------------- */
#siteinfo {
	background: #eee;
	font-size: 12px;
	padding: 40px 0;
}
#social-features {
	min-height: 120px;
}
#social-features .newsletter input.text {
	margin-bottom: 0;
	width: 60%;
}
#li-fb {
	min-height: 24px;
}
#li-twitter {
	
}

#colophon {
	font-size: 11px;
	margin-top: 20px;
}
#colophon .section {
	padding-top: 19px;
}
#colophon p.copyright {
	float: left;
}
#colophon ul.site-tools {
	float: right;
	list-style: none;
	margin: 0;
}
#colophon ul.site-tools li {
	display: block;
	float: left;
	margin-left: 20px;
}
#colophon .nav-locale {
	margin-right: -10px;
	width: 32px;
}
#colophon .nav-locale img {
	margin-top: -6px;	
}

/* Social */
ul.social-links {
	list-style: none;
	margin-left: 0;
}
ul.social-links li {	
	margin-bottom: 10px;
}
ul.social-links li.facebook {
	padding-left: 28px;
	background: url(/images/social-facebook-18.png) 0 50% no-repeat;
}
ul.social-links li.twitter {
	padding-left: 28px;
	background: url(/images/social-twitter-18.png) 0 50% no-repeat;
}
ul.social-links li.youtube {
	padding-left: 28px;
	background: url(/images/social-youtube-18.png) 0 50% no-repeat;
}

/* --------------------------------------------- 
UI Elements
--------------------------------------------- */

/* UI Buttons */
.ui-button-main a,
nav#primary .ui-button-main a,
button.ui-button-main,
input.ui-button-main {
	background: #dfdfdf url(/images/ui-button-bg.png) repeat-x;
	border: 1px solid #777;
	cursor: pointer;
	color: #333;
	font-size: 14px;
	line-height: normal !important;
	padding: 7px 5px;
	text-align: center;
	width: 68px;
	
	/* Vendor specific */
	-moz-border-radius: 5px;
	-moz-background-size: 100% 100%;	
	
	border-radius: 5px;
	background-size: 100% 100%;
}
/* For Out of Stock and Coming Soon buttons */
button.ui-button-main.unavailable {
	background-image: none;
	color: #993333;
	background-color: #f2f2f2;
	border-color: #999999;
	cursor: default;
}
button.ui-button-main.unavailable:hover {
	color: #993333;
	text-decoration: none;
}
/* For buttons with icons */
button.ui-button-main.icon {
	padding: 0;
}
button.ui-button-main.icon span {
	padding: 7px 5px;
}
.ui-button-main a,
nav#primary .ui-button-main a {
	display: block;
}
button.ui-button-main,
input.ui-button-main {
	height: 32px;
	width: 140px;
}
.ui-button-main a:hover,
nav#primary .ui-button-main a:hover,
button.ui-button-main:hover,
input.ui-button-main:hover {
	color: #333;
	text-decoration: none;
}
.ui-button-main a:active,
nav#primary .ui-button-main a:active,
button.ui-button-main:active,
input.ui-button-main:active {
	background: #ebebeb url(/images/ui-button-down-bg.png) repeat-x;
}
/* Action Button */
.ui-button-main.action a,
button.ui-button-main.action,
input.ui-button-main.action {
	background: #1d9011 url(/images/ui-button-action-bg.png) repeat-x;
	border: 1px solid #005603;
	color: #fff;
}
.ui-button-main.action a:active,
button.ui-button-main.action:active,
input.ui-button-main.action:active {
	background: #2a9e1a url(/images/ui-button-action-down-bg.png) repeat-x;
	border-color: #003d02;
}
/* Seconday Button */
.ui-button-sec a,
nav#primary .ui-button-sec a,
input.ui-button-sec {
	/* Defaults to arrow button */
	background: #e2e2e2 url(/images/button-arrow.png) center center no-repeat;
	background-color: rgba(0, 0, 0, 0.05);
	border: 1px solid #b5b5b5;
	border-color: rgba(0, 0, 0, 0.25);
	color: #333;
	cursor: pointer;
	font-size: 14px;
	line-height: 20px;
	margin-left: 7px;
	padding: 2px 9px;
	width: 32px;
	
	/* Vendor specific */
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.ui-button-sec a:hover,
nav#primary .ui-button-sec a:hover,
input.ui-button-sec:hover {
	background: #e2e2e2 url(/images/button-arrow-over.png) center center no-repeat;
}
.ui-button-sec a:active,
nav#primary .ui-button-sec a:active,
input.ui-button-sec:active {
	background-color: #e8f4fc;
	border-color: #b1d9ed;
}
.ui-button-page a {
	color: #333;
	height: 32px;
	line-height: 20px;
	padding: 6px 5px;
	text-align: center;
	width: 130px;
}
.ui-button-page a:hover {
	color: #3399cc;
	text-decoration: none;	
}
.ui-button-page.next a {
	background: url(/images/button-next.png) no-repeat;
	float: right;
	padding-right: 10px;
	padding-left: 0;
}
.ui-button-page.prev a {
	background: url(/images/button-prev.png) no-repeat;
	float: left;
	padding-right: 0;
	padding-left: 10px;
}
.ui-button-page.next a:active {
	background-position: 0 -48px;
}
.ui-button-page.prev a:active {
	background-position: 0 -48px;
}
/* Custom button placement */
.products #shop .ui-button-main a {
	margin-top: 35px;
	width: 95px;
}
.country #locations .ui-button-main a {
	margin-top: 35px;
	width: 95px;
}
.techspecs .ui-button-main.download a {
	margin: 35px 10px;
	width: 95px;
}

div#client-image {
	min-width:128px;
	min-height:128px;
	float:left;
	outline:solid 1px #d0d0d0;
	padding:10px;
	margin:10px 0px;
}
div#client-image img {
	margin:10px;
}

div#client-image label#lblClientImageName {
	float:left;
	margin-top:60px;
	width:100%;
	clear:both;
}
input#btnImageArchive {
	margin-left:5px;
	margin-bottom:5px;
}

/* admin translate item button */
div.ui-button-main a.ui-smaller {
	padding: 3px 5px;
	width: 75px;
}

div.ui-button-main a.ui-smaller span {
	font-size: 12px;
}

#botcheck{
	display:none;
}

/* admin countries */
.G1#countries {
	margin-bottom: 7px;
}

.G1#countries input {
	position: relative;
	top: 3px;
	width: 19px;
}

/* --------------------------------------------- 
Banners / Features
--------------------------------------------- */
.feature .section {
	padding-bottom: 0;
	padding-top: 0;
}
/* Banners have a few basic forms. If it isn't a left aligned block, it's probably centered across the full width */
.feature .banner {
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: 100%;
	height: 419px;	
	text-align: left;

	width:  940px;
}

.feature .banner h1 {
	color: #999;
	padding-top: 40px;
}
.feature .banner h1 b {
	color: #333;
}
.feature .banner .L1 h1 {
	padding-top: 80px;
}
.feature .banner h3 {
	color: #666;
	margin-top: -5px;
}
.feature .banner .G12 {
	text-align: center;
}
/* For smaller banners */
.feature .banner.short {
	height: 199px;
	text-align: left;
}
.feature .banner.short h1 {
	padding-top: 40px;
}
/* For search results */
.feature .banner.search {
	height: 159px;
	text-align: left;
}
.feature .banner.search h1 {
	padding-top: 80px;
}
/* For dark banners */
.feature .banner.dark {
	background-color: #000;
}
.feature .banner.dark h1 b {
	color: #fff;
}
.no-subnav .feature .section {
	padding-top: 40px;
}
/* Home banners */
.home .feature .banner {
	height: 459px;
	overflow: hidden;
}
.home .feature .banner h1 {
	padding-top: 40px;
}
/* Slideshow */
.feature .slide {
	height: 100%;
	width:  100%;
}
a.block {
	color: inherit;
	cursor: pointer;
	display: block;
	height: 100%;
}
a.block:hover {
	text-decoration: none;
}
.home .feature .mask {
	height: 459px;
	width:  100%;
	overflow: hidden;
}
/* Custom banner styles */
#banner-why-scent {
	background-image: url(/images/banners/banner-why-scent.jpg);
	background-position: right bottom;
}
#banner-who-scenting {
	background-image: url(/images/banners/banner-who-scenting.jpg);
	background-position: right bottom;
}
#banner-why-air-aroma {
	background-image: url(/images/banners/banner-why-air-aroma.jpg);	
	background-position: right bottom;
}
#banner-products {
	background-image: url(/images/banners/banner-products.jpg);	
	background-position: right center;
}
#banner-services {
	background-image: url(/images/banners/banner-services.jpg);	
	background-position: right top;
}
#banner-diffusers {
	background-image: url(/images/banners/banner-diffusers.jpg);	
	background-position: center bottom;
}
#banner-scents {
	background-image: url(/images/banners/banner-scents.jpg);	
	background-position: right top;
}
#banner-arologic {
	background-image: url(/images/banners/banner-arologic.jpg);	
	background-position: center bottom;
}
#banner-about {
	background-image: url(/images/banners/banner-about.jpg);	
	background-position: center bottom;
}
#banner-contact {
	background-image: url(/images/banners/banner-contact.jpg);	
	background-position: center bottom;
}
#banner-contact h1 {
	padding-top: 80px;
	padding-bottom: 20px;
}
#banner-health {
	background-image: url(/images/banners/banner-health.jpg);	
	background-position: center bottom;
}
#banner-locations {
	background-image: url(/images/banners/banner-contact.jpg);	
	background-position: center bottom;
	height: 319px;
}
#banner-locations h1 {
	padding-top: 80px;
	padding-bottom: 20px;
}
#banner-locations select{
	margin-top: 0;
}
#banner-locations input.submit {
	margin-top: 10px;
}
#banner-environment {
	background-image: url(/images/banners/banner-environment.jpg);	
	background-position: center bottom;
}
#banner-environment h1 {
	color: #70aa0c;
	padding-top: 80px;
	padding-bottom: 20px;
}
#banner-who-scenting-banks {
	background-image: url(/images/banners/banner-who-scenting-banks.jpg);	
	background-position: right center;
}
#banner-who-scenting-entertainment {
	background-image: url(/images/banners/banner-who-scenting-entertainment.jpg);	
	background-position: right center;
}
#banner-who-scenting-fitness {
	background-image: url(/images/banners/banner-who-scenting-fitness.jpg);	
	background-position: right center;
}
#banner-who-scenting-food {
	background-image: url(/images/banners/banner-who-scenting-food.jpg);	
	background-position: right center;
}
#banner-who-scenting-hotels {
	background-image: url(/images/banners/banner-who-scenting-hotels.jpg);	
	background-position: center center;
}
#banner-who-scenting-medical {
	background-image: url(/images/banners/banner-who-scenting-medical.jpg);	
	background-position: center center;
}
#banner-who-scenting-offices {
	background-image: url(/images/banners/banner-who-scenting-offices.jpg);	
	background-position: center center;
}
#banner-who-scenting-retail {
	background-image: url(/images/banners/banner-who-scenting-retail.jpg);	
	background-position: center center;
}
#banner-who-scenting-showrooms {
	background-image: url(/images/banners/banner-who-scenting-showrooms.jpg);	
	background-position: right center;
}
#banner-who-scenting-transport {
	background-image: url(/images/banners/banner-who-scenting-transport.jpg);	
	background-position: center center;
}
#banner-aropromo {
	background-image: url(/images/banners/banner-diffusers-aropromo.jpg);	
	background-position: center bottom;
	background-color: #000000;
}
#banner-flow-aropromo {
	background-color: #000000;
}
#banner-aropromo-howitworks {
	background-image: url(/images/banners/banner-diffusers-aropromo-how.jpg);	
	background-position: center bottom;
	background-color: #8b5da2;
}
#banner-aropromo-howitworks h1 {
	color: #000;
}
#banner-aropromo-howitworks h1 b {
	color: #fff;
}
#banner-flow-aropromo-howitworks {
	background-color: #8b5da2;
}

#banner-who-scenting-banks h1 b {
	color: #fff;
}
#banner-who-scenting-banks h3 {
	color: #fff;
}
#banner-who-scenting-entertainment h1 b {
	color: #fff;
}
#banner-who-scenting-entertainment h3 {
	color: #fff;
}
#banner-who-scenting-fitness h1 b {
	color: #fff;
}
#banner-who-scenting-fitness h3 {
	color: #fff;
}
#banner-who-scenting-food h1 b {
	color: #fff;
}
#banner-who-scenting-food h3 {
	color: #fff;
}
#banner-who-scenting-hotels h1 b {
	color: #fff;
}
#banner-who-scenting-hotels h3 {
	color: #fff;
}
#banner-who-scenting-medical h1 b {
	color: #333;
}
#banner-who-scenting-medical h3 {
	color: #333;
}
#banner-who-scenting-offices h1 b {
	color: #333;
}
#banner-who-scenting-offices h3 {
	color:#333;
}
#banner-who-scenting-retail h1 b {
	color: #333;
}
#banner-who-scenting-retail h3 {
}
#banner-who-scenting-showrooms h1 b {
}
#banner-who-scenting-showrooms h3 {
}
#banner-who-scenting-transport h1 b {
	color: #fff;
}
#banner-who-scenting-transport h3 {
	color: #fff;
}
#banner-diffusers-arodrive {
	background-image: url(/images/banners/banner-diffusers-arodrive.jpg);	
	background-position: center bottom;
}
#banner-diffusers-aromax {
	background-image: url(/images/banners/banner-diffusers-aromax.jpg);	
	background-position: right bottom;
}
#banner-diffusers-aroscent {
	background-image: url(/images/banners/banner-diffusers-aroscent.jpg);	
	background-position: right bottom;
}
#banner-diffusers-aroscentpro {
	background-image: url(/images/banners/banner-diffusers-aroscentpro.jpg);	
	background-position: right bottom;
}
#banner-diffusers-aroscentpro h1 {
	color: #722026;
}
#banner-diffusers-ecoscent {
	background-image: url(/images/banners/banner-diffusers-ecoscent.jpg);	
	background-position: right bottom;
}
#banner-diffusers-ecoscent h1 {
	color: #6892be;
}
#banner-diffusers-ecoscentpro {
	background-image: url(/images/banners/banner-diffusers-ecoscentpro.jpg);	
	background-position: right bottom;
}
#banner-diffusers-ecoscentpro h1 {
	color: #666;
}
#banner-diffusers-ecoscentpro h1 b {
	color: #025cb0;
}
#banner-scents-aromaoils {
	background-image: url(/images/banners/banner-scents-aromaoils.jpg);	
	background-position: right center;
}
#banner-scents-essentialoils {
	background-image: url(/images/banners/banner-scents-essentialoils.jpg);	
	background-position: right center;
}
#banner-scents-arotec {
	background-image: url(/images/banners/banner-scents-arotec.jpg);	
	background-position: right center;
}
#banner-scents-gorange {
	background-image: url(/images/banners/banner-scents-gorange.jpg);	
	background-position: right center;
}
#banner-scents-signature-scent {
	background-image: url(/images/banners/banner-scents-signature-scent.jpg);	
	background-position: right center;
}
#banner-arobalance-howitworks {
    background-image: url(/images/banners/banner-arobalance-howitworks.png);   
    background-position: center bottom;
}
#banner-nosmoke-howitworks {
    background-image: url(/images/banners/banner-nosmoke-howitworks.jpg);   
    background-position: center bottom;
}
#banner-nobacteria-howitworks {
    background-image: url(/images/banners/banner-nobacteria-howitworks.jpg);   
    background-position: center bottom;
}
/* Aroslim Skyscraper */
#aroslim-skyscraper {
   margin-top: -400px;
}

/* Arobalance Skyscraper */
#arobalance-skyscraper {
	margin-top: -400px;
}

/* Aropromo Skyscraper */
.aropromo #aropromo-skyscraper {
   margin-top: -460px;
   margin-left: 10px;
}
.aropromo.howitworks #features {
	padding-bottom: 0px;
}
.aropromo.howitworks #aropromo-release-methods {
	margin-bottom: 40px;
}
.aropromo.howitworks #aropromo-release-methods .feature-list {
	margin-bottom: 10px;
}
.aropromo #overview {
	border: none;
}
.aropromo #aropromo-feature-list {
	margin-bottom:40px;
}
/* Aropromo How it works Banner */
.aropromo #aropromo-soupline {
	margin-top:  -340px;
}
.aropromo #aropromo-soupline-2 {
	margin: 40px 0px 20px 10px;
}
.aropromo #aropromo-ajax {
	margin-top: 40px;
}
.aropromo #aropromo-award {
	margin-top: 55px;
}
/* No Smoke Skyscraper */
#nosmoke-skyscraper {
	margin-top: -400px;
}

/* No Bacteria Skyscraper */
#nobacteria-skyscraper {
	margin-top: -400px;
}



/* HVAC Diagram */
#hvac-diagram {
	position: relative;
}
#hvac-diagram .field-message {
	margin: 0;
	position: absolute;
	width:108px;
}
#hvac-diagram .field-message.ducts {
	left: 483px;
	top: 44px;
}
#hvac-diagram .field-message.ecoscent {
	left: 323px;
	top: 230px;
}

/* Diffusion Graph */
#diffusion-graph {
	font-size: 12px;
	padding: 20px 0;
	position: relative;
	height: 260px;
	width: 540px;
}
#diffusion-graph .chart {
	position:relative;
	height: 260px;	
	width: 400px;
}
#diffusion-graph .chart ul,
#diffusion-graph .chart ol {
	list-style: none;
	margin: 0;
	padding: 0;
}
#diffusion-graph .y-value {
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 1;
}
#diffusion-graph .chart dt {
	float: left;
	font-weight: normal;
	height: 49px;
	margin: -10px 0 0 0;
	padding: 0 14px 0 0;
	text-align: right;
	width: 45px;
}
#diffusion-graph .chart dd {
	border-top: 1px solid #e0e0e0;
	height: 49px;
	margin: 0;
	padding: 0;
	float: left;
	width: 320px;
}
#diffusion-graph .days {
	float:left;
	height: 200px;
	left: 59px;
	list-style: none;
	padding: 0;
	position: relative;
	width: 320px;
	z-index: 2;
}
#diffusion-graph .days li {
	height: 100%;
	position: absolute;
	width: 100%;
}
#diffusion-graph .x-value {	
	position: absolute;
	left: 19px;
	top: 210px;
	width: 400px;
	z-index: 20;
}
#diffusion-graph .x-value li {
	float: left;
	text-align: center;
	width: 80px;
}
#diffusion-graph .points {
	border-left:1px dotted #e0e0e0;
	list-style: none;
	height: 200px;
	padding: 0;
	width: 1px;
	position: absolute;
	top: 0;
}
#diffusion-graph .point-01 {
	border-left:1px solid #e0e0e0;
	left: 0;
}
#diffusion-graph .point-02 {
	left: 80px;
}
#diffusion-graph .point-03 {
	left: 160px;
}
#diffusion-graph .point-04 {
	left: 240px;
}
#diffusion-graph .point-05 {
	left: 320px;
} 
#diffusion-graph .points li {
	direction: ltr;
	text-indent: -999em;
}
#diffusion-graph .line {
	left: 60px;
	position: absolute;
	width: 322px;
}
.csstransitions.js #diffusion-graph .line {
	width: 0;
	
	/* Vendor specifc */
	-moz-transition: width 2s ease-out;
	-webkit-transition: width 2s ease-out;
	
	transition: width 2s ease-out;
}
.csstransitions.js #diffusion-graph .line.move {
	width: 322px;
}
#diffusion-graph #aa-line {
	background: url(/images/content/diffuser-graph-line-aa.png) no-repeat;
	height: 11px;	
	top: -4px;
	z-index: 20;
}
#diffusion-graph #comp-line {
	background: url(/images/content/diffuser-graph-line-comp.png) no-repeat;
	height: 131px;
	left: 61px;
	top: 0px;
	z-index: 10;
}
#diffusion-graph .field-message {
	margin: 0;
	left: 400px;
	position: absolute;
	width:118px;
}
#diffusion-graph .field-message.aa {
	color: #3399cc;
	top: -12px;
}
#diffusion-graph .field-message.comp {
	color: #993333;
	top: 111px;
}

/* Nerve Activity Graph */
#nerve-activity-graph {
    position: relative;
    height: 260px;
    padding: 20px 0 40px 0;
    width: 540px;
}
#nerve-activity-graph .chart {
	font-size: 12px;
    position:relative;
    height: 260px;  
    width: 400px;
}
#nerve-activity-graph .chart ul,
#nerve-activity-graph .chart ol {
    list-style: none;
    margin: 0;
    padding: 0;
}
#nerve-activity-graph .y-value {
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 1;
}
#nerve-activity-graph .chart dt {
    float: left;
    font-weight: normal;
    height: 49px;
    margin: -10px 0 0 0;
    padding: 0 14px 0 0;
    text-align: right;
    width: 45px;
}
#nerve-activity-graph .chart dd {
    border-top: 1px solid #e0e0e0;
    height: 49px;
    margin: 0;
    padding: 0;
    float: left;
    width: 320px;
}
#nerve-activity-graph .bars {
	border-left: 1px solid #e0e0e0;
    float:left;
    height: 200px;
    left: 59px;
    list-style: none;
    padding: 0;
    position: relative;
    width: 286px;
    z-index: 2;
}
#nerve-activity-graph .bars li {
    height: 100%;
    position: absolute;
    width: 30px;
}
#nerve-activity-graph .bars li span {
	bottom: 0;
	direction: ltr;
	display: block;
	height: 100%;
	left: 12px;
	position: absolute;
	text-indent: -999em;
	width: 6px;
}
#nerve-activity-graph .x-value {
    position: absolute;
    left: 75px;
    top: 210px;
    width: 286px;
    z-index: 20;
}
#nerve-activity-graph .x-value li {
    float: left;
    text-align: center;
    width: 30px;
}
#nerve-activity-graph .bar-a {
    left: 15px;
}
#nerve-activity-graph .bar-b {
    left: 45px;
}
#nerve-activity-graph .bar-c {
    left: 75px;
}
#nerve-activity-graph .bar-d {
    left: 105px;
}
#nerve-activity-graph .bar-e {
    left: 135px;
}
#nerve-activity-graph .bar-f {
    left: 165px;
} 
#nerve-activity-graph .bar-g {
    left: 195px;
}
#nerve-activity-graph .bar-h {
    left: 225px;
}
#nerve-activity-graph .bar-i {
    left: 255px;
} 
#nerve-activity-graph .bar-a span {
   background: #3399cc;
}
#nerve-activity-graph .bar-b span {
   background: #993333;
}
#nerve-activity-graph .bar-c span {
   background: #0cb953;
}
#nerve-activity-graph .bar-d span,
#nerve-activity-graph .bar-e span,
#nerve-activity-graph .bar-f span,
#nerve-activity-graph .bar-g span,
#nerve-activity-graph .bar-h span {
   background: #cce5d6;
}
#nerve-activity-graph .bar-i span {
   background: #996699;
}
.csstransitions.js #nerve-activity-graph .bars span {
    height: 0;
    
    /* Vendor specifc */
    -moz-transition: height 1.5s ease-out;
    -webkit-transition: height 1.5s ease-out;
    
    transition: height 1.5s ease-out;
}
#nerve-activity-graph .bars .bar-a span,
.csstransitions.js #nerve-activity-graph .bars .bar-a span.grow {
	height: 53px;
}
#nerve-activity-graph .bars .bar-b span,
.csstransitions.js #nerve-activity-graph .bars .bar-b span.grow {
	height: 148px;
}
#nerve-activity-graph .bars .bar-c span,
.csstransitions.js #nerve-activity-graph .bars .bar-c span.grow {
	height: 58px;
}
#nerve-activity-graph .bars .bar-d span,
.csstransitions.js #nerve-activity-graph .bars .bar-d span.grow {
	height: 72px;
}
#nerve-activity-graph .bars .bar-e span,
.csstransitions.js #nerve-activity-graph .bars .bar-e span.grow {
	height: 103px;
}
#nerve-activity-graph .bars .bar-f span,
.csstransitions.js #nerve-activity-graph .bars .bar-f span.grow {
	height: 138px;
}
#nerve-activity-graph .bars .bar-g span,
.csstransitions.js #nerve-activity-graph .bars .bar-g span.grow {
	height: 150px;
}
#nerve-activity-graph .bars .bar-h span,
.csstransitions.js #nerve-activity-graph .bars .bar-h span.grow {
	height: 168px;
}
#nerve-activity-graph .bars .bar-i span,
.csstransitions.js #nerve-activity-graph .bars .bar-i span.grow {
	height: 175px;
}

#nerve-activity-graph .field-message {
    margin: 0;
    left: 400px;
    position: absolute;
    width: 118px;
}
#nerve-activity-graph .field-message.minimal {
    color: #3399cc;
    top: 136px;
}
#nerve-activity-graph .field-message.chronic {
    color: #993333;
    top: 36px;
}

/* Steriwater Tables */

#nosmoke-howitworks-table {
	margin-bottom: 40px;
}

#nosmoke-howitworks-table div {
	border: 1px solid #e0e0e0;
	border-bottom:none;
	font-size: 12px;
	float: left;
	height: 30px;
	margin:0;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 0px;
	width: 280px;
}

#nosmoke-howitworks-table .heading {
	background-color:#e8f4fc;
	border-top: 1px solid #e0e0e0;
}

#nosmoke-howitworks-table .final {
	border-bottom: 1px solid #e0e0e0;
}

#nobacteria-table {
	margin-bottom: 40px;
}

#nobacteria-table div {
	border: 1px solid #e0e0e0;
	border-bottom:none;
	font-size: 12px;
	float: left;
	height: 30px;
	margin:0;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 0px;
	width: 280px;
}

#nobacteria-table .heading {
	background-color:#e8f4fc;
	border-top: 1px solid #e0e0e0;
}

#nobacteria-table .final {
	border-bottom: 1px solid #e0e0e0;
}

#nobacteria-howitworks-table {
	margin-bottom: 40px;
}

#nobacteria-howitworks-table div {
	border: 1px solid #e0e0e0;
	border-bottom:none;
	font-size: 12px;
	float: left;
	height: 30px;
	margin:0;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 0px;
}

#nobacteria-howitworks-table.table2 div {
	height: 50px;
}

#nobacteria-howitworks-table h5 {
	font-size: 12px;
}

#nobacteria-howitworks-table .heading {
	background-color:#e8f4fc;
	border-top: 1px solid #e0e0e0;
}

#nobacteria-howitworks-table .final {
	border-bottom: 1px solid #e0e0e0;
}

#nobacteria-howitworks-table .col1 {
	width: 200px;
}

#nobacteria-howitworks-table .col2 {
	width: 140px;
	border-left: none;
}

#nobacteria-howitworks-table .col3 {
	width: 135px;
	border-left: none;
}

#nobacteria-howitworks-table .col4
{
	width: 295px;
	border-left: none;
}

/* Country selector */
ul.country-selector {
	float: left;
	list-style: none;
	margin: 14px 0 26px 0;
	padding: 0;
}
ul.country-selector li {
	display: block;
	float: left;
	font-size: 12px;
	margin: 0 10px;
	min-height: 80px;
	width: 155px;
}
ul.country-selector li a {
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #666;
	display: block;
	min-height: 32px;
	padding: 6px 10px 2px 42px;
}
ul.country-selector li a:hover {
	color: #3399cc;
	text-decoration: none;
}

ul.country-selector.coming-soon li a {
	color:#666666;
}

ul.country-selector.coming-soon li a:hover {
	color:#666666;
}

/* Country flags */
ul.country-selector .us {
	background-image: url(/images/flags/32/us.png);
}
ul.country-selector .ad {
	background-image: url(/images/flags/32/ad.png);
}
ul.country-selector .au {
	background-image: url(/images/flags/32/au.png);
}
ul.country-selector .be {
	background-image: url(/images/flags/32/be.png);
}
ul.country-selector .cn {
	background-image: url(/images/flags/32/cn.png);
}
ul.country-selector .cz {
	background-image: url(/images/flags/32/cz.png);
}
ul.country-selector .dk {
	background-image: url(/images/flags/32/dk.png);
}
ul.country-selector .es {
	background-image: url(/images/flags/32/es.png);
}
ul.country-selector .ec {
	background-image: url(/images/flags/32/ec.png);
}
ul.country-selector .nl {
	background-image: url(/images/flags/32/nl.png);
}
ul.country-selector .jp {
	background-image: url(/images/flags/32/jp.png);
}
ul.country-selector .fr {
	background-image: url(/images/flags/32/fr.png);
}
ul.country-selector .mc {
	background-image: url(/images/flags/32/mc.png);
}
ul.country-selector .nz {
	background-image: url(/images/flags/32/nz.png);
}
ul.country-selector .de {
	background-image: url(/images/flags/32/de.png);
}
ul.country-selector .gr {
	background-image: url(/images/flags/32/gr.png);
}
ul.country-selector .it {
	background-image: url(/images/flags/32/it.png);
}
ul.country-selector .ie {
	background-image: url(/images/flags/32/ie.png);
}
ul.country-selector .in {
	background-image: url(/images/flags/32/in.png);
}
ul.country-selector .ae {
	background-image: url(/images/flags/32/ae.png);
}
ul.country-selector .ch {
	background-image: url(/images/flags/32/ch.png);
}
ul.country-selector .pt {
	background-image: url(/images/flags/32/pt.png);
}
ul.country-selector .sg {
	background-image: url(/images/flags/32/sg.png);
}
ul.country-selector .si {
	background-image: url(/images/flags/32/si.png);
}
ul.country-selector .th {
	background-image: url(/images/flags/32/th.png);
}
ul.country-selector .kr {
	background-image: url(/images/flags/32/kr.png);
}
ul.country-selector .my {
	background-image: url(/images/flags/32/my.png);
}
ul.country-selector .mx {
	background-image: url(/images/flags/32/mx.png);
}

/**
 * Admin Section
 */

/* Modal Dialog */
#modal-master {
	position:absolute;
	left:50%;
	top:50%;
	width:600px;
	height:480px;
	margin-left:-300px;
	margin-top:-200px;
	z-index: 899;
	border:2px solid #d0d0d0;
	background-color:#EEEEEE;
	display:none;
}

#modal-top {
	width:100%;
	height:70px;
	padding:5px;
}

#modal-top h2.modal-title {
	color:#666;
	margin-bottom:10px;
}

#modal-top label#lblFolder {
	float:left;
	width:40px;
	padding-top:3px;
}
#modal-top select#selDirectory {
	float:left;
	width:200px;
}

#modal-top-uploader {
	float:right;
}

#modal-top-uploader input,
#modal-top-uploader button {
	margin-bottom:10px;
	float:left;
	clear:both;
	display:none;
}
#modal-top-uploader button#btnUploadNewImage {
	float:right;
	margin-right:10px;
	display:block;
}

#modal-content {
	position:relative;
	height:400px;
	width:600px;
	overflow-y:auto;
	outline:2px solid #d0d0d0;
}

.modal-image div {
	width:100%;
	clear:both;
}

div.modal-image.row {	
	border-bottom: solid 1px #e0e0e0;
}

div.modal-image.row:hover {
	background-color:#D0D0D0;
}

.modal-image img {
	float:left;
	height:50px;
	width:50px;
	outline:solid 1px #d0d0d0;
	padding:5px;
	margin:10px;
}

.modal-image label {
	padding-top:30px;
}
.model-image div:hover { 
    background-color:red;
}

#modal-background, #modal-working-background {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity:0.6;
	background-color:#000;
	display:none;
}
#modal-background {
	z-index: 890;
}
#modal-working-background {
	z-index:990;
	opacity:0.9;
}

#modal-working-overlay {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-125px;
	margin-top:-25px;
	height:50px;
	width:250px;
	z-index:999;
	display:none;
}

#modal-working-overlay img {
	margin-top:20px;
	margin-left:109px;
	margin-right:109px;
	opacity:1;
}

#modal-background span {
	color:#d0d0d0;
	opacity:1;
	float:right;
	padding:10px;
}

#modal-progressbox {
	background-color:#EEE;
	border: 1px solid #0099CC;
	padding: 1px; 
	position:relative;
	width:200px;
	border-radius: 3px;
	margin: auto auto;
	text-align:left;
}
#modal-progressbar {
	height:20px;
	border-radius: 3px;
	background-color: #003333;
	width:1%;
}
#modal-progressstatustxt {
	top:3px;
	left:50%;
	position:absolute;
	display:inline-block;
	color: #000000;
}

body.modal-open {
    overflow: hidden;
}

/**
 * Basic IE fixes
 */
 
/* Last child fix (see script.js) */
.last-child {
	margin-right: 0 !important;
}
blockquote.last-child {
	border: none;
	margin-bottom: 20px;
}
article.post.last-child {
	border: none;
	margin-bottom: 0;
}
ul.product-list li.last-child {
	border: none;
	margin-right: 0;
}
/* Buttons with no text content need explicit height in IE8 */
.ie8 input.ui-button-sec {
	height: 24px;
}

/* Floating clearing for IE6-7 */
.ie6 article,
.ie6 .contain,
.ie6 .store .row,
.ie6 .section,
.ie6 .post-main,
.ie7 article,
.ie7 .contain,
.ie7 .store .row,
.ie7 .section,
.ie7 .post-main {
	zoom: 1;
}
/**
 * Helper classes
 */

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix */
.clearfix { zoom: 1; }

/**
 * Media queries for responsive design.
 *
 * These follow after primary styles so they will successfully override.
 */

@media all and (orientation:portrait) {
  /* Style adjustments for portrait mode goes here */

}

@media all and (orientation:landscape) {
  /* Style adjustments for landscape mode goes here */

}

/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome) */
@media screen and (max-device-width: 480px) {


  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust */
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
}

/**
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 */
@media print {
 body {
		background: #fff;
	}
	nav,
	#siteinfo {
		display: none;
	}
	@page { margin: 2.5cm; }

}