html { min-height: 100%; margin-bottom: 1px; }
body {
	margin: 0;
	background: #efefef;
	font-family: arial, helvetica, serif;
	font-size: x-small;
}
img {border: none}
table td {vertical-align: bottom; padding: 0}

a {color: #000055; font-weight; bold}
div.more {margin: 6px 0 0 0}
h3 {margin: 0 0 6px 0; padding: 0; font-size: 1.2em}
#container {width: 864px; margin: auto; background: url(/images/background.jpg) repeat-y}
#bottom {width: 864px; margin: auto; background: url(/images/bottom.jpg) no-repeat; height: 21px}
#inner {padding: 0 9px 0 0}

#footer {margin: 12px 0 0 28px; background: #EBCA7D; padding: 4px; color: #333}
#footer span {padding: 0 5px}
#footer a {text-decoration: none; color: #333; padding: 0 5px}
#footer a:hover {text-decoration: underline}

#logo {top: .5em; position: absolute; z-index: 200}

#navcontainer {margin: 0 0 0 130px; background: #7FA037 url(/images/menu_bg.gif) repeat-x; height: 2.6em}

#nav {
	z-index: 100;
	}

#nav, #nav ul { /* all lists */
	font-size: 11px;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
}

#nav a {
	color: #fff;
	text-decoration: none;
	padding: 6px 18px;
	display: block;
}


#nav li { /* all list items */
	float: left;
	background: #7FA037 url(/images/menu_bg.gif) repeat-x top left;
	border-right: 1px solid #8DB255;
}

#nav li li {
	border:  none;
	background: none;
	}

#nav li ul { /* second-level lists */
	background: url(/images/trans-green2-85-shadow.png) bottom right;
	padding-bottom: 18px;
	position: absolute;
	width: 12em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover, #nav li.sfhover { /* lists nested under hovered list items */
	background: #f8922d;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li li:hover, #nav li li.sfhover { /* lists nested under hovered list items */
	width: 12em;
	background: url(/images/background-orange-block.png) center right repeat-y;
}

#content {
	padding: 0 0 0 28px;
	z-index: 50;
}

table.products td {padding: 0; vertical-align: top; line-height: 1.8em}

.breadcrumb {padding: 0; font-size: 90%; text-transform: uppercase;}
.breadcrumb a {color: #333; text-decoration: none}
.breadcrumb a:hover {text-decoration: underline}

a.toggle {text-decoration: underline; color: #000; font-weight: bold; display: block}

h2 {font-family: Georgia, "Times New Roman", times, serif; font-size: 150%; color: #339900}

ul.bullet1 {list-style-image: url(/images/bullet1.gif); margin-top: 0}

div.bullet1 {padding: 4px 0 0 24px; text-transform: uppercase}
img.bullet1 {width: 8px; height: 8px; background: #339900}

div.product_detail_thumb {float: right; margin: 12px 0 12px 12px; width: 164px}

div.availability {padding: 0 0 0 24px}
div.availability span {font-size: 90%}

table.icons td {padding: 0 6px; text-align: center; vertical-align: top}

span.sale {color: #BE2D2A; font-weight: bold}

div.article {margin: 8px 0; padding: 0 0 8px 0; font-size: 110%}
div.category {margin: 8px 0; padding: 0 0 8px 0; font-size: 110%}
div.category a {display: block; margin: 12px 0 4px; font-weight: bold;}

form.subscribe input.text {display: block; border: 1px solid #ccc; margin: 6px 0; padding: 3px; font-size: 100%}

div.subtitle {font-style: italic; margin: 6px 0}

div.recipe {border: 1px dotted #999; padding: 0 12px; width: 400px}
div.recipe_other {padding: 0 12px}
div.recipe_from {border-top: 1px dotted #999; padding: 0 12px; width: 400px}
span.nutritional {text-transform: uppercase; font-size: 95%}

ol.bestsellers {list-style-type: none; line-height: 1em}
ol.bestsellers img {float: left; margin: 0 6px 6px 0}
ol.bestsellers a {display: block; padding: .4em 0 0 0}
ol.bestsellers li {clear: left; vertical-align: middle}

div.product_category {font-size: 110%; line-height: 2em; border-top: 1px solid #ccc; padding: 10px 0 0; margin: 10px 0}
div.product_category_main h3 { border-top: 1px solid #ccc; margin: 0; padding: 12px 0 4px}

div.category_summary {width: 250px; float: left; margin: 16px 10px 10x 0}
div.details {float: right; margin: 0 0 10px 0; width: 140px;}
div.prodThumbnail {float: left; width: 100px; text-align: center}

input.text {width: 200px}
textarea.text {width: 200px}

img.checkmark {width: 16px; height: 16px; background: url(/images/checkmark1.gif) no-repeat top left}
img.asterisk {width: 16px; height: 16px; background: url(/images/asterisk1.gif) no-repeat top left}


table.allergens {width: 98%}
table.allergens td {text-align: center; padding: 4px 0; line-height: 1em; font-size: 95%}
table.allergens td.last {border-bottom: 1px solid #ccc}

table.allergens th {font-weight: normal; text-decoration: italics; font-size: 90%; padding: 24px 0 2px; border-bottom: 1px solid #ccc;}
table.allergens td.productHeading {border-bottom: 1px solid #ccc; font-weight: bold; text-align: center; padding: 18px 0 0 0}
table.allergens tr.last td {border-bottom: 1px solid #ccc; padding:  0 0 4px 0}
table.allergens td.productName {width: 120px; text-align: left}
table.allergens th {width: 50px}
table.allergens th.productHeading {width: 120px; text-align: left; font-weight: bold; text-decoration: none; font-size: 100%}

table.allergens tr.first th {padding: 6px 0 2px 0}

ul.storefinder {list-style-type: none; border: 1px solid #aaa; width: 300px; margin: 12px; padding: 0}
ul.storefinder li {padding: 3px 3px 3px 12px}
ul.storefinder li.alt {background: #E1F7E4}

ol.bestsellers {margin: 0 0 12px 6px; padding: 0 0 0 6px}
ol.bestsellers li {text-align: left; margin: 0; padding: 0; clear: both}

a.bestsellerName {display: block; width: 165px; float: right; line-height: 1.3em}

div#disclaimer {width: 800px; margin: auto; text-align: center; padding: 0 0 12px 0}

table.soybuddy td {vertical-align: top; padding: 8px 4px; line-height: 1.3em}

.faq_list {}
.faq_list .faq {display: none}
.faq_list a.toggle {display: block; font-weight: normal; color: #000055}

table.product_extra td {text-align: center; padding: 0 6px 0 0}

tr.cartrow td {vertical-align: middle; padding: 0 4px}

td.title {font-family: Georgia, "Times New Roman", times, serif; font-size: 150%; color: #339900}

table.top {float: right}
table.top td {vertical-align: middle; padding: 0 0 0 50px}

table.productfinder {margin: 0 0 12px 12px}
table.productfinder td {padding: 5px; background-color:#efefef}

.productfinder {text-transform:capitalize; color: #339900}
.productfinder a {text-decoration: underline}
.productfinder a:hover {text-decoration: none}

div.search_results_products {float: right; width: 250px; margin: 24px 8px; border: 1px solid #ccc; padding: 8px}
ul.search_results_products {list-style-type: none; margin: 0 0 0 8px; padding: 0 0 0 8px}
ul.search_results_products img {float: left; margin: 0 8px 8px 0}
ul.search_results_products li {clear: both; line-height: 1.3em; margin: 12px 0 0 0}

a#genisoy {display: block; top: .5em; position: absolute; z-index: 200; width:238; height:118; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/genisoy.png')}
html>body a#genisoy {background: url(/images/genisoy.png) no-repeat}

div.whatkind {width: 60%; margin: auto}
div.whatkind table { width: 100%; font-size: 1.1em}
div.whatkind table td {padding: 5px; text-align: center}

td.subtitle {font-weight: bold}
td.warning {font-weight: bold; color: #cc0000}

td.label {padding-right: 6px}