/*initial reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	/*background: transparent;*/
}
p { margin-bottom: 10px; }
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body, html
{
	height:100%;
}




/* --------------------------------------------------- homepage ---------------------------- */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}
#homepage { background: #fff url(/images/back.jpg) no-repeat center top; }
#subpage { background: #fff url(/images/back-subpage.jpg) repeat-x center top; }

#wrapper {
	margin: 0 auto;	
	width: 978px;	
}
#headerWrapper { 
	margin: 0 auto;	
	width: 997px;		
}
#header {
	font-size: 1.2em;
}
#header .mainLogo {
	float: left;
	height: 139px;
	overflow: hidden;
	width: 324px;
}
	#header .mainLinks {
		float: right;
		width: 673px;
	}
	#header .mainLinks .mainLinksFirst {
		height: 20px;
		margin: 18px 0 10px 0;
		padding-left: 330px;
	}
		#header .mainLinks .mainLinksFirst .linkHome { float: left; }
		#header .mainLinks .mainLinksFirst .linkHome a {
			background: url(/images/link-home-over.png);
			cursor: pointer;
			display: block;
			height: 20px;
			width: 60px;
		}
		#header .mainLinks .mainLinksFirst .linkAbout { 
			float: left;
			margin-left: 14px;
		}
		#header .mainLinks .mainLinksFirst .linkAbout a {
			background: url(/images/link-contactus-over.png);
			cursor: pointer;
			display: block;
			height: 20px;
			width: 86px;
		}		
		#header .mainLinks .mainLinksFirst .searchBox {
			background-color: #ebf6ff;
			border: #28254c solid 1px;
			float: left;
			margin-left: 31px;
			width: 140px;
		}
		#header .mainLinks .mainLinksFirst .searchBox .searchInput {
			float: left;
			height: 19px;
			width: 120px;
			overflow: hidden;
		}
		#header .mainLinks .mainLinksFirst .searchBox .searchInput input {
			background-color: #ebf6ff;
			border: none;
			margin-left: 2px;
			width: 116px;
		}
		#header .mainLinks .mainLinksFirst .searchBox .searchSubmit {
			float: right;
			height: 19px;
			width: 18px;
			overflow: hidden;
		}	
		#header .mainLinks .mainLinksFirst .searchBox .searchSubmit .searchBoxClear { clear: both; }
		
	#header .mainLinks .mainLinksSecond { height: 33px; }
	#header .mainLinks .mainLinksSecond	li { float: left; }
	#header .mainLinks .mainLinksSecond	li a { display: block; cursor: pointer; }
/*	#header .mainLinks .mainLinksFirst .linkHome a:hover img,
	#header .mainLinks .mainLinksFirst .linkAbout a:hover img,
	#header .mainLinks .mainLinksSecond	li a:hover img, 
	#header .mainLinks .mainLinksSecond	li.selected img,
	#header .mainLinks .mainLinksSecond	li.selected a:hover img,
*/	
	#sidebar_content a.selected img{
		opacity:0;filter: alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
	}
	
	/* handling left menu child */
	#sidebar_content li.selected li img{
		opacity:100;filter: alpha(opacity=100);
		-moz-opacity: 100;
		-khtml-opacity: 100;
	}		
	#sidebar_content li.selected li a.selected img{
		opacity:0;filter: alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
	}
	/* end handling left menu child */
	
/*	#header .mainLinks .mainLinksSecond	li a.navAboutUs { 
		background: url(/images/link-about-over.png);
		height: 33px;
		width:134px;
	}
	#header .mainLinks .mainLinksSecond	li a.navTheTruth { 
		background: url(/images/link-the-truth-over.png);
		height: 33px;
		width:177px;
	}	
	#header .mainLinks .mainLinksSecond	li a.navTheSeed { 
		background: url(/images/link-theseed-over.png);
		height: 33px;
		width:142px;
	}
	#header .mainLinks .mainLinksSecond	li a.navExpert { 
		background: url(/images/link-expert-over.png);
		height: 33px;
		width:119px;
	}
	#header .mainLinks .mainLinksSecond	li a.navHealthy { 
		background: url(/images/link-healthy-over.png);
		height: 33px;
		width:101px;
	}	*/
	#header .mainLinks .mainLinksSecond .mainLinksSecondClear { clear: both; }
	
	#header .mainLinks .mainLinksSecond ul ul li { float: none!important; }
	

	#header .mainLinks .socialMedia {
		background: url(/images/back-links.png) no-repeat;
		height: 33px;
		font-size: 0.9em;
		padding: 25px 0 0 535px;
		/*position: absolute;*/
	}
	#homepage #header .mainLinks .socialMedia { background: url(/images/back-links-home.png) no-repeat; }
	#header .mainLinks .socialMedia a {
		color: #26241f;
		text-decoration: none;
	}
	#header .mainLinks .socialMedia a:hover { color: #999999; }
		#header .mainLinks .socialMedia .newletter {
			float: left;
			height: 13px;
			width: 160px;
		}
		#header .mainLinks .socialMedia .newletter a {
			background: url(/images/ico-mail.jpg) no-repeat left center;
			padding-left: 18px;
		}
		#header .mainLinks .socialMedia .rss {
			float: left;
			width: 79px;
		}
		#header .mainLinks .socialMedia .rss a {
			background: url(/images/ico-rss.jpg) no-repeat left center;
			padding-left: 18px;
		}
		#header .mainLinks .socialMedia .share {
			float: left;
			text-align: left;
			width: 105px;
		}
		#header .mainLinks .socialMedia .share a {
			background: url(/images/bookmarks.gif) no-repeat left center;
			display: block;
			padding-left: 12px;
		}
		#header .mainLinks .socialMedia .socialIco {
			float: left;
			width: 53px;
		}		
		#header .mainLinks .socialMedia .socialMediaClear { clear: both; }	
		
		#homepage #header .mainLinks .socialMedia .share,
		#homepage #header .mainLinks .socialMedia .socialIco { visibility: hidden; }
#header .headerClear { clear: both; }


/*-------------------------------------- homepage content -------------------------- */
#contentWrapper {
	font-size: 1.2em;
	margin: 0 auto;
 	width: 1000px;
}
#contentWrapper.homepageWrapper {
	height: 712px;
	width: 980px;
}
	#contentWrapper .frameTop {
		background: url(/images/homeFrame1.png);
		height: 25px;
		width: 980px;
		overflow: hidden;
	}
	#contentWrapper .frameMiddle {
		height: 687px;
		overflow: hidden;
	}
		#contentWrapper .frameMiddle .frameMiddleLeft {
			background: url(/images/homeFrame2.png);
			float: left;
			height: 687px;
			width: 30px;;
			overflow: hidden;
		}	
		#contentWrapper .frameMiddle .mainHomeContent {
			background: url(/images/homepageBack.jpg);
			float: left;
			height: 687px;
			width: 920px;;
			overflow: hidden;
		}	
			#contentWrapper .frameMiddle .mainHomeContent .leftContent {
				color: #401500;
				float: left;
				height: 612px;
				padding: 75px 0 0 30px;
				width: 404px;
			}
				#contentWrapper .frameMiddle .mainHomeContent .leftContent .shortDesc {
					height: 54px;
					overflow: hidden;
				}
				#contentWrapper .frameMiddle .mainHomeContent .leftContent .flashPictures {
					height: 360px;
					width: 490px;
				}	
				#contentWrapper .frameMiddle .mainHomeContent .leftContent #flashPictures {
					height: 360px;
					position: relative;
					margin-left: -50px;
					width: 490px;
				}
				#contentWrapper .frameMiddle .mainHomeContent .leftContent .recipeOfTheMonth {
					margin: 55px 0 0 47px;
					width: 385px;
				}
					#contentWrapper .frameMiddle .mainHomeContent .leftContent .recipeOfTheMonth .recipeImage {
						float: left;
						width: 134px;
					}	
					#contentWrapper .frameMiddle .mainHomeContent .leftContent .recipeOfTheMonth .recipeDescription {
						float: left;
						margin-left: 17px;
						width: 234px;
					}
						#contentWrapper .frameMiddle .mainHomeContent .leftContent .recipeOfTheMonth .recipeDescription .recipeTitle {
							padding-bottom: 5px;
						}
						#contentWrapper .frameMiddle .mainHomeContent .leftContent .recipeOfTheMonth .recipeDescription img {
							position: relative;
							margin: 12px 0 0 -2px;
						}											
					#contentWrapper .frameMiddle .mainHomeContent .leftContent .recipeOfTheMonth .recipeClear { clear: both; }										
			
			#contentWrapper .frameMiddle .mainHomeContent .rightContent {
				float: right;
				height: 687px;
				width: 440px;
			}
				#contentWrapper .frameMiddle .mainHomeContent .rightContent .tvArea {
					height: 230px;
					margin: 50px 0 0 25px;
					width: 400px;
				}
				#contentWrapper .frameMiddle .mainHomeContent .rightContent .productSlide {
					height: 130px;
					margin: 70px 0 0 25px;
					width: 400px;
				}
				
				#welPanelnewsBox {
					float: left;
					margin: 25px 0 0 5px;
					position:relative;	
					width: 400px;
				}
				#welPanelnewsBox .newsBoxTitle {
					float: left;
					padding: 20px 0 0 53px;
					width: 167px;
				}
				#welPanelnewsBox .newsBoxRss {
					background: url(/images/ico-rss2.gif) no-repeat left center;
					float: right;
					font-size: 0.9em;
					height: 20px;
					margin-top: 25px;
					padding: 2px 0 0 28px;
				}
				#welPanelnewsBox .newsBoxRss a {
					color: #006e00;
					font-weight: bold;
					text-decoration: underline;
				}
				#welPanelnewsBox .newsBoxRss a:hover {
					color: #006e00;
					text-decoration: none;
				}
				#welPanelnewsBox .newsList {
					background: url(/images/back-newslist.jpg) no-repeat;
					height: 25px;
					margin: 5px 0 0 30px;
					padding: 10px 0 0 35px;
				}
				#welPanelnewsBox .newsShortDesc {
					height: 0;
					display: none;
					line-height: 0;
					overflow: hidden;
					visibility: hidden;
				}
				#welPanelnewsBox .newsList a {
					color: #006e00;
					text-decoration: underline;
				}
				#welPanelnewsBox .newsList a:hover {
					color: #006e00;
					text-decoration: none;
				}
				#welPanelnewsBox .newsBoxClear { clear: both; }

							
			#contentWrapper .frameMiddle .mainHomeContent .clearContent { clear: both; }		
		#contentWrapper .frameMiddle .frameMiddleRight {
			background: url(/images/homeFrame3.png);
			float: left;
			height: 687px;
			width: 30px;;
			overflow: hidden;
		}
		#contentWrapper .frameMiddle .frameMiddleClear { clear: both; }				
	#contentWrapper .frameBottom {
		background: url(/images/homeFrame4.png);
		height: 25px;
		width: 980px;
		overflow: hidden;
	}
#contentInner { 
	margin-left: 22px; 
	width: 978px;
}

#welFlashMovie {
	height: 240px;
	margin: 0 auto;
	width: 980px;
	overflow: hidden;
}
#homepage .mainContent {
	height: 0;
	overflow: hidden;
	display: none;
}
#welPalels {
	background: url(/images/welcome-panel-back.png) no-repeat;
	height: 166px;
	margin: 0 auto;
	padding-top: 45px;
	width: 980px;
}
#welPanelSearch {
	float: left;
	padding: 10px 25px 0 16px;
	width: 215px;
}
#welPanelSearch form {
	margin-top: 22px;
	padding-left: 16px;
	width: 200px;
}
#welPanelSearch form .input {
	background-color: #FFF;
	border: none;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	color: #616569;
	height: 14px;
	padding: 8px;
	width: 182px;	
}
#welPanelSearch form .btnSearch {
	float: left;
	margin-top: 15px;
}
#welPanelSearch form .viewPanels {
	color: #006800;
	display: block;
	float: right;
	font-weight: bold;
	margin-top: 20px;
	text-align: right;
	text-decoration: none;
	width: 85px;
}
#welPanelSearch form .viewPanels:hover { color: #630; }

#welPanelQuiz {
	background: url(/images/quiz-back.gif) no-repeat left top;
	float: left;
	height: 60px;
	margin-left: 23px;
	padding: 94px 0 0 15px;
	width: 230px;
}
#welPanelQuiz .question { padding: 0 0 8px 6px; }
#welPalels .panelClear { clear: both; }

/*#welPanelnewsBox {
	float: left;
	margin: -45px 0 0 5px;
	position:relative;	
	width: 440px;
}
#welPanelnewsBox .newsBoxTitle {
	float: left;
	padding: 20px 0 0 53px;
	width: 167px;
}
#welPanelnewsBox .newsBoxRss {
	background: url(/images/ico-rss2.gif) no-repeat left center;
	float: right;
	font-size: 0.9em;
	height: 20px;
	margin: 25px 0 8px 0;
	padding: 2px 0 0 28px;
	width: 130px;
}
#welPanelnewsBox .newsBoxRss a {
	color: #006800;
	font-weight: bold;
	text-decoration: underline;
}
#welPanelnewsBox .newsBoxRss a:hover {
	color: #666;
	text-decoration: none;
}
#welPanelnewsBox .newsList {
	background: url(/images/back-newslist.jpg) no-repeat;
	height: 25px;
	margin: 5px 0 0 30px;
	padding: 10px 0 0 35px;
}
#welPanelnewsBox .newsShortDesc {
	height: 0;
	display: none;
	line-height: 0;
	overflow: hidden;
	visibility: hidden;
}
#welPanelnewsBox .newsList a {
	color: #006800;
	text-decoration: underline;
}
#welPanelnewsBox .newsList a:hover {
	color: #666;
	text-decoration: none;
}
#welPanelnewsBox .newsBoxClear { clear: both; }*/











#contentInner .leftContent {
	float: left;
	width: 535px;
}
#contentInner .rightContent {
	float: left;
	width: 443px;
}
#contentInner .leftContent .leftContentRowOne {
	background: url(/images/back-homepage-1.png);
	height: 235px;
	overflow: hidden;
}
#contentInner .leftContent .leftContentRowTwo {
	background: url(/images/back-homepage-2.png);
	height: 209px;
	overflow: hidden;
}
#contentInner .leftContent .leftContentClear { clear: both; }
#contentInner .rightContent .rightContentRowOne {
	background: url(/images/back-homepage-3.png);
	height: 257px;
	overflow: hidden;
}
#contentInner .rightContent .rightContentRowTwo {
	background: url(/images/back-homepage-4.png);
	height: 186px;
	overflow: hidden;
}
#contentInner .clearContentWrapper { clear: both; }

#expertBox {
	float: left;
	padding: 20px 0 0 15px;
	width: 230px;
}
#expertBox .expertBoxTitle {
	padding: 0 0 7px 27px;
}
#expertBox .expertBoxDesc { padding-bottom: 10px; }
#otherBox {
	float: right;
	padding: 20px 25px 0 0;
	width: 215px;
}
#newRangeBox .newRangeTitle {
	float: left;
	padding: 20px 0 0 45px;
	width: 160px;
}
#newRangeBox .newRangePromo {
	padding: 8px 0 0 385px;
	*padding-left: 180px;
	position: absolute;
	width: 133px;
}
#newRangeBox .newRangeLeftContent {
	float: left;
	margin-top: 27px;
	padding-left: 30px;
	width: 165px;
}
#newRangeBox .newRangeRightContent {
	float: left;
	margin: 27px 0 0 20px;
	width: 270px;
}
#newRangeBox .newRangeRightContent .rightDesc { padding: 8px 0 10px 25px; }
#newRangeBox .newRangeRightContent .rightButton { padding-left: 25px; }
#newRangeBox .newRangeClear { clear: both; }

#tvBox .tvBoxLeft {
	float: left;
	padding-left: 8px;
	width: 338px;
}
#tvBox .tvBoxLeft .tvBoxTitle { padding: 12px 0 0 30px; }
#tvBox .tvBoxLeft .tvBoxPreview {
	border:  #FFF solid 1px;
	height: 191px;
	margin: 10px 0 0 10px;
	overflow: hidden;
	width: 318px;
}
#tvBox .tvBoxRight {
	float: left;
	padding-top: 24px;
	*padding-top: 20px;
	width: 90px;
}
#tvBox .tvBoxRight img { 
	border: #FFF solid 4px;
	margin-bottom: 3px;
}
#tvBox .tvBoxClear { clear: both; }

#newsBox .newsBoxTitle {
	float: left;
	padding: 20px 0 0 53px;
	width: 167px;
}
#newsBox .newsBoxRss {
	background: url(/images/ico-rss2.gif) no-repeat left center;
	float: right;
	font-size: 0.9em;
	height: 20px;
	margin-top: 25px;
	padding: 2px 0 0 28px;
	width: 140px;
}
#newsBox .newsBoxRss a {
	color: #006800;
	font-weight: bold;
	text-decoration: underline;
}
#newsBox .newsBoxRss a:hover {
	color: #666;
	text-decoration: none;
}
#newsBox .newsList {
	background: url(/images/back-newslist.gif) no-repeat;
	height: 25px;
	margin: 5px 0 0 30px;
	padding: 10px 0 0 35px;
}
#newsBox .newsShortDesc {
	height: 0;
	display: none;
	line-height: 0;
	overflow: hidden;
	visibility: hidden;
}
#newsBox .newsList a {
	color: #006800;
	text-decoration: underline;
}
#newsBox .newsList a:hover {
	color: #666;
	text-decoration: none;
}
#newsBox .newsBoxClear { clear: both; }



/*-------------------------------------- sub page -------------------------- */
#subpage #contentWrapper {
	min-height: 600px;
}
/* ie fix */
* html #subpage #contentWrapper {
	height: 600px;
}

/* sub page navigation */
#subNav {
	float: left;
	padding-left: 10px;
	width: 265px;
}
#subNavBox {
	margin: 0 auto;
	width: 230px;
}
#subNavBox .subNavBoxTitle,
#subNavBox .subNavBoxTitleAbout,
#subNavBox .subNavBoxTitleAboutProduct,
#subNavBox .subNavBoxTitleSeedStory,
#subNavBox .subNavBoxHealthNutrition,
#subNavBox .subNavBoxExpertAdvice,
/*#subNavBox .subNavBoxTitleTheTruth,
#subNavBox .subNavBoxTitleJourney,
#subNavBox .subNavBoxTitleTips,
#subNavBox .subNavBoxTitleExpert,*/
#subNavBox .subNavBoxTitleContact,
#subNavBox .subNavBoxTitleTerms,
#subNavBox .subNavBoxTitlePrivacy,
#subNavBox .subNavBoxTitleDisclaimer,
#subNavBox .subNavBoxTitleSitemap,
#subNavBox .subNavBoxTitleAboutProduct{
	height: 41px;
	padding-top: 16px;
	text-align: center;
}

#subNavBox .subNavBoxTitle { background: url(/images/back-submenuTitle.png); }
#subNavBox .subNavBoxTitleAbout { background: url(/images/back-submenuTitleAbout.png); }
#subNavBox .subNavBoxTitleAboutProduct { background: url(/images/back-submenuTltAbtProd.png); }
#subNavBox .subNavBoxTitleSeedStory { background: url(/images/back-submenuTltSeedStory.png); }
#subNavBox .subNavBoxHealthNutrition { background: url(/images/back-submenuTltHealthNutr.png); }
#subNavBox .subNavBoxExpertAdvice { background: url(/images/back-submenuTitleExpert.png); }
/*#subNavBox .subNavBoxTitleTheTruth { background: url(/images/back-submenuTitleTheTruth.png); }
#subNavBox .subNavBoxTitleJourney { background: url(/images/back-submenuTitleJourney.png); }
#subNavBox .subNavBoxTitleExpert { background: url(/images/back-submenuTitleExpert.png); }
#subNavBox .subNavBoxTitleTips { background: url(/images/back-submenuTitleTips.png); }*/
#subNavBox .subNavBoxTitleContact { background: url(/images/back-submenuTitleContact.png); }
#subNavBox .subNavBoxTitleTerms { background: url(/images/back-submenuTitleTerms.png); }
#subNavBox .subNavBoxTitlePrivacy { background: url(/images/back-submenuTitlePrivacy.png); }
#subNavBox .subNavBoxTitleDisclaimer { background: url(/images/back-submenuTitleDisclaimer.png); }
#subNavBox .subNavBoxTitleSitemap { background: url(/images/back-submenuTitleSitemap.png); }


#subNavBox .subNavBoxTitle span,
#subNavBox .subNavBoxTitleAbout span,
#subNavBox .subNavBoxTitleAboutProduct span,
#subNavBox .subNavBoxTitleSeedStory span,
#subNavBox .subNavBoxHealthNutrition span,
#subNavBox .subNavBoxExpertAdvice span,
/*#subNavBox .subNavBoxTitleTheTruth span,
#subNavBox .subNavBoxTitleJourney span,
#subNavBox .subNavBoxTitleTips span,
#subNavBox .subNavBoxTitleExpert span,*/
#subNavBox .subNavBoxTitleContact span,
#subNavBox .subNavBoxTitleTerms span,
#subNavBox .subNavBoxTitlePrivacy span,
#subNavBox .subNavBoxTitleDisclaimer span,
#subNavBox .subNavBoxTitleSitemap span { display: none; visibility: hidden; }

#subNavBox .subNavBoxList { background: url(/images/back-submenu1b.png); }
#subNavBox .subNavBoxList li {
	background: url(/images/submenu-line.gif) no-repeat bottom center;
	padding: 5px 0 5px 15px;
}
#subNavBox .subNavBoxList li ul {
	padding-top: 3px;
}
#subNavBox .subNavBoxList li li { 
	background-image: none;
	padding: 0;
}
#subNav .subNavBoxClose {
	background: url(/images/back-submenu2.png) no-repeat top center;
	height: 46px;
	width: 230px;
}
#subNav .kidPlay {
/*	position: absolute;
	margin: 20px 0 0 -70px;*/
	margin: 20px 0 0 -25px;
	overflow: hidden;
	position: absolute;
	width: 250px;	
}
#subNav .noSub { margin-left: 0; }

/* Sub navigation */
#subNav li a { display: block; cursor: pointer; height: 30px; width:196px; }
#subNav li li a { height: 28px; }
#subNav li a:hover img, 
#subNav li.selected img,
#subNav li a.selected a:hover img {
	opacity:0;filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
}	

#subNav li a:hover img, 
#subNav li.selected img,
#subNav li a.selected a:hover img {
	opacity:0;filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
}

/*about*/
#subNav li a.subNav1a { background: url(/images/menu-MLStory-over.gif); }
#subNav li a.subNav1b { background: url(/images/menu-history-over.gif); }
/*#subNav li a.subNav1c { background: url(/images/menu-range-over.gif); }
#subNav li a.subNav1c1 { background: url(/images/menu-original-over.gif); }
#subNav li a.subNav1c2 { background: url(/images/menu-salt-over.gif); }
#subNav li a.subNav1c3 { background: url(/images/menu-light-over.gif); }
#subNav li a.subNav1c4 { background: url(/images/menu-extra-over.gif); }
#subNav li a.subNav1c5 { background: url(/images/menu-canola-over.gif); }
#subNav li a.subNav1c6 { background: url(/images/menu-free-over.gif); }
*/

/*about our products*/
#subNav li a.subNav2a { background: url(/images/menu-MLswithMargarine-over.gif); }
#subNav li a.subNav2b { background: url(/images/menu-MLingredient-over.gif); }
#subNav li a.subNav2c { background: url(/images/menu-range-over.gif); }
#subNav li a.subNav2c1 { background: url(/images/menu-original-over.gif); }
#subNav li a.subNav2c2 { background: url(/images/menu-salt-over.gif); }
#subNav li a.subNav2c3 { background: url(/images/menu-light-over.gif); }
#subNav li a.subNav2c4 { background: url(/images/menu-extra-over.gif); }
#subNav li a.subNav2c5 { background: url(/images/menu-canola-over.gif); }
#subNav li a.subNav2c6 { background: url(/images/menu-free-over.gif); }
#subNav li a.subNav2d { background: url(/images/menu-MLcooking-over.gif); }

/*about seed story*/
#subNav li a.subNav3a { background: url(/images/menu-MLseed-tub-over.gif); }
#subNav li a.subNav3b { background: url(/images/menu-MLseed-facts-over.gif); }


/*health and nutrition*/
#subNav li a.subNav4a { background: url(/images/menu-MLhelthyEating-over.gif); }
#subNav li a.subNav4b { background: url(/images/menu-MLfatFact-over.gif); }
#subNav li a.subNav4c { background: url(/images/menu-MLoiltFact-over.gif); }
#subNav li a.subNav4d { background: url(/images/menu-MLrecipe-over.gif); }
#subNav li a.subNav4e { background: url(/images/menu-MLactivityForKid-over.gif); }

/*expert advice*/
#subNav li a.subNav5a { background: url(/images/menu-MLpanelExperts-over.gif); }
#subNav li a.subNav5b { background: url(/images/menu-MLExpertAdv-over.gif); }
#subNav li a.subNav5c { background: url(/images/menu-MLNutrionalist-over.gif); }
#subNav li a.subNav5d { background: url(/images/menu-MLMums-over.gif); }
#subNav li a.subNav5e { background: url(/images/menu-MLnews-over.gif); }

/*facts*/
/*#subNav li a.subNav2a { background: url(/images/menu-MLfatFact-over.gif); }
#subNav li a.subNav2b { background: url(/images/menu-MLoiltFact-over.gif); }
#subNav li a.subNav2c { background: url(/images/menu-MLseedFact-over.gif); }
#subNav li a.subNav2d { background: url(/images/menu-MLrecipe-over.gif); }
#subNav li a.subNav2e { background: url(/images/menu-MLShockTuth-over.gif); }
#subNav li a.subNav2f { background: url(/images/menu-MLingredient-over.gif); }*/

/*seed*/
/*#subNav li a.subNav3a { background: url(/images/menu-MLwhySeedGood-over.gif); }
#subNav li a.subNav3b { background: url(/images/menu-MLseedRecipe-over.gif); }
#subNav li a.subNav3c { background: url(/images/menu-MLsixSteps-over.gif); }*/

/*expert*/
/*#subNav li a.subNav4a { background: url(/images/menu-MLaskExpert-over.gif); }
#subNav li a.subNav4b { background: url(/images/menu-MLnutritionAdvice-over.gif); }
#subNav li a.subNav4c { background: url(/images/menu-MLadviceNHF-over.gif); }
#subNav li a.subNav4d { background: url(/images/menu-MLnews-over.gif); }
#subNav li a.subNav4e { background: url(/images/menu-MLexpertSay-over.gif); }*/

/*advice*/
/*#subNav li a.subNav5a { background: url(/images/menu-MLmumAdvice-over.gif); }
#subNav li a.subNav5b { background: url(/images/menu-MLrecipe-over.gif); }
#subNav li a.subNav5c { background: url(/images/menu-MLhelthyEating-over.gif); }
#subNav li a.subNav5d { background: url(/images/menu-MLactivityForKid-over.gif); }*/



#subContent {
	float: right;
	margin-left: 10px;
	width: 690px;
}
#subpage .subpageClear { clear: both; }
#subpage a {
	color: #1B2D83;
	text-decoration: none;
}
#subpage a:hover { text-decoration: underline; }

#pageTitle { 
	background:url(/images/page-title-border.gif) no-repeat bottom left;
	margin-bottom: 15px;
	padding:10px 0 17px;
	/*padding-top: 10px;
	height: 50px;*/
}
#subpage h1 {
	color: #1b2d83;
	font-size: 2.4em;
	font-weight: normal;
}
#subpage h2 {
	color: #1b2d83;
	font-size: 1.2em;
	font-weight: bold;	
}

#subpage .prodItemListWrapper {
	margin: 10px 0 20px;
	text-align: center;
	width: 230px;
}
#subpage .prodItemListWrapper .prodName {
	padding: 4px 0;
}
#subpage .prodItemListWrapper .prodShortDesc { 
	padding: 0 40px 8px;
	margin: 0 auto;
}
#subpage .prodItemListClear { clear: both; }


#subpage .productTable {
	margin: 0 auto;
}
#subpage .productTable .productItem {
	height: 260px;
	/*text-align: center;*/
	width: 230px;
	vertical-align: bottom!important;
}
#subpage .productTable .productItem td { text-align: center; }
#subpage .productItem .prodName { padding-bottom: 4px; }
#subpage .productItem .prodShortDesc { 
	padding: 0 40px 8px;
	margin: 0 auto;
}
#subpage .productItem .prodThumb a {
	background: url(/images/btn-find-out.jpg) no-repeat center bottom;
	display: block;
	padding-bottom: 30px;
	vertical-align: bottom;
}
#subpage .productItem a {
	color: #1b2d83;
	text-decoration: none;
}
#subpage .productItem a:hover { color: #999; }
#subpage .productLarge .productItem {
	width: 100%;
}
#subpage .newsList {
	margin-bottom: 15px;
}

#subpage .newsDate { padding-bottom: 10px; }

#subpage .goBack { padding-top: 25px; }


/* sitemap */ 
#subContent .sitemap li {
	margin-left: 20px;
	padding-top: 10px;
	list-style: disc;
}

/* product details */
#subContent .prodImage {
	margin: 10px 0 20px;
}
#subContent .prodAvailable, 
#subContent .prodIngredients,
#subContent .prodAttribute { margin-bottom: 30px; }
#subContent .prodAvailable h2, 
#subContent .prodIngredients h2,
#subContent .prodAttribute h2 { padding-bottom: 10px; }
#subContent .prodAttribute .tblNutrition { margin: 10px 0 10px; }
#subContent .prodAttribute .tblNutrition td.whiteHeader { padding-top: 15px; }
#subContent .prodAttribute .tblNutrition td.greenHeader {
	background: url(/images/tblGreenHead.jpg);
	color: #FFF;
	font-size: 0.9em;
	height: 52px;
	overflow: hidden;
	padding: 15px 0 0 15px;
	width: 195px;
}
#subContent .prodAttribute .tblNutrition td.greyHeader {
	background: url(/images/tblGreyHead.jpg);
	color: #1b2d83;
	font-size: 0.9em;
	height: 52px;
	overflow: hidden;
	padding: 15px 0 0 15px;
	width: 195px;
}
#subContent .prodAttribute .tblNutrition td.centerHeader { 
	center; font-weight: bold;
	font-size: 1.2em;
	text-align: center;
}
#subContent .prodAttribute .tblNutrition td.greenHeader .strong,
#subContent .prodAttribute .tblNutrition td.greyHeader .strong { 
	font-size: 1.4em;
	font-weight: bold;
}
#subContent .prodAttribute .tblNutrition .greenList {
	background-color: #59a51f;
	border-bottom: #fff solid 1px;
	color: #FFF;
	font-weight: bold;
	font-size: 0.9em;
	padding: 8px 15px;
}
#subContent .prodAttribute .tblNutrition .greyList {
	background-color: #d1d6e8;
	border-bottom: #fff solid 1px;
	font-size: 0.9em;
	font-weight: bold;
	padding: 8px 15px;
}
#subContent .prodAttribute .tblNutrition .whiteList {
	border-bottom: #d9d9d9 solid 1px;
	font-weight: bold;
	font-size: 0.95em;
	padding: 8px 0;
}
#subContent .prodAttribute .tblNutrition .noBorder { border: none; }
#subContent .prodAttribute .tblNutrition td.footer {
	height: 10px;
	overflow: hidden;
}
#subContent .prodAttribute .tblNutrition td.footer {
	height: 10px;
	font-size: 0em;
	overflow: hidden;
}
.greenFooter { 
	background:url(/images/tblGreenFooter.jpg);
	height: 10px;
	overflow: hidden;
}
.greyFooter { 
	background:url(/images/tblGreyFooter.jpg);
	height: 10px;
	line-height: 10px;
	overflow: hidden;
}


/* Ask an expert BOX */
#chooseExpert {
	background:url(/images/back-chooseExpert.jpg);
	height: 260px;
	overflow: hidden;
	margin-top: 20px;
	padding: 65px 0 0 30px;
	width: 657px;
}

#expertImg { height: 147px; overflow: hidden; }

#expertImg .expertImg1 {
	background: url(/images/thum-expert1-over.gif);
	float: left;
	height: 144px;
	width: 124px;
}
#chooseExpert .expertTitle1 { width: 124px; }
#expertImg .expertImg2 {
	background: url(/images/thum-expert2-over.gif);
	height: 149px;
	float: left;
	width: 125px;
}
#chooseExpert .expertTitle2 { width: 125px; }
#expertImg .expertImg3 {
	background: url(/images/thum-expert3-over.gif);
	height: 149px;
	float: left;
	width: 128px;
}
#chooseExpert .expertTitle3 { width: 128px; }
#expertImg .expertImg4 {
	background: url(/images/thum-expert4-over.gif);
	height: 149px;
	float: left;
	width: 127px;
}
#chooseExpert .expertTitle4 { width: 128px; }
#expertImg .expertImg5 {
	background: url(/images/thum-expert5-over.gif);
	height: 149px;
	float: left;
	width: 127px;
}
#chooseExpert .expertTitle5 { width: 127px; }
#chooseExpert .clearFloat { clear: both; }

#chooseExpert { font-style: italic; }
#chooseExpert a {
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}
#expertImg {
	height: 144px;
	overflow: hidden;
}
#expertImg a:hover img,
#expertImg a.selected img{
	opacity:0;filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
}

#chooseExpert .expertTitle1,
#chooseExpert .expertTitle2,
#chooseExpert .expertTitle3,
#chooseExpert .expertTitle4,
#chooseExpert .expertTitle5 {
	float: left;
	height: 64px;
	padding-top: 10px;
	text-align: center;
}
#expertArrow a img {
	display: none;
}
#expertArrow a.selected img {
	display: block;
}

#expertArrow .expertArrow1 { position: absolute; margin: 5px 0 0 30px; }
#expertArrow .expertArrow2 { position: absolute; margin: 5px 0 0 160px; }
#expertArrow .expertArrow3 { position: absolute; margin: 5px 0 0 290px; }
#expertArrow .expertArrow4 { position: absolute; margin: 5px 0 0 420px; }
#expertArrow .expertArrow5 { position: absolute; margin: 5px 0 0 550px; }


/* Nutrition BOX */
#nutritionBoxWrapper {
	background: url(/images/askNutrition2.jpg) repeat-y top left;
}
#nutritionBox {
	background: url(/images/askMeadowLeaBack.jpg) no-repeat top left;
	width: 687px;
}
#nutritionBox .nutritionBody {
	margin: 0 auto;
	padding-top: 27px;
	width: 620px;
}
#nutritionVideoWrapper .vidDesc,
.drDesc { padding: 5px 0; }
#nutritionVideoWrapper .vidContent {
	text-align: center;
	padding: 10px 0; 
}
#catwebformform64590 {
	margin: 20px 0;
}
#catwebformform64590 .fldName,
#catwebformform64590 .fldEmail,
#catwebformform64590 .fldComment {
	background-color: #fff9ed;
	border: #b4a191 solid 1px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1em;
	height: 16px;
	padding: 2px 4px;
	width: 290px;
}
#catwebformform64590 .fldEmail { margin-left: 10px; }
#catwebformform64590 .fldComment {
	height: 90px;
	margin-top: 10px;
	width: 604px;
}
#catwebformform64590 .posted {
	margin: 10px 0;
	font-style: italic;
}

#nutritionBox .separateLine {
	background: url(/images/ling-long.jpg);
	height: 2px;
	overflow: hidden;
	margin: 10px 0 20px;
}

/* FAQ BOX */
#faqBox {
	background: url(/images/faqRepeater.jpg);
	color: #461300;	
	margin: 10px 0;
	width: 624px;
}
#faqBox .faqBody {
	background: url(/images/faqWrapper.jpg) no-repeat left top;
	min-height: 150px;
	height: auto !important;
	height: 150px;	
	padding: 35px;
}

#faqBox .faq-question { margin-bottom: 10px; }
#faqBox .faq-question a {
	color: #461300;
	font-weight: bold;
	text-decoration: none;
}
#faqBox .faq-question a:hover {
	color: #930 ;
}

.faq-details { margin: 5px 0; }
.faq-details .answer .left {
	float: left;
	font-weight: bold;
	width:  18px;
}
.faq-details .answer .right {
	float: left;
	width:  308px;
}
.faq-details .answer .answerClear { clear:both; }


/* Contact Us */
#contactWrapper .contactLeft {
	float: left;
	padding-right: 25px;
	width: 400px;
}
#contactWrapper .contactRight {
	background: url(/images/contact-detail-back.png) no-repeat left top;
	float: left;
	padding: 70px 32px 32px 32px;
	width: 200px;
}
#contactWrapper .contactRight .strong {
	font-weight: bold;
	color: #1b2d83; 
	font-size: 1.2em; 
}
#contactWrapper .contactRight .darkBlue { color: #1b2d83; }
#contactWrapper .contactClear { clear: both; }

#contactForm { margin-top: 20px; }
#contactForm .required { font-weight: bold; margin: 10px 0; }
#contactForm .reqStar { color: #50b5c5; }
#contactForm .leftFormSide {
	float: left;
	margin-top: 10px;
	width: 87px;
}
#contactForm .rightFormSide {
	float: left;
	margin-top: 10px;
	width: 310px;
}
#contactForm .submitForm { margin: 10px 0 0 87px; }
#contactForm .requiredStar {
	color: #50b5c5;
	float: left;
	margin-top: 10px;
	width: 2px;
}
#contactForm .rightFormSide .fmField {
	border: #7f9db9 solid 1px;
	height: 20px;
	padding: 2px 4px;
	width: 290px;
}
#contactForm .rightFormSide .fmText {
	border: #7f9db9 solid 1px;
	height: 130px;
	padding: 2px 4px;
	width: 290px;
}
#contactForm .rightFormSide .fmField,
#contactForm .rightFormSide .fmText {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1em;
}

#pageContent table.tellFriend td {
	padding: 4px;
}
#pageContent table.tellFriend td #Captcha {
	margin-top: 4px;
	width: 150px;
}



/* Recipe List */
#recipeList { margin-top: 15px; }
#recipeList .recipeListItem {
	float: left;
	width: 202px;
}
#recipeList .recipeListMiddle { margin: 0 33px; }
#recipeList .recipeListItem .recipeImg {

}
#recipeList .recipeListItem .recipeDetails {
	padding-top: 10px;
}
#recipeList .recipeListItem .recipeName h2 {
	color: #1b2d83;
	font-size: 1.2em;
	padding-bottom: 6px;
}
#recipeList .recipeListItem .recipeDetails .recipeIngredients {
	padding-bottom: 10px;
}
#recipeList .recipeListItem .recipeDetails .recipeIngredients li {
	background: url(/images/bullet-recipe.jpg) no-repeat left top;
	margin-bottom: 4px;
	padding-left: 15px;
}
#recipeList .recipeClear { clear: both; height:0; line-height:0; overflow: hidden; }
#recipeList .recipeLine {
	background: url(/images/single-line.gif) no-repeat left top;
	height: 1px;
	margin: 20px 0 15px 0;
	*margin: 15px 0;
	_margin: 15px 0 0 0;
	width: 400px;
	/*margin-bottom:15px;*/
}

#recipeView .recipeViewLeft {
	float: left;
	width: 358px;
}
#recipeView .recipeViewLeft .ingredientList { margin-bottom: 20px; }
#recipeView .recipeViewLeft .ingredientList h2,
#recipeView .recipeViewLeft .ingredientDetails h2{
	color: #1b2d83;
	font-size: 1.2em;
	padding-bottom: 6px;	
}
#recipeView .recipeViewLeft .ingredientList li {
	background: url(/images/bullet-recipe.jpg) no-repeat left top;
	margin-bottom: 4px;
	padding-left: 17px;
}
#recipeView .recipeViewLeft .ingredientDetails li {
	list-style-type: decimal;
	margin: 0 0 4px 24px;
}
#recipeView .recipeViewRight {
	float: right;
	text-align: right;
	width: 317px;
}
#recipeView .recipeViewClear { clear: both; }


/* The Six Steps */
#sixSteps {
	background: url(/images/six-step-back.jpg);
	height: 560px;
	margin-top: 10px;
	padding: 32px 50px;
	overflow: hidden;
	width: 590px;
}
#sixSteps .step1 { 
	height: 74px; 
	margin-bottom: 9px; 
	overflow: hidden; 
	padding: 15px 0 15px 135px; 
}
#sixSteps .step2 { 
	height: 74px; 
	margin-bottom: 11px; 
	overflow: hidden; 
	padding: 15px 135px 15px 0; 
}
#sixSteps .step3 { 
	height: 74px; 
	margin-bottom: 9px; 
	overflow: hidden; 
	padding: 15px 0 15px 135px; 
}
#sixSteps .step4 { 
	height: 74px; 
	margin-bottom: 11px; 
	overflow: hidden; 
	padding: 15px 135px 15px 0; 
}
#sixSteps .step5 { 
	height: 74px; 
	margin-bottom: 11px; 
	overflow: hidden; 
	padding: 15px 0 15px 135px; 
}
#sixSteps .step6 { 
	height: 74px; 
	margin-bottom: 9px; 
	overflow: hidden; 
	padding: 15px 135px 15px 0; 
}
#sixSteps .stepTitle {
	color: #1b2d83;
	font-size: 1.2em;
	padding-bottom: 4px;
}

#sixStepFooter {
	background: url(/images/step-back.jpg) no-repeat;
	margin: 0 auto;
	height: 130px;
	padding: 35px 0 0 200px;
	width: 490px;
}
#sixStepFooter img { padding-bottom: 4px; }
#sixStepFooter a { display: block; padding-top: 8px; }


/* Activities for kids */
#kidsActivities {
	background: url(/images/kids-activities.jpg);
	font-family: Arial, Helvetica, sans-serif;
	height: 486px;
	overflow: hidden;
	padding: 40px 55px 0 55px;
	width: 580px;
}
	#kidsActivities .actTitle h2 {
		color: #1b2d83;
		font-size: 1.2em;
		font-weight: bold;
		height: 27px;
		margin-bottom: 15px;
		padding-top: 22px;
	}
	#kidsActivities .actRequirement {
		height: 132px;
		margin-bottom: 20px;
		padding-top: 20px;
	}
		#kidsActivities .actRequirement .reqWrapper .reqCol {
			float: left;
			font-size: 1.2em;
			padding-top: 5px;
			line-height: 1.5em;
			width: 270px;
		}
			#kidsActivities .actRequirement .reqWrapper .reqCol img {
				float: left; 
				margin-top: 5px; 
			}
		#kidsActivities .actRequirement .reqWrapper .reqClear { clear: both; }
		
	#kidsActivities .actMethod {
		line-height: 30px;;
	}
			#kidsActivities .actMethod img {
				float: left; 
				padding-right: 5px; 
			}	
	
	
/*-------------------------------------- footer -------------------------- */
#footerWrapper {
	color: #2a2a2a;
	font-size: 1.1em;
	margin: 0 auto;
	padding: 40px 0 20px 0;
 	width: 1010px;
}
#subpage #footerWrapper {
	background:url(/images/back-footer.jpg) no-repeat center top;
	padding-top: 120px;
	width: 100%;
}
#footer { 
	margin: 0 auto;
	padding: 20px 0 20px 0;
 	width: 1010px;
	width: 978px;
}
#footer a {
	color: #2a2a2a;
	text-decoration: underline;
}
#footer a:hover {
	color: #666666;
	text-decoration: none;
}