/* General */

@media all{
*{margin:0;padding:0}
body{font:100.1% Arial, Verdana, sans-serif, sans;margin:auto;min-width:1010px;width:62em;}
body,input,select,option{background:#fff;color:rgb(0,4,9);}
h1,h2,h3,h4,h5,h6{font-weight:normal;letter-spacing:.5px;margin-bottom:.25em;}
h1{background:#fff;color:#8e8554;font-weight:normal;margin-top:.5em;}
h2{font-size:120%;text-transform:lowercase}
h2 abbr{text-transform:uppercase}
h3{font-size:105%;text-transform:lowercase;margin-top:.95em;}
hr,.user{position:absolute;left:-999em}
noscript{display:block;margin-bottom:1em;padding:.5em;/*border:2px solid red;*/font-weight:bold;letter-spacing:1px;color:red;text-align:center !important}
tfoot td{padding-top:1em}
tbody td,th{vertical-align:top;border-bottom:1px solid #ccc;padding:.35em 0}
th{border-bottom-color:#aaa}
img{border:0}
	
button{font-size:small !important;}
#q{padding:3px;}


/*#strapline{color:#6b6647;}*/

.brand{/*color:rgb(176, 146, 70)*/color:#9e8c5c}
.lowercase{text-transform:lowercase !important}
.errors,.notice{color:red}
.success{color:green !important}
.advisory{clear:both;color:rgb(0,4,9);margin-bottom:2em;padding:.5em;border:1px solid #9e8c5c}
.section,.block{clear:both;float:left;position:relative;width:100%}
.section{font-size:96%;}
.subsection{margin-top:1.75em}
.content{display:block;position:relative}
.navigation.bar{background:orange url('../img/ui/menu_face.png') repeat-x;border:solid #9e8c5c;border-width:1px;float:left;clear:both;padding:6px 0;width:100%}
.sidebar{min-height:30em;padding:5px 0}
.info{font-size:smaller}
.rightcol,.photo.right,.subsection .right{float:right}
.column,.leftcol,.photo.left,.subsection .left{float:left}
.column{margin-right:5%;}
.photo.left{margin:0 10px 10px 0}
.photo.right{margin:0 0 10px 10px}
.button{margin-top:1em}
img.photo{border-color:#eee}
.readonly{border:0 !important;background:#fff !important}
sup.ingredients{line-height:.75em}
div.login#form{float:left;clear:left;width:70%}	
#videoscreen{border:1px solid #9e8c5c;float:left;clear:both;margin-top:1em;vertical-align:top;padding:0 4px}
.promotions p.summary{font-size:110%}
.flush{margin:0 !important;display:inline;}
.account.subsection .right,.account.subsection .left{width:40%;margin-right:10%;}
.account.subsection .trio.right,.account.subsection .trio.left{width:22%;margin-right:5%;}
.account.subsection{clear:both;margin-top:.2em}

/* Magazine / PDF */	
div.magazine{float:left;width:32%;min-height:15.5em}
.magazine ul{margin-left:2em !important}
li.pdf{list-style-image:url('../img/ui/icons/pdficon_small.gif');padding:0 0 .4em 10px;}
	
/* Notices */
#header div.notice{color:rgb(158,140,92);letter-spacing:1px;text-transform:uppercase;margin-left:17%;padding:3px 0;text-align:center}
.notice.cookie{border:1px solid #9e8c5c;color:#000 !important;padding:.5em;margin-bottom:1em !important;width:auto;float:left;clear:both}
.notice.cookie strong{color:red !important}

/* Headings */
.default h2{margin-top:.75em !important}
.homepage h2,.skincare h2{margin-top:0 !important}
.product.row.trio h2{width:96%}
.product.row.trio h2.rendered{margin-bottom:-.6em !important;height:1.5em;overflow:hidden;}

/* Basket */
.basket th{padding:.5em 0}
.basket .quantity,.basket .price,.basket .total{text-align:right !important}
.basket .size,.basket .product{text-align:left !important}
.basket .product,#deliveryNote{max-width:260px}
.basket tbody tr:hover{background:rgb(95%,95%,95%)}
.basket tbody tr:hover a{color:#000 !important}
#updateBasket,#checkoutBasket{text-align:right}
#ordertotals ul{width:70%;list-style:none;float:right}
#ordertotals ul,#ordertotals li{margin-right:0 !important;padding-right:0 !important;}
#ordertotals li{width:100%;clear:left;}
#ordertotals li,#ordertotals li span{float:left}
#ordertotals li span{width:50%}
#ordertotals li span.value{float:right;text-align:right}
#total strong{display:block;border-top:1px solid #ccc;padding-top:.5em}

/* Combinations */
#content p,#footer p,#content li,#content dt{margin:.5em 0}

/* Header */
#header{padding:10px 0}
#header form{float:right}
#header form,#logo{margin-right:10px !important}
#header .breadcrumb,#phoneline,#strapline{margin-left:10px}
#logo{float:right;clear:both;margin:8px 0}
#logo img{border:0}
#phoneline{position:absolute;bottom:12px;}
#phoneline strong{font-weight:normal;font-size:larger;}

/* Menus */
#nav{text-align:center}
#nav li{display:inline}

.navigation li a{color:#1c1c05;text-decoration:none;}
.navigation.bar a{padding:6px 8px;border:solid transparent;border-width:0 1px;font-size:110%;}
.navigation.bar a:hover,.navigation.bar a:focus,.navigation.bar a:active,.navigation.bar .selected a{background:#febf4c url('../img/ui/menu_selected_light.png') repeat-x}
/*#nav li:first-child a{margin-left:12%;}*/
.not-found #nav li:first-child a{margin-left:0;}
.navigation.bar .selected a{/*border-right-color:#9e8c5c;border-left-color:#9e8c5c*/}
.navigation.bar li{margin:0 1%}
li#viewbasket{float:right;}

#sidebar-left{clear:left;float:left;width:16%;max-width:200px}
#sidebar-right{clear:right;float:right;width:16%;min-width:190px;}

#sidebar-left{background:url('../img/ui/vert-shadow.png') repeat-y 95.5% 0;float:left;clear:left;width:17%;margin-left:10px;}
#sidebar-left li{float:left;position:relative;width:13.5em;max-width:98%;list-style:none}
#sidebar-left li a{display:block;padding:3px 0 3px 4px;margin-top:-1px}
#sidebar-left .adverts a{border:0;margin-top:10px;text-align:left;padding:0}
#sidebar-left .selected>a{background:#fff url('../img/ui/arrow_face.png') no-repeat right !important}
#sidebar-left a:hover,#sidebar-left a:focus,#sidebar-left a:active{background:#fff url('../img/ui/arrow_face.png') no-repeat right !important}
#sidebar-left .navigation{margin-top:5px}
#sidebar-left .navigation li{background:url('../img/ui/bullet.png') no-repeat 2% .55em;padding-left:10%;margin-bottom:2px}
#sidebar-left .navigation{width:88%}
#sidebar-left .navigation ul ul li{padding-left:10%;width:90%}
#sidebar-left .adverts li{width:95% !important}
#sidebar-left .adverts li a,#sidebar-left .adverts a:hover,#sidebar-left .adverts a:focus,#sidebar-left .adverts a:active{background-color:transparent !important}

#logoff{margin-top:1em !important}
#flower{float:left;clear:both;height:100px;width:140px;margin:35px 0}

/* Main content */
#options{text-align:right}
#content{float:left;margin:0 1.5% 0 0.8%;padding:3px;min-width:590px;width:58%;min-height:30em}
#content .breadcrumb{border-bottom:1px solid #e2e2e2;padding-bottom:.6em;}
#content a,.breadcrumb a,.sidebar a{color:#6b6647;}
#content a:visited,.breadcrumb a:visited,.sidebar a:visited{color:rgb(0,4,9);}
#content a:hover,#content a:focus,#content a:active,
.breadcrumb a:hover,.breadcrumb a:focus,.breadcrumb a:active,
.sidebar a:hover,.sidebar a:focus,.sidebar a:active{background:#f4ba60;color:rgb(0,4,9);text-decoration:none}
h2.rendered a img{background-color:#fff;}
#content p{line-height:1.25em}
#content ul,#content ol{margin:1em 1em 1em 1.5em}
#content ol a strong{text-decoration:underline}
#content ol a{text-decoration:none;max-width:80%;display:block}
#content ol.content a{display:inline;}

#content.center.full{width:72%}
#content.center.full ol li{margin-top:1.5em}
#content.center.full ol li p a{display:inline}
#content.center.full.complete{width:97%}

.homepage #content.center{max-width:650px;}

#sidebar-right{margin-top:2.3em;margin-right:5px;}
#sidebar-right li{list-style:none}
#sidebar-right a img{border:0}
	
.importers div{width:31%;float:left;height:25em;margin-left:.5%}
.importers dt{display:inline;font-weight:bold}
.importers dd{display:block;padding:.25em 0}
.importers address{margin-bottom:1em;min-height:5em}
	
/* Products */
div.product{float:left;margin:0 1% 0 0;width:49%;height:11em;}
.product h2 a{background:#fff;color:rgb(0,4,9) !important;text-decoration:none;margin-bottom:-.4em}
/*.product.row.trio h2 a{border-bottom:1px solid #ddd;}*/
.product li{list-style-image:url('../img/ui/bullet.png');margin-right:105px !important;text-transform:lowercase}

.features .preview{width:48%;margin-right:2%;}
.features .preview p img{float:right;clear:right;margin-left:10px;}
a.feature-block{display:block;min-height:100px;text-decoration:none;border-top:1px solid #ddd;}
.features .rendered a{height:24px;overflow:hidden;display:block;background:#fff !important;}
		
/* Orders */
.order th,.order td{text-align:left}
.order .subtotal{text-align:right}
.order .quantity{text-align:center}
.order .item{width:50%}
.order li,.order ul{margin:0 !important;padding:0 !important;margin-bottom:1em !important;list-style:none}
.order#invoiceTo, .order#deliverTo{float:left;margin-right:5%}
.order #order{/*float:right;*/clear:both;width:100%}
	
/* Features */
.features{margin-top:2em}


/* Adverts */
#sidebar-right .adverts li{position:relative;left:-10px}
.adverts>li,#mybasket{margin-bottom:2em}
.adverts li{margin-top:10px}
.adverts a{background:#fff !important}

#mybasket ul{margin-top:.75em;margin-bottom:1.5em !important}
.viewed{margin-left:.8em;}
#lastviewed li{left:0 !important;text-transform:capitalize}
#lastviewed li,#mybasket li,.news.headlines li{margin-left:.3em}

#sidebar-left .adverts li{margin-top:5px;margin-bottom:5px;}


/* Conditions */
.normal{color:orange}
.dry{color:cyan}
.oily{color:green}
.sensitive{color:magenta}
.mature{color:brown}
.sidebar ul.conditions{width:50%;position:relative;left:50%}
.conditions span{color:rgb(0,4,8)}
.conditions li{list-style:square !important;text-align:left}

/* News */
.news.headlines{margin:2em 10px 2em 0}
.news.headlines li{margin-top:.5em}

/* Forms */
form .section{margin-bottom:1em}
fieldset{border:1px solid #ddd;padding:1%}
.submit{margin-top:1em}
.radio input,.checkbox input{vertical-align:top;margin-right:3px}
.radio,.checkbox{margin-top:.5em}
.multiitem{float:right;clear:right;position:relative;top:-1.8em;left:-2%}

label.required{/*font-weight:bold;letter-spacing:1px*/}
.checkbox,.radio{}
.hint{width:30%;margin:1em 0 2em 0 !important}
.formtext{width:30%}
.formtext.password{width:auto !important}
form dd{margin-bottom:1.5em !important}
.form.contact{float:right;width:50%}
.form.contact .formtext{width:80%}

dl.contact{float:left;width:40%}
.contact dd{margin-bottom:2em}

form label,.optional{color:#666}
label.required,.required{color:rgb(0,4,9)}

#faqSearch{position:relative;top:-2em}
.section div.faq{float:left;width:80%}
.section div.faq#mostviewed{float:right;width:20%}
.faq form{width:100%}
.faq form dd,.faq form dt{width:100%}
.faq form .hint{width:100%}
.faq ol{padding-left:.2em}
	
.faq .subsection{width:47%;float:left} 
	
#mostviewed li a{width:98% !important;max-width:100% !important}
.views{display:block;margin-top:3px;font-size:86%;font-style:italic}

/* Basket */
#mybasket li{margin-bottom:.5em}

/* Account */
.simple th,.simple td{text-align:left !important}

/* Footer */
#footer{clear:both !important;float:none;top:2.5em;text-align:center}
#footer li{display:inline}
#footer .bar{margin-bottom:1em}
#wala{position:absolute;right:10px;top:-21px}
	
/* Outlets */
dl.opening{float:left;clear:both;width:100%;margin:1em 0}
.opening dt{float:left;width:20%;clear:left;padding:0;margin:0;}
.opening dd{float:right;width:75%;clear:right;margin-top:.5em;}

/* Search */
.serps br{margin:2px 0}
a.serp{display:inline !important;text-decoration:underline !important}
a.serp.link:link{color:blue !important}
a.serp.link:visited{color:purple !important}
a.serp.link:hover{background:#fff !important}
span.serp.url{color:green !important}
	
/* Quick shop */	
.multiprod{position:relative;float:left;width:100%;clear:both;padding:1em 0 1em 0;}
.multiprod li{float:left;width:15%;padding-right:5%;text-align:left;list-style:none;height:11em;}
.multiprod li#last{width:90%;height:auto}
.multiprod li img{float:left;clear:both;margin-right:15%}
.multiprod .multiitem{float:left;clear:both !important;margin:3em 0 1em 5%}

ul.products.list{padding-left:0 !important;margin-left:0 !important}
.products.list li{display:inline;margin-right:1% !important}

.product.row.block{width:100% !important;margin-bottom:1em;height:auto !important;}
.product.row.block h2{margin-top:-.5em !important;}
}