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

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

* {
	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;
	}

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);
	}

.j { text-align: justify }


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

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

#header {
	width			: 870px;
	height			: 112px; /* headerL image height + header-gutter padding */
	background		: transparent url(../_images/top-bg.gif) 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;
	width			: ;
	height			: 43px;
	}

#main {
	width			: 868px;
	}

#banner {
	width			: 870px;
	height			: 215px;
	margin			: 0 auto;
	background		: #fff url(../_images/banner.jpg) no-repeat 0 0;
	}

#content {
	width			: 868px;
	background		: #fff url(../_images/main-bg.gif) repeat-y 0 0;
	}

#contentL {
	float			: left;
	width			: 500px;
	}

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

#contentz {
	float			: left;
	width			: 730px;
	padding-top		: 20px;
	padding-left		: 10px;
	}

#footer {
	width			: 868px;
	padding			: 0 0 50px 0;
	background		: #fff url(../_images/footer-bg.gif) no-repeat 0 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			: #1ba34e;
	margin			: 0 0 10px 0;	
	font			: 180%/100% Arial, Helvetica, sans-serif;
	}

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

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

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

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

#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;
	}
	
div#contactform { 

}

	div#contactform label { 
		font-size			: 80%;
		color				: #666;
		margin				: 3px 0 0 0;
	}
	
	div#contactform input { 
		width				: 200px;
		padding				: 3px;
	}	
	
	div#contactform select { 
		width				: 210px;
		padding				: 3px;
	}		
	
	div#contactform input#submit { 
		margin				: 6px 0 0 0;
	}		
	
	select#gproduct { 
		width				: 300px;
		font-size			: 130%;
		margin				: 8px 0 0 0;
		
	}
	

#footerlinks {
	margin: auto;
	font-size: 65%;
	color: #666666;
	padding-bottom:30px;

}