/* 
CSS by Ben Rabicoff (At Least I've Got Chicken)
*/

/*****************************************************
*Global
*****************************************************/

a:link { text-decoration: none; color: #C3050B; }
a:visited { text-decoration: none; color: #333333; }
a:active { text-decoration: none; color: #C3050B; } 
a:hover { color: #C3050B; text-decoration: underline; }


* {
	padding			: 0px;
	margin			: 0px;
	}

html { 
	min-height		: 100%;
	margin-bottom		: 1px;
	}

body {
	background		: #fff url(../_images/bg.gif) repeat-x 0 0;
	font			: 100.01% verdana, arial, sans-serif;
	}

p {
	font-size		: 75%;
	line-height		: 1.4em;
	padding			: 0px 0px 10px 0px;
	}

strong {  
        font-style: normal; font-weight: normal
       }

ul {
	font-size		: 70%;
	line-height		: 1.2em;
	}

.clearboth {
	clear			: both;
	}

.header-gutter {
	padding			: 14px 50px 0px 50px;
	}

.nav-gutter {
	padding			: 35px 0 0 0;
	}

.gutter {
	padding			: 20px 50px 20px 50px;
	}

img, div {
	behavior		: url(iepngfix.htc);
	}

.regtext {
	font-size		: 75%;
	
	}

/*****************************************************
*Layout
*****************************************************/

#wrapper {
	width			: 870px;
	margin			: 0 auto;
	}

#header {
	width			: 870px;
	height			: 136px; /* headerL image height + header-gutter padding */
	background		: transparent url(../_images/top-bg2.png) no-repeat 0 0;
	}

#headerL {
	float			: left;
	width			: 207px;
	height			: 99px;
/*	background		: transparent url(../_images/herbal-clean-logo.gif) no-repeat 0 0;*/
	behavior		: url(iepngfix.htc);
	}

#headerR {
	float			: right;
	padding			: 10px 0 0 20px;
	height			: 70px;
	}

#main {
	width			: 868px;
	}

#banner {
	width			: 870px;
	height			: 250px;
	margin			: 0 auto;
	background		: #FFF url(../_images/banner_products.jpg) no-repeat -1px 0;
	}
	
	
body#home div#banner {
	background		: #FFF url(../_images/banner_home.jpg)  no-repeat -1px 0;
	}

body#terms div#banner {
	background		: #FFF url(../_images/banner_press.jpg)  no-repeat -1px 0;
	}	
	
body#contact div#banner {
	background		: #FFF url(../_images/banner_contact.jpg) no-repeat 0px 0;
	}		

body#locator div#banner {
	background		: #FFF url(../_images/banner_contact.jpg)  no-repeat 0 0;
	}	
	
body#press div#banner {
	background		: #FFF url(../_images/banner_press.jpg)  no-repeat -1px 0;
	}		

body#testimonials div#banner {
	background		: #FFF url(../_images/banner_testimonials.jpg)  no-repeat -1px 0;
	}		

#content {
	width			: 868px;
	background		: #fff url(../_images/main-bg2.gif) repeat-y -1px 0;
	}
	
#contentL {
	float			: left;
	width			: 500px;
	}

#contentV {
	float			: left;
	width			: 500px;
	padding-top		: 20px;
	padding-left		: 30px;
	padding-bottom		: 30px;
	}

#contentZ {
	float			: left;
	width			: 470px;
	padding-top		: 20px;
	padding-left		: 10px;
	}

#contentR {
	float			: right;
	width			: 230px;
	padding			: 10px 0 0 0;
	}

#contentBN {
	float			: left;
	width			: 200px;
	padding-top		: 20px;
	padding-left		: 10px;
	padding-bottom		: 30px;
	}

#footer {
	width			: 868px;
	padding			: 0 0 50px 0;
	background		: #fff url(../_images/footer-bg.gif) no-repeat -1px 0;
	}

#footerL {
	float			: left;
	width			: 300px;
	font-size		: 65%;
	color			: #666666;
	}

#footerR {
	float			: right;
	width			: 300px;
	text-align		: right;
	font-size		: 65%;
	color			: #666666;
	}
	
#footerL a, #footerR a {
	color			: #999999;
	text-decoration		: none;
	}

#footerL a:hover, #footerR a:hover {
	text-decoration		: underline;
	}

#product-container ul { margin-left:15px;}

/*****************************************************
* Typography
*****************************************************/

h1 {
	color			: #5D5D67;
	margin			: 0 0 10px 0;	
	font			: 160%/100% Helvetica, sans-serif;
	}

h2 {
	color			: #5D5D67;
	margin			: 0 0 5px 0;	
	font			: 120%/100% Arial, Helvetica, sans-serif;
	}

h3 {
	color			: #5D5D67;
	margin			: 0 0 5px 0;	
	font			: 120%/100% Arial, Helvetica, sans-serif;
	}

/*****************************************************
* Images
*****************************************************/

img.float {
	float			: left;
	padding			: 5px 5px 5px 0;
	}

/*****************************************************
* Locator
*****************************************************/

b.head { 
	color			: #FFF;
}

.locator-header { 
	color			: #FFF;
}

.locator-table td{ 
	padding			: 4px;
	font-size		: 80%;
}

#locatorC {
	width			: 200px;
	margin			: 0 auto;
	padding			: 10px 0 15px 0;
	}

input.locator {
	float			: left;
	width			: 125px;
	border			: 2px solid #dddddd;
	padding			: 3px;
	margin			: 0 5px 0 0; 
	color			: #999999;
	font-size		: 110%;
	}

a.go {
	float			: left;
	display			: block;
	width			: 52px;
	height			: 30px;
	background		: #fff url(../_images/go.gif) no-repeat 0 3px;
	}


.bm_text {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #D7050C }
.disclaimer_text {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #858585 }
.testm_img { padding-right: 8px }

#mycart {
	width:28px;
	height:28px;
	}

#mycarttxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; color: #333;

}