/* COLOR REFERENCE */
/*
#093	: green
#030	: dark green
#FFD98F	: light tanish sunflower cream color
#808080	
#666 	: dark gray

4b3b1c  : dark brown
*/
html,
body {
	margin:0;
	padding:0;
	height:100%;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color:#666;
	/*background-color:#093;*/
	background-color:#001c49;
	background-image: url(theme/green/site-bg);
	background-repeat: repeat-x;
	background-position: left top;
	background-attachment: fixed;
	}
div#container {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	min-height:100%;
	position:relative;
	background-color:#fff;
	}	
#header {
	margin:0px;
	padding:0px;
	height:100px;
	background-color: #001c49;
	position: relative;
	background-repeat: no-repeat;
	background-image: url(theme/green/banner);
	background-position: left top;
	}
#header img {border:none; padding: 7px;}
#header div#login {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    padding:0;
    margin:0 0 10px 0;
    font-size:11px;
    position:absolute;
    height:20px;
    top:10px;
    right:10px;
    width:200px;
    }
#header div#login a:link,
#header div#login a:visited,
#header div#login a:active {
    color:#036;
    font-weight:bold;
    }
#header div#login p {
    margin:0;
    padding:0 0 0 3px;
    color:#036;
    }

#header div#search {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	padding:0;
	margin:0;
	font-size:11px;
	position:absolute;
	bottom: 10px;
	right:10px;
	width:200px;
	height:50px;
	}
#header div.search a:link,
#header div.search a:visited,
#header div.search a:hover,
#header div.search a:active {
	color:#fff;
	font-weight:bold;
	}
#header div#search form {padding:0; margin:0;}
#header div#search input#q {padding:0; margin:0; width:150px;}
input.searchbutton {line-height:20px; width:20px; height:20px;}
div#navcontainer {
	position: relative;
	background-image:url(theme/green/b-nav-bg);
	background-repeat: repeat-x;
	width:100%;
	height:30px;
	margin:0;
	padding:0;
	background-color: #000;
	background-position: left bottom;
	border-bottom:solid 1px #545454;  /* charcoal gray */
	z-index:25;
	}
div#nav {
	position: absolute;
	z-index:25;
	}
div#content {
	z-index:0;
	font-size:12px;
	width:770px;
	margin: 15px 15px 0px 15px;
	padding:0 0 45px 0;
	}
div#content a {color:#030;}
div#content h1 {font-size:16px; padding:0; margin:5px 0;}
div#content h2 {font-size:15px; padding:0; margin:5px 0;}
div#content h3 {font-size:14px; padding:0; margin:5px 0;}

div#homeleft {
	width:425px;
	float:left;
	padding:0;
	margin:0;
	}
div#homeright {
	width:325px;
	float:right;
	padding:0;
	margin:0;
	}
div#footer {
	position:absolute;
	background-image:url(theme/green/b-nav-bg);
	background-repeat: repeat-x;
	height:25px;
	width:100%;
	padding:5px 0 0 0;
	margin:40px 0 0 0;
	text-align:center;
	font-size:9px;
	color:#fff;
	background-color:#333;  /* very dark gray - almost black */
	bottom:0;
	right:0;
	left:0;
	}
div#footer a {color:#999;} /* medium gray */
div.featuredc {text-align:center;}
div.featured {
    text-align:left;
    font-family: Georgia, Garamond, "Bell MT", "Times New Roman";
    }
p.rotoad {margin:0 0 20px 0;}
a img {border:none;}
hr.clear {
	clear:both;
	visibility:hidden;
	}
		div#nav ul.hmenu ul{display:none;}
		div#nav ul.hmenu li:hover>ul{display:block;}
		div#nav ul.hmenu ul{position: absolute; left:-1px; top:28px;}
		html>body div#nav ul.hmenu ul ul{position: absolute; left:98%; top:-2px;}
			div#nav ul.hmenu ul ul{position: absolute; left:92%; top:-2px;} /* for ie6 */
		div#nav ul.hmenu, div#nav ul.hmenu ul, div#nav ul.hmenu {
			margin:0px;
			list-style:none;
			padding:0px 2px 2px 0px;
			background-color:#fff;
			background-repeat:repeat;
			border-color:#808080; /* medium gray - slightly darker than #999 */
			border-width:1px;
			border-style:solid;
			}
		div#nav ul.hmenu table {border-collapse:collapse;}
		div#nav ul.hmenu {
			display:block;
			zoom:1;
			height:21px;
			float: left;
			}
		div#nav ul.hmenu ul{
			width:180px; /* width of drop-down options */
			}
		div#nav ul.hmenu li{
			display:block;
			margin:2px 0px 0px 2px;
			font-size:0px;
			}
		div#nav ul.hmenu a:active, ul.hmenu a:focus {
			outline-style:none;
			}
		div#nav ul.hmenu a, 
		div#nav ul.hmenu li.dis a:hover, 
		div#nav ul.hmenu li.sep a:hover {
			display:block;
			vertical-align:middle;
			background-color:#fff;
			border-width:1px;
			border-color:#fff;
			border-style:solid;
			text-align:center;
			text-decoration:none;
			/*padding:2px 5px 5px 10px;*/
			_padding-left:0;
			font:normal 11px Tahoma;
			color: #000;
			text-decoration:none;
			cursor:default;
			}
		div#nav ul.hmenu span{
			overflow:hidden;
			}
		div#nav ul.hmenu li {
			float:left;
			}
		div#nav ul.hmenu ul li {
			float:none;
			}
		div#nav ul.hmenu ul a {
			text-align:left;
			white-space:nowrap;
			}
		div#nav ul.hmenu li.sep{
			text-align:left;
			padding:0px;
			line-height:0;
			height:100%;
			}
		div#nav ul.hmenu li.sep span{
			float:none;	
			padding-right:0;
			width:3px;
			height:100%;
			display:inline-block;
			background-color:#808080;	
			background-image:none;
			}
		div#nav ul.hmenu ul li.sep span{
			width:100%;
			height:3px;
		}
		div#nav ul.hmenu li:hover{
			position:relative;
		}
/* HOVER, ACTIVELINK keeps menu item highlighted in dropdown on active page */        
        div#nav ul.hmenu li:hover>a,    
        div#nav ul.hmenu li:hover>a.activelink {
			background-color:#FFD98F; /* light tanish cream color #f1dfb2 */
			border-color:#030;
			border-style:solid;
			font:normal 11px;
			color: #444;
			text-decoration:none;
		}
        div#nav ul.hmenu li a:hover,
        div#nav ul.hmenu li a.activelink {
			position:relative;
			background-color:#FFD98F;
			border-color:#030;
			border-style:solid;
			font:normal 11px;
			color: #444;
			text-decoration:none;
			}
		div#nav ul.hmenu li.dis a {
			color: #030 !important;
			}
		div#nav ul.hmenu img {
			border: none;
			float:left;
			_float:none;
			margin-right:2px;
			width:16px;
			height:16px;
			}
		div#nav ul.hmenu ul img {
			width:16px;
			height:16px;
			}
		div#nav ul.hmenu img.over{display:none}
		div#nav ul.hmenu li.dis a:hover img.over{display:none !important;}
		div#nav ul.hmenu li.dis a:hover img.def {display:inline !important;}
		div#nav ul.hmenu li:hover > a img.def  {display:none;}
		div#nav ul.hmenu li:hover > a img.over {display:inline;}
		div#nav ul.hmenu a:hover img.over,
		div#nav ul.hmenu a:hover ul img.def,
		div#nav ul.hmenu a:hover a:hover ul img.def,
		div#nav ul.hmenu a:hover a:hover a:hover ul img.def,
		div#nav ul.hmenu a:hover a:hover img.over,
		div#nav ul.hmenu a:hover a:hover a:hover img.over,
		div#nav ul.hmenu a:hover a:hover a:hover a:hover img.over{display:inline;}
		
		div#nav ul.hmenu a:hover img.def,
		div#nav ul.hmenu a:hover ul img.over,
		div#nav ul.hmenu a:hover a:hover ul img.over,
		div#nav ul.hmenu a:hover a:hover a:hover ul img.over,
		div#nav ul.hmenu a:hover a:hover img.def,
		div#nav ul.hmenu a:hover a:hover a:hover img.def,
		div#nav ul.hmenu a:hover a:hover a:hover a:hover img.def{display:none;}
		
		div#nav ul.hmenu a:hover ul,
		div#nav ul.hmenu a:hover a:hover ul,
		div#nav ul.hmenu a:hover a:hover a:hover ul{display:block;}
		div#nav ul.hmenu a:hover ul ul,
		div#nav ul.hmenu a:hover a:hover ul ul,
		div#nav ul.hmenu a:hover a:hover a:hover ul ul{display:none;}
		
		div#nav ul.hmenu span{
			display:block;
			background-image:url(theme/green/arrv_white.gif);
			background-position:right center;
			background-repeat: no-repeat;
			padding-right:9px;
			}
			
		div#nav ul.hmenu ul span{background-image:url(theme/green/arr_black.gif);}
		div#nav ul.hmenu ul li:hover > a span{background-image:url(theme/green/arr_white.gif);}
		div#nav ul.hmenu table a:hover span,
		div#nav ul.hmenu table a:hover a:hover span,
		div#nav ul.hmenu table a:hover a:hover a:hover span{background-image:url(theme/green/arr_white.gif);}
		div#nav ul.hmenu table a:hover table span,
		div#nav ul.hmenu table a:hover a:hover table span{background-image:url(theme/green/arr_black.gif);}
		div#nav ul.hmenu li.toplevel {
			width:110px;
			height:23px;
			}
		div#nav ul.hmenu li a.toplevel {
			height:100%;
			background-image:url(theme/green/b-nav-bg);
			border-width:0px;
			font:normal 11px Tahoma;
			color:#fff;
			}
/* Keeps menu tab displaying in hover state while menu drops down */
        div#nav ul.hmenu li:hover > a.toplevel,
        div#nav ul.hmenu li a.toplevel:hover {
			background-image:url(theme/green/b-over.gif);
			font:normal 11px Tahoma;
			color:#eee;
			}
		div#nav ul.hmenum0 {
			background-color:transparent;
			border-width:0px;
			padding:0px 0px 0px 0px;
			}
		div#nav ul.hmenum0>li>a {
			padding:8px 10px 0px 5px;
			}
		div#nav ul.hmenum0 a {
			padding:8px 10px 0px 5px;
			}
		div#nav ul.hmenum0 ul a {
			padding:2px 5px 5px 5px;
			}
		div#nav ul.hmenum0>li {
			margin:0px 0px 0px 0px;
			}
		div#nav ul.hmenum0 li {
			margin:0px 0px 0px 0px;
			}
		div#nav ul.hmenum0 li li {
			margin:2px 0px 0px 2px;
			}
div#content .rc-header a {color:#fff;} 

.roundcorner-01 /* dark brown used for 1/3 size (right column)*/
{
	width: 300px;
	margin: 0 0 20px auto;
	color: white;
	padding: 7px 10px;
	background-color: #030;
	-webkit-border-radius: 6px;    /* for Safari */
	-moz-border-radius: 6px;       /* for Firefox */
}

.roundcorner-03 /* light brown - used for 1/3 size (right column) */
{
	width: 300px;
	margin: 0 0 40px auto;
	color: #030;
	padding: 7px 10px;
	background-color: #FFD98F;
	-webkit-border-radius: 6px;    /* for Safari */
	-moz-border-radius: 6px;       /* for Firefox */
}

.rc-header
{
	width: 750px;
	margin: 0 auto;
	color: white;
	padding: 7px 10px;
	background-color: #030;
	-webkit-border-radius: 6px;    /* for Safari */
	-moz-border-radius: 6px;       /* for Firefox */
}
.roundcorner-02 /* light brown used for 2/3 size (left column)*/
{
	width: 400px;
	margin:0 0 20px auto;
	color: #030; /* #030-navy */
	padding: 7px 15px;
	background-color:#FFD98F; 
	-webkit-border-radius: 6px;    /* for Safari */
	-moz-border-radius: 6px;       /* for Firefox */
}


.roundcorner-search{	
	width: 186px;
	margin: 0;
	color: #030; /* title text of search box CFE2FF  CFBA8E f1dfb2 #FFD98F-sunflower*/
	padding: 4px 4px;
	background-color: #FFD98F;
	-webkit-border-radius: 4px;    /* for Safari */
	-moz-border-radius: 4px;       /* for Firefox */
	}
div#content .roundcorner-01 a {color:#CCC; text-decoration: none;}
div#content .roundcorner-02 a {color:#666;}

/* General Formatting -------------------------------------------*/
.centered {
	text-align:center;
	}
.centeredri {
	background-color: #E2F3E3;
	text-align:center;
	}
.ri {
	background-color: #E2F3E3;
	}
.rib {
	background-color: #E2F3E3;
	font-weight:bold;
	}
.ri2 {
	background-color: #FFFFCC;
	}
.ri2b {
	background-color: #FFFFCC;
	font-weight:bold;
	}
.ri3 {
	background-color: #ECECD9;
	}
.ri3b {
	background-color: #ECECD9;
	font-weight:bold;
	}
.ri4 {
	background-color: #999966;
	}
.ri4b {
	background-color: #999966;
	font-weight:bold;
	}
.ri5 {
	background-color: #CC3333;
	color: #fff;
	}
.ri5b {
	background-color: #CC3333;
	color: #fff;
	font-weight:bold;
	}
.pri5 {color: #CC3333;} /* use on text */
.right {
	text-align:right;
	}
span.right {float:right; clear:both;}	
.left {
	text-align:left;
	}
table.right td{
	text-align:right;
	}
.top {vertical-align:top;}
b.attention {
	font-weight:bold;
	color: #FF0000;
	}
b.price {
	color:red;
	font-weight:bold;
	color: #FF0000;
	}
.quote {
	color: #666666;
	font-size: .9em;
	}
.quotei {
	color: #666666;
	font-size: 0.9em;
	font-style: italic;
	}
.quoteib {
	color: #666666;
	font-size: 0.9em;
	font-style: italic;
	font-weight: bold;
	}
sup {
	font-size:.5em}

.copy {
	font-size: .75em;
	text-align: center;
	}
table {
	border:none;
	}
table.testimony td {
	padding:5px;
	vertical-align: top;
	font-style:italic;
	}
table.testimony img {
	padding:5px;
	}

table.lines {
	border:1px solid #000;
	margin: 0px;
	border: none;
	border-spacing: 0px;
	border-collapse: collapse;
	empty-cells: show;
	}
table.lines td {
	border:1px solid #000;
	padding: 3px;
	}
table.order {
	border:1px solid #006600;
	margin: 0px;
	border: none;
	border-spacing: 0px;
	border-collapse: collapse;
	empty-cells: show;
	}
table.order td {
	vertical-align: top;
	padding:5px;
	border-top: 1px dotted #99CC99;
	border-right: 1px none #99CC99;
	border-bottom: 1px dotted #99CC99;
	border-left: 1px none #99CC99;
	}
table.order h1 {
	padding:0px;
	margin:0px;
	font-size: 1.5em;
	color:black;
	}
table.order h2 {
	padding:0px;
	margin:0px;
	font-size: 1.15em;
	text-transform: uppercase;
	}
table.order p {
	font-size: .9em;
	padding:0 6px 0 6px;
	margin-top:0;
	}
table.nutrition {
	width: 250px;
	border:1px solid #000;
	margin: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	empty-cells: show;
	}
table.nutrition td {
	border:1px solid #000;
	padding: 3px;
	font-size: .75em;
	}
/**
 * Product Listing formatting
 */
table.product {
    margin: 0;
    padding: 0;
	}
table.product td {
    padding-left: 4px;
	}
table.product td.thumb {
    margin: 0;
    padding: 0;
	}
table.product td.thumb {
    text-align: center;
	}
td.thumb img {
	border: none;
	}
table.product h3 {
    margin: 0;
    padding: 0;
	}
td.bold {font-weight: bold;}
div#recipe {
	width:550px; 
	text-align:center; 
	margin:0 auto;
	}
fieldset {
	border: 1px solid #030;
	margin-top: 2em;
	padding:4px;
	text-align:left;
	}
legend {
	padding: 3px;
	border: 1px solid #030;
	font-size:1.2em;
	font-weight: bold;
	background-color: #FFFFCC;
	text-transform: uppercase;
	text-align:left;
	}
p.nobreak option {
	padding-left: 1em;
	}
p.nobreak option.catparent {
	padding-left: 0em;
	font-weight: bold;
	}
/*h2.products {
	background-color: #D7CFBC;
	}
h3.products {
	background-color: #D7CFBC;
	font-style: italic;
	}*/
#q {
    background: #FFF;
    font-style: italic;
    color: silver;
    }
/*.searchbutton {
	width: 25px;
	height: 25px;
    vertical-align: middle;
	border: none;
	}
*/
div.productsearch {
	padding: 2px 0 0px 2px;
	margin: 0;
	height: 27px;
	}
div.testimony {
	background-color:#DCE8CE;
	padding: 2px 10px 5px 10px;
	margin: 10px 0;
	font-style: italic;
	font-size:11px;
}
table.general {
	margin: 0px;
	border: none;
	border-spacing: 0px;
	border-collapse: collapse;
	empty-cells: show;
	}
table.general td {
	border:none;
	padding: 2px;
	vertical-align:top;
	}
div.floated {
	float:right;
	width:210px; 
}

.photofloatl{width:210px;padding-right:20px;padding-bottom:10px;float:left; text-align:center;}
.photofloatr{width:210px;padding-left:20px;padding-bottom:10px;float:right; text-align:center;}
.photocaption{width:210px;font:bold 90% Arial, Helvetica, sans-serif;line-height:1.5;text-align:center; color:#234D8F;}

.float-adr {float:right;}
.float-adl {float:left;}
.float-ad-outline {float:left; border: solid 1px #666;}
img.left {float:left; padding-right: 5px;}
img.right {float:right; padding-left: 5px;}
.bold {font-weight:bold;}
.attention {color:#600;}
.attentionb {color:#600; font-weight:bold;}
.centered {text-align:center;}
/** Retailer request and recommend forms **/
.retailer label {
    font-size: 9px;
    }
/** Login **/
div#credentials label {display:block; font-weight:bold;}
div#credentials input {display:block;}
div#credentials input.text {margin-bottom:12px;/*width:25%;*/ padding:.4em;}
div#credentials fieldset {padding:0; border:0; margin-top:25px;}
div#credentials input[type="hidden"] {display:none;}