/* @override http://www.wholeharvest.com/styles.css */

/* CSS Document */

body {
margin: 0px;
text-align:center;
background-image:url(images/new_gradient_back2.jpg);
background-repeat:repeat-x;
background-color:#006c54;
text-align:center;
}

#container{
width:786px;
margin:0px auto;
background-color:white;
}

#header{
width:786px;
margin: 0px 0px;
padding: 0px 0px;
height:250px;
}

#navcolumn {
float: left;
width:200px;
text-align:left;
/*background:url(images/navbackground.jpg);*/
background-repeat:no-repeat;
background-position:top;
}

#navigation {
margin-top: 0px;
padding-top: 0px;
height: 242px;
width: 200px;
text-align: center;

}

#navigation ul {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:white;
/*font-weight:bold;*/
text-align:left;
margin: 0px 0px;
padding-left:15px;
padding-right:15px;
float: left;
}

#navigation ul li {
padding:2px 0px;
list-style:none;
}

#navigation ul li a {
color:#B8B78F;
text-decoration:none;
}

#navigation ul li a:hover {
color:white;
font-weight:bold;
text-decoration:none;
}

#belownavigation {
width:200px;
margin:0px 0px;
}

.shouldknow {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin-right:10px;
text-decoration:none;
margin-left: 35px;
}

.shouldknow li {
list-style-image:url(images/bullet_banner.gif);
padding-bottom: 13px;
margin: 0px;
padding-left: 8px;
}

body>#container>#navcolumn>#belownavigation>ul.shouldknow  {
		padding-left: 4px;
		border: 0px #000 solid;
		}
		
		body>#container>#navcolumn>#belownavigation>ul.shouldknow li {
		padding-left: 0px;
		}

.shouldknow li a {
text-decoration:none;
color:#333333;
}

.shouldknow li a:hover {
text-decoration:underline;
color:#FF0021;
}

ul.newsitem {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 12px;
}

ul.newsitem li {
list-style-image:url(images/news_icon.gif);
padding-bottom:13px;
}

ul.newsitem li a {
color:#333333;
}

ul.newsitem li a:hover {
color:#FF0021;
text-decoration:underline;
}

#contentcontainer {
margin: 0px 0px;
padding: 0px 0px;
float:right;
width:586px;
height:auto;
overflow:visible;
}

#largemaincontent {
width:584px;
min-height:600px;
height:600px;
text-align:left;
border-left:#CCCC99 solid 1px;
background-repeat:no-repeat;
background-position:bottom;
margin: 0px 0px;
padding: 0px 0px;
}

#largemaincontent a, a:link, a:visited {
color:#333333;
text-decoration:underline;
}

#largemaincontent a:hover {
color:#FF0021;
text-decoration:underline;
}

div[id] #largemaincontent {
height:auto;
}

#maincontent {
float:left;
width:406px;
min-height:600px;
height:600px;
text-align:left;
border-left:#CCCC99 solid 1px;
border-right:#CCCC99 solid 1px;
background-repeat:no-repeat;
background-position:bottom;
margin: 0px 0px;
padding: 0px 0px;
}

div[id] #maincontent {
height:auto;
}

p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#333333;
padding: 0px 15px;
margin:0px 0px;
text-align:left;
}

p a, a:link, a:visited {
color:#333333;
text-decoration:underline;
}

p a:hover {
color:#FF0021;
text-decoration:underline;
}

p.quote {
text-indent:-.5em;
font-weight:bold;
color:#cf0906; /* Dark Red */
}

p.person {
padding:0 20px;
text-indent:-.25em;
font-size:10px;
font-style:italic;
}

ul {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#333333;
list-style:disc;
}

#maincontent a, a:link, a:visited {
color:#333333;
text-decoration:underline;
}

#maincontent a:hover {
color:#FF0021;
text-decoration:underline;
}

#maincontent h2 a { color:#006c54; }

#buttonarea {
width:178px;
float:right;
text-align:center;
margin-top:0px;
}

#buttonarea a, a:link, a:visited {
color:#333333;
text-decoration:underline;
}

#buttonarea a:hover {
color:#FF0021;
text-decoration:underline;
}

#footer {
clear:both;
text-align:center;
width:786px;
height:25px;
padding-top: 51px;
border-bottom: 2px solid #006c54;
background: url(images/footer.gif) no-repeat;
}

#footer-no-bars {
clear:both;
text-align:center;
width:786px;
height:25px;
padding-top: 51px;
border-bottom: 2px solid #006c54;
background: url(images/footer-no-bars.gif) no-repeat;
}

#footer-no-leaf {
clear:both;
text-align:center;
width:786px;
height: 26px;
padding-top: 4px;
border-bottom: 2px solid #006c54;
background: 0px -47px url(images/footer.gif) no-repeat;
}

#footer-one-bar {
clear:both;
text-align:center;
width:786px;
height:25px;
padding-top: 51px;
border-bottom: 2px solid #006c54;
background: url(images/footer-one-bar.gif) no-repeat;
}

#footer a, #footer-no-leaf a, #footer-no-bars a, #footer-one-bar a{
color:#FFFFFF;
text-decoration:underline;
}

#footer a:hover, #footer-no-leaf a:hover, #footer-no-bars a:hover,  #footer-one-bar a:hover{
text-decoration:none;
}

#footer p, #footer-no-leaf p, #footer-no-bars p, #footer-one-bar p  {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:white;
padding-top:5px;
text-align:center;
}

h1, h2, h3, h4, h5 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
margin:0px 0px;
}

h1 { width:398px; height:27px; text-indent:-999px;
background-repeat: no-repeat;
font-size:16px;
color:#FF0000;
padding:0px 0px; }

h1.welcome 	{ background-image:url(images/hdr_welcome.gif); }
h1.about 	{ background-image:url(images/hdr_about.gif); }
h1.products { background-image:url(images/hdr_products.gif); }
h1.events 	{ background-image:url(images/hdr_events.gif); }
h1.resources{ background-image:url(images/hdr_resources.gif); }
h1.contact 	{ background-image:url(images/hdr_contact.gif); }
h1.corporate-responsibility 	{ background-image:url(images/hdr_corporate-responsibility.gif); }
h1.studies	{ background-image:url(images/hdr_studies.gif); }
h1.know	 	{ background-image:url(images/hdr_shouldknow.gif); }
h1.chef	 	{ background-image:url(images/hdr_featuredchef.gif); }
h1.chicken  { background-image:url(images/hdr_chicken.gif); }
h1.soup     { background-image:url(images/hdr_creamofmushroom.gif); }
h1.cookies  { background-image:url(images/hdr_cookies.gif); }
h1.dressings { background-image:url(images/hdr_dressings.gif); }
/* oil101, transfat, thebigdeal */

h1.news 	{ background-image:url(images/hdr_news.gif); } /* video */
h1.company 	{ background-image:url(images/hdr_company_news.gif); }
h1.industry { background-image:url(images/hdr_industry_news.gif); }

h2 {
font-size: 14px;
color:#006c54;
padding:0px 15px;
text-align:left;
}

h3 {
font-size: 13px;
color:black;
padding:0px 15px;
}

h4 {
font-size: 11px;
color:#006c54;
padding:0px 10px;
}

h5 {
font-size: 14px;
color:#006c54;
padding: 0px 0px;
text-align:left;
}

.indistudyheader {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
font-style:italic;
color:#999966;
margin-left:10px;
margin-bottom:0px;
}

.indistudytext {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin-left:10px;
margin-top:0px;
margin-bottom:0px;
}

.indistudytext a, a:link, a:visited {
color:#333333;
text-decoration:none;
}

.indistudytext a:hover {
color:#FF0021;
text-decoration:underline;
}

.photo {
float:right;
margin-left:15px;
margin-bottom:15px;
}

img { border: 0px;
}

.caption {
	font-size: 10px;
	color: #006633;
	font-style: italic;
}

.foodpics {
padding:0;
margin:0;
}

#contactForm {
margin:0px 15px;
}

#contactForm p {
text-align:inherit;
padding:0px;
margin:0px;
}

#contactForm p.form {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#333333;
padding: 4px;
margin:0px 0px;
}

#separator{
	height: 30px;
}


/* ADDED BY LFD */

.home-order-button{
	padding-left: 0px;
}

.shop-links p{
	text-align: center;
}

.shop-links img{
	margin-left: 30px;
	margin-bottom: 5px;
}

/* Products */

.patent-info{
	font-size: 10px;
	clear: both;
}

#soy-products{
	float: left;
	width: 152px;
	padding-left: 17px;
}

#canola-products{
	float: left;
	width: 315px;
	padding-left: 10px;
}

#soy-products ul{
	float: left;
	clear: both;
	padding-left: 0px;
	margin: 4px 0px 0px 0px;
}

#canola-products ul{
	float: left;
	width: 315px;
	padding-left: 0px;
	margin: 4px 0px 0px 0px;
}

#soy-products li{
	display: block;
	width: 152px;
	height: 152px;
	float:  left;
	margin-bottom: 3px;
	margin: 0px 0px 5px 0px;
}

#canola-products li{
	display: inline;
	width: 152px;
	float: left;
	margin: 0px 5px 5px 0px;
} 

#canola-products li a, #soy-products li a{
	width: 152px;
	height: 152px;	
	display: block;
	text-indent: -5000px;
}

#soy-products li a:hover {
	background-position: 0 152px;
}

#canola-products li a:hover{
	background-position: 0px -152px;
}

#soy-products #soyOil a:hover {	background-position: 0 152px }
#soyOil a{	background: url(images/product_images/soyoil.jpg); }
#soyCulinaryOil a{ background: url(images/product_images/soyculinaryoil.jpg);}
#culinaryOil a{background: url(images/product_images/canolaculinaryoil.jpg) no-repeat;}
#canolaOil a{ background: url(images/product_images/canolaoil.jpg) no-repeat; }
#canolaSpray a{background: url(images/product_images/smartcoatcanola.jpg) no-repeat;}
#butterAlt a{background: url(images/product_images/canolabutteralt.jpg) no-repeat;}

#soy-products h3{
	background: #eb2f26 url(images/product_images/txt-soy.gif) 4px 4px no-repeat;
	float: left;
	width: 152px;
	padding: 2px 0px 2px 0px;
	text-indent: -5000px;
}

#canola-products h3{
	background: #eb2f26 url(images/product_images/txt-canola.gif) 4px 4px no-repeat;
	float: left;
	width: 310px;
	padding: 2px 0px 2px 0px;
	text-indent: -5000px;
}

/* Corporate Responsibility */

.checkmark li{
	background: url(images/checkmark.gif) no-repeat;
	list-style-type: none;
	padding: 0px 0px 15px 23px;

}

#logo-energy-star, #logo-usepa{
	margin: 10px 8px 10px 0px;
}

.logos-list{
	list-style-type: none;
	padding-bottom: 15px;
}

.logos-list li{
	padding-right: 10px !important;
	display: inline;
}

.recycle-icon{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background: 12px 4px url(images/greengroup-icon.gif) no-repeat;
	padding-left: 38px;
	text-align: left;
	display: block;
}

.recycle-icon:hover {
text-decoration:underline;
color:#FF0021;
}

/* Events Banner */

#eventsbanner{
	display: block;
	width: 150px;
	height: 150px;
	margin-left: 14px;
}
