/* Page Structure*/

/* TOC

1: - Main Page Structure

2: - Main Content Area + Colour Coding

3: - Main Navigation

*/
/*///////////////////////////////////////////////////////////////////////////////////////////////*/


@media screen {

/* 1-:-------- Main Page Structure ------------ */

	html, body, form, object {
		margin:0;
		padding:0;
	}

	html{
			background: #f8f6eb url("../images/top-repeater.gif") 0 0 repeat-x;

	}

	body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 130%;
		color: #666;
		}
		
	#wrapper {
		width: 995px;
		margin: 0px auto;
		padding: 0;
		position:relative;
	}
		
	#header {
		width:995px;
		height:138px;
		padding:0;
		float:left;
		position:relative;
		z-index:21;
	}

	#content {
		width:965px;
		margin:0 0 15px 0;
		padding:10px 0 40px 0;
		padding: 15px 15px 20px 15px;
		float:left;
		position:relative;
		background-color: #fff;
		border-bottom: solid 1px #e8e7df;
	}
	
	#footer {
		background-color: #fff;
		padding:30px 0 0 100px;
		margin:0 0 40px 0;
		height:40px;
		width:895px;
		float:left;
		border-bottom: solid 1px #e8e7df;
	}
	
	
	.loggedIn #footer {
		height:90px;
	}
	
	
		
	#footerPromos {
		background-color: #e2dcd1;
		padding:15px 15px 0 15px;
		margin:0 0 15px 0;
		width:965px;
		float:left;
		display: inline;
		clear: left;
	}

	
	#footerPromos ul{
		list-style-type: none;
		float: left;
		display: inline;
		padding: 0 0 15px 0;
	}
	
	
	#footerPromos #twitterBox ul{
		padding: 0;
	}

	
	#footerPromos ul li{
		float: left;
		display: inline;
		width: 181px;
		height: 140px;
		margin: 0 15px 0 0;
		position: relative;
	}
	
	
	#footerPromos #twitterBox ul li{
		height: auto;
		margin: 0;
	}
	
	#footerPromos ul li#footerTwitter{
		height: auto;
	}
	
	
	#footerPromos ul li.slot1{
    	background: url("../images/elements/footer-promo-magazine.gif") no-repeat top left;
 	}

	#footerPromos ul li.slot2{
    	background: url("../images/elements/footer-promo-facebook.gif") no-repeat top left;
 	}

	#footerPromos ul li.slot3{
    	background: url("../images/elements/footer-promo-ipad.gif") no-repeat top left;
 	}

	#footerPromos ul li.slot4{
    	background: url("../images/elements/footer-promo-cookoff.gif") no-repeat top left;
 	}



	#footerPromos ul li#footerTwitter{
    	margin: 0;
 	}


	#footerPromos ul li a.button{
		position: absolute;
		bottom: 12px;
		left: 0;
	}
	
	#footerPromos ul li#footerTwitter a.button{
		position: static;
		float: left;
		display: inline;
	}
	
	
	
	#footerPromos ul li.slot1 a.button{ background-position: right -480px;}
	#footerPromos ul li.slot1 a.hover{background-position: right -504px;}

	#footerPromos ul li.slot2 a.button{background-position: right -560px;}
	#footerPromos ul li.slot2 a.hover{background-position: right -584px;}

	#footerPromos ul li.slot3 a.button{background-position: right -640px;}
	#footerPromos ul li.slot3 a.hover{background-position: right -664px;}

	#footerPromos ul li.slot4 a.button{background-position: right -730px;}
	#footerPromos ul li.slot4 a.hover{background-position: right -754px;}

	#footerPromos ul li#footerTwitter a.button{background-position: right -1014px;}
	#footerPromos ul li#footerTwitter a.hover{background-position: right -1039px;}


	#footerPromos ul li.slot1 a.button span{color: #bf0024;}	
	#footerPromos ul li.slot2 a.button span{color: #3056a6;}
	#footerPromos ul li.slot3 a.button span{color: #da4c15;}
	#footerPromos ul li.slot4 a.button span{color: #599300;}
	#footerPromos ul li#footerTwitter a.button span{color: #23b0df;}
		
	#footerPromos ul li a.hover span, #footerPromos ul li a.button:hover span{
		text-decoration: underline;
	}
	
	
	#footerPromos ul li h4{
	   	color: #fff;
    	font-size: 0;
    	text-indent: -9999em;
	}
	

	#footerPromos ul li.hover{
		cursor: pointer;
	}
	
	
	
	#footerTwitter p{
		color: #444;
		line-height: 140%;
		margin: 0;
		float: left;
		display: inline;
		padding: 0 0 2px 0;
		font-size: 1em;
	}
	
	#footerTwitter p a{
		color: #23b0df;
		text-decoration: none;
	}
	
	#footerTwitter p a:hover{
		text-decoration: underline;
	}
	
		
		
/* 2-:-------- Main Content Area + Colour Coding ------------ */
	
	.mainContent {
		width:965px;
		clear:left;
		float:left;
	}
	
	.halfCol {
		width:495px;
		float:left;
	}
	
	.home .halfCol{
		width: 660px;
		padding: 0 5px 0 0;
	}
	
	.emailerCol {
		float:left;
		width:575px;
	}

	.wideCol {
		float:left;
		width:796px;
		padding-right:9px;
	}
	
	.home .wideCol{
		width: 965px;
		padding-right: 0;
	}
	
	.rightCol {
		width:300px;
		float:left;
	}
	
	.twothirds {
		width:300px;
		float:left;
	}
	
	.onethird {
		width:160px;
		float:right;
	}
	
	.addMargin {
		margin-right:10px;
	}

	
	.email h1, .email h3, .email a, .standardPage h1, .standardPage h3, .standardPage a { color: #da1a35; }
	.votingFormContainer h1, .votingFormContainer h3, .votingFormContainer a, .emailContainer h1, .emailContainer h3, .emailContainer a { color: #24a999; }
	.home #slideshow h2 { background-position:left -184px; }
	.home #slideshowPager a { background-color:#ae3542; } 
	.home #slideshowPager li.active a { color:#ae3542; } 
	
	.healthyEating .panelHeader h3, .healthyEating h1, .healthyEating h3, .healthyEating h4 a, .healthyEating a .title, .healthyEating .pages a { color:#b4c42d; }
	.newArticles .healthyEating span.section { background-color:#b4c42d; }
	.healthyEating h4 a:hover { color:#97a523; }
	.healthyEating #slideshowPager a { background-color:#8c991e; } 
	.healthyEating #slideshowPager li.active a { color:#8c991e; } 
	.wideCol .healthyEating, .healthyEating .panelContent, .healthyEating .panelHeader { background-color:#e9ead1; }
	.healthyEating .arrowLink, .healthyEating .button { background-position: right -136px; }
	.healthyEating .arrowLink span, .healthyEating .button span { background-position: left -136px; }
	.healthyEating .arrowLink:hover, .healthyEating .button:hover { background-position: right -160px; }
	.healthyEating .arrowLink:hover span, .healthyEating .button:hover span { background-position: left -160px; }
	.healthyEating .arrowLinkPrevious, .healthyEating .prevPage .arrowLink { background-position: left -136px; }
	.healthyEating .arrowLinkPrevious span, .healthyEating .prevPage .arrowLink span { background-position: right -136px; }
	.healthyEating .arrowLinkPrevious:hover, .healthyEating .prevPage .arrowLink:hover { background-position: left -160px; }
	.healthyEating .arrowLinkPrevious:hover span, .healthyEating .prevPage .arrowLink:hover span { background-position: right -160px; }
	
	.cookingWithKids .panelHeader h3, .cookingWithKids h1, .cookingWithKids h3, .cookingWithKids h4 a, .cookingWithKids a .title, .cookingWithKids .pages a { color:#f6721c; }
	.newArticles .cookingWithKids span.section { background-color:#f6721c; }
	.cookingWithKids #slideshow h2, .cookingWithKids .hero h2 { background-position:left -46px; }
	.cookingWithKids h4 a:hover { color:#e15e08; }
	.cookingWithKids #slideshowPager a { background-color:#d35502; } 
	.cookingWithKids #slideshowPager li.active a { color:#d35502; }
	.wideCol .cookingWithKids, .cookingWithKids .panelContent, .cookingWithKids .panelHeader { background-color:#ffe7de; }
	.cookingWithKids .arrowLink, .cookingWithKids .button { background-position: right -204px; }
	.cookingWithKids .arrowLink span, .cookingWithKids .button span { background-position: left -204px; }
	.cookingWithKids .arrowLink:hover, .cookingWithKids .button:hover { background-position: right -228px; }
	.cookingWithKids .arrowLink:hover span, .cookingWithKids .button:hover span { background-position: left -228px; }
	.cookingWithKids .arrowLinkPrevious, .cookingWithKids .prevPage .arrowLink { background-position: left -204px; }
	.cookingWithKids .arrowLinkPrevious span, .cookingWithKids .prevPage .arrowLink span { background-position: right -204px; }
	.cookingWithKids .arrowLinkPrevious:hover, .cookingWithKids .prevPage .arrowLink:hover { background-position: left -228px; }
	.cookingWithKids .arrowLinkPrevious:hover span, .cookingWithKids .prevPage .arrowLink:hover span { background-position: right -228px; }
	
	
	.newArticles .cookingTips{ background: none;}
	.cookingTips .panelHeader h3, .cookingTipsPanel .panelHeader h3, .cookingTips h1, .cookingTips h3, .cookingTips .panelHeader h3, .cookingTips h4 a, .cookingTips a .title, .relatedPanel #relCookingTipsPanel h4 a, .cookingTips .pages a { color:#7dc43a; }
	.newArticles .cookingTips span.section{ background-color:#7dc43a; }
	.cookingTips #slideshow h2, .cookingTips .hero h2 { background-position:left -368px; }
	.cookingTips h4 a:hover, .relatedPanel #relCookingTipsPanel h4 a:hover { color:#67a928; }
	.cookingTips #slideshowPager a { background-color:#59971f; } 
	.cookingTips #slideshowPager li.active a { color:#59971f; } 
	.wideCol .cookingTips, .cookingTips .panelContent, .cookingTipsPanel, .cookingTips .panelHeader, .cookingTips .halfCol .panel { background-color:#e6f2da; }
	.cookingTips .arrowLink, .cookingTips .button, .cookingTipsPanel .arrowLink { background-position: right -68px; }
	.cookingTips .arrowLink span, .cookingTips .button span { background-position: left -68px; }
	.cookingTips .arrowLink:hover, .cookingTips .button:hover, .cookingTipsPanel .arrowLink:hover { background-position: right -92px; }
	.cookingTips .arrowLink:hover span, .cookingTips .button:hover span { background-position: left -92px; }
	.cookingTips .arrowLinkPrevious, .cookingTips .prevPage .arrowLink { background-position: left -68px; margin: 3px 0 0 10px; }
	.cookingTips .arrowLinkPrevious span, .cookingTips .prevPage .arrowLink span { background-position: right -68px; }
	.cookingTips .arrowLinkPrevious:hover, .cookingTips .prevPage .arrowLink:hover { background-position: left -92px; }
	.cookingTips .arrowLinkPrevious:hover span, .cookingTips .prevPage .arrowLink:hover span { background-position: right -92px; }
	.cookingTips .arrowLink span, .cookingTips .button span, .cookingTips .prevPage .arrowLink span, .cookingTips .arrowLinkPrevious span {	color: #7dc43a;	}
	.cookingTipsPanel .thumbListing li .thumbCaption, .cookingTips .thumbListing li .thumbCaption { background: url(../images/elements/cooking-tips-caption-trans.png) repeat 0 0; }
	.cookingTipsPanel .thumbListing li a:hover .thumbCaption, .cookingTips .thumbListing li a:hover .thumbCaption { background:#6eb12f none; }

	
	.ourFood .panelHeader h3, .ourFood h1, .ourFood h3, .ourFood h4 a, .relatedPanel #relArticlesPanel h4 a, .ourFood a .title, .ourFood .article a, .ourFood .pages a { color:#bb104c; }
	.ourFood .previewListing li:hover { border-color:#bb104c; }
	.newArticles .ourFood span.section { background-color:#bb104c; }
	.ourFood #slideshow h2, .ourFood .hero h2 { background-position:left -138px; }
	.ourFood h4 a:hover, .relatedPanel #relArticlesPanel h4 a:hover { color:#990539; }
	.ourFood #slideshowPager a { background-color:#910435; } 
	.ourFood #slideshowPager li.active a { color:#910435; } 
	.wideCol .ourFood, .ourFood .panelContent , .ourFood .panelHeader { background-color:#f7dfe7; }
	.ourFood .newInStorePanel .panelHeader{ background-color: #FDE3D2;}
	.ourFood .arrowLink, .ourFood .button { background-position: right -272px; }
	.ourFood .arrowLink span, .ourFood .button span { background-position: left -272px; }
	.ourFood .arrowLink:hover, .ourFood .button:hover { background-position: right -296px; }
	.ourFood .arrowLink:hover span , .ourFood .button:hover span { background-position: left -296px; }
	.ourFood .arrowLinkPrevious, .ourFood .prevPage .arrowLink { background-position: left -272px; }
	.ourFood .arrowLinkPrevious span, .ourFood .prevPage .arrowLink span { background-position: right -272px; }
	.ourFood .arrowLinkPrevious:hover, .ourFood .prevPage .arrowLink:hover { background-position: left -296px; }
	.ourFood .arrowLinkPrevious:hover span, .ourFood .prevPage .arrowLink:hover span { background-position: right -296px; }

	
	.glossary .panelHeader h3, .glossary h1, .glossary h3, .glossary h4 a, .glossary a .title, .glossary .pages a { color:#4399b5; }
	.glossary #slideshow h2, .glossary .hero h2 { background-position:left -230px; }
	.glossary h4 a:hover { color:#2e7e98; }
	.glossary #slideshowPager a { background-color: #266f87; } 
	.glossary #slideshowPager li.active a { color: #266f87; } 
	.glossary .relatedPanel .panelHeader{ background-color: #fff !important;}
	.glossary .arrowLink, .glossary .button { background-position: right -340px; }
	.glossary .arrowLink span, .glossary .button span { background-position: left -340px; }
	.glossary .arrowLink:hover, .glossary .button:hover { background-position: right -364px; }
	.glossary .arrowLink:hover span, .glossary .button:hover span { background-position: left -364px; }
	.glossary .arrowLinkPrevious, .glossary .prevPage .arrowLink { background-position: left -340px; }
	.glossary .arrowLinkPrevious span, .glossary .prevPage .arrowLink span { background-position: right -340px; }
	.glossary .arrowLinkPrevious:hover, .glossary .prevPage .arrowLink:hover { background-position: left -364px; }
	.glossary .arrowLinkPrevious:hover span, .glossary .prevPage .arrowLink:hover span { background-position: right -364px; }

	
	.blog .panelHeader h3, .blog h1, .blog h3, .blog h4 a, .blog .articleInfo a, .blog .comments a, .articlePagination ul li a, .blog .pages a { color:#b4c42d; }
	.blog #slideshow h2, .blog .hero h2 { background-position:left -92px; }
	.blog h4 a:hover, .blog .articleInfo a:hover, .articlePagination ul li a:hover  { color:#97a523; }
	.blog #slideshowPager a { background-color:#8c991e; } 
	.blog #slideshowPager li.active a { color:#8c991e; } 
	.wideCol .blog, .blog .panelContent, .blog .panelHeader { background-color:#e9ead1; }
	.blog .arrowLink, .blog .button { background-position: right -136px; }
	.blog .arrowLink span, .blog .button span { background-position: left -136px; }
	.blog .arrowLink:hover, .blog .button:hover { background-position: right -160px; }
	.blog .arrowLink:hover span, .blog .button:hover span { background-position: left -160px; }
	.blog .arrowLinkPrevious, .blog .prevPage .arrowLink { background-position: left -136px; }
	.blog .arrowLinkPrevious span, .blog .prevPage .arrowLink span { background-position: right -136px; }
	.blog .arrowLinkPrevious:hover, .blog .prevPage .arrowLink:hover { background-position: left -160px; }
	.blog .arrowLinkPrevious:hover span, .blog .prevPage .arrowLink:hover span { background-position: right -160px; }
	.blog .lightPanel .panelHeader h3 { color:#b4c42d; }
	.blog .lightPanel .panelContent, .home .blog .panelContent { background-color:#e9ead1;}
	.blog .lightPanel .panelContent .articlePreview, .blog .panelContent .articlePreview  { background-color:#fff; border: solid 1px #fff; }
	.blog .lightPanel .panelContent .articlePreview:hover, .blog .panelContent .articlePreview:hover  { background-color:#fff; cursor:pointer; border: solid 1px #b4c42d; }

	
	.newInStorePanel .panelHeader h3, .newInStore h1, .newInStore h3, .newInStore h4 a, .newInStorePanel .articleItem .articleInfo a, .newInStorePanel h4 a, .newInStore .pages a { color:#f6721c; }
	.newInStorePanel .articlePreview { border:solid 1px #fff; }
	.newInStorePanel h4 a:hover, .newInStorePanel .articleItem .articleInfo a:hover  { color:#e15e08; }
	.newArticles .newInStore span.section { background-color:#f6721c; }
	.newInStorePanel, .newInStorePanel .panelContent { background-color:#fde3d2; }
	.ourFood .newInStorePanel{ padding: 5px 12px 5px;}
	.newInStorePanel .arrowLink, .newInStorePanel .button { background-position: right -204px;}
	.newInStorePanel .arrowLink span, .newInStorePanel .button span { background-position: left -204px; }
	.newInStorePanel .arrowLink:hover, .newInStorePanel .button:hover { background-position: right -228px; }
	.newInStorePanel .arrowLink:hover span, .newInStorePanel .button:hover span { background-position: left -228px; }
	.newInStorePanel .arrowLinkPrevious, .newInStorePanel .prevPage .arrowLink { background-position: left -204px; }
	.newInStorePanel .arrowLinkPrevious span, .newInStorePanel .prevPage .arrowLink span { background-position: right -204px; }
	.newInStorePanel .arrowLinkPrevious:hover, .newInStorePanel .prevPage .arrowLink:hover { background-position: left -228px; }
	.newInStorePanel .arrowLinkPrevious:hover span, .newInStorePanel .prevPage .arrowLink:hover span { background-position: right -228px; }
	.newInStorePanel li:hover {border:solid 1px #f6721c !important;cursor:pointer;}
	.halfCol .newInStorePanel li:hover {border:1px solid #fff !important;cursor:pointer;}
	.halfCol .newInStorePanel .panelHeader ul.newInStorePaging li:hover{border:none !important;}
	.newArticles .newInStore span.title {color:#2E8C92;}
	.ourFood .newInStorePanel .arrowLink span, .ourFood .newInStorePanel .button span, .ourFood .newInStorePanel .prevPage .arrowLink span, .ourFood .newInStorePanel .arrowLinkPrevious span{ color: #F6721C;}


	
	.recipes .panelHeader h3, .recipes h1, .recipes h3, .recipes h4 a, .recipes h4, .recipes a .title, .recipeDetail a, .recipes .pages a, .recipes .recipeLandingCopy a { color:#89658a; }
	.recipes .rightCol .kidsSearch .panelHeader, .recipes .rightCol .kidsSearch .panelContent {background-color: #F3EFF3; }	
	.newArticles .recipes span.section { background-color:#89658a; }
	.recipes h4 a:hover { color:#6a466b; }
	.wideCol .recipes, .recipes .panelContent, .recipes .panelheader { background-color:#f3eff3; }
	.recipes #slideshowPager a { background-color:#7b597c; } 
	.recipes #slideshowPager li.active a { color:#89658a; } 
	.recipes .arrowLink, .recipes .button { background-position: right 0; }
	.recipes .arrowLink span, .recipes .button span { background-position: left 0; }
	.recipes .arrowLink:hover, .recipes .button:hover { background-position: right -24px; }
	.recipes .arrowLink:hover span, .recipes .button:hover span { background-position: left -24px; }
	.recipes .arrowLinkPrevious, .recipes .prevPage .arrowLink { background-position: left 0px; }
	.recipes .arrowLinkPrevious span, .recipes .prevPage .arrowLink span { background-position: right 0px; }
	.recipes .arrowLinkPrevious:hover, .recipes .prevPage .arrowLink:hover { background-position: left -24px; }
	.recipes .arrowLinkPrevious:hover span, .recipes .prevPage .arrowLink:hover span { background-position: right -24px; }
	
	
	.recipePanel, .recipePanel .panelContent, .recipePanel .panelHeader{background-color: #e7e0e8;}	
	.recipePanel .panelHeader h3, .recipePanel h4 a, .relatedPanel #relRecipesPanel h4 a, .newRecipes h3, .newRecipes h4 a, .newRecipes .articleItem span.title, .recipePopupHolder span.title, .calendarPopupHolder span.title { color:#89658a; }
	.recipePanel h4 a:hover, .relatedPanel #relRecipesPanel h4 a:hover { color:#6d4c6e !important; }
	.recipePanel .panelContent .articlePreview:hover { background-color:#fff; cursor:pointer; }
	.recipePanel .arrowLink, .recipePanel .button { background-position: right 0; }
	.recipePanel .arrowLink span, .recipePanel .button span { background-position: left 0; }
	.recipePanel .arrowLink:hover , .recipePanel .button:hover { background-position: right -24px; }
	.recipePanel .arrowLink:hover span, .recipePanel .button:hover span { background-position: left -24px; }
	.recipePanel .arrowLinkPrevious, .recipePanel .prevPage .arrowLink { background-position: left 0; }
	.recipePanel .arrowLinkPrevious span, .recipePanel .prevPage .arrowLink span { background-position: right 0; }
	.recipePanel .arrowLinkPrevious:hover, .recipePanel .prevPage .arrowLink:hover { background-position: left -24px; }
	.recipePanel .arrowLinkPrevious:hover span, .recipePanel .prevPage .arrowLink:hover span { background-position: right -24px; }
	.recipePanel .thumbListing li .thumbCaption { background: url(../images/elements/recipes-caption-trans.png) repeat 0 0; }
	.recipePanel .thumbListing li a:hover .thumbCaption { background:#845f85 none; }
    	
	.recipeFinder {background: url("../images/elements/panel-bg.png") no-repeat scroll left bottom; }
	.recipeFinder .panelHeader { background: url(../images/elements/recipe-finder-header.gif) center top no-repeat; height: 28px;}
	.recipeFinder .panelContent { background:#f2faff url(../images/elements/recipe-finder-bg2.jpg) left bottom no-repeat !important; padding:7px 0 20px 7px; margin: 0; width: 293px; }
	
	.article a:hover { text-decoration:underline; }
	.halfCol .newArticles ul li.articleItem{ background: none !important;}
	
	.cuisines .panelHeader h3, .cuisines h1, .cuisines h3, .cuisines h4 a, .cuisines h4, .cuisines a .title { color:#23bdb2; }
	.newArticles .cuisines span.section { background-color:#23bdb2; }
	.cuisines h4 a:hover { color:#14a096; }
	.wideCol .cuisines, .cuisines .panelContent{ background-color:#d3f2f0;}	
	.ourFood .wideCol .cuisines .panelHeader {background-color: #D3F2F0;}
	
	.cuisines .arrowLink , .cuisines .button { background-position: right -408px; }
	.cuisines .arrowLink span, .cuisines .button span { background-position: left -408px; }
	.cuisines .arrowLink:hover, .cuisines .button:hover { background-position: right -432px; }
	.cuisines .arrowLink:hover span, .cuisines .button:hover span { background-position: left -432px; }
	.cuisines .arrowLinkPrevious, .cuisines .prevPage .arrowLink { background-position: left -408px; }
	.cuisines .arrowLinkPrevious span, .cuisines .prevPage .arrowLink span { background-position: right -408px; }
	.cuisines .arrowLinkPrevious:hover, .cuisines .prevPage .arrowLink:hover { background-position: left -432px; }
	.cuisines .arrowLinkPrevious:hover span, .cuisines .prevPage .arrowLink:hover span { background-position: right -432px; }

	.ourFood .cuisines .arrowLink span, .ourFood .cuisines .button span, .ourFood .cuisines .prevPage .arrowLink span, .ourFood .cuisines .arrowLinkPrevious span{ color: #23BDB2;}
	
	.seasonalRecipes h1, .seasonalRecipes h3, .seasonalRecipes .articleListing h4 a, .seasonalRecipes .articleListing h4, .seasonalRecipes a .title, .seasonalRecipes .pages a { color:#006a57; }
	.seasonalRecipes h4 a:hover { color:#00aa74; }
	.seasonalRecipes #slideshowPager a { background-color:#136d5d; } 
	.seasonalRecipes #slideshowPager li.active a { color:#136d5d; } 
	.seasonalRecipes .halfCol .arrowLink, .seasonalRecipes .halfCol .button { background-position: right -1331px; margin: 0 20px 0 0;}
	.seasonalRecipes .halfCol .arrowLink span, .seasonalRecipes .halfCol .button span { background-position: left -1331px; }
	.seasonalRecipes .halfCol .arrowLink:hover, .seasonalRecipes .halfCol .button:hover { background-position: right -1355px; }
	.seasonalRecipes .halfCol .arrowLink:hover span, .seasonalRecipes .halfCol .button:hover span { background-position: left -1355px; }
	.seasonalRecipes .halfCol .arrowLinkPrevious, .seasonalRecipes .halfCol .prevPage .arrowLink { background-position: left -1331px; }
	.seasonalRecipes .halfCol .arrowLinkPrevious span, .seasonalRecipes .halfCol .prevPage .arrowLink span { background-position: right -1331px; }
	.seasonalRecipes .halfCol .arrowLinkPrevious:hover, .seasonalRecipes .halfCol .prevPage .arrowLink:hover { background-position: left -1355px; }
	.seasonalRecipes .halfCol .arrowLinkPrevious:hover span, .seasonalRecipes .halfCol .prevPage .arrowLink:hover span { background-position: right -1355px; }


	.pollContainer .panelHeader {background-color: #ddf7f5;} 

	

/* 2-:-------- Main Navigation ------------ */	
	
	.mainNav {
		width:995px;
		margin:0;
		height:35px;
		z-index:7;
		float: left;
		display: inline;
		background-color: #e3ddd2;
	}
	
	.mainNav ul{
		list-style-type: none;
	}
	
	.mainNav li {
		float:left;
		display: inline;
		height:35px;
		margin:0;
	}
	
	.mainNav li a {
		display:block;
		height:35px;
		text-indent:-10000px;
		font-size: 0;
		background: transparent url(../images/buttons/top-nav.png) 0 0 no-repeat;
		float: left;
		display: inline;
	}
	

	.mainNav li a.navHome {	width:72px; background-position:0 0;	}
	.mainNav li a.navRecipes { width:85px; background-position:-72px 0; }
	.mainNav li a.navMealPlanner { width:119px; background-position:-157px 0; }
	.mainNav li a.navCookingTips { width:116px; background-position:-368px 0; }
	.mainNav li a.navOurFood { width:92px;  background-position:-276px 0; }
	.mainNav li a.navHealthyEating { width:130px;  background-position:-484px 0; }
	.mainNav li a.navCookingWithKids { width:151px;  background-position:-614px 0; }
	.mainNav li a.navWhatsInSeason { width:151px;  background-position:-614px 0; }
	.mainNav li a.navBlogs { width:64px; background-position:-765px 0; }
	.mainNav li a.navWin { width:61px; background-position:-829px 0; }
	.mainNav li a.navGrocery { width:105px; background-position:-890px 0; }
	
	.mainNav li a.navHome:hover { background-position:0 -65px;	}
	.mainNav li a.navRecipes:hover, .mainNav li a.navRecipes.activeSub { background-position:-72px -65px; }
	.mainNav li a.navMealPlanner:hover { background-position:-157px -65px; }
	.mainNav li a.navCookingTips:hover { background-position:-368px -65px; }
	.mainNav li a.navOurFood:hover, .mainNav li a.navOurFood.activeSub  {  background-position:-276px -65px; }
	.mainNav li a.navHealthyEating:hover { background-position:-484px -65px; }
	.mainNav li a.navCookingWithKids:hover { background-position:-614px -65px; }
	.mainNav li a.navWhatsInSeason:hover { background-position:-614px -65px; }
	.mainNav li a.navBlogs:hover { background-position:-765px -65px; }
	.mainNav li a.navWin:hover { background-position:-829px -65px; }
	.mainNav li a.navGrocery:hover { background-position:-890px -65px; }
		
	.mainNav li.active a.navHome { background-position:0 -130px !important;}
	.mainNav li.active a.navRecipes { background-position:-72px -130px !important; }
	.mainNav li.active a.navMealPlanner { background-position:-157px -130px !important; }
	.mainNav li.active a.navCookingTips { background-position:-368px -130px !important; }
	.mainNav li.active a.navOurFood {  background-position:-276px -130px !important;}
	.mainNav li.active a.navHealthyEating { background-position:-484px -130px !important; }
	.mainNav li.active a.navCookingWithKids { background-position:-614px -130px !important; }
	.mainNav li.active a.navWhatsInSeason { background-position:-614px -130px !important; }
	.mainNav li.active a.navBlogs { background-position:-765px -130px !important; }
	.mainNav li.active a.navWin { background-position:-829px -130px !important; }
	.mainNav li.active a.navGrocery { background-position:-890px -130px !important; }

	.mainNav li.active a{cursor: default;}


	ul#subNav {
		width:995px;
		margin:0;
		height:35px;
		z-index:7;
		float: left;
		display: inline;
		list-style-type: none;
	}

	.recipes ul#subNav{background-color: #89658a;}	
	.ourFood ul#subNav{background-color: #c51553;}
	.cookingTips ul#subNav{background-color: #7dc43a;}

	
	ul#subNav li {
		float:left;
		display: inline;
		margin:0;
		padding: 0 1px 0 0;
	}
	
	ul#subNav li a {
		display:block;
		height:35px;
		line-height: 35px;
		font-size: 0;
		float: left;
		display: block;
		color: #fff;
		font-size: 1.083em;
		font-weight: bold;
		padding: 0 20px 0 20px;
		-webkit-transition: background-color 150ms ease-in-out;
		-moz-transition: background-color 150ms ease-in-out;
		-o-transition: background-color 150ms ease-in-out;
		transition: background-color 150ms ease-in-out;
	}
	

	.recipes ul#subNav li a:hover, .recipes ul#subNav li:hover a, .recipes ul#subNav li a:hover, .recipes ul#subNav li.sfhover a {background-color: #69496a;}
	.ourFood ul#subNav li a:hover, .ourFood ul#subNav li:hover a , .ourFood ul#subNav li a:hover, .ourFood ul#subNav li.sfhover a {background-color: #9d073c;}
	.cookingTips ul#subNav li a:hover, .cookingTips ul#subNav li:hover a , .cookingTips ul#subNav li a:hover, .cookingTips ul#subNav li.sfhover a {background-color: #5fa61b;}


	.recipes ul#subNav li.current a{
		cursor: default;
		background-color: #69496a;
	}
	
	.ourFood ul#subNav li.current a{
		cursor: default;
		background-color: #9d073c;
	}

	.cookingTips ul#subNav li.current a{
		cursor: default;
		background-color: #5fa61b;
	}

	

	ul#subNav li ul {
		position: absolute;
		width: 200px;
		left: -999%;
    	padding: 20px 0 0 0;
    	z-index: 50;
	}


	.recipes ul#subNav li ul li{background-color: #89658a;}
	.ourFood ul#subNav li ul li{background-color: #c51553;}
	.cookingTips ul#subNav li ul li{background-color: #7dc43a;}


	ul#subNav li ul li{
    	padding: 2px 0 2px 20px;
    	height: 15px;
    	width: 180px;
	}


	ul#subNav li ul li a{
    	color: #fff;
    	font-size: 1em;
    	font-weight: normal;
    	margin: 0;
    	padding:0;
    	background: none;
    	height: 15px;
    	line-height: 15px;
	}


	.recipes ul#subNav li ul.dropNav li a:hover, .ourFood ul#subNav li ul.dropNav li a:hover, .cookingTips ul#subNav li ul.dropNav li a:hover{
    	text-decoration: underline;
    	background: none;
	}


	.recipes ul#subNav li ul.dropNav li a, .ourFood ul#subNav li ul.dropNav li a, .cookingTips ul#subNav li ul.dropNav li a{
		background: none;
	}

	ul#subNav li:hover ul, ul#subNav li.sfhover ul{
		left: auto;
		top: 189px;
	}

	span.dropArrow{
		display: block;
		width: 200px;
		height: 25px;
		background: transparent url(../images/elements/dropdown-arrows.png) left top no-repeat;
	}
	
	.recipes span.dropArrow{background-position: 0 -25px;}
	.ourFood span.dropArrow{background-position: 0 0;}
	.cookingTips span.dropArrow{background-position: 0 -50px;}
	
	
	
	.recipes ul.dropNav{border-bottom: 15px solid #89658a; clear: left;}
	.ourFood ul.dropNav{border-bottom: 15px solid #c51553; clear: left;}
	.cookingTips ul.dropNav{border-bottom: 15px solid #7dc43a; clear: left;}


	ul#subNav li a.noLink{ cursor: default;}


	ul#subNav li.current ul.dropNav li a{cursor: pointer;}





/* Zoltan's stylesheet - To be merged into main CSS at the end of the day init */


.flashContainer {margin:-9px 0 0 -7px;}
	
.recipes #slideshow h2 {
	background:url(../images/elements/slideshow-title-bg.png) repeat-x left -276px;
	}
.recipes #slideshowPager li.active a {
	color:#702C91 ! important;
	}

	
.recipes .thumbListing li .thumbCaption {
background:url("../images/elements/recipes-caption-trans.png") repeat scroll 0 0 transparent;
}
.recipes .thumbListing li a:hover .thumbCaption {	
	background:#845f85;
	}
	
.healthyEating .articleInfo a, .healthyEating .articlePagination ul li a {
	color:#92951A;
	}
.articlePagination ul li.active a {
	color:#333;
	}
.articlePagination {
	margin:1px 0 7px;
	width:484px;
	}
.listingPage .articleItem img {
	width:95px;
	}

.listingPage .articleItem .articlePreview {	
	margin-left:105px;
	}
.articleListing.recipePanel .thumbListing {
	width:480px;
	}
	
.articleListing.recipePanel .thumbListing li {
	margin-right:9px;
	}
.recipes .articlePagination ul li a {
	color:#692987;
	}
.recipes .articlePagination ul li.active a {
	color:#333;
	}
	
.recipePanel .panelContent .articlePreview {
	margin:0;
	}
	
.previewListing li {
	margin-bottom:10px;
	border:solid 1px white;
	display:block;
	overflow:hidden;
	float: left;
	display: inline;
	width: 278px;
	}
.previewListing li:hover, .recipePanel .previewListing li:hover {
	border:solid 1px #89658a;
	}
.previewListing li ul.recipeInfo {	
	margin:0;
	}
.previewListing li ul.recipeInfo li, .previewListing li ul.recipeInfo li:hover, li.starRating , li.starRating:hover {	
	border:0;
	}
.previewListing li ul.recipeInfo li {
	margin:0;
	}
	
	
.newInStore #slideshow h2, .hero h2 {
	background:url("../images/elements/slideshow-title-bg.png") repeat-x scroll left -322px;
	}
.newInStore #slideshowPager li a {
	background:#b65b1f;
	}
.newInStore #slideshowPager li.active a {
	color:#b65b1f;
	background:#fff;
	}
.newInStore .thumbListing li .thumbCaption {
	background:url("../images/elements/new-caption-trans.png") repeat 0 0;
	}
.newInStore .thumbListing li .thumbCaption:hover, .newInStore .thumbListing li a:hover .thumbCaption {
	background-color:#f06d18;
	background-image:none;
	}
	
.cuisines .thumbListing li .thumbCaption {
	background:url("../images/elements/blue-trans.png") repeat 0 0;
	}
.cuisines .thumbListing li .thumbCaption:hover, .cuisines .thumbListing li a:hover .thumbCaption {
	background-color:#53c8b9;
	background-image:none;
	}	
	
.cookingWithKids .thumbListing li .thumbCaption {
	background:url("../images/elements/cooking-with-kids-trans.png") repeat 0 0;
	}
.cookingWithKids.thumbListing li .thumbCaption:hover, .cookingWithKids .thumbListing li a:hover .thumbCaption {
	background-color:#f06d18 ! important;
	background-image:none;
	}
.ourFood .thumbListing li .thumbCaption {
	background:url("../images/elements/our-food-trans.png") repeat 0 0;
	}
.ourFood .thumbListing li .thumbCaption:hover, .ourFood .thumbListing li a:hover .thumbCaption {
	background-color:#b60d48;
	background-image:none;
	}

.ourFood .newInStorePanel .thumbListing li .thumbCaption {
	background:url("../images/elements/new-caption-trans.png") repeat 0 0;
	}
.ourFood .newInStorePanel .thumbListing li .thumbCaption:hover, .ourFood .newInStorePanel .thumbListing li a:hover .thumbCaption {
	background-color:#f06d18;
	background-image:none;
	}
	
.ourFood .cuisines .thumbListing li .thumbCaption {
	background:url("../images/elements/blue-trans.png") repeat scroll 0 0 transparent;
	}
.ourFood .cuisines .thumbListing li .thumbCaption:hover, .ourFood .cuisines .thumbListing li a:hover .thumbCaption {
	background-color:#53c8b9;
	background-image:none;
	}

	
	
.ourFood .newInStorePanel .button{
	margin: 0 0 10px 0;
}
	
.newInStorePanel .thumbListing li{
	margin-bottom: 5px;
}
	
	
.healthyEating .thumbListing li .thumbCaption {
	background:url("../images/elements/healthy-eating-trans.png") repeat 0 0;
	}
.healthyEating .thumbListing li .thumbCaption:hover, .healthyEating .thumbListing li a:hover .thumbCaption {
	background-color:#adbd27 ! important;
	background-image:none;
	}
	
.fullWidth {
	width:795px;
	float:left;
	display: inline;
	overflow: hidden;
	}
.fullWidth .thumbListing {
	width:771px;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	padding:10px 0;
	margin:0 10px 10px 0;
	
	}	
.fullWidth .articlePagination {
	width:400px;
	float:right;
	margin:0 24px 5px 0;
	}
	
.glossary .halfCol .panelHeader {
	background-position:left -397px;	
	}
.glossary .halfCol .panelHeader h3 {	
	color:#4399b5;
	}
.glossary .thumbListing li .thumbCaption {
	background:url("../images/elements/glossary-caption-trans.png") repeat scroll 0 0 transparent;
	}
.glossary .thumbListing li .thumbCaption:hover, .glossary .thumbListing li a:hover .thumbCaption {
	background-color:#3e93af;
	background-image:none;
	}

.cookingTips .articlePagination ul li a {
	color:#7DC43A;
	}
.cookingTips .articlePagination ul li.active a, .cookingTips .articlePagination ul li a:hover  {
color:#333;
}
	
.twitterBlogPanel .panelContent {
	padding-top:13px;
	}
.twitterBlogPanel .articlePreview {
	margin:0 4px;
	}
.twitterBlogPanel .articlePreview:hover {
	background-color:#fff ! important;
	cursor:normal;
	}
.twitterBlogPanel .dateTwitter {
	margin:0 0 13px 4px;
	padding:2px 0 0 35px;
	height:20px;
	background:url(../images/elements/twitter-bg.gif) no-repeat 0 0;
	float:left;
	width:239px;
	font-size:11px;
	}
.recipeFinder h3 {
	color:#fff ! important;
	}
#flashContainer:focus, #flashContainer:hover, #flashContainer:active, #flashContainer object:focus, #flashContainer object:active, #flashContainer object:hover  {
	outline:0;
	}
	
.articlePreview .landscapeThumb img {
	margin-top:-10px;
	}


}