@charset "utf-8";
/* CSS Document */

body { margin: 0; padding: 0; font: 11px/20px Verdana, Arial, Helvetica, sans-serif; background: #ffffe4 url(../images/body_bg.gif) repeat-x 109px 109px; color: #333;}
#wrap a { color: #03f; text-decoration: none;}
#footer a { color: #551a8b; text-decoration: underline;}

#wrap a:hover, #footer a:hover{ color: #c00; text-decoration: underline;}
a:visited { color: #551a8b; text-decoration: none;}




#banner { width: 960px; height: 99px; margin: 0 auto; background: #fff url(../images/banner_bg.gif) repeat-x; padding: 0px 0 0 0; }
#masthead { margin: 0 0 0 28px;}
#nav { list-style: none; margin: 0 0 0 29px; padding: 3px 0 0 0; height: 2px}
#nav li { float: left; border: 1px solid #24637c; margin: 0 8px 0 0; background-color: #d8eaf2; width: 170px; text-align: center; 
	height: 26px; padding: 0;}
.forparents #nav #forparents, .facts #nav #facts, .experts #nav #experts,  .questions #nav #questions, .home #nav #home  
	{ border: 1px solid #023a5f; border-bottom-color: #fff; background-color: #fff;}
#nav li a { color: #023a5f; text-decoration: none; 
	display: block; font-weight: bold; 
	font: bold 12px/22px Arial, Helvetica, sans-serif; 
	padding: 0; width: 169px; height: 26px;} 
#nav li a:hover { background-color: #FF9; }
.forparents #nav #forparents a:hover, .facts #nav #facts a:hover, .experts #nav #experts a:hover, .questions #nav #questions a:hover, .home #nav #home a:hover
	{ background-color: #fff;}
#nav li ul{	margin: 0; padding: 0; z-index: 200;
			position: relative; visibility: hidden;
			border: 1px solid #666;
			border-width: 1px 1px 4px;
			list-style: none;
			}
#nav li ul li {	float: none; margin: 0; 
	text-align: left; 
	width: 168px; 
	height: 26px;
	border: 1px solid #aaa;
	border-width: 0 0 1px 0;

}
#nav li ul li a {
	height: 18px;
	line-height: 15px;
	margin: 0;
	padding: 4px 1px 4px 15px;
	width:auto;
	font: normal 11px/17px Verdana, Arial, Helvetica, sans-serif;
	background: #e7e9fc; 
	color: #555;
/*
	color: #24313C; 
*/
}

#nav li ul li a:hover { background: #fff; }	
#nav li#foods li.i-4 a{ height: 37px;  }
#nav li#foods li.i-4{ height: 45px; }
#nav li#parents li.i-1 a{ height: 35px;}
#nav li#parents li.i-1 { height: 43px; }
	
	
	
#search { float: right; margin-right: 20px;margin-top:35px;  }
#search form { margin:0; padding: 0; }
#search input { border: 1px solid #333; }
#search .btn { border: 1px solid #333; margin: 0 6px;}	


#wrap { width: 958px; border: 1px solid #023a5f; border-top: 0; margin: 0 auto; background: #fff url(../images/inside_wrap_bg.gif) repeat-y 941px 10px; padding-top: 0;}
#home-default #wrap { background: #fff url(../images/home_wrap_bg.gif) repeat-x 10px 10px; padding-top: 10px; border-bottom: none;}
#home-default #flash { float: right; width: 476; height: 316px; }
#home-default #lead { padding: 14px 0 0 22px; margin-right: 20px; width: 399px; line-height: 18px;font-size:11px;}
#home-default #lead h2 { font-size: 21px; line-height: 28px; font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif; color: #023a5f; margin-bottom: 12px; margin-top: 14px; }
#home-default #lead p { font-size: 12px; line-height: 19px; margin: 2px 0 18px 0;}
#lead a { font-weight: bold; color: #03f;}
#home-default h2 { font-size: 21px; font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif; color: #023a5f; margin-bottom: 12px; margin-top: 14px;}
#flags img {border: 1px solid #333; margin-right: 4px;}
.heightfix { clear:both; height: 1px; background: #fff; }
.heightfix-b { clear:both; height: 1px; background: #023a5f; }


.feat-box { width: 185px; float: left; height: 212px; margin-top: 0px; padding: 0px 26px 0 10px; }
.feat-box h2 { margin-bottom: 0; line-height: 22px;}
.feat-box p { margin-top: 5px; line-height: 18px;font-size:11px;}
.feat-box a { font-weight: bold;}

.sep { background: #567a93; height: 202px; width: 1px; float: left; margin-top: 20px;}

.home #news { background: url(../images/home_boy_cholesterol.jpg) no-repeat 26px 140px; text-align: left; width: 195px; padding: 0px 16px 0 26px;}
.home #calc { background: url(../images/home_motherdaughter_heartdisease.jpg) no-repeat 140px 73px; padding: 0px 40px 0 10px; width: 195px;}
.home #research { background: url(../images/home_doctorbaby.jpg) no-repeat 130px 70px;}
.home #features { background: url(../images/home_family_mealplanning.jpg) no-repeat 0px 112px; padding: 0px 0 0 10px; width: 223px;text-align:right; }
#home_btn_starttoday {margin: 10px 0px 0px 103px;}
#home_btn_takeaction {margin: 10px 0px 0px 0px;}
#home_btn_learnmore {margin: 10px 0px 0px 0px;}
#home_btn_getrecipes {margin: 10px 0px 0px 103px;}

#news h2 { color: #7e7edd;font-size:18px;margin-bottom: 0; }
#calc h2 { color: #009999;font-size:18px;margin-bottom: 0; }

#research h2 { color: #ff9900;font-size:18px;margin-bottom: 0; }
#contact-home h2 { color: #49b4a9;}
#features h2 { color: #bfac01; font-size:18px;margin-bottom: 0; }
#features p { margin-right: 0px;}
#footer { width: 935px; color: #818181; margin: 5px auto; padding-top:5px;text-align:center;}
#footer p { font-size: 10px; line-height: 16px; margin: 0 0 10px 0;}

h1 { font-size: 24px; color: #023a5f;  background-color:#fff; padding-left: 27px; display: inline; }  
#parents-default h1, #professionals-scientific_support h1, #parents-kids_corner h1, 
#parents-lifestyle h1, #professionals-resources h1, #foods-recipes h1, #foods-buttery_spreads h1 { padding-right: 6px; }
#parents-role_model h1  { padding-right: 10px;}

#top { background: url(../images/inside_h1_bg.gif) repeat-x 20px;  height: 26px; padding: 20px 0 5px 0px; margin: 0;}

#main { width: 913px; padding: 0 0px 20px 27px; margin: 0; border-left: 1px solid #fff; float: left;}

/* tipsheet gets custom 1 column layout */
#contact-default #main { width: 913px;  background: #fff; }
#tipsheet-default #main { width: 913px;  background: #fff; }
#about-default #main { width: 913px;  background: #fff; }
#about-sitemap #main { width: 913px;  background: #fff; }
#parents-default #main { width: 913px;  background: #fff; }

#main h2 { color: #5c5cbc; font-size:17px;font-weight:bold; margin-bottom: 12px; padding:0px; }

#main h2 em { font-size: 11px; font-style: normal; font-weight: normal; }

#main img.rt {float: right; border: 1px solid #63869d; margin: 0 36px 4px 8px;}
#main img.lt {float: left; clear: left; border: 1px solid #63869d; margin: 0 29px 20px 0;}
#main p.fact { font-size: 12px; font-weight: bold; clear: both;}
#main p.fact strong { color: #c00; text-transform:uppercase;}
#main p.popup {display: none;}
#main p, #main li, main h2 {margin-right: 20px; margin-bottom: 12px; margin-top: 0;}

#main p, #main li, #main td { font: 11px/18px Verdana, Arial, Helvetica, sans-serif;} 
#main ul { list-style: none; margin-left: 0; padding-left: 0;}
#main ul li { padding-left: 20px; background: url(../images/bullet.gif) no-repeat 4px 4px; margin-left: 0; }
#main h3 { color: #444; font-size:13px; font-weight:bold; margin-bottom: 0px; }

#hero, #hero-box { float: right; border: 1px solid #587d96; border-right: none; margin: 0 0 20px 15px; }
#hero-box { width: 276px; padding:8px; background: #d8eaf2; }
#hero-box h2 { font-size: 17px; color: #377a97; margin-top: 0; padding: 0;}
#hero-box div { background: #ebf7fc; padding: 12px 4px 2px 12px;}

#hero-box #output { border: none;}
#hero-box p, #hero-box li { line-height: 16px; margin-bottom: 8px;}
#hero-box li { }


.feat_box { float: right; border: 1px solid #587d96; border-right: none; margin: 0 0 20px 15px; }
.feat_box { width: 276px; padding:8px; background: #d8eaf2; }
#main .feat_box h2 { font-size: 17px; color: #377a97; margin: 0; padding: 0; text-align: center;}
#main2 .feat_box h2 { font-size: 17px; color: #377a97; margin: 0; padding: 0; text-align: center;}
.feat_box div { background: #fafafa; padding: 12px 4px 2px 12px;}
.feat_box p, .feat_box li { line-height: 16px; margin-bottom: 8px;}

#side { width: 208px; float:left; border-top: 1px solid #587d96;} 
div.side-box { }
.side-box h2 { padding: 8px 3px 0 25px; color: #8264a1; font-size: 17px; font-weight:bold;}
.side-box p { padding: 0 3px 0 25px; background: url(../images/side_arw_purple.gif) no-repeat 1px 2px; }

#side #recipe h2 { color: #090;}
#side #recipe p { background: url(../images/side_arw_green.gif) no-repeat 1px 2px;}

#side .n-2 { list-style: none; background: #eee; 
	border: 1px solid #4e6f86; border-bottom: 0;border-right:0px; 
	border-top:0px;  margin: 0px 0 0 0px; padding: 0;}
#side .n-2 li { margin: 0; border-bottom: 1px solid #4e6f86; text-align: left;}
#side .n-2 a {color: #023A5F; text-decoration: none; 
	font: bold 12px Arial, Helvetica, sans-serif; 
	height: 20px; 
	width: 197px; display: block; 
	padding: 6px 2px 2px 8px;}
#side .n-2 a:hover { background: #FFF; color: #333; text-decoration: none; }
#side .n-2 .i-1 a{ background: #d5defa; }
#side .n-2 .i-2 a{ background: #eae4ad; }
#side .n-2 .i-3 a{ background: #fbe1ae; }
#side .n-2 .i-4 a{ background: #c4e7e4; }
#side .n-2 .i-5 a{ background: #ffd9d9; }
#side .n-2 .i-6 a{ background: #bce2fc; }


#side .n-2 .i-1 a:hover, #side .n-2 .i-2 a:hover, #side .n-2 .i-3 a:hover, #side .n-2 .i-4 a:hover, #side .n-2 .i-5 a:hover, #side .n-2 #news a:hover, #side .n-2 #experts a:hover 
	{ background: #FFF; color: #333; text-decoration: none;}


#main p.pr-contact {font-size: 10px; margin: 0 0 0 0; line-height: 14px;}
#main p.postscript {color: #555;}

#contact { font: 10px/1.5em Verdana, Arial, Helvetica, sans-serif; color: #444; margin-top: 20px; }
#contact label { width: 100px; float: left; text-align: right; padding-right: 5px;}
#contact input { width: 240px; border: 1px solid #4e6f86; font-size: 11px; color: #555;}
#contact div { padding: 7px 0; display: block; clear: left}
#contact fieldset {margin: 0 0 10px 0; border: none;  }
#contact label.error { padding-left: 10px; width: 440px; background: #ff6; }
#contact textarea { font: 10px/1.5em Verdana, Arial, Helvetica, sans-serif; color: #444; height: 60px; width: 300px; border: 1px solid #4e6f86; overflow:hidden;}
/*#contact .btn { margin-left: 110px; width: 100px; }*/
#contact .btn {width: 75px; height: 20px; margin: 0 0 0 110px; background: #023a5f url(../images/btn_blue_bg.gif) repeat-x top left; border: 1px solid #023a5f; color: #c3dff2; font-weight: bold; letter-spacing: 1px;}

#ask { font: 10px/1.5em Verdana, Arial, Helvetica, sans-serif; color: #444; margin: 0; padding: 0;}
#ask label { width: 105px; float: left; }
#ask input { width: 240px; border: 1px solid #bbb; font-size: 11px; color: #555;}
#ask div { padding: 3px 0; display: block; clear: left}
#ask fieldset {margin: 0 0 10px 0; border: none;  }
#ask label.error { padding-left: 10px; width: 440px; background: #ff6; }
#ask textarea { font: 10px/1.5em Verdana, Arial, Helvetica, sans-serif; color: #444; height: 60px; width: 250px; border: 1px solid #4e6f86; margin-left: 0; overflow-x: hidden; overflow-y: hidden;}
#ask .btn { width: 75px; height: 20px; margin: 10px 0 0 0; background: #023a5f url(../images/btn_blue_bg.gif) repeat-x top left; border: 1px solid #023a5f; color: #c3dff2; font-weight: bold; letter-spacing: 1px; }

#recipelist { padding: 0 0 10px 0; margin: 8px 0 0 0; list-style: none; clear: left; }
#recipelist li { float: left; width: 260px; padding-right: 6px; }
#recipelist li a { display: block; width: 100%; padding: 3px; }
#recipelist li a:hover { background: #eee; }

#recipe-ctn { margin-left: 10px; }
#recipe-ctn h2 { padding-top: 15px; color: #666; border-top: 1px solid #ccc;}

#rec-menu .recipelist { padding: 0 0 10px 0; margin: 8px 0 0 0; list-style: none; clear: left; }
#rec-menu li {padding-bottom: 0; margin-bottom: 0; }

#rec-menu .recipelist li { float: left; width: 222px; padding-right: 2px; }
#rec-menu .recipelist li a { display: block; width: 100%; padding: 3px; font-size: 11px; text-decoration: none;}
#rec-menu .recipelist li a:hover { background: #eee; }

.pdflink { padding-right: 18px; background: url(../images/pdf.gif) no-repeat right bottom; }

div.teaser-block { clear: both; padding-bottom: 16px; padding-right: 25px;}
#main div.teaser-block h2 { font-size: 13px; margin: 0 0 5px 0; }
#main div.teaser-block h2 a { color: #777; } 
#main div.teaser-block img { float: left; border: 1px solid #587d96; margin: 5px 20px 5px 0;}
#main div.teaser-block p { margin: 0 0 10px 0;} 

#calc-form .btn { font-size: 11px; width: 75px; height: 20px; margin: 0 0 0 10px; background: #023a5f url(../images/btn_blue_bg.gif) repeat-x top left; border: 1px solid #023a5f; color: #c3dff2; font-weight: bold; letter-spacing: 1px;}

#main #rightbar_paragraph {line-height:17px;}
ul#rightbar_list li {line-height:17px;}


#main #forparents_family {margin: 7px 5px 0px 0px;}

.basic  {
	width: 360px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	
}
.basic div {
	background-color: #fff;
}

.basic p {
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	font-weight: normal;
	font-size: 10px;
	margin: 0px;
	padding: 10px;
}

.basic a {
	cursor:pointer;
	display:block;
	padding:5px;
	margin-top: 0;
	text-decoration: underline;
	font-weight: bold;
	font-size: 11px;
	color: black;
	background-color: #fff;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #fff;
	background-image: url("AccordionTab0.gif");
}
.basic a:hover {
	background-color: white;
	background-image: url("AccordionTab2.gif");
}
.basic a.selected {
	color: black;
	background-color: #fff;
	background-image: url("AccordionTab2.gif");
}

.qalink a {font-weight:normal;padding:0px;display:inline;}

#substitution_table td {font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif;}

#purplebold {font-weight: bold;color:#5C5CBC;}

#purplebold a:link, a:visited, a:hover {color:#5C5CBC; text-decoration:underline;}

a.head { display: block; clear: left; padding-top: 10px; cursor:pointer;} 
.head:hover { display: block; clear: left; padding-top: 10px; cursor:pointer; color: #cc0000; text-decoration: underline;} 

#heartfaqs {width:520px;}

#heartfaqs div {padding-left:15px;background-color:#f3f9e6; padding-bottom:5px;}

.topNav { padding-left:30px; padding-top:10px; background:#FFFFFF;}

a.SEO { text-decoration:none;font-weight:normal; color:#333333 !important;}
a.SEO:hover{font-weight:normal} 
a.SEO:visited{ font-weight:normal !important; } 
a.SEO:active{  font-weight:normal}