﻿* {margin:0; padding:0;}
img {border:none;}

.hide {visibility:hidden;}

/*h1,  h3, h4 {margin:10px 0 5px 0;}*/

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;}
	
	#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;}	
	
/*---------HOMEPAGE STYLES-------*/



.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;}
	
/*---------NON-HOMEPAGE STYLES-------*/	

#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; height:auto;}
	#topImgArea 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;}

/*---------MADE FOR BAKING STYLES-------*/	
		
		.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; }
		
/*---------STORK STORIES STYLES-------*/	

		.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;}
		
		
/*---------RECIPES STYLES-------*/	

		#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;
		}
		
/*---------TIPS STYLES-------*/	

		#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;}
		
/*---------RECIPE DETAILS STYLES-------*/	

		#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;}
		
/*--------PROBLEM CONTENT AREA--------*/
	
		#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;}
	
/*	furniture */
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;}

/*stageArea*/

#siteContent .stageArea {float:left;width:675px; }

#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;}
/*widgetArea*/


#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;
}
/* ------------------------------------------------------------------------

Miscellaneous

------------------------------------------------------------------------- */

.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%;
}
