/*Stylesheet for Pure Adore */
body {font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#413F72; margin:0}
a:link{ text-decoration:none}
a:visited{ text-decoration:none}
a:hover{ text-decoration:underline}
h1 { font:normal 20px/140% "Trebuchet MS", Arial, Helvetica, sans-serif; color:#484667; margin:0; padding:10px 50px 10px 23px}
h2 { font:15px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0; padding:10px 40px 20px 20px; }
p{ margin:0; padding:0}
input { font:11px Arial, Helvetica, sans-serif; color:#333;}
textarea {font:11px Arial, Helvetica, sans-serif; color:#333;}
form { background:#F4F4F4; padding:10px; margin:0 60px 0 20px}
.holder{ width:780px; margin:0 auto 0 auto; clear:both}
.font13{ font-size:13px}

.GREY { color:#999999; font-style:italic}
.RED { color:#990033; }
/*holder styles*/
#holderHEADER {color:#fff;background:url(../images/core/holderHEADER_bg.jpg) center no-repeat; margin:0; height:95px} #holderHEADER img { vertical-align:middle}
#holderHEADER ul {list-style:none; margin:0; padding:45px 35px 24px 18px} #holderHEADER ul li { float:right; padding:0 0 0 15px}
#holderHEADER a{color:#fff} #holderHEADER a:visited{color:#fff}
#holderCONTENT{ clear:both; background:url(../images/core/holderCONTENT_bg.gif) center repeat-y; overflow:hidden; position:relative; width:780px; margin:0 auto 0 auto}
#holderLOGO{ clear:both; background:url(../images/core/logo_bg.gif) right no-repeat}
#holderLEFT{float:left; width:158px}
#holderLEFT ul {list-style:none; margin:0; padding:0}
#linkHOME {height:120px; background:url(../images/core/ic_home.gif)}   #linkHOME:hover {height:120px; background:url(../images/core/ic_home_B.gif)}
#linkETHOS {height:150px; background:url(../images/core/ic_ethos.gif)} #linkETHOS:hover {height:150px; background:url(../images/core/ic_ethos_B.gif)}
#linkPRODUCTS {height:150px; background:url(../images/core/ic_products.gif)}#linkPRODUCTS:hover {height:150px; background:url(../images/core/ic_products_B.gif)}
#holderFLASH {float:left; width:375px}
.holderCENTRE{float:left; width:405px;}
.holderCENTRE ul {margin:0; padding:20px 0 0 40px; float:left} 
.holderCENTRE ul li { list-style:url(../images/core/ic_heart_bullet.gif); padding:0 0 10px 10px; margin:0;}
.holderCENTRE p { padding:0 30px 0 23px; margin:0; font:13px/140% "Trebuchet MS", Arial, Helvetica, sans-serif; clear:both}
.holderCENTRE a:link{color:#333; } .holderCENTRE a:visited{color:#333;}
.holderPRODUCT_images { text-align:center; float:left; padding:0 0 40px 0; width:140px; font-size:13px} .holderPRODUCT_images img { height:240px; width:140px; border:none}

/* page background_styles */
#sectionHOME #linkHOME {height:120px; background:url(../images/core/ic_home_B.gif)} 
#sectionETHOS #linkETHOS {height:150px; background:url(../images/core/ic_ethos_B.gif)}
#sectionPRODUCTS #linkPRODUCTS{height:150px; background:url(../images/core/ic_products_B.gif)}

#homepage {background:url(../images/core/homepage_bg.jpg) bottom no-repeat; height:357px}
#ethos {background:url(../images/core/ethospage_bg.jpg) bottom no-repeat ;}
#products {background:url(../images/core/productpage_bg.jpg) bottom no-repeat; padding:0 0 50px 0; width:780px}
.holderCENTRE#contactpage { padding:30px 0 0 30px; background: url(../images/core/holder_general_bg.jpg) center; overflow:hidden; position:relative; width:750px}
.holderCENTRE#contactpage table {width:350px}
.holderCENTRE#contactpage table td { padding:0 0 15px 20px; }
.holderCENTRE#contactpage form { padding:0 0 0 20px}

/*Product page styles */
#product_details { padding:0 0 30px 0}
	#product_details_img{ float:right; padding:0 0 30px 0}
	#product_details p.ingredients {font:11px Arial, Helvetica, sans-serif;}
	.title {font:17px Arial, Helvetica, sans-serif; color:#484667}
	#product_details p.certified { text-align:right; font-size:10px; color:#666666}
	.price {font:bold 13px Arial, Helvetica, sans-serif}
	.upsell{ background:url(../images/core/title_lower_bg.gif) no-repeat; padding:10px 0 0 0}

/*Character Colours */
.cosmo {color:#7474BA}
.sophie {color:#80A82B}
.leo {color:#3366CC}
.daya {color:#C5528B}
.spiro {color:#FF8000; border-right:1px solid #FEFDFC;}	

#holderCONTENT_footer {clear:both;}
	#holderCONTENT_footer ul {margin:0; padding:0 0 0 20px; list-style:none;}
	#holderCONTENT_footer ul li { float:left; width:120px; border-right:1px solid #E5E4F0; margin:0 0 0 15px; padding:0 10px 0 0}
	#holderCONTENT_footer ul li.spiro {border-right:1px solid #FEFDFC;}	

#holderPRODUCTS_footer {clear:both; padding:0 0 0 30px;  overflow:auto; position:relative}
	#holderPRODUCTS_footer ul.citrus{float:left; list-style:none; margin:0 0 20px 20px; padding:0; width:160px; color:#2E2E2E; font-size:11px}
	#holderPRODUCTS_footer ul.citrus li.title{color:#FF8000; padding:5px 0 10px 0; font-size:14px}
	#holderPRODUCTS_footer ul.citrus li.prodSHORTDESC { font-size:10px; color:#333; list-style:url(../images/core/ic_tick_citrus.gif) inside}
	
	#holderPRODUCTS_footer ul.minty{float:left; list-style:none; margin:0 0 20px 20px; padding:0; width:160px; color:#2E2E2E; font-size:11px}
	#holderPRODUCTS_footer ul.minty li.title {color:#7658A7; padding:5px 0 10px 0; font-size:14px }
	#holderPRODUCTS_footer ul.minty li.prodSHORTDESC{ font-size:10px; color:#333; list-style:url(../images/core/ic_tick_minty.gif) inside}
	
	#holderPRODUCTS_footer ul.green{float:left; list-style:none; margin:0 0 20px 20px; padding:0; width:680px; color:#2E2E2E; font-size:11px; background:url(../images/core/content_products_bg.jpg) left no-repeat;}
	#holderPRODUCTS_footer ul.green li.title {color:#00CC66; padding:5px 0 10px 0; font-size:14px }
	#holderPRODUCTS_footer ul.green li.prodSHORTDESC{ font-size:10px; color:#333; list-style:url(../images/core/ic_tick_green.gif) inside}
	
	#holderPRODUCTS_footer ul li.SRP {font-weight:bold; padding:5px 0 0 0}
	
	#holderPRODUCTS_footer p{ clear:both}
	
#holderRIGHT{float:right; width:110px;}
#holderFOOTER{color:#fff; background: url(../images/core/holderFOOTER_bg.jpg) center no-repeat; clear:both; margin:0; height:100px}
#holderFOOTER a:link{color:#fff} a:visited{color:#fff}
#holderFOOTER ul {list-style:none; margin:0; padding:47px 8px 0px 30px} #holderFOOTER ul li {float:left; padding:0 10px 0 0 }
#holderPAGEOPTIONS ul{clear:both; list-style:none; margin:0; padding:0 0 0 30px; font-size:11px} #holderPAGEOPTIONS ul li {padding:0 10px 10px 0; float:left}
	#holderPAGEOPTIONS img { vertical-align:middle}
	#holderPAGEOPTIONS a{color:#9E9D72} #holderPAGEOPTIONS a:visited{color:#9E9D72}