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

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

#banner { width: 960px; height: 73px; margin: 0 auto; background: #fff url(../images/banner_bg.gif) repeat-x; padding: 26px 0 0 0; }
#home-default #banner, #home-default_new_08242011 #banner { height:83px; padding: 16px 0 0;}

#masthead { margin: 0 0 0 28px;}
#home-default #masthead, #home-default_new_08242011 #masthead { margin: 10px 0 0 28px;}
#nav { list-style: none; margin: 0 0 0 29px; padding: 8px 0 0 0; height: 16px}
#nav li { float: left; border: 1px solid #24637c; margin: 0 8px 0 0; background-color: #d3ebdb; width: 169px; text-align: center; height: 26px; padding: 0;}
.benefits #nav #benefits, .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; }
.benefits #nav #benefits 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;}
	
#search { float: right; padding-right: 39px;  }
#search form { margin:0; padding: 0; }
#search input { border: 1px solid #333; }
#search .btn { border: 1px solid #333; margin: 0 6px;}	

#home-default #search, #home-default_new_08242011 #search { clear:right; }

#wrap { width: 958px; border: 1px solid #023a5f; border-top: 0; margin: 0 auto; background: #fff url(../images/inside_wrap_bg.gif) repeat-y 750px 10px; padding-top: 0;}
#home-default #wrap, #home-default_new_08242011 #wrap { background: #fff url(../images/home_wrap_bg.gif) repeat-x 10px 10px; padding-top: 10px;}
#home-default #flash, #home-default_new_08242011 #flash { float: right; width: 504px; height: 312px; }
#home-default #lead, #home-default_new_08242011 #lead { padding: 6px 0 0 28px; margin-right: 0px; width: 402px; line-height: 18px;}
#home-default #lead p, #home-default_new_08242011 #lead p { line-height: 20px; margin: 2px 0 10px 0;}
#lead a { font-weight: bold; color: #03f;}
#home-default h2, #home-default_new_08242011 h2 { font-size: 21px; color: #023a5f; margin-bottom: 12px;}
#flags img {border: 1px solid #333; margin-right: 4px;}
.heightfix { clear:both; height: 1px; background: #fff; }
#lead span { font-size: 10px; display: block; padding-bottom: 4px;}

.feat-box { width: 185px; float: left; height: 190px; margin-top: 16px; padding: 14px 26px 0 26px; }

.feat-box-research { width: 209px; float: left; height: 190px; margin-top: 13px; padding: 14px 0px 0px 26px }
.feat-box-research img {border:0px;}


.feat-box h2 { margin-bottom: 0; line-height: 22px;}
.feat-box p { margin-top: 12px; line-height: 18px;}
.feat-box a { font-weight: bold;}

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

.home #news { background: url(../images/home_getlatest_photo.jpg) no-repeat bottom left; text-align: right;}
.home #calc { background: url(../images/home_calc_icon.gif) no-repeat 140px 74px;}
.home #research { background: url(../images/home_research_photo.jpg) no-repeat bottom right;}
.home #features { background: url(../images/home_pod_cookielady.jpg) no-repeat bottom right; padding: 14px 0 0 20px; width: 223px; }

#home-default_new_08242011 #research { background: url(../images/myth_prego2.jpg) no-repeat bottom right;}

#news h2 { color: #7e7edd; }
#calc h2 { color: #bfac01; font-size: 24px;}
#research h2 { color: #f0a102; }
#features h2 { color: #49b4a9; font-size: 20px;}
#features p { margin-right: 30px;}
#footer { width: 900px; color: #818181; margin: 5px auto; padding-top:5px;}
#footer a { text-decoration: none;}
#footer p { font-size: 10px; line-height: 16px; margin: 0 0 10px 0;}

h1 { font-size: 21px; color: #023a5f;  background-color:#fff; padding-left: 27px; display: inline; }  
#benefits-default h1, #experts-default h1, #myths-default h1  { padding-right: 6px;}

#top { background: url(../images/inside_h1_bg.gif) repeat-x;  height: 26px; padding: 36px 0 16px 0; margin: 0;}
#main { width: 722px; padding: 0 0 20px 27px; margin: 0; border-left: 1px solid #fff; float: left;}

#contact-default #main { background: #fff url(../images/contact_bg.jpg) no-repeat 300px 220px; height: 600px;}

#main h2 { color: #8264a1; font-size:16px; }
#main h2 em{ font-size: 13px; }
#main img.rt {float: right; border: 1px solid #63869d; margin: 0 36px 4px 8px;}
#main p.fact { font-size: 12px; font-weight: bold; }
#main p.fact strong { color: #c00; text-transform:uppercase;}
#main p.popup {display: none;}
#main p, #main li, main h2 {margin-right: 10px;}
#main li {margin-bottom: 8px;}
#main p { line-height: 22px;}

#hero, #hero-box { float: right; border: 1px solid #587d96; border-right: none; margin: 0 0 10px 8px; }
#hero-box { width: 280px; padding: 7px; background: #d2e6e6;}
#hero-box h2 { font-size: 18px; color: #7697aa; margin: 0; padding: 0;}
#hero-box div { background: #eaf5f5; padding: 7px;}
#hero-box #output { border: none;}


#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: 18px;}
.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-nav { list-style: none; background: #eee; border: 1px solid #4e6f86; border-bottom: 0; width: 155px; margin: 25px 0 0 28px; padding: 0;}
#side-nav li { margin: 0; border-bottom: 1px solid #4e6f86; text-align: center;}
#side-nav a {color: #666; text-decoration: none; font-size: 12px; font-weight: bold; height: 20px; width: 151px; display: block; padding: 2px;}
#side-nav a:hover { color: white;}
#side-nav #news a{ background: #c7d2f8; text-align: center;}
#side-nav #calc a{ background: #e3db91; }
#side-nav #myths a{ background: #f9d692; }
#side-nav #feat a{ background: #b0dfda; }

#side-nav #news a:hover, #side-nav #calc a:hover, #side-nav #myths a:hover, #side-nav #feat 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;} 

#main .brochure_rightbar { float:right; width: 240px; color: #fff; background: #649695; margin: 5px 5px 5px 10px; padding: 6px 5px 10px 12px; }
#main .brochure_rightbar p, #main .brochure_rightbar li  { line-height: 17px; }
#main .brochure_rightbar a { color: #fff;}
#main .brochure_rightbar a:hover { color: #ff9;}

#hiddenlink {display:none;}

#share-ctn { float: right; width:127px; padding-bottom: 8px;}

#videoshell {width:413px;float:right;margin-left:10px;}
#videoholder {float: left;width:353px;}
#videoicons {float:left;width:60px;}
#videoicons img {margin-bottom:3px;}

#nothing a {color:#333;}
#nothing a:link, a:visited {text-decoration:none;color:#333;}
#nothing a:hover {text-decoration:none;color:#333;}