﻿* {margin:0; padding:0;}
img {border:none;}

.hide {visibility:hidden;}



h1, h2 {color:#1b3689; margin:10px 0 0 0; padding:0; line-height:1.2em;}
h2 {color:#1b3689; font-size:2.2em; font-weight: 400;}
h3 {clear:left; font-size:1.8em; color:#1b3689;}
h4 {color:gray; font-size:1.3em;padding-top:20px; margin-bottom:20px;}

h1 span{font-size:14px;}

a { color:#1b3689;}

p {clear:left; margin: 1em 0em 1em 0em;}

ul.listItems {margin: 10px 0px 30px 30px;}
ul.listItems li {margin: 5px 0px 5px 0px;}


body
{
	margin-left:auto;
	margin-right:auto;
	background:url(/assets/img/home/tile.gif) top center;
	font-family:Arial;
	font-size:.8em;
}

#siteContainer 
{
	margin-left:auto; 
	margin-right:auto; 
	width:990px; 
	height:auto;
}
	
#topSite 
{
	float:left;
	width:990px; 
	height:auto;
	background:url(/assets/img/home/bgtop.png) no-repeat top center; 
	}

.rosette
{
	width:191px; 
	height:185px; 
	position:relative; 
	top:0px;
	left:750px;
	z-index:500; 
	display:block;
	background: url(/assets/img/rosette.png) no-repeat; 
	}
	

#contentWrapper 
{
	width:730px;
	height:auto;
	position:relative;
	top:-185px;
	left:130px;
	z-index:300;
	display:block;
	}

#navSection 
{
	width:730px; 
	height:100px; 
	margin-left:2px;
	display:block;
	}
	
	ul#nav {float:left; list-style:none; margin:51px 0 0 0; padding:0; width:465px; height:46px;}
	ul#nav li {float:left; display:inline;}
	ul#nav li a {text-decoration:none;}
	
	ul#nav li a.home {float:left; width:68px; height:46px; background:url(/assets/img/nav/home_nav_off.gif) no-repeat;}
	ul#nav li a.home:hover {float:left; width:68px; height:46px; background:url(/assets/img/nav/home_nav_on.gif) no-repeat;}
	
	ul#nav li a.madeForBaking {float:left; width:149px; height:46px; background:url(/assets/img/nav/madeforbaking_nav_off.gif) no-repeat;}
	ul#nav li a.madeForBaking:hover {float:left; width:149px; height:46px; background:url(/assets/img/nav/madeforbaking_nav_on.gif) no-repeat;}
	
	ul#nav li a.stories {float:left; width:119px; height:46px; background:url(/assets/img/nav/storkstories_nav_off.gif) no-repeat;}
	ul#nav li a.stories:hover{float:left; width:119px; height:46px; background:url(/assets/img/nav/storkstories_nav_on.gif) no-repeat;}
	
	ul#nav li a.recipes {float:left; width:77px; height:46px; background:url(/assets/img/nav/recipes_nav_off.gif) no-repeat;}
	ul#nav li a.recipes:hover {float:left; width:77px; height:46px; background:url(/assets/img/nav/recipes_nav_on.gif) no-repeat;}
	
	ul#nav li a.tips {float:left; width:52px; height:46px; background:url(/assets/img/nav/tips_nav_off.gif) no-repeat;}
	ul#nav li a.tips:hover {float:left; width:52px; height:46px; background:url(/assets/img/nav/tips_nav_on.gif) no-repeat;}
	
	ul#nav li a.bakingTips {float:left; width:115px; height:46px; background:url(/assets/img/nav/bakingtips_nav_off.jpg) no-repeat;}
	ul#nav li a.bakingTips:hover {float:left; width:115px; height:46px; background:url(/assets/img/nav/bakingtips_nav_on.jpg) no-repeat;}
	
	#logo {float:left; width:153px; height:76px; margin-top:21px;}
	
	.homePage .home {float:left; width:68px; height:46px; background:url(/assets/img/nav/home_nav_on.gif) no-repeat!important;}
	
	.madeForBakingPage .madeForBaking {float:left; width:149px; height:46px; background:url(/assets/img/nav/madeforbaking_nav_on.gif) no-repeat!important;}
	
	.storiesPage .stories {float:left; width:119px; height:46px; background:url(/assets/img/nav/storkstories_nav_on.gif) no-repeat!important;}
	
	.recipesPage .recipes,
	.recipeDetailsPage .recipes {float:left; width:77px; height:46px; background:url(/assets/img/nav/recipes_nav_on.gif) no-repeat!important;}
	
	.tipsPage .tips {float:left; width:52px; height:46px; background:url(/assets/img/nav/tips_nav_on.gif) no-repeat!important;}
	
	

#siteContentArea 
{  
	width:730px; 
	min-height:600px;
	float:left;
	height:auto;
	background:url(/assets/img/central_tile.gif) repeat-y top center;
	padding-bottom:10px;
	}
	
	

#siteContent {float:left; width:675px; height:auto; padding:0 27px 0 28px;}

 .ddListMain {width:156px; margin-bottom:10px; }
 .findAnswerBtn {width:156px; height:30px; border:none; background:url(/assets/img/btnfindanswer.gif) no-repeat;}


#pageFooter 
{
	float:left;
	width:730px; 
	height:42px; 
	margin-bottom:50px; 
	display:block;
	background:url(/assets/img/footer.jpg) no-repeat top left;
	}
	
ul#footer {list-style:none; margin:0; padding:13px 0 0 10px; color:#1a3785;}
ul#footer li {float:left; display:inline;}
ul#footer li a {font-weight:bold; color:#1a3785; text-decoration:none;}
ul#footer li a:hover {font-weight:bold; text-decoration:underline;}

.copyrightInfo {float:right; font-weight:bold; color:#1a3785; padding-right:10px;}	
	




.featureArea {float:left; width:411px; height:268px; padding:15px 0 0 15px;}

.featureInfo {float:left; width:234px;  padding:15px 15px 0 0;}
.homeButterImg {width:188px; height:119px; padding-top:20px;display:block;}
	
#homeBottomSection {float:left;margin-top:20px; width:675px; min-height:200px; background:url(/assets/img/home/homegradientbg.gif) no-repeat top left;}


.homeBakingProbsArea {float:left; width:270px; height:auto; padding:0 0 0 10px; margin-bottom: 10px;}
 .ddListHome {width:189px; margin-bottom:10px; }
 .home_findAnswerBtn {width:189px; height:34px; border:none; background:url(/assets/img/home/btnfindanswer.gif) no-repeat;}

.trustedNameArea {float:left; width:385px; height:auto; padding:0 0 0 10px; background:url(/assets/img/home/article_divider.png) no-repeat top left;}

	.trustedNameContent {float:left; width:200px;}
	.phil {width:171px; height:210px; float:right; margin-top:-20px; background:url(/assets/img/phil-vickery.png) no-repeat top right;}
	.liquid {width:171px; height:210px; float:right; margin-top:-5px; background:url(/assets/img/products/EasyToMixBakingLiquid_171x179.png) no-repeat top right;}
	
	

#leftCol {float:left; width:197px; margin-right:9px; height:auto; }
#rightCol {float:left; width:469px; height:auto; }

#rightCol h1, #rightCol h2 {margin-top:0;}

	#widgetArea {float:left; width:197px;  }
	
	#widgetArea h2 {color:#1b3689; font-size:1.7em;  line-height:1.1em; margin-bottom:10px;}
	
	#topImgArea {float:left;width:469px; min-height:260px;}
	#topImgArea2 {float:left;width:469px; min-height:360px;}
	#topImgArea p {margin-left: 10px;}
	#topImgArea2 p {margin-left: 10px;}
	
	#highlightArea {float:left; width:469px; height:auto; padding-top:20px; background:url(/assets/img/about/articlegradientbg.gif) no-repeat top left; margin-bottom: 10px;}
		.rowWrap {display:block; width:469px; height:auto; padding:0;}

	
		
		.rowWrap .titleProduct {font-weight:bold; color:#1b3689;font-size:1.4em;}
		.rowWrap .product {clear:left; float:left; width:190px; margin-bottom:10px;}
		.rowWrap .copy {float:left; width:250px; margin-bottom:10px; }
		
	

		.rowWrap h2 {font-weight:bold;}
		.rowWrap .maggieStory {float:right; margin: 5px;}
		.rowWrap .storiesDiv {margin:0px 20px 20px 20px;}
		.rowWrap .philStory {float:left; margin: 5px;}
		.rowWrap .suggestion {float:left; width:269px; padding-left:14px;}
		
		
	

		#recipeCloseupImg {width:441px; height:216px; margin:-70px 0 10px 15px;}
		
		#recipeContentSection {width:441px; height:auto; margin:0 0 0 15px;}
		
		#recipeContentSection h3 {margin-bottom:15px;}
		
		#recipeContentSection a{font-weight:bold; color:#1b3689; float:right; clear:both;}
		
		#recipeInstructionsArea {float:left;width:441px; height:auto; margin:-70px 0 0 15px;}
			
		#recipeItemsArea {clear:left; width:468px; height:auto;}
		#recipeItemsArea h3 {margin:10px 0 0 10px;}
		
		.recipeItem {float:left; width:148px; margin:10px 0 0 6px;}
		.recipeThumbImg {width:148px; height:102px;}
		.recipeStats {width:148px; margin-top:15px;}
		
		.recipeStats p {margin:0 0 5px 2px!important; padding:0;}
		.recipeStats .recipeName {font-weight:bold; color:#1b3689;}
		.recipeStats .prepTime {}
		.recipeStats .bakeTime {}
		.recipeStats .linkFullRecipe {font-weight:bold; color:#fe0100;}
		
		.linkFullRecipe{display:block;width:100%;text-align:left;}
		
		.recipeBlock{float:left;}
		
		.recipeTipLink
		{
			display:block;
			margin-bottom:20px;
		}
		.recipeTipLink a
		{
			margin-left:30px;
			margin-top:10px;
			margin-bottom:10px;
		}
		
	

		#tipContentArea 
		{
			margin-top:-50px;
			float:left;}
		
		#tipContentArea h2 {margin-left:10px;}
		#tipContentArea p {margin-left: 15px; margin-right: 15px;}
		.tipContentArea p {margin-left: 10px; margin-right: 10px;}
		ul.generic {list-style:none; margin:0 0 0 15px; padding:0;}
		ul.generic li {display:block; margin-bottom:5px;}
		ul.generic li a { color:#1b3689; text-decoration:underline;}
		
		#highlightArea h2, 
		#highlightArea h3, 
		#highlightArea h4 {margin-left:15px;}
		
		#flashArea {margin-bottom:20px;}
		
	

		#pPrepTime, #pBakingTime, #pServings {margin:0!important; font-style:italic;}
		.recipeDescription {margin:20px 0 0 0!important;}
		
		.quantity {font-weight:bold;}
		
		ol.recipeMethod {padding:0 0 30px 30px;}
		ol.recipeMethod li {margin:0 0 5px 0;}
		
		table.recipe {display:block;}
		table.recipe td.quantity {width:125px;}
		
		table.guidelines {margin-bottom:10px;}
		table.guidelines td,table.guidelines th{text-align:left !important;}
		table.guidelines td.nutrition {width:100px;font-weight:bold;}
		table.guidelines td.serving {width:100px;}
		table.guidelines td.gda {width:225px;}
		

	
		#problemContentArea {margin-top:-70px;float:left;}
		#problemContentArea h2 {font-size:1.4em; margin: 5px 0px 5px 10px;font-weight:bold;}
		#problemContentArea a.recipeLinks{font-weight:bold; color:#1b3689;}
		#problemContentArea p {margin-left: 15px; margin-right: 15px;}
	

div.furniture p {margin-left:0px !important;}
div.furniture h2{font-size:2em;padding:10px 0 10px 0;}
div.furniture h3{font-size:1.3em;padding:10px 0 10px 0; letter-spacing: 0.1em;}

div.furniture table.twoCol thead tr .left{width:150px;}



#siteContent .stageArea {float:left;width:675px;  min-height:321px;}

#siteContent .stageArea .stageAreaTop {
	background:url(/assets/img/home/stageareatop.gif) no-repeat scroll left bottom transparent;
	height:19px;
	margin:0;
	padding:0;
	width:675px;
	float:left;
}

#siteContent .stageArea .stageAreaContent  {
	background:url(/assets/img/home/stageareacontent.gif) repeat-y scroll 0 0 transparent;
	margin:0;
	padding:0;
	float:left;

}

#siteContent .stageArea .stageAreaBottom  {
	background:url(/assets/img/home/stageareabottom.gif) no-repeat scroll 0 0 transparent;
	height:19px;
	width:675px;
	float:left;

}
#siteContent .stageArea .stageAreaContent .recipeLink{float:left;}
#siteContent .stageArea .stageAreaContent .recipeLink p {margin-top:0em;}



#siteContent #widgetArea .widgetAreaTop {
	background:url(/assets/img/widgetareatop.gif) no-repeat scroll left bottom transparent;
	height:19px;
	margin:0;
	padding:0;
	width:197px;
	float:left;
}

#siteContent #widgetArea .widgetAreaContent  {
	background:url(/assets/img/widgetareacontent.gif) repeat-y scroll 0 0 transparent;
	margin:0;
	padding:0;
	float:left;
	padding:0 18px 16px 20px; 

}

#siteContent #widgetArea .widgetAreaBottom  {
	background:url(/assets/img/widgetareabottom.gif) no-repeat scroll 0 0 transparent;
	height:19px;
	width:197px;
	float:left;

}
#siteContent #widgetArea .widgetAreaContent .pWidgetArea
{
	margin:5px 19px 15px 0px;
}


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}



bannerSlide{min-height:321px; 
            min-width:675px;
            margin: auto; 
            margin-bottom: 10px;
            position:relative; 
            z-index:10;
            overflow:hidden;}
            
div.banner0, div.banner1, div.banner2, div.banner3, div.banner4, div.banner5
{
	width:675px;
	height:321px;
	position:absolute;
	z-index:20;
	left:20;
}

div.bannerImg
{	
	position:absolute;
	z-index:20;
	left:20;
}

.bannerImage {margin: 0px 0px 10px 60px;}
.bannerImage img {display:block;}


#bannerSlide div.title
  {
  float:left; 
  width: 100%;
  background-color:#FFFFFF;
  border:0px solid black;
  
  filter:alpha(opacity=60);
    
  opacity:0.6;
  margin: 239px 0px 0px 0px;
  position:absolute; 
  z-index:30;
  display:inline-block;
  }
#bannerSlide div.title p
  {
  margin: 5px;
  color:#1b3689;
  font-size: 1.8em; 
  line-height: 1.8em;
  padding: 5px;
  
  }
#bannerSlide div.title a {color:#1b3689; text-decoration:none; }

#bannerSlideMenu {position: absolute; z-index: 100; right:0; top: 10; margin-right: 40px; margin-top: 20px;}
#bannerSlideMenu a {padding-bottom: 2px;font-size: 1em; line-height:1.4; float: left; text-align: center; 
                    display:block; height: 20px; width: 20px; margin-right: 10px; color: #FFFFFF; background: url(/assets/img/nav/Carousel_Unselected.png) no-repeat top center; text-decoration:none;}
#bannerSlideMenu a.activeSlide {font-size: 1em; color:#1b3689; background: url(/assets/img/nav/Carousel_selected.png) no-repeat top center; text-decoration:none;}

#bannerSlide div.recipeButton{position:absolute; margin: 241px 0px 0px 470px; z-index:100;}

