body {	
	text-align: center; font-family: Arial, sans-serif; 
	background:#9ece62 url(../images/body-bg.png) 0 0 repeat-x;
	margin: 0; padding: 0;
	}

body.multibox { background: #FFF; margin: 0 auto; }
body.pop {padding: 20px; background: url(../images/newsletter-bg.png) center top no-repeat;}

h2, h3, h4, h5, p { margin: 0; padding: 7px 0; }
h1 { font-size: 30px; font-weight: normal; margin: 0; padding: 0; }
h2 { color: #666; font-size: 22px; font-weight: normal; }
h2.heading { height: 85px; display: block; }
h2.snail { width: 175px; background: url(../images/headers/titles/snail.png) no-repeat; height: 95px; margin-top: 0px !important;}
h2.hemp { width: 554px !important; height: 82px; background: url('/images/headers/titles/hemp-oil.png') no-repeat; }
.hemp p { color: #608A3B; padding-right: 125px; }
h2.aloe-vera { width: 175px; background: url(../images/headers/titles/aloe-vera.png) no-repeat; }
h2.pomegranate { width: 255px; background: url(../images/headers/titles/pomegranate.png) no-repeat; }
h2.jelly { width: 280px; background: url(../images/headers/titles/jelly.png) no-repeat; }
h2.tea-tree { width: 255px; background: url(../images/headers/titles/tea-tree.png) no-repeat; }
h2.vitamin-e { width: 255px; background: url(../images/headers/titles/vitamin-e.png) no-repeat; }
h2.manuka{ width: 255px; background: url(../images/headers/titles/manuka.png) no-repeat; }
h2.lavender{ width: 290px; background: url(../images/headers/titles/lavender.png) no-repeat; }
h2.rose{ width: 300px; background: url(../images/headers/titles/rose.png) no-repeat; }
h2.coconut{ width: 336px; background: url(../images/headers/titles/coconut.png) no-repeat; }
h2.argan{ width: 284px; height: 108px; background: url(../images/headers/titles/argan.png) no-repeat; }
h2.dead-sea{ width: 296px; height: 86px; background: url(../images/headers/titles/dead-sea.png) no-repeat; }
h2.oil{ width: 255px; background: url(../images/headers/titles/oil.png) no-repeat; }
h2.contact{ width: 290px; height:23px; background: url(../images/headers/titles/contact.png) no-repeat; }
h2.about { margin: 28px 0 0 45px; padding: 0; width: 793px; height:112px; background: url(../images/headers/titles/about.png) no-repeat; }
h2.natural{ display: block; float:left; width: 275px; height: 79px; background: url(../images/headers/titles/natural.png) no-repeat; }
h2.testimonials{ margin: 30px 0 0 45px; padding: 0; display: block; float:left; width: 155px; height: 28px; background: url(../images/headers/titles/testimonials.png) no-repeat; }
h2.newsletter{ margin: 20px 0 0 30px; padding: 0; display: block; float:left; width: 255px; height: 49px; background: url(../images/headers/titles/newsletter.png) no-repeat; }
h2 span { display: none; }
h3 { color: #666; font-size: 16px; font-weight: bold; }
h4 { color: #666; font-size: 14px; font-weight: bold; }
hr { color: #CCC; background: #CCC; border:0; height: 1px; margin: 10px 0; clear: both; }
hr.white { color: #FFF; background: #FFF; border:0; height: 1px; margin: 0; clear: both; }
hr.white-products { color: #FFF; background: #FFF; }
p { text-align: left; line-height: 16px; color: #818285; }
a { color: #005D9C; text-decoration: none; }
a:hover { color: #666; }
img { border: 0; }
img.right { display: block; float: right; }
input.flright { float: right !important; }
br.clear { width: 100%; height: 1px; margin: 0; padding:0; display: block; clear: both; }
ul li, ol li { margin: 0; padding: 5px 0; }

.uc { text-transform: uppercase; }
.hide { display: none; }
.red { color: #BF0000; }
.clear { clear: both; }
.center { text-align: center; }
.right { text-align: right; }
.small { font-size: 11px; }
.small h3 { font-size: 13px; clear: left; }
.flat { margin: 0 !important; padding: 0 !important; }
.more-link { font-size: 11px; text-align: left; margin: 0; padding: 5px 5px 0 5px; clear: both; }
.breadcrumb { margin: 0; padding: 5px 10px; background: #EEE; color: #666; font-size: 11px; }
.product-info { width: 300px; margin: 0; padding: 0; float: right; }
.product-box { width: 260px; margin: 10px 10px 10px 0; padding: 0; float: left; }
.product-box img.product-photo { margin: 0 5px 5px 0; display: block; }
.product-box ul.thumbs { margin: 0; padding: 0; list-style: none; }
.product-box ul.thumbs li { margin: 0; padding: 0 5px 5px 0; display: block; float: left; }
.product-box ul.thumbs li a { margin: 0; padding: 0; display: block; float: left; }
.product-box .info { padding: 7px 10px; }
.product-info { width: 300px; margin: 0; padding: 0; float: right; }
.price { font-weight: bold; }
.none { display: none; }

img.product-thumb  {margin:10px 0 0 0; padding:0; }
img.product-range  {margin:10px 0 0 0; padding:0; }
img.about-organic  { 
	width: 300px; height: 410px; 
	margin:0; padding:40px 0 0 20px;
	display: block; float: left;
}
img.find-us {
	width: 400px; height: 341px; 
	margin:0; padding:0 0 0 75px;
	display: block; float: left;
}
	
img.about-base  { 
	width: 650px; height: 327px;
	display: block; float: left;
	margin: 0; padding:0 0 20px 0;
}
	
img.globe { 
	width: 113px; height: 180px;
	display: block; float: left;
	margin: 0; padding: 0 20px 0 0;
	}	
img.thank-you {
	width: 336px; height: 142px;
	display: block; float: right;
	margin: 0; padding: 0 0 0 0;
	}	

.about { 
	color: #58585a; font-weight: bold; 
	font-size: 13px; line-height: 20px; 
	margin:0; padding: 0 30px 0 30px;
	}

.about-line { 
	width:995px; height: 4px; 
	margin: 0; padding:0;
	background: url(../images/about/grey-line.png) no-repeat;
	display:block; float: left; 
	}

.natural-environment {
	width: 470px; height: 576px;
	margin: 10px 60px 0 40px; padding: 0;
	background: url(../images/about/natural-all.png) no-repeat;
	display: block; float: left;
}	

.natural { 
	width: 465px;
	color: #58585a; font-weight: bold; 
	font-size: 13px; line-height: 20px; 
	margin:0; padding:120px 0 0 0;
}
	
.continents-environment {
	width: 570px; height: 280px;
	margin: 35px 0 0 0; padding: 0;
	background: url(../images/about/continents.png) no-repeat;
	display: block; float: left;
}
	
.continents { 
	width: 465px;
	color: #58585a; font-weight: bold; 
	font-size: 13px; line-height: 20px; 
	margin:0; padding:195px 0 0 0;
}	

.our-promise {
	width: 325px; height: 825px;
	margin: 25px 0 0 20px; padding: 70px 20px 20px 30px;
	background: url(../images/about/our-promise1.png) no-repeat;
	display: block; float: left;
}

.our-promise p {  
	padding: 0 0 4px 0; 
	font-size: 12px; color:#050708; 
	font-weight: bold;
}

.our-promise h4 { 
	padding: 0 0 0 10px; color: #FFF; 
	font-size: 12px; font-weight: bold; 
	background: url(../images/about/bullet.gif) no-repeat center left;
}

.contact-details {
	clear: both;
	margin: 0; padding: 150px 0 0 55px;
}

.contact-details .contact-info { 
	width: 175px; height: 150px; 
	float: left;
	margin: 0; padding: 0;
}

.contact-details .contact-info p { 
	color: #FFF; line-height: 16px; 
	font-size: 14px; margin: 0 0 0 20px; 
	padding: 65px 0 0 0;
}

.contact-details img.contact-logo { float: left; clear: both; margin: 0; padding: 40px 0 0 20px; }
.contact-details img.contact-office { float: left; margin: 0; padding: 0 0 0 260px; }
	
.contact-text {
	width: 475px;
	float: left; display:block; 
	margin: 0; padding: 25px 0 0 40px;
	}
.contact-text p { 
	font-size: 13px; color: #58585A; 
	font-weight: bold;
	}
	
.contact-area {
	width: 475px;
	float: left; display:block; 
	margin: 0; padding: 0;
	}
	
.about-base {
	width: 650px; height: 555px;
	display: block; float: left;
	margin: 0; padding:20px 0 0 0;
	}

.testimonials-intro {
	width: 525px; 
	float: left; display:block; 
	margin: 0; padding: 10px 0 20px 45px;
	}
.testimonials-intro p { 
	font-size: 13px; color: #58585A; 
	font-weight: bold; 
	}
.testimonials-main {
	width: 900px; clear: both;
	float: left; display:block; 
	margin: 0; padding: 5px 0 0 45px;
	}
.testimonials-main p { 
	font-size: 13px; color: #58585A;  
	}
	
.terms-info { padding: 20px; font-size: 13px; font-weight: bold; color: #58585A; }
.terms-info ul, .terms-info ol, .terms-info p { font-size: 13px; font-weight: bold; color: #58585A; }


/************************************************************************* layout ***/

#container {
	width: 995px;
	margin: 0 auto; padding: 0;
	text-align: left;

}

#header {
	width: 995px; height: 142px;
	margin: 0; padding: 0 0 30px 0;
	clear: both; display: block;
	background: url(/images/banners/award-winning-dr-organic.jpg) no-repeat top center;
	
}

#content-left {
	width: 0;
	margin: 0; padding: 0;
	clear: both; float: left;
}

#content-main {
	width: 995px; /*height: 354px;*/
	margin: 0; padding: 5px 0 0 0;
	clear: both; display: block;
	float: left;
}

#content-contact {
	width: 995px; height: 769px;
	margin: 0; padding: 0;
	clear: both; display: block;
	float: left;
	background: #FFF url(../images/contact-bg.png) no-repeat;
}

#content-about {
	width: 995px; height: 1750px;
	margin: 0; padding: 0 0 10px 0;
	clear: both; display: block;
	float: left;
	background: #FFF url(../images/about/grass-bg.png) bottom no-repeat;
}

#content-testimonials {
	width: 995px; height: 1600px;
	margin: 0; padding: 0 0 10px 0;
	clear: both; display: block;
	float: left;
	background: #FFF url(../images/testimonial/grass-bg.png) bottom no-repeat;
}
#content {
	width:100%;
	clear: both;
}

#content-teaser {
	width: 995px; height:172px;
	margin: 0; padding: 10px 0 0 0;
	color: green;
	float: left;
}

#content-right {
	width: 0;
	margin: 0; padding: 0;
	float: left;
}

#footer {
	width: 995px; height: 100px;
	margin: 10px auto; padding: 10px 0 10px 0;
	clear: both;
	display: block;
	
}


#footer-container{
	width: 100%;
	padding: 0;
	clear: both;
}

/**#footer .copyright a { color: #007836; }
#footer .copyright a:hover { color: #007836; text-decoration: underline; }

#footer .copyright .dro{ width:430px; display:block; float:left; padding:15px 0 0 0; margin:0; color: #3d4e36; font-size: 12px;}

#footer img.follow-us { 
	width: 135px;
	padding: 0 0 0 300px;
	float: left;

	}
**/	

#footer .copyright a { color: #007836; }
#footer .copyright a:hover { color: #007836; text-decoration: underline; }

.copyright { width:520px; display:block; float:left; padding:15px 0 0 0; margin:0; color: #3d4e36; font-size: 12px;}

#footer img.follow-us { 
	width: 135px;
	padding: 0 0 0 210px;
	float: left;

	}

ul.social-icons{ width: 120px; padding: 0 0 0 5px; margin: 0; list-style: none; float:left; display:block;}
ul.social-icons li { padding: 0 0 0 5px; margin: 0; display: block; float: left;}
ul.social-icons li a {
	width: 25px; height: 25px;
	padding: 0; margin: 0;
	display: block; float: left;
}
ul.social-icons li a.facebook { width: 25px; background: url(../images/icon-facebook.png) no-repeat; }
ul.social-icons li a.twitter { width: 25px; background: url(../images/icon-twitter.png) no-repeat; }
ul.social-icons li a.youtube { width: 40px; background: url(../images/icon-youtube.png) no-repeat; }
ul.social-icons li a.instagram { background: url(../images/icon-instagram.png) no-repeat; }
ul.social-icons li a span { display: none; }
ul.social-icons li a:hover { background-position: 0 -25px; }
/************************************************************************* branding ***/

a.logo {
	width: 183px; height: 130px;
	margin: 0 0 0 50px; padding: 0;
	display: block; float: left;
	background: url(../images/logo.png) no-repeat;
}
a.logo span { display: none; }

.nav { margin: 0; padding: 145px 0 0 0; }
.nav ul {
	width: 995px; height:30px;
	margin: 0; padding: 0;
	background: #AFD77B url(../images/bg-nav.gif) repeat-x;
	list-style: none;
}
.nav ul li {
	margin: 10px 0 10px 0;
	/* padding: 0 50px 0 45px; */
	padding: 0 58px;
	display: block; float: left;
	font-family: Arial, Sans-Serif; 
	text-transform: uppercase; 
	font-size: 16px; font-weight: bold;
}
.nav ul li a {
	height: 10px;
	margin: 0; padding: 0;
	display: block;
	color: #FFF;
}
.nav ul li a.home { width: 29px; background: url(../images/nav/home.png) no-repeat; }
.nav ul li a.about { width: 38px; background: url(../images/nav/about.png) no-repeat; }
.nav ul li a.range { width: 38px; background: url(../images/nav/range.png) no-repeat; }
.nav ul li a.testimonials{ width: 80px; background: url(../images/nav/testimonials.png) no-repeat; }
.nav ul li a.cert { width: 76px; background: url(../images/nav/cert.png) no-repeat; }
.nav ul li a.contact { width: 47px; background: url(../images/nav/contact.png) no-repeat; }
.nav ul li a.blog{ width: 28px; background: url(../images/nav/blog.png) no-repeat; }
.nav ul li a.buy { width: 64px; background: url(../images/nav/buy.png) no-repeat; }
.nav ul li a span { display: none; }
/************************************************************************* forms ***/

fieldset.contact_form {
	width: 440px;
	margin: 0 40px 0 40px; padding: 0;
	float: left;
	color: #58585a;
	font-weight: bold;
}
fieldset.contact_form dl dt { width: 120px; margin: 5px 0; padding: 0 5px 0 0; float: left; clear: both; font-size: 13px; text-align: left; }
fieldset.contact_form dl dd { width: 210px; margin: 5px 0;  float: left; }
fieldset.contact_form dl dd input#submit {
	position: absolute; top: 458px;
	border: 0; cursor: pointer;
	text-align: center;
	background: url(../images/contact/contact-button-bg.gif) repeat-x; 
	width: 100px;
	color: #58585a;
	font-weight: bold; font-family: Arial, Sans-Serif; 
}
fieldset.contact_form dl dd input#submit:hover { background-position: 0 -22px; }

fieldset.register_form {
	width: 320px;
	margin: 0; padding: 0;
	float: left;
	color: #58585a;
	font-weight: bold;
}
fieldset.register_form dl dt { width: 45px; margin: 5px 0; padding: 7px 5px 0 0; float: left; clear: both; font-size: 13px; text-align: left; }
fieldset.register_form dl dd { width: 250px!important; margin: 5px 0;  float: left; }
fieldset.register_form dl dd.button { width: 150px; margin: 5px 20px 5px 0;  float: left; }
fieldset.register_form dl dd input#submit {
	/*position: absolute; z-index: 2; top: 370px;*/
	border: 0; cursor: pointer;
	text-align: center;
	background: url(../images/submit-btn.png) repeat-x; 
	width: 150px!important;
	height: 22px!important;
	color: #58585a;
	margin: 0;
	padding: 0!important;
	font-weight: bold; font-family: Arial, Sans-Serif; 
	display: block; float: left;
	font-size: 11px;	
}
fieldset.register_form dl dd input#submit:hover { background-position: 0 -22px; }

fieldset.register_form  input.text, textarea.text {
	width: 250px; padding: 3px 0; display: block; float: left;
	font-size: 13px; font-family: Arial, Sans-Serif;
}

a.skip {
	/*position: absolute; z-index: 2; top: 370px;*/
	border: 0; cursor: pointer;
	text-align: center;
	background: url(../images/submit-btn.png) repeat-x; 
	width: 60px;
	height: 17px;
	color: #58585a;
	margin: 0 0 0 30px;
	padding: 5px 0 0 0;
	font-weight: bold; font-family: Arial, Sans-Serif;
display: block; float: left;	
font-size: 11px;
}

a:hover.skip { background-position: 0 -22px; }

form, fieldset, dl, dt, dd { margin: 0; padding: 0; border: 0; }
input.text, textarea.text {
	width: 250px; padding: 3px 0;
	font-size: 13px; font-family: Arial, Sans-Serif;
}

input.newsletter {
	display: block; float: left; padding: 0; margin: 1px 0 0 0; 
}

textarea.text { height: 60px; }
input.text { height: 15px; }

input.postcode { width: 90px; }

form.add-basket { margin: 0; padding: 0; }

.newsletter-text { display: block; float: left; padding: 0 0 0 10px; font-size: 13px; }
fieldset.contact_form dl dd.big { width: 300px!important; margin: 5px 0;  float: left; }
/************************************************************************* MultiBox v1.3 ***/

.MultiBoxContainer {
	position: absolute;
	border: 20px solid #FFF;
	background-color: #FFF !important;
	display: none;
	z-index: 2;
	text-align: left;
}

.MultiBoxLoading {
	background: url(../images/multibox/loader.gif) no-repeat center;
}

.MultiBoxContent {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.MultiBoxClose {
	position: absolute;
	top: -26px;
	right: -26px;
	background: url(../images/multibox/close.png) no-repeat;
	width: 24px;
	height: 24px;
	cursor: pointer;
}


.MultiBoxControlsContainer {
	overflow: hidden;
	height: 0px;
	width: 100%;
	position: relative;
}

.MultiBoxControls {
	width: 100%;
	height: auto;
	background-color: #FFF;
	padding: 0 0 2px 0;
	position: absolute;
	bottom: 0px;
}


.MultiBoxPrevious {
	position: absolute;
	background: url(../images/multibox/left.png) no-repeat;
	width: 24px;
	height: 24px;
	left: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNext {
	position: absolute;
	background: url(../images/multibox/right.png) no-repeat;
	width: 24px;
	height: 24px;
	right: 0px;
	margin-top: 5px;
	cursor: pointer;
}

.MultiBoxNextDisabled {
	cursor: default;
	background: url(../images/multibox/rightDisabled.png) no-repeat;
}

.MultiBoxPreviousDisabled {
	cursor: default;
	background: url(../images/multibox/leftDisabled.png) no-repeat;
}

.MultiBoxTitle {
	position: relative;
	margin: 10px 0 0 35px;
	padding: 0 0 0 10px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2E2E2E;
	font-weight: bold;
	text-align: left;
}

.MultiBoxNumber {
	position: relative;
	width: 50px;
	margin: 10px 35px 0 0;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	text-align: right;
}

.MultiBoxDescription {
	clear: left;
	position: relative;
	margin: 0 35px 0 35px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: left;
}
.range-row {
	width: 995px; height: 163px;
	margin: 0; padding: 0;
	clear: both; display: block;
	float: left;
	background: #FFF url(../images/range-row-bg.gif) repeat-x;
	}

.range-box {
	height: 148px; width: 322px;
	margin: 0; padding: 15px 0 0 10px;
	float: left;
	display: block;
}
.range-box img { display: block; float: left; border-radius: 5px; }

.range-text {
	width: 182px;
	margin: 0; padding: 0 10px 0 0;
	float: left;
}
.range-box .range-text{ margin: 0; padding: 0; }
.range-box .range-text p { margin: 0; padding: 5px 0 0 10px; font-size: 11px;  }

.range-box-end {
	height: 148px; width: 321px;
	margin: 0; padding: 15px 0 0 10px;
	float: left;
	display: block;
}
.range-box-end img { display: block; float: left; }

.range-text-end {
	width: 182px; height: 148px;
	margin: 0; padding: 0 9px 0 0;
	float: left;
}
.range-box-end .range-text-end{ margin: 0; padding: 0; }
.range-box-end .range-text-end p { margin: 0; padding: 5px 0 0 10px; font-size: 11px; }


.products	{ width:995px; float:left; display:block; margin:0; }
.products ul	{ margin: 0; padding: 0;}
.products li	{ width:199px; float:left; display:block; margin: 0; padding: 0; }
.products ul .holder {  display: block; clear: both; }
.products li a	{ display:block; border:1px solid #939598; margin:2px; width:193px; }
.products li a .title	{ display:block; width:100%; height: 35px; padding:2px 0; background:#939598; color:#FFF; text-align:center; font-size:0.8em; }

.products li a img	{ display:block; width:192px; margin:0 auto; }

.products li a:hover, .products li a:focus	{ border-color:#999 }
.products li a:hover .title, .products li a:focus .title	{ background:#999; }

.range-info	{ min-height:280px; width:430px; float:left; padding:10px 20px 0 390px; }
.range-info h2	{ 
	float:left; font-size:3.5em; line-height:1.2em; 
	float:left; width:435px; font-weight:100; 
	font-family:'Helvetica Neue Thin', arial, sans-serif; 
	margin: 20px 0 10px 0; padding: 0;
	}
.range-info p	{ font-size: 14px; line-height:1.4em; clear: both; }

.hemp .range-info { padding-left: 392px; width: 603px; }

.aloe-vera .range-info h2, .aloe-vera .range-info p	{ color:#00853e; }
.pomegranate .range-info h2, .pomegranate .range-info p	{ color:#c41230;}
.manuka .range-info h2, .manuka .range-info p	{ color:#f68933; }
.tea-tree .range-info h2, .tea-tree .range-info p	{ color:#80A22B }
.vitamin-e .range-info h2, .vitamin-e .range-info p	{ color:#d0942a; }
.lavender .range-info h2, .lavender .range-info p	{ color:#793D7D; }
.oil .range-info h2, .oil .range-info p	{ color:#a4a510; }
.jelly .range-info h2, .jelly .range-info p	{ color:#fdb813; }
.rose .range-info h2, .rose .range-info p	{ color:#98002e; }
.coconut .range-info h2, .coconut .range-info p	{ color:#ab651b; }
.argan .range-info h2, .argan .range-info p	{ color:#ba552e; }
.dead-sea .range-info h2, .dead-sea .range-info p	{ color:#518bbc; }
.snail .range-info h2, .snail .range-info p	{ color:#BA8748; }

.aloe-vera .products li a:hover, .products li a:focus	{ border-color:#00853e; }
.aloe-vera .products li a:hover .title, .products li a:focus .title	{ background:#00853e; }

.tea-tree .products li a:hover, .products li a:focus	{ border-color:#80A22B; }
.tea-tree .products li a:hover .title, .products li a:focus .title	{ background:#80A22B; }

.pomegranate .products li a:hover, .products li a:focus	{ border-color:#c41230; }
.pomegranate .products li a:hover .title, .products li a:focus .title	{ background:#c41230; }

.manuka .products li a:hover, .products li a:focus	{ border-color:#f68933; }
.manuka .products li a:hover .title, .products li a:focus .title	{ background:#f68933; }

.vitamin-e .products li a:hover, .products li a:focus	{ border-color:#d0942a; }
.vitamin-e .products li a:hover .title, .products li a:focus .title	{ background:#d0942a; }

.lavender .products li a:hover, .products li a:focus	{ border-color:#793D7D; }
.lavender .products li a:hover .title, .products li a:focus .title	{ background:#793D7D; }

.oil .products li a:hover, .products li a:focus	{ border-color:#a4a510; }
.oil .products li a:hover .title, .products li a:focus .title	{ background:#a4a510; }

.jelly .products li a:hover, .products li a:focus	{ border-color:#fdb813; }
.jelly .products li a:hover .title, .products li a:focus .title	{ background:#fdb813; }

.rose .products li a:hover, .products li a:focus	{ border-color:#98002e; }
.rose .products li a:hover .title, .products li a:focus .title	{ background:#98002e; }

.coconut .products li a:hover, .products li a:focus	{ border-color:#AB651B; }
.coconut .products li a:hover .title, .products li a:focus .title	{ background:#AB651B; }

.argan .products li a:hover, .products li a:focus	{ border-color:#ba552e; }
.argan .products li a:hover .title, .products li a:focus .title	{ background:#ba552e; }

.dead-sea .products li a:hover, .products li a:focus	{ border-color:#518bbc; }
.dead-sea .products li a:hover .title, .products li a:focus .title	{ background:#518bbc; }

/*********	MAIN	*********/
#main	{ background:#FFF url(../images/main-top.png) 0 0 no-repeat; float:left; display:block; width:100%; padding:5px 0 0 0; position:relative; }
#main .bottom	{ clear:both; background:#FFF url(../images/main-bottom.png) 0 bottom no-repeat; display:block; width:100%; height:8px; position:absolute; bottom:0px; }
#main.products.aloe-vera	{ background-image:url(../images/headers/products/aloe-header.jpg); }
#main.products.pomegranate	{ background-image:url(../images/headers/products/pomegranate-header.jpg); }
#main.products.manuka	{ background-image:url(../images/headers/products/manuka-header.jpg); }
#main.products.tea-tree	{ background-image:url(../images/headers/products/tea-tree-header.jpg); }
#main.products.vitamin-e	{ background-image:url(../images/headers/products/vitamin-e-header.jpg); }
#main.products.lavender	{ background-image:url(../images/headers/products/lavender-header.jpg); }
#main.products.jelly	{ background-image:url(../images/headers/products/jelly-header.jpg); }
#main.products.oil	{ background-image:url(../images/headers/products/oil-header.jpg); }
#main.products.rose	{ background-image:url(../images/headers/products/rose-header.jpg); }
#main.products.coconut	{ background-image:url(../images/headers/products/coconut-header.jpg); }
#main.products.argan	{ background-image:url(../images/headers/products/argan-header.jpg); }
#main.products.dead-sea	{ background-image:url(../images/headers/products/dead-sea-header.jpg); }
#main.products.snail	{ background-image:url(../images/headers/products/snail-header.jpg); }
#main.products.hemp	{ background-image:url(../images/headers/products/hemp-oil.jpg); }

#main.padded	{ padding:15px 20px 20px; width:760px; }
#main.padded .bottom	{ right:0px }

#main.contact	{ min-height:766px; background:#3165AB url(../images/contact-bg.jpg) 0 0 no-repeat; padding:15px 20px 20px; width:760px }
#main.contact .bottom	{ right:0px }

#main.range	{ background:transparent;} 

/****** POPUP STYLES ********/
.pop-up h3 { display: block; width:520px; margin: 0; padding: 0;}
.pop-up p{  display: block;  width:520px; font-size:12px; line-height:1.4em;}
img.pop-up  {  display: block; margin:0; padding:0; }

.aloe-vera.pop-up h3, .aloe-vera.pop-up p { color:#00853e; }
.pomegranate.pop-up h3, .pomegranate.pop-up p { color:#c41230; }
.manuka.pop-up h3, .manuka.pop-up p { color:#f68933; }
.vitamin-e.pop-up h3, .vitamin-e.pop-up p { color:#d0942a; }
.lavender.pop-up h3, .lavender.pop-up p { color:#793D7D; }
.tea-tree.pop-up h3, .tea-tree.pop-up p { color:#80A22B; }
.rose.pop-up h3, .rose.pop-up p { color:#98002e; }
.jelly.pop-up h3, .jelly.pop-up p { color:#fdb813; }
.oil.pop-up h3, .oil.pop-up p { color:#a4a510; }
.coconut-oil.pop-up h3, .coconut-oil.pop-up p { color:#AB651B; }
.moroccan-argan.pop-up h3, .moroccan-argan.pop-up p { color:#ba552e; }
.dead-sea-minerals.pop-up h3, .dead-sea-minerals.pop-up p { color:#518bbc; }
/*************************************************************/

#homepage-main-spot { width: 995px; height: 354px; position: relative; }

.html-slideshow-slide {
	width: 995px;
	height: 370px;
	background: transparent;
	background-repeat: no-repeat;
}
div.html-slideshow-slide { display: none; }
div.html-slideshow-controls, div.html-slideshow-control { display: block; }
.html-slideshow-slide { width: 995px; height: 370px; }
.html-slideshow-slide-content { line-height: 185%; }
.html-slideshow-slide-content h3 { font-size: 18px; }

/* *** */

.html-slideshow-slide {
	width: 995px;
	height: 370px;
	background: transparent;
	background-repeat: no-repeat;
	}
div.html-slideshow-slide { display: none; }
div.html-slideshow-controls, div.html-slideshow-control { display: block; z-index: 1!important;}
.html-slideshow-slide { width: 995px; height: 370px; }
.html-slideshow-slide-content { line-height: 185%; }
.html-slideshow-slide-content h3 { font-size: 18px; }

.html-slideshow-slide-content a, button.linkBtn span, a.accented-link {
	padding-left: 0;
	background: transparent url('../images/red_arrow.gif') no-repeat scroll left center;
	}
.html-slideshow-control {
	cursor: pointer;
	width: 15px; height: 15px;
	padding-right: 5px;
	background: transparent url('../images/banner-button-off.png') no-repeat;
	}
.html-slideshow-control.selected {
	background: transparent url('../images/banner-button-on.png') no-repeat;
	}
.html-slideshow-controls {
	padding: 20px;
	bottom: 0;
	right: 0;
	margin: 0 !important;
}
.html-slideshow-control a {
	visibility: hidden;
	}

/************************************************** HOME TABS ***/

.homepage-tabs { margin: 5px 0 15px 0; }

.homepage-tab-content .image-panel { float: left; margin-right: 10px; }

.homepage-tab { float: left; margin: 0 10px 0 0; cursor: pointer; }
.homepage-tab.last { margin-right: 0px; }

.homepage-tab.selected {
	cursor: default;
}
.homepage-tab.selected .homepage-tab-header,
.homepage-tab:hover .homepage-tab-header {
	background: #fff;
}

.homepage-tab-header { width: 241px; height: 22px; line-height: 22px; text-align: center; background: url('/images/homepage-tab-header-bg.jpg') repeat-x; }
.homepage-tab-header img { display: inline; margin: 6px 0; }
.homepage-tab-image { width: 241px; height: 150px; }

.homepage-tab-content { width: 942px; height: 135px; }
.homepage-tab-header.open { display: none; }
.homepage-tab-content { clear: left; display: none;	background: transparent; background-repeat: no-repeat; }
.homepage-tab-content-column h3 { font-size: 20px; }
.homepage-tab-content-column {
	padding-left: 30px;
	padding-top: 10px;
	width: 560px;
	line-height: 185%;
	float: left;
}

.homepage-tab-content-column-left {
	padding-left: 30px;
	padding-top: 20px;
	width: 560px;
	line-height: 185%;
	float: left;
}

.homepage-tab-content-column-right {
	padding-left: 280px;
	padding-top: 20px;
	width: 560px;
	line-height: 185%;
	float: left;
}

#gift-tab-col1 { width: 520px; }
#gift-tab-col2 { width: 380px; }

.homepage-tab-content-column .free-gift-product-name { color: #D21034; }
.homepage-tab-content-column table td, .homepage-tab-content-column table th { line-height: 185%; }
.homepage-tab-content-column table { border-collapse: collapse; border: none; line-height: 185%; }


#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:442px;
width:671px;
background: url('../images/newsletter-bg.png') no-repeat;
z-index:99999;
padding:0;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
margin: 5px 5px 0 0;
width: 35px;
height: 35px;
position: absolute;
top: 0;
right: 0;
color:#FFF;
display:block;
background: url('../images/close-btn.png') no-repeat;
float: right;
cursor: pointer;
}

#popupContactClose span { display: none;}

#contactArea {
display: block;
float: right;
margin: 150px 0 0 ; 
padding: 0 0 0 40px;
width: 320px;
}


#button_online, #button_gift, #button_travel, #button_awards, #button_pure { cursor: pointer;}