/*
COLORS:

navy: 1D214A
dk. blue: 0E1555

midnight-blue: 090D36

Lt. blue: BCBDC9 

GREEN: 318622
Med. Green: 8FC881
Lt. Green: B7DCAE



*/

html {
/* overflow: -moz-scrollbars-vertical; */
}
	
body {
	background:#2B2E4B  url(/images/layout/bg.jpg) top left repeat-x /*1D214A*/;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	}
	
p, div {
	}


h1, h2 {
	font-size:18px;
	margin:0 0 10px 0;
	}


a {
	color:#5E9B4E;
	outline-style:none;
	}


hr {
	color: #EEE;
	background-color: #EEE;
	height: 1px;
	border:0;
	}
	





form#catalog td {
border-top: 1px solid #EEE;
padding:3px 0;
}
	
	
	

legend {
	display:none;
	/*
	margin:0;
	padding:0;
	border-bottom:2px solid #8FC881;
	width:100%;
	color:#FFF;
	font-weight:bold;
	padding:3px 20px;
	border:1px solid #CCC;
	background:url(/images/layout/bg_nav.gif) top left repeat-x;
	*/
	}

fieldset.formFieldSet {
	/*
	border:1px solid #CCC;
	padding:15px;
	*/
	margin:10px 10px 10px 0;
	padding:10px 0;
	border:none;
	}
	form#registrationForm h4.formTitle {
		font-family:Arial, Helvetica, sans-serif;
		margin:0 0 15px 0;
		font-weight:bold;
		font-size:11px;
		border-bottom:2px solid #8FC881;
		padding:0 0 5px 0;
		text-transform:uppercase
		}
	fieldset div.formControl {
		margin: 0 0 5px 0;
		height:24px;
		}
	fieldset div.formCaption {
		margin:5px 0 0 0;
		float:left;
		width:150px;
		}
	fieldset div.formLine {
		/*
		background:url(/images/layout/bg_green_angle.gif) top left repeat;
		padding:7px 10px 4px 10px;
		*/
		margin:5px 0;
		}
	fieldset div.formWholesaler {
		background:url(/images/layout/bg_green_angle.gif) top left repeat;
		padding:7px 10px 4px 10px;
		margin:0 0 20px 0;
		}


th {
	border-bottom:2px solid #444;
	}















p.red {
	color:#CC0000;
	}


.clearit {	
	clear:both;
	font-size:0;
	line-height:0.0;
	display:block;
	}

.strike {
	 font-size:11px; 
	 color:#999999;
	 text-decoration:line-through;
	}


.sale {
	color:#E00808;
	}


.formControlSelect {
	font-size:11px;
	}




.contentPadding {
	padding:14px 20px;
	}


.leftColumn h1,
.leftColumn h2, 
.leftColumn h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
}

.leftColumn h3 {
	font-size:14px;
	color:#BCBDC9;
}

.leftColumn h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	margin:0 0 2px 0;
}

.leftColumn input {
	font-size:10px;

}



.leftColumn p {
	font-size:10px;
	margin:0 0 5px 0;
}
.leftColumn .login {
	margin:2px 0;
}




/*





*/



.retailer_table_cell {
	padding: 10px 10px 10px 0;
	border-top: 1px solid #B7DCAE;
	margin: 0px 0 10px 0;
	vertical-align:top;
}

.bold {
	font-weight:bold;
	}






















div#navigation li {
	background:url(/images/layout/bg_nav.gif) top left repeat-x;
	font-size:11px;
	margin:0;
	padding:0;
	height:24px;
	font-weight:bold;
	float:left;
	border-bottom:1px solid #0A0F3C;
	border-right:1px solid #0A0F3C;
	}

div#navigation ul li a {
	padding:6px 23px;
	color:#333333;
	text-decoration:none;
	display:block;
	
	}
	
	div#navigation ul li a:hover {
	color:#FFF;
	}






/**********    MAIN NAVIGATION SET UP   **************/


body.tab1 #t-t01 a,
body.tab2 #t-t02 a,
body.tab3 #t-t03 a,
body.tab4 #t-t04 a,
body.tab5 #t-t05 a,
body.tab6 #t-t06 a,
body.tab7 #t-t07 a,
body.tab8 #t-t08 a,
body.tab9 #t-t09 a,
body.tab10 #t-t10 a,
body.tab11 #t-t11 a {
	background:#FFFFFF;
	border-bottom:1px solid #FFF;
	}
body.tab1 #t-t01 a:hover,
body.tab2 #t-t02 a:hover,
body.tab3 #t-t03 a:hover,
body.tab4 #t-t04 a:hover,
body.tab5 #t-t05 a:hover,
body.tab6 #t-t06 a:hover,
body.tab7 #t-t07 a:hover,
body.tab8 #t-t08 a:hover,
body.tab9 #t-t09 a:hover,
body.tab10 #t-t10 a:hover,
body.tab11 #t-t11 a:hover {color: #318622;text-decoration:underline;}

body.tab01 #t-t01 a:hover { color: #0A0F3C; }


div#header {
	 background: url(/images/layout/bg_organics.png) right 63px no-repeat; width:990px; height:110px; margin: 0 auto; position:relative; color:#FFFFFF;
	}





div#header a {
	text-decoration:;
	color:#FFFFFF;
	
	}




div#logo {
	position:absolute;
	width:580px;
	height:70px;
	left:0; top:0;
	background: url(/images/layout/logo.png) left 15px no-repeat;
	}
	div#logo a {
		width:580px; height:75px; position:absolute; text-indent:-9999px;
		}




#wrapper {
	}
	





/************      HEADER WRAPPER      ***********/
	
div#headerWrapper {
	}
	
	
/************       CONTENT             **********/




	
	
div#content {
	width:743px;
	float:left;
	}







h2.pageHeader {
	color:#0E1555;
	font-weight:normal;
	border-bottom: 1px solid #B6B9CC;
	padding:5px 0;
	margin:0 0 20px 0;
	}





















div#searchRegion {
	/*
	width:300px;
	padding:0;
	position:relative;
	top:15px;
	left:663px;
	text-align:right;
	*/
	position:absolute;
	top:28px;
	left:580px;
	width:410px;
	height:24px;
	text-align:right;
	margin:5px 0;
	}

div#searchRegion .inputBox, .inputBox {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px 4px;
	width:165px;
	height:17px;
	text-align:left;
	vertical-align:bottom;
	border:1px solid #70B95D;
	border-right: none;
	margin:0;
	}

div#searchRegion .inputButton, .inputButton {
	background:url(/images/buttons/btn_search_green.gif) top left no-repeat;
	position:relative;	
	text-indent:-9999px;
	border:none;
	width:19px;
	height:19px;
	font-size:1px;
	line-height:0.0;
	cursor:pointer;
	margin:0;
	vertical-align:middle;
	}




div#auxNavigation {
	position:absolute;
	top:8px;
	left:580px;
	width:410px;
	height:20px;
	text-align:right;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	div#auxNavigation p {
		display:inline; margin:0; padding:0;
		}
	div#auxNavigation a {
		text-decoration:none;
		border-bottom:1px dotted #BCBDC9;
		}








div#leftColumn {
	position:relative;
	color:#FFFFFF;
	background:#1D214A url(/images/bg_content.gif) top left repeat-y;
	background-color: #1D214A;
	}

div#leftColumn h2 {
	margin:0;
	padding:0;
	clear:both;
	display:block;
	color:#FFFFFF;
	font-size:13px;
	font-weight:normal;
	}





/*****************    START HOME PAGE CONTENT    ********************/


div#homeContent {
	/* see inline code */
	}

	div#homeContent h3 {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:14px;
		color:#318622;
		border-bottom:2px solid #CCCCCC;
		padding: 0 0 5px 0;
		margin:0 0 10px 0;
		}
	div#homeContent h4 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size:12px;
		margin:0;
		padding:0;
		color:#333;
		}
	div#homeContent h5 {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:11px;
		font-weight:normal;
		margin:0 0 5px 0;
		padding:0;
		color:#333;
		}
	div#homeContent h6 {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:10px;
		font-weight:bold;
		margin:0 0 5px 0;
		padding:0;
		color:#333;
		}
	div#homeContent p {
		margin:0 0 10px 0;
		padding:0;
		color:#333;
		}











div#productsCategories h2 {
	background:url(/images/layout/bg_products.jpg) top left no-repeat;
	height:46px;
	width:238px;
	text-indent:-9999px;
	}
div#productsCategories {
	background:#777A92 url(/images/layout/bg_productsCategories.jpg) top left repeat-y;
	width:238px;
	display:block;
	margin:0;
	padding:0;
	}

ul#products {
	margin:0;
	padding:0 0 30px 0;
	background: url(/images/layout/bg_productsCategories_btm.jpg) bottom left no-repeat;
	font-size:12px;
	}

	ul#products li {
		list-style:none;
		margin: 0 20px 0 25px;
		padding:0;
		border-top:1px solid #777A92;
		}
	
	ul#products li a {
		color:#C9CBD9;
		display:block;
		text-decoration:none;
		padding:2px 0px 2px 0px;
		}
		ul#products li a:hover {
			color:#FFFFFF;
			}
	
		ul#products li span.open a {
			font-weight: bold;
			color:#FFFFFF;
			
			}
		
		ul#products li ul li a {
			background:#777A92;
			}
			ul#products li ul li a strong {
				color:#FFF;
				}


div#category {
	font-size:12px;
	margin:0;
	padding:0;
	background:#777A92 url(/images/layout/bg_productsCategories.gif) top left repeat-y;
	}
	
	div#category ul {
		margin: 0;
		padding: 0;
		list-style:none;
		display:block;
		}
		
		div#category li {
			margin: 0 20px 0 25px;
			padding:2px 0px;
			list-style:none;
			border-top:1px solid #777A92;/**/
			}
			
		div#category li a {
			margin:0;
			padding:0;
			color:#C9CBD9;
			text-decoration:none;
			}
		div#category li a:hover {
			color:#FFF;
			}
			
	div#category ul	li ul {
		padding:0 0 0 40px;
		margin: 0px 0 0px -25px;
		font-size:11px;
		
		}
		
		div#category ul	li ul li {
			padding:0;
			margin:0;
			}
		
	div#category span.open a {
		color:#FFFFFF;
		padding:0;
		margin:0;
		}

	div#category span.open ul {
		background:#FFFFFF;
		}


div#recommend {

	}
	
	div#recommend h3 {

	}
	
	div#recommend h4 {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:11px;
		color:#327525;
		margin:0 0 10px 0;
	}
	
	div#recommend p {
		padding:0;
		margin:0;

	}
	
	div#recommend a {
		color:#333;
		text-decoration:none;
	}
	
	div#recommend img {
		margin: 0 0 5px 0;

	}

div#footer {
	width:950px;
	height:55px;
	margin: 0 auto;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:10px 20px;
	color:#BCBDC9;
	text-align:right;
}









ul.faqs {
	
	margin:0 0 10px 0;
	padding:0;
	/*
	padding:10px;
	border:1px solid #B7DCAE;
	*/
	}

ul.faqs li {
	list-style:none;
	}

div.faq_q {
	font-size:1.2em;
	
	margin:0;
	padding:0 10px;
	border-bottom:1px solid #B7DCAE;
	
	}
	
	div.faq_q a {
		text-decoration:none;
		display:block;
		background:url(/images/layout/arrow_navy.gif) center left no-repeat;
		padding: 10px 15px;
		color: #318622;
		}
		div.faq_q a:hover {
			color:#185E0C;
			}
		
		
	
div.faq_a {
	padding: 10px 45px;
	font-size:1.2em;
	display:none;
	/*
	border:1px solid #B7DCAE;
	border-top:none;
	background:#E2F3DE;
	*/
	background:url(/images/layout/bg_green_faded.gif) top left repeat-x #FFF;
	margin: 0 0 20px 0;
	}


#contentSubNav {
	margin:5px 0 0 0;
	padding:0 0 2px 0;
	}
	#contentSubNav li a {
		text-decoration:none;
		font-size:11px;
		background:#FFFFFF;
		padding: 2px 0;
		line-height:18px;
		}
		#contentSubNav a:hover {
			background:#eaf7e7;
			color:#318622;
			}