/* Page Content*/

/* TOC

1: - Global Styles

2: - Header

3: - Content

5: - Footer

6: - Campaign pages

7: - Meal planner

8: - Recipe binder

9: - Search

10: - IE fixes

11: - Print view styles


12:  - STRUCTURE

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


/* 1 :-------- Global Styles ------------ */
	
/**/
	@font-face {
    font-family: 'TescoRegular';
    src: url('../fonts/tesco-webfont.eot');
    src: url('../fonts/tesco-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/tesco-webfont.woff') format('woff'),
         url('../fonts/tesco-webfont.ttf') format('truetype'),
         url('../fonts/tesco-webfont.svg#TescoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/**/


@font-face {
    font-family: 'TescoBold';
    src: url('../fonts/tescob-webfont.eot');
    src: url('../fonts/tescob-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/tescob-webfont.woff') format('woff'),
         url('../fonts/tescob-webfont.ttf') format('truetype');
    font-style: normal;
	font-weight: normal;
}
	/*Bizarre ipad fix as the layout was being really weird */
	@media screen and (max-width: 1024px){
		.touch body > form {
			max-width:965px;
			width:965px;
		}
	}

	h1 {
		font-family: TescoBold, Helvetica, sans-serif;
	
		margin:0 0 15px 0;
		padding:0;
		font-size:2.6em;
		width:650px;
		float:left;
		line-height:110%;
	}
	
	
	
	
	
	h2 {
	
		font-size:2em;
		margin:8px 0;
		padding:0;
		line-height:120%;
	}
	
	h3 {
	
		font-size:1.5em;
		margin:0 0 12px 0;
		line-height:110%;
	}
	
	h4 {
	
		font-size:1.2em;
		text-transform:none;
		line-height:110%;
		margin:0 0 6px 0;
		padding:0;
	}
	
	h5 {
		font-size:1em;
		color:#333;
		
		margin:0 0 6px 0;
	}

	h1,h2,h3,h4,h5,h6 {
		font-family: TescoBold, Helvetica, sans-serif;
		font-weight: normal;
	}
	
	ul, ol, fieldset {
		margin:0;
		padding:0;
		list-style-type:none;
		border:transparent none;
	}
	
	li {
		margin:0;
		padding:0;
	}
	
	p {
		margin:0 0 12px 0;
		padding:0;
	}
	
	a {
		text-decoration:none;
		color:#00539F;
	}
	
	.no-touch a:hover {
		text-decoration:none;
		cursor:pointer;
	}	
	
	a:focus {
		outline:none;
	}
	
	a img {
		border:none;
	}
	
	.floatLeft, .left {
		float:left;
	}	

	.right {
		float:right;
	}	
	
	.clear {
		clear: both;
	}	

	.tesco-blue {
		color:#176fc1!important;
	}

	.tesco-red {
		color:#ed1c24!important;
	}

	.spacer-top {
		padding-top: 30px;
	}


#tesco_cookie_widget {
    display: none;
    position: fixed;
    width: 100%;
    z-index: 100;
}
	.cookie-warning {
	    background: #176fc1;
	    background: #eeeef2;
        padding: 4px;
	    color:#333;
	    

	}
	.cookie-warning > div{
	    width:960px;
	    margin:0 auto;
	    text-align: left;
	}
	.cookie-warning p {
	    margin:0;
	    line-height: 16px;
	    color:#333;
	}

	.cookie-warning > div a{
	    color:#3c79b8;
	    text-decoration: underline;
	}
	.cookie-warning > div a.cookie-button {
	    float: right;
	    display: block;
	    text-align:center;
	    padding:0 10px;
	    margin-left:5px;
	    	}

	.cookie-warning > div a:hover {
	    text-decoration: underline;
	    color:#ed1b2e;
	   	} 

/* 2 :-------- Header ------------ */
/***************************************************************************************************/
	
	.myDishTextLink {
		display:block;
		float:right;
		margin:9px 8px 0 0;
		font-weight:bold;
		color:#000;
		font-size:0.9em;
		background:url(../images/icons/mydish-spoon.png) left top no-repeat;
		padding:4px 0 3px 17px;
	}
	
	.myDishTextLink a {
		color:#e48d0a;
	}
	
	.myDishTextLink a em {
		color:#000;
		font-style:normal;
	}
	
	.no-touch .myDishTextLink a:hover {
		text-decoration:underline;
	}
	
	
	.logoRealFood,  h1.homepageTitle { /* Revert To Height: 55px; top: 62px; */
		width:330px;
		height:55px;
		display:block;
		background:url(../images/_redesign2012/new-realfood-logo.png) left top no-repeat;
		text-indent:-10000px;
		font-size: 0;
		line-height: 0;
		margin:0;
		position: absolute;
		top: 62px;
		left: 0;
	}
		
	.logoForPrint, .starRatingPrint {
		display:none;
	}
	
	

	
	
/* 3 :-------- Content ------------ */

	.breadcrumbs {
		margin: 0 0 10px 2px;
		float: left;
		width: 700px;
	}
	
	.breadcrumbs a {
		text-decoration:none;
	}
	
	.no-touch .breadcrumbs a:hover{
		text-decoration: underline;
	}
	
	.breadcrumbs span, .breadcrumbs a {
		background:url(../images/icons/icons.gif) left 5px no-repeat;
		padding-left:13px;
		margin-right:6px;
		color:#888!important;
		font-size:13px;
		font-weight: normal;
	}

    .subShare{
	    float: right;
	    height: 16px;
	    width: 300px;
    }

    .subShare p{
	    color: #626263;
	    font-size: 12px;
	    float: right;
	    height: 16px;
	    line-height: 16px;
	    margin: 0 0 0 0;
	    width: 190px;
	    text-align: right;
	    padding: 0 12px 0 0;
    }

    .subShare ul{
	    float: right;
	    height: 16px;
	    width: 70px;
    }

    .subShare ul li{
	    float: right;
	    height: 16px;
    }

    .subShare ul li.twitter{
	    float: right;
	    height: 16px;
	    width: 16px;
	    margin: 0 13px 0 0;
    }

    .subShare ul li.twitter a{
	    background-position: 0 0;
	}

    .subShare ul li.twitter a:hover{
	    background-position: 0 -40px;
	}

    .subShare ul li.facebook{
	    float: right;
	    height: 16px;
	    width: 13px;
	    margin: 0 12px 0 0;
    }

    .subShare ul li.facebook a{
	    background-position: -29px 0;		
	}

    .subShare ul li.facebook a:hover{
	    background-position: -29px -40px;		
	}

    .subShare ul li.email{
	    float: right;
	    height: 16px;
	    width: 16px;
    }
    
    .subShare ul li.email a{
	    background-position: -53px 0;
    }

    .subShare ul li.email a:hover{
	    background-position: -53px -40px;
    }


    .subShare ul li a{
	    height: 16px;
	    display: block;
	    background: url(../images/icons/header-social-green.png) 0 0 no-repeat;
    }
	
	.blog .article p a ,
	.blog a {
		color: #ED1C24;
	}
	
	.blog .breadcrumbs { float: none; }

	.no-touch .blog .article p a:hover{
		text-decoration: underline;
	}
	
	.breadcrumbs .first { padding:0; background:none; }
	
	.welcome {
		color:#666;
		margin:5px 0 7px 0;
	}
	
	.groceryBanner {
		float:right;
		width:160px;
		height:138px;
		background:url(../images/elements/buy-food-online.jpg) left top no-repeat;
		display:block;
		text-indent:-10000px;
	}
	
	.home .groceryBanner {
		background:url(../images/images/groceries-banner-home.jpg) left top no-repeat;
		width:300px;
		height:80px;
		position:relative;
		margin:-5px 0 10px 0;
	}
	
	.rightCol .groceriesAd,
	.onethird .groceriesAd {
		float:left;
		clear:both;
		width:160px;
		margin:0 0 10px 0;
	}	
	.rightCol .groceriesAd a,
	.onethird .groceriesAd a {
		display:block;
		text-indent:-10000px;
		background:url(../images/elements/groceries-ad.png) left top no-repeat;
		width:160px;
		height:117px;
	}
	.rightCol .groceriesAd {
		width:300px;
		margin:-5px 0 10px 0;
	}
	.rightCol .groceriesAd a {
		background:url(../images/images/groceries-banner-home.jpg) left top no-repeat;
		width: 300px;
		height: 80px;	
	}
	
	#slideshow {
		position:relative;
		margin:-11px 0 0 -8px;
		width:498px;
		height:341px;
		background:url(../images/elements/slideshow-bg.gif) left top no-repeat;
		padding:0;
	}
	
	.home #slideshow {
		margin-top:0;
	}

	#slideshow div {
		margin:15px 13px 16px 13px; 
		color:#fff;
		position:absolute;
		left:0;
		top:0;
	}
	
	#slideshow h2, .hero h2 {
		background:url(../images/elements/slideshow-title-bg.png) left top repeat-x;
		height:34px;
		padding:11px 0 0 15px;
		position:relative;
		margin-top:-48px;
		width:452px;
		line-height:120%;
		font-size: 1.7em;
		font-weight: normal;
	}

.timeline-Body.customisable-border > div.timeline-Viewport > ol > li > div > div.timeline-Tweet-media {
display: none !important;}
	
	.seasonalRecipes #slideshow h2{
			background:url(../images/elements/slideshow-back-seasonal.png) left top repeat-x;
	}
	
	#slideshow h2 a, .hero h2 a { color:#fff;}
	.no-touch #slideshow h2 a:hover, .no-touch .hero h2 a:hover { color:#fff; text-decoration:underline;}
	
	#slideshowPager {
		position:relative;
		margin:-44px 0 65px 370px;
		z-index:10;
	}
	
	#slideshowPager li { 
		float:left; 
		margin:0 4px 0 0;
	}
	
	#slideshowPager li a {
		font-weight:bold;
		color:#fff;
		padding:2px 5px 1px 5px;
	}
	
	#slideshowPager li.active a { background-color:#fff; } 
	
	.hero {
		width:472px;
		height:310px;
		float:left;
		position:relative;
		background:url(../images/elements/hero-bg.gif) left top no-repeat;
		padding:7px;
		margin:-2px 0 15px -2px;
	}
	
	.article {
		float:left;
		margin:0 0 0 5px;
		padding:0 20px 15px 0;
	}
	
	.article-meta {
		border-bottom: 1px solid #F1F1F1;
		margin: 0 20px 0 5px;
		padding-bottom: 10px;
		margin-bottom: 20px;
		}
	
	.article-meta-created {
		font-weight: bold;
		}

	.halfCol .article {
		width:452px;
	}
	
	.article p {
		line-height:160%;
		padding-right:25px;
	}
	
	.article h3 {
		margin:35px 0 5px 0;
	}
	
	.recipeLandingCopy {
		line-height:150%;
		margin:10px 40px 20px 12px;
		font-size:12px;
		position:relative;
		color: #333;
	}
	
	.recipeDetail .hero {
		padding:0;
		margin:2px 0 0 0;
		background:none;
	}
	
	.recipeDetail .halfCol {
		width:479px;
		margin:0 0 0 8px;
		position: relative;
	}
	
	.recipeDetail .recipeInfo {
		float:left;
		width:776px;
		background:url(../images/elements/recipe-bg-top.gif) left top no-repeat;
		padding:12px 12px 8px 12px;
	}
	
	.recipeInfo li {
		float:right;
		border:none;
		border-right:1px solid #ded9e1;
		padding:0 10px 0 25px;
		margin:0 5px 0 0;
		color:#89658a;
		font-size:1em;
		font-weight:bold;
		background:url(../images/icons/icons.gif) 5px -25px no-repeat;
		position:relative;
		z-index:5;
	}
	
	.recipeInfo li.recipeServes { background-position: 5px -75px; padding-right:5px; }
	.recipeInfo li.recipeTakes { background-position: 5px -50px; }


	.recipeInfo li.recipeFreezable {
		background-position: 5px -442px;
		width: 19px;
		height: 19px;
		display: block;
		padding: 0 0 0 10px;
		border-right: none;
		margin: -3px 0 0 0;
	}
	
	
	.recipeInfoContainer .recipeInfo li.recipeFreezable 
	{
	     padding: 0 10px 0 25px;
	}
	
	.recipeDetail h4 {
		margin:25px 0 5px 0;
	}
	
	.gdaPanel, .printRatePanel, .rateRecipePanel {		
		float:left;
		padding:8px 5px 8px 10px;		
		margin:0 0 10px 0;
		width:285px;
		overflow:hidden;
	}
	
	.gdaPanel {
		border:solid 1px #ccc;
		}
	
	.rateRecipePanel {
		background-color:#6c2a8b;
		color:#fff;
		font-size:0.9em;
	}
	
	.rateRecipePanel > span {
		padding-top:1px;
		float:left;
	}
	
	.gdaPanel p {
		font-size:10px;
		margin:0 0 0 161px;
		line-height:13px;
		padding-top:8px;
		color: #444;
		display: none;
	}
	
	.gdaPanel img {
		background:transparent url(../images/elements/gda-info-bg.gif) no-repeat scroll left top;
		height:48px;
		margin:0;
		padding:12px 0 13px;
		position:relative;
		width:162px;
		float:left;
	}
	
	
	.gdaPanel img.dayCount{
		width: 58px;
		float: right;
		height: auto;
		padding: 4px 5px 0 0;
	}
	
	
	.printRatePanel a {
		background:url(../images/icons/icons.gif) left top no-repeat;
		padding-left:18px;
		color:#666 !important;
		margin:0;
		font-size:1em;
	}
	
	.no-touch .printRatePanel a:hover {
		color:#89658a !important;
	}
	
	.printRatePanel a.printRecipe { background-position:0 -201px; margin-right:15px; }
	.printRatePanel a.shareRecipe { background-position:0 -248px }
	
	.star-rating-control { float:right; } 
	
	
	/* Updated recipe page styles */
	
	.recipeDetail .recipeInfo {
		background:none;
		padding:10px 0 5px 0;
		border-top:1px solid #eeeeee;
		width:796px;
		padding:8px 0;
	}
	
	.recipeDetail .panelHeader,
	.stepByStepPopup div.panelHeader {
	background: #b88bb9; /* Old browsers */
background: -moz-linear-gradient(top,  #b88bb9 0%, #956796 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b88bb9), color-stop(100%,#956796)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b88bb9 0%,#956796 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b88bb9 0%,#956796 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b88bb9 0%,#956796 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b88bb9 0%,#956796 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b88bb9', endColorstr='#956796',GradientType=0 ); /* IE6-9 */
		color:#fff;
		width:300px;
		background-position:left top;
		height:43px;
		padding:0;
		width:300px;
	}

	.stepByStepPopup div.panelHeader h3{
		color:#fff;
	}
	
	.flexslider .slideTitle 
	{
	    font-size:16px;
	    color:#666;
	    margin-top:20px;
	    margin-bottom:15px;
	    padding-bottom:0;
	    border-bottom:0;
	}
	
	.article div.flexslider p { color:#666;}

	.popupBody .flexslider p, 
	.popupBody .flexslider span 
	{
	    font-size:13px;
	}
	
	.recipeDetail .pollContainer .panelHeader {
	background-color: #DDF7F5;
	background-image: none;
	}
	
	.recipeDetail .panel .panelHeader h3 {
		padding:9px 0 0 15px;
		font-size:1.6em;
		color: #fff;
	}


	.recipeDetail .panel .panelHeader h3.related {
		margin:6px 0 0 15px;
		font-size:1.6em;
		color: #fff;
	}
	
	.recipeDetail .panel .panelHeader h3.ingredients{
		color: #fff;
	}

	
	.recipeDetail .panel {
		width:300px;
		display: inline;
	}
	
	
	.sendRecipePanel{
		
	}	
	
	
	.recipeDetail .panelContent {
		width:300px;
		padding:0 0 8px 0;
		display: inline;
		background: #f7f7f7;
	}
    
    .popupBody .panelHeader .recipePrint a {
    margin-top: -29px;
}
	.recipeDetail .panelContent .tesco-button, 
	.stepByStepPopup .panelContent .tesco-button 	{
		margin: 15px 0 15px 8px;
	}

	.recipeDetail .hero {
		margin:0;
	}
	
	.recipeDetail .article {
		margin-left:0;
		padding-right:0;
		width:472px !important;
		font-size:14px;
	}
	
	.recipeDetail .halfCol {
		margin-left:0;
		width:472px;
		margin-right:15px;
	}
	
	
	
.recipePanelHeader{
	position: relative;
	overflow: visible;
}	
	
	
ul.sendRecipe{
	float: right;
	display: inline;
	height: 43px;
	width: 75px;
	margin: 0 12px 0 0;	
}	
	
	
ul.sendRecipe li{
	height: 43px;
	width: 19px;
	margin: 0 0 0 6px;
	float: left;
	display: inline;
}
	
	
ul.sendRecipe li a{
	display: block;
	width: 19px;
	height: 43px;
	background: url(/images/elements/send-recipes.png) no-repeat 0 0;
	font-size: 0;
	text-indent: -99999px;
	line-height: 0;
	color: #a678a7;
	padding: 0 0 0 0;
}	

.no-touch ul.sendRecipe li a:hover{
	cursor: pointer;
}

ul.sendRecipe li.recipeText a{
	background-position: -25px 0;
}


ul.sendRecipe li.recipeEmail a{
	background-position: -50px 0;
}
	
	
	
	
.recipeTooltip {
	background: url(/images/elements/send-recipe-tooltip-back.png) repeat 0 0;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: none;
    padding: 13px;
    position: absolute;
    width: 255px;
    z-index: 100;
}	
	
	
.printTooltip{
	top: -62px;
	left: 110px;
	width: 200px;
}


.emailTooltip{
	top: -62px;
	left: 139px;
}


.textTooltip{
	top: -62px;
	left: 113px;
}
	
	
.recipeTooltip p{
	text-align: center;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}	
	
	
.recipeTooltip span{
	display: block;
	width: 20px;
	height: 11px;
	background: url(/images/elements/send-recipe-tooltip-arrow.png) repeat 0 0;
	position: absolute;
	bottom: -11px;
	left: 130px;
}
	

.printTooltip span{
	left: 106px;
}
	
	
	.ingredientList {
		margin-left:8px;
		margin-top:8px;
		width:279px;
	}
	

	.icon-shopping-cart {
		background: url(/images/_redesign2012/redesign-sprite.png) no-repeat -186px -97px;
		width: 23px;
		height: 32px;
		*background-position:-186px -93px;
		background-position:-186px -93px\9;
	}

	i.icon-shopping-cart::before {
content: "" !important;
	}
	.ingredientList li {
		color:#333;
		margin: 0 0 6px 11px;
		font-size:12px;
		position: relative;
	}
	
	.ingredientList li span.seasonalIngredient{
		display: inline-block;
		padding: 0 24px 0 0;
		background: url(/images/icons/seasonal-ingredient.png) right center no-repeat;
		position: relative;
		
	}	
	
	
	.ingredientList li span.seasonalIngredientTooltip{
		display: block;
		width: 165px;
		height: 28px;
		color: #fff;
		font-size: 13px;
		line-height: 28px;	
		background: url(/images/icons/seasonal-tooltip.png) 0 0 no-repeat;
		position: absolute;
		top: -7px;
		right: -190px;
		padding: 0 0 0 25px;
		display: none;
	}
	
	
	
	.ingredientList li i {
		color:#888;
		font-size:.9em;
		position: absolute;
		top:0;
		left: -14px;
	}

	.step-by-step-launch {
		padding:10px;
		background: #ede3ec;
		color:#88668b;
		line-height: 24px;
		font-family: Arial, Helvetica, TescoBold;
		background: #ede3ec url(../images/icons/icons.gif) 10px -288px no-repeat;
		padding-left:40px;
		margin-bottom:18px;
	}
	
	.no-js .step-by-step-launch {
		display: none;
	}

	.ingredientList li p { margin:0; }
	
	
	.ingredientList li strong { display: block; margin-top: 15px; }
	
	.ingredientList li.highlight { color: red; font-weight: bold; }
	
	.btnBuyIngredients {
		margin-left:15px;
	}
	
	.gdaPanel {
		float:left;
		background-color:#fff;
		border:none;
		width:267px;
		margin:15px 0 8px 8px;
		display: inline;
	}
	
	.gdaPanel img {
		width:162px;
		height:48px;
		padding:0;
	}
	
	.gdaTitle {
		display:block;
		margin-bottom:5px;
		font-size:0.9em;
		font-weight:bold;
		color: #444;
		width: 150px;
	}
	
	.gda {
		width:152px;
		height:39px;
		background:url(../images/elements/gda-bg.png) left top no-repeat;
		padding:11px 0 0 0;
	}
	
	.gdaPanel .gda {
		float:left;
	}
	
	.gda li {
		float:left;
		width:30px;
		text-align:center;
	}
	
	.gda span {
		color:#1a171b;
		font-family:Arial, Helvetica, TescoBold;
		display:block;
		text-align:center;
		line-height:120%;
		font-size:0.9em;
	}
	
	.gda .gdaType {
		font-weight:normal;
		font-size:0.6em;
		line-height:100%;
	}
	
	.gda .gdaPercent {
		padding-top:3px;
		letter-spacing:-0.02em;
	}	
	
	.gda .gdaPercent em {
		font-size:0.65em;
	}
	
	.guidelineAmount {
		clear:both;
		float:left;
		font-size:0.85em;
		white-space:nowrap;
		color: #444;
	}
	
	
	.guidelineAmount a{
		color: #693F6A;	
	}


	.guidelineAmount a:hover{
		text-decoration: underline;	
	}
	
	
	.halfCol .recipeInfo {
		width:472px;
		border-bottom:1px solid #eeeeee;
		border-top:none;
		margin: 0 0 15px 0;
	}
	
	.halfCol .recipeInfo li {
		float:left;
	}
	
	.halfCol .recipeInfo li.recipeFacts {
		padding-left:0;
		background:none;
		color:#4d4d4d;
		border-right:none;
		padding-right:0;
	}
	
	.recipeInfo li.shareIcons {
		background:none;
		padding-left:0;
		padding-right:0;
		border:0;
		position:relative;
		margin:-2px 0 2px 0;
	}
	
	.recipeInfo li.shareIcons li {
		float:left;
		background:none;
		padding:0;
		border:0;
		margin-left:2px;
	}
	
	.recipeInfo li.shareIcons li a {
		float:left;
		width:20px;
		height:20px;
		background:url(../images/icons/share-icons.gif) left top no-repeat;
		text-indent:-10000px;
	}
	
	.recipeInfo li.shareIcons li a.email {
		background-position:left -116px;
	
	}
	
	.recipeInfo li.shareIcons li a.twitter {
		background-position:left -40px;
	
	}
	
	.recipeInfo li.shareIcons li a.messenger {
		background-position:left -80px;
	}
	
	.recipeInfo li.shareIcons li.share {
		float:left;
		margin-right:5px;
		background:none;
		line-height:160%;
	}
	
	
	.saveToBinder{
		float: right;
		width: 136px;
		height: 30px;
		font-size: 0;
		text-indent: -9999em;
		background:url(../images/buttons/save-to-binder.jpg) left top no-repeat;
		display: block;
	}


	.no-touch .saveToBinder:hover{
		background-position: 0 -30px;
	}
	
	.recipeDetail .article p {
		padding-right:0;
		color:#333;
		font-size: 12px;
		line-height: 150%;
	}
	
	.addYourRating { display:block; }
	.no-js .addYourRating { display:none !important; }
	
	/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
	.addYourRating div.star-rating{float:left;width:18px;height:18px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden; margin:0 3px 0 0;}
	.addYourRating div.rating-cancel { display:none; }
	.addYourRating div.star-rating,div.star-rating a{background:url(../images/icons/star-rating-new.png) no-repeat 0 0px; width:13px;}
	.addYourRating div.star-rating a{display:block;height:100%;background-position:0 0px;border:0}
	.addYourRating div.star-rating-on a{ background-position:0 -17px !important; }
	.addYourRating div.star-rating-hover a{background-position:0 -34px}
	/* Read Only CSS */
	.addYourRating div.star-rating-readonly a{cursor:default !important}
	/* Partial Star CSS */
	.addYourRating div.star-rating{background:transparent!important;overflow:hidden!important}
	/* END jQuery.Rating Plugin CSS */

			
	.recipeInfo li.addYourRating {
		float:left;
		background:none;
		border:none;
		width:285px;
	}
	
	.recipeDetail .recipeInfo li.addYourRating {
		padding-left:10px;
		margin-right: 0;
	}
	
	.recipeDetail .recipeInfo li.addYourRating span {
		padding-left:10px;
		float:left;
		display:block;
		color:#555;
	}
	
	.addYourRating div.star-rating, div.star-rating a {
		background: url(../images/icons/star-rating-new.png) no-repeat scroll 0 0 transparent;
		width: 15px;
		height:15px;
	}
	
	.addYourRating div.star-rating-on a{ background-position:0 -51px !important; }
	.addYourRating div.star-rating-hover a{background-position:0 -51px}
	
	.recipeDetail .recipeInfo li.addYourRating .star-rating-control {
		position:relative;
		margin-top:-1px;
	}
	
	.articleTools {
		width:452px;
		float:left;
		margin:12px 0;
	}
	
	.articleTools li {
		float:left;
		margin:0 10px 3px 0;
	}
	
	.articleTools li.printRecipe a, .article a.printRecipeNew {
		float:left;
		background:url(../images/buttons/recipe-page-buttons.jpg) left top;
		width:96px;
		font-size:0.9em;
		font-weight:bold;
		height:20px;
		padding:3px 0 0 26px;
	}
	
	.no-touch .articleTools li.printRecipe a:hover,.no-touch  .article a.printRecipeNew:hover {
		background-position:left -30px;
		text-decoration:none;
	}
	
	.articleTools li.addToCalendar a, .article a.addToCalendarNew {
		float:left;
		background:url(../images/buttons/recipe-page-buttons.jpg) left -60px;
		width:101px;
		font-size:0.9em;
		font-weight:bold;
		height:20px;
		padding:3px 0 0 29px;
		color:#519347;
		margin-left:10px;
	}
	
	.articleTools li.addToCalendar a {
		margin:0;
		width:96px;
	}
	
	.no-touch .articleTools li.addToCalendar a:hover, .no-touch .article a.addToCalendarNew:hover {
		background-position:left -90px;
		text-decoration:none;
	}

	
	
	
	
	.glossaryNav li {
		float:left;
		margin:0 2px 0 0;
	}
	
	.glossaryNav li a {
		color:#FF7E00;
		font-weight:bold;
		padding:2px 3px 1px;
	}
	
	.no-touch .glossaryNav li a:hover {
		background-color:#fff;
	}
	
	.glossaryNav li.active a {
		background-color:#FF7E00;
		color:#fff;
	}
	
	.glossaryList {
		padding:10px 0 7px;
		width:465px;
		float:left;
	}
	
	.glossaryList li {
		margin:2px 0 8px 5px;
		background:url(../images/icons/icons.gif) left -176px no-repeat;
		padding:0 0 0 12px;
	}
	
	.glossaryList li a {
		color:#666;
	}
	
	.no-touch .glossaryList li a:hover {
		color:#333;
		text-decoration:underline;
	}
	
	.glossaryList li a.active, .no-touch .glossaryList li a.active:hover {
		color: #7dc43a;
		font-weight: bold;
	}
	.no-touch .glossaryList li a.active:hover {
		cursor: default;
		text-decoration: none;
	}
	
	
	
	
	
	.articleListing {
		clear:left;
		float:left;
		width:478px;
	}
	
	.articleListing .articleItem {
		float:left;
		width:478px;
		padding:12px 0 0 0;
		margin:0 0 12px 0;
		border-top:1px solid #e0e0e0;
	}
	
	
	
	.articleListing .lastItem {
		padding-bottom:12px;
		border-bottom:1px solid #e0e0e0;
	}
	
	.articleListing h3 {
		width:380px;
		float:left;
	}
	
	.articleItem img {
		width:146px;
		float:left;
		margin-right:14px;
	}
	
	.articleItem .articlePreview {
		margin-left:160px;
		zoom:1;
	}
	
	.articleItem p a {
		color:#333;
	}
	
	.recipes .articleListing {
		border: 0;
		width:485px;
		overflow:hidden;
	}
	
	.recipes .recipeResultsPanel{
		background-color: #fff;
	}
	
	.recipes .articleListing .articleItem {
		border:0;
		border-bottom:solid 1px #EBEBEB;
		overflow:visible;
		padding:12px 0;
		margin:0;
	}
	
	.no-touch .recipes .articleListing a:hover {
		color:#333;
	}
	
	.recipes .articleItem img {
		float:left;
		margin:0;
		width:146px;
		height:128px;
	}
	
	.recipes .articleItem .articlePreview {
		margin-left:160px;
	}
	
	.recipes .articlePreview .recipeInfo {
		border:none;
		width:315px;
		display:block;
		float:left;
		margin:0 0 6px 0;
	}
	
	.recipes .articlePreview .starRating  {
		padding:0 4px 0 0 !important;
	}

	.articleListing .recipeInfo li {
		border: 0 none;
		color: #666666;
		float: left;
		margin: 0;
		padding: 0 15px 0 20px;
	}
	
	.articleListing .recipeInfo .ratingCount {
		font-weight:normal;
		background:transparent none;
		padding:0;
		font-size:0.9em;
	}
	
	.articleListing .recipeInfo .starRating {
		background-image:none;
		margin-left:-20px;
	}
		
	.articleListing  .recipeInfo li.recipeServes { background-position:1px -75px; }	
	.articleListing  .recipeInfo li.recipeTakes { background-position:1px -50px; }
	.articleListing  .recipeInfo li.recipeCosts { background-position:1px -25px; }
	
	.resultsPaging {
		float:left;
		clear:both;
		margin:12px 0;
		width:775px;
	}
	
	

	
	.prevPage .arrowLink {
		background:transparent url(../images/buttons/arrowlink-previous-bg.png) 0 0 no-repeat scroll;
		display:block;
		float:right;
		height:20px;
		line-height: 20px;
		text-decoration:none;
		font-weight:bold;
	}
	
	.prevPage .arrowLink span {
		color:#fff;
		cursor:pointer;
		display:block;
		height:20px;
		line-height: 20px;
		padding:0;
		margin:0 0 0 22px;
		float:none !important;
	}

		
		
	.arrowLinkMore{
		margin: 3px 15px 0 0 !important;		
	}
	
	.resultsPaging .prevPage { float:left; }
	.resultsPaging .nextPage { float:right; }
	.resultsPaging .pages { float:left; width:550px; text-align:center; padding:4px 0 0 0; }
	.resultsPaging .arrowLink { float:left; }
	
	.halfCol .resultsPaging { width:457px;	}
	.halfCol .resultsPaging .pages { width:270px; }
	
	.resultsPaging .tesco-button.left {
		margin-left:0;
	}

	.pages a {
		font-weight:bold;
		margin:0 4px 0 0;
	}
	
	.pages a.active {
		color:#333 !important;
		cursor:default;
	}
	
	.blog .articleListing .articleItem {
		padding:0 0 17px 0;
		margin:17px 0 0 0;
		border-bottom:1px solid #e0e0e0;
		border-top:none;
	}
	
	.blog .articleItem h4 {
		margin:0 0 1px 0;
	}
	
	.blog .articleItem .articleInfo {
		font-weight:bold;
		font-size:0.9em;
		margin:0 0 6px 0;
		color:#999;
	}
	
	.article .articleInfo {
		margin:5px 0 12px 0;
		font-size:1em;
		font-weight:bold;
		color:#999;
	}
	
	.blog .articleItem img {
		float:right;
		margin:0;
	}
	
	.blog .articleItem .articlePreview {
		margin:0;
		padding:0 15px 0 0;
	}

	.blog-header {
	height:310px;
	margin-bottom:34px;
}

.blogtitle {
	height:310px;
	background: #3a3a3c;
	width:149px;
	padding	:20px 18px;
	color:#fff;
	float:left;
	height:270px;
	margin-bottom:15px;
}
.blogtitle h2{
    font-size: 20px;
}

.blogtitle p{
 color:#dfdfdf;
 font-weight: normal;
 font-size: 15px;
 line-height: 130%;
}

.bloghead {
	float:left;
	display:block;
	margin-bottom:15px;
}
.bloghead  img {
	display: block;
}

.latest-tweets {
	float:left;
	background: #f7f7f7;
	padding:20px 18px ;
	width:272px;
	height:270px;
	margin-bottom:15px;
}

.latest-tweets h3 {
	font-size: 11px;
	color:#3a3a3c!important;
	margin-bottom: 10px;
}

.tweeter {
	font-size: 20px;
	font-weight: bold;
}



.tweets li {
	padding:12px 3px;
	list-style: none;
	font-size:13px;
	line-height:17px;
	border-top:1px solid #ccc;
}

.tweets li:first-child {
	border:none;
}


.tweets li a 
{
    color:#176fc1;
}


.blog-intro {
	padding-bottom:15px;
	clear:both;
		
}
.blog-intro  h1{
	color:#ed1c24;
	font-size: 26px;
	width:auto;
}


.comingSoon h1{
	color: #e21000 !important;
}


.blog-intro {
	font-size:14px;
	line-height: 19px;
}

.blog-intro .lead{
	font-size:16px;
	font-weight: normal;
	font-family: Arial, Helvetica, TescoBold;
	clear:both;
}

.blog-list {
	clear:both;
}

.ie7 .blog-list.spacer-top {
	padding-top:15px;
} 

.blog-list h2{
	color:#ed1c24;
	margin:0 0 8px;
	
}


.blog-list-item {
	font-size:14px;
	line-height: 19px;
	padding: 18px 20px 18px 0;
	border-top:1px solid #ccc;
}

.blog-list-item:first-child {
	border-top:none;
}

.blog-list-item img{
	display: block;
	float:left;
	margin:0 20px 0 0;
}
.blog-list-item h3{
	color:#3a3a3c;
	font-size: 16px;
	margin-top: 4px;
}

.blog-list-item h3 a{
	color:#3a3a3c;
}
	
	.articleItem .comments {
		color:#999;
		font-weight:bold;
		margin:4px 0 0 15px;
		background:url(../images/icons/icons.gif) left -123px no-repeat;
		padding:0 0 0 20px;
		display:block;
		float:left;
	}
	
	.articlePagination {
		width:478px;
		float:left;
		margin:10px 0 0 0;
	}
	
	.articlePagination .arrowLink, .articlePagination ul, .articlePagination span {
		float:right;
		margin-left:10px;
	}
	
	.articlePagination ul, .articlePagination span {
		margin-top:3px;
	}
	
	.articlePagination ul li {
		float:left;
		margin:0 1px;
	}
	
	.articlePagination ul li a {
		padding:0 2px;
		font-weight:bold;
	}
	
	.articlePagination ul li.active a, .no-touch .articlePagination ul li.active a:hover {
		color:#333;
	}
	
	.myDishHomeBanner {
		display:block;
		float:left;
		margin:0 0 15px 0;
	}
	
	.myDishHomeBanner a {
		width:300px;
		height:107px;
		background:url(/images/mydish/cta-home.png) left top no-repeat;
		text-indent:-10000px;
		display:block;
	}
	
	.panel {
		width:300px;
		float:left;
		position:relative;
		margin:0 0 4px 0;
		padding:0;
		display: inline;
	}
	
	.panelHeader {
		margin:0;
		height:30px;
		padding:0 10px 0 10px;
	}
	
	.panel .panelHeader h3 {
		color:#ffffff;
		float:left;
		margin:0;
	}
	
	.panelContent {
		width:280px;
		margin:0;
		padding:3px 10px 10px 10px;
		float:left;
	}
	
	
	.panelContent .articlePreview {
		background-color:#fff;
		float:left;		
		padding:10px 5px 10px 10px;
		width:263px;
		display: inline;
	}
	
	
	
	.halfCol .panel {
		width:459px;
		float:left;
		margin:0 0 15px 0;
		padding:5px 12px 0 12px;
		display: inline;
	}
	
	
	.halfCol .panelHeader {
		height:29px;	
		padding:3px 0 4px 0;
		float: left;
		width: 459px;
	}

	.halfCol .panel .panelHeader h3 {
		float:left;
		margin:0;
	}

	.halfCol .panelContent {
		width:459px;
		margin:0;
		padding:0;
		float: left;
	}
	
	.halfCol .gridHeader {
		width:468px;
	}
	.customerRecipes  .halfCol .gridHeader a.tesco-button {
		margin-top:-46px;
	}

	.recipesLanding .halfCol .panel 
	{
	    width:640px;
	    padding:10px 0 0 0;
	}
	.recipesLanding .halfCol .panelHeader 
	{
	    width: auto;
	    float:none;
	} 
	
	.recipesLanding .halfCol .panelContent {
	    width:656px;
	}
	
	
	.recipesLanding .halfCol .panelContent li 
	{
	    margin:   0px 16px 10px 0;
	}
	
	.recipesLanding .halfCol .panelContent li img 
	{
	    padding-bottom: 8px;
	}

	.recipesLanding .halfCol .panelContent span 
	{
	    display:none;
	}
	
	
	
	.articlePreview .landscapeThumb {
		width:89px;
		height:54px;
		display:block;
		overflow:hidden;
		float:left;
		margin:0 5px 0 0;
	}
	.articlePreview .landscapeThumb a {
		margin-top:-10px ! important;
		}
	
	.panelContent .recipeInfo {
		margin:0 4px 0 4px;
		padding:5px;
		width:268px;
		background-color: transparent;
		float: left;
		display: inline;
	}
	
	.panelContent .recipeInfo li {
		float:left;
		border:none;
		border-left:1px solid #ded9e1;
		padding:0 8px 0 28px;
		color:#89658a;
		font-size:0.85em;
		font-weight:normal;
		background:url(../images/icons/icons.gif) 9px -25px no-repeat;
		display: inline;
	}
	
	.panelContent .recipeInfo li.recipeServes { background-position: 9px -75px; width: 8px; height: 15px;}
	
	.panelContent .recipeInfo li.recipeCosts{ width: 35px; height: 15px;}
	
	.panelContent .recipeInfo li.starRating, .recipeDetail .recipeInfo li.starRating, .starRating, .panelContent ul.previewListing .recipeInfo .starRating{
		border:none;
		padding:0 8px 0 0 !important;
		background:url(../images/icons/star-rating-new.png) left top no-repeat;
		height:17px;
		position:relative;
		margin:-1px 0 0 0;
		z-index:2;
	}
	
	
	.cookingTipsPanel .homePanelContent .recipeInfo li.starRating, .cookingTipsPanel .homePanelContent ul.previewListing .recipeInfo .starRating{
		background:url(../images/icons/star-rating-cooking-tips.gif) left top no-repeat;
	}
	
	.recipeDetail .recipeInfo li.starRating{
		background:url(../images/icons/star-rating.png) left top no-repeat;
		height: 15px;
		margin: 0;
		padding: 0;
	}
	
		
	.home .halfCol .homePanel{
		width: 635px;
	}
	
	.home .halfCol .panel{
		padding: 5px 0 0 10px;
	}
	
	.home .halfCol .homePanelContent{
		width: 625px;
	}

	.home .halfCol .homePanel .thumbListing li{
		margin: 0 11px 10px 0;
	}



	.home .halfCol .homePanel .thumbListing li.last{
		margin: 0 0 10px 0;
	}



	.home .halfCol .panelHeader{
		width: 625px;
	}
	
	.panelContent ul.previewListing ul.recipeInfo li.starRating{
		width: 93px !important;
	}
	
	
	.thumbListing .starRating {
		padding:0 2px 0 0 !important;
	}
	
	
	.starRatingWrapper{
		float: left;
		width: 146px;
		height: 22px;
	}

	.thumbListing .starRatingWrapper{
		/*position: absolute;*/
		float:none;
		top: 106px;
		background: white;
		top: 106px;
        left: 0;
    }	



	.panelContent .recipeInfo li.starRating span, .starRating span {
		background:url(../images/icons/star-rating-new.png) left -51px no-repeat;
		display:block;
		text-indent:-10000px;
		height:17px;
		position:relative;
		
	}
	
	.starRating span 
	{
		background:url(../images/icons/star-rating-new.png) left -51px no-repeat;
	    
	}

	.home .panelContent .recipeInfo li.starRating span, .home .starRating span{
			background:url(../images/icons/star-rating-new.png) left -51px no-repeat;
	}
	.cookingTipsPanel .homePanelContent .starRating span{
		background:url(../images/icons/star-rating-cooking-tips.gif) left -51px no-repeat !important;
	}
		
	
	#ctl00_ContentPlaceHolder1_list_listingPanel .articleListing .articleItem .starRating span { margin-left:-20px;}
	
	.recipeDetail .panelContent .recipeInfo li.starRating { width:93px; }
	.recipeDetail .recipeInfo li.starRating span { float:left; }
	
	.recipeDetail .recipeInfo .starRating span.rateThis, .recipeDetail .recipeInfo .starRating span.totalRatings {
		font-size:0.9em;
		background:none;
		text-indent:0;
		height:auto;
		margin:0 0 0 85px;
		font-weight:normal;
		color:#888;
		float:none;
		white-space:nowrap;
	}
	
	.recipeDetail .recipeInfo .starRating span.rateThis{margin: 0 0 0 95px;}
	.recipeDetail .recipeInfo .starRating span.totalRatings { left:85px; margin:0; position:absolute; }
	
	.recipeInfo li.starRating span.rating0, .starRating span.rating0  { width:0px !important; }
	.recipeInfo li.starRating span.rating1, .starRating span.rating1  { width:18px !important; }
	.recipeInfo li.starRating span.rating2, .starRating span.rating2 { width:36px !important; }
	.recipeInfo li.starRating span.rating3, .starRating span.rating3 { width:54px !important; }
	.recipeInfo li.starRating span.rating4, .starRating span.rating4 { width:72px !important; }
	.recipeInfo li.starRating span.rating5, .starRating span.rating5 { width:92px !important; }
	
	.gridContent .starRatingWrapper > span {
		float:right;
		padding-right:4px;
		
	}
	
	
	.starContent .starRatingWrapper > span{
		float: left;
		padding: 0 0 0 5px;
	}
	
	
	
	.gridContent .starRatingWrapper > span.starRating {
		float:left;
		padding-right: 0px!important;
		width: 92px;
	}

	.gridContent .starRatingWrapper .starRating {
		background:none;
	}
	
	
	.starContent .starRatingWrapper .starRating{
		background: url("../images/icons/star-rating-new.png") no-repeat scroll left top transparent;
	}
	

	.gridContent .starRatingWrapper {
		position: absolute;
		float: none;
		top: 100px;
		left: 0;
		background: rgba(255, 255, 255, .5);
		padding: 4px 0;
		height: 15px;
		width: 100%;
	}



	.starContent .starRatingWrapper{
		float: left;
		position: inherit;
		top: 0;
		padding: 0 0 0 0;
	}


	.recipeDetail .recipeInfo .starRating  {
		background: url(../images/icons/star-rating.png) left top no-repeat;
		height: 15px;
		margin: 0;
		padding: 0 !important;
		width: auto !important;
	}
	
	.recipeDetail .recipeInfo .starRating span {
		background: url(../images/icons/star-rating.png) left -30px no-repeat;
		height:15px;
		float:left;
	}
	
	.recipeDetail .recipeInfo .starRating span.rating0  { width:0px !important; }
	.recipeDetail .recipeInfo .starRating span.rating1  { width:18px !important; }
	.recipeDetail .recipeInfo .starRating span.rating2 { width:36px !important; }
	.recipeDetail .recipeInfo .starRating span.rating3 { width:54px !important; }
	.recipeDetail .recipeInfo .starRating span.rating4 { width:73px !important; }
	.recipeDetail .recipeInfo .starRating span.rating5 { width:92px !important; }	
	
	.panelContent .articlePreview p, .panelContent .articlePreview h4 { margin:0 0 2px 0; float:left; width:163px; line-height:120%; }
	.panelContent .articlePreview p a { color:#444; font-size:0.9em; }
	
	.panelContent ul.bulletList li {
		padding:7px 0;
		border-bottom:1px solid #fff;
		font-weight:bold;
	}
	
	.panelContent ul.bulletList li:first-child { padding-top:3px; }
	.panelContent ul.bulletList li:last-child { border-bottom:none}
	
	.blog .panelContent .articlePreview p, .blog .panelContent .articlePreview h4 { padding-right:0; float:none; width:auto;}
	.blog .articlePreview .landscapeThumb { float:right; margin:0 5px 0 5px; }
	.blog .panelContent ul.bulletList li { border-color:#c3efef; }
	.no-touch .blog .panelContent ul.bulletList li a:hover { color:#97a523; }
	
	.blog .panelContent ul.bulletList li a {
		color:#B4C42D;
		background:url(../images/icons/icons.gif) left -146px no-repeat;
		padding-left:12px;
	}
	
	.home .recipeFinder {
		margin-top:5px !important;
	}
	
	.recipeFinder .recipeCount {
		position:absolute;
		background:url(../images/elements/1000s-of-recipes.png) left top no-repeat;
		width:87px;
		height:59px;
		top:-24px;
		right:5px;
		text-indent:-10000px;
	}
	
	.recipeFinder .panelContent fieldset ul {
		width:258px;
		float:left;
		background: url(../images/elements/recipe-finder-trans.png) left top repeat;
		padding:12px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	
	.recipeFinder .panelContent select {
		display:block;
		color:#666;
		font-size:1.1em;
		padding:3px;
		border:1px solid #9ec6dc;
		background-color:#fff;
		width:202px;
	}
	
	.recipeFinder label { 
		color: #333333;
		font-size: 1em;
		font-weight: bold;
		line-height: 150%;
	}
	
	.recipeFinder li {
		float:left;
		width:258px;
		margin-bottom:8px;
	}
	
	.recipeFinder li:last-child {
		margin:0;
	}
	
	.recipeFinder input.recipeSearch {
		background-color:#fff;
		border:1px solid #9ec6dc;
		font-size:1.2em;
		padding:5px 6px 4px 6px;
		height:19px;
		width:250px;
		color:#666;
		font-weight:bold;
	}
	
	.recipeFinder input.inputButton {
		background: transparent url(../images/buttons/btn_find-recipes.png) no-repeat scroll 0 0;
		border: 0 none;
		width: 123px;
		height: 30px;
		overflow: hidden;
		cursor:pointer;
		float:left;
		text-indent:-10000px;
		margin: 12px 0 0 5px;
		display: inline;
	}
	
	.no-touch .recipeFinder input.inputButton:hover {
		background-position:left -30px;
	}
	
	.adMpu, .adSkyscraper {
		float:left;
		margin:0 0 15px 0;
	}
	
	.recipeBanner {
		margin:-15px 0 15px 0;
		float:left;
		position:relative;
	}
	
	.twitterPanel, .facebookPanel, .emailerPanel, .votePanel {
		width:160px;
		float:left;
		padding:0 0 12px 0;
		margin:0 0 10px 0;
	}
	
	.twitterPanel{
		background:url(../images/elements/right-panel-back.gif) center bottom no-repeat;
		margin: 0 0 10px 0;
		overflow: visible;
	}


	#twitterBoxSmall{
		float: left;
		display: inline;
		width: 160px;
	}

	.facebookPanel{
		background-color: #e1e8f6;
		margin: 0 0 10px 0;
	}
	
	
	.twitterPanel h5{
		width: 160px;
		height: 57px;
		font-size: 0;
		text-indent: -9999em;
		float: left;
		background:url(../images/elements/twitter-title.gif) center bottom no-repeat;
		margin: 0;
	}


	.facebookPanel h5{
		width: 160px;
		height: 83px;
		font-size: 0;
		text-indent: -9999em;
		float: left;
		background:#e1e8f6 url(../images/elements/facebook-title.gif) center bottom no-repeat;
		margin: 0 0 0 0;
	}

	
	.favouritePanel {
		width:160px;
		float:left;
		margin:0 0 10px 0;
		background:url(../images/images/vote-for-favourite.jpg) left top no-repeat;
		height:142px;
		display:block;
		text-indent:-10000px;
	}
	
	#facebookAppLink {
		display:block;
		float:left;
		width:160px;
		height:41px;
		text-indent:-10000px;
		margin:0 0 10px 0;
		background:url(../images/elements/facebook-app-button.png) left top no-repeat;
	}
	
	.emailerPanel h5, .votePanel h5 {
		text-indent:-10000px;
		width:160px;
		height:37px;
		margin:0 0 5px 0;
		float:left;
		background:url(../images/elements/rightcol-elements.png) left -45px no-repeat;
	}
	
	.emailerPanel h5 {
		height:49px;
		background-position:left -82px;
	}
	
	.votePanel h5 {
		height:45px;
		background-position:left 0px;
	}
	
	.votePanel p {
		margin:4px 70px 0 10px;
	}
	
	.votePanel img {
		float:right;
		margin:2px 10px 0 0;
		border:1px solid #ccc;
	}
	
	.votePanel a {
		margin-left:10px;
		float:none;
	}
	
	.votePanel span {
		font-weight:bold;
		color:#1DB3B3;
	}
	
	.twitterPanel p {
		font-size:0.85em;
		line-height:120%;
	}
	
	.twitterPanel p.date {
		margin:0 0 0 12px;
		position:relative;
		float:left;
		color: #888;
		font-size: 0.8em;
	}
	
	.twitterPanel blockquote {
		padding:0;
		margin:0 0 0 4px;
		float:left;
		background:url(../images/elements/twitter-quote-bg.gif) left bottom no-repeat;
		display: inline;
		width: 157px;
	}
	
	.twitterPanel blockquote p {
		background:url(../images/elements/twitter-quote-bg-top.gif) left top no-repeat;
		padding:8px 7px 20px 12px; 
		margin:0;
		width:138px;
		overflow:hidden;
		color: #6a6055;
		font-size: 1em;
		float: left;
		display: inline;
	}


	.facebookPanel p {
		padding:0 10px 0 15px; 
		margin:0;
		overflow:hidden;
		color: #3056a6;
		font-size: 1em;
	}


	.twitterPanel blockquote p a{
		color: #6a6055;
		text-decoration: underline;
	}


	.no-touch .twitterPanel blockquote p a:hover{
		text-decoration: none;
	}

	a.btnFollowTwitter, a.btnDownloadApp{
		font-weight: bold;
		float: left;
		padding: 0 20px 5px 15px;
		margin: 10px 0 0 0;
		background:url(../images/elements/right-panel-link-bullet.gif) right top no-repeat;
	}

	a.btnDownloadApp{
	color: #3056a6;
	}

	.no-touch a.btnFollowTwitter:hover,.no-touch  a.btnDownloadApp:hover{
		text-decoration: underline;
	}
	
	.emailerPanel p {
		float:left;
		margin-left:10px;
		width:80px;
	}
	
	.winBlue {
		font-weight:bold;
		color:#1DB3B3;
	}
	
	.emailerPanel fieldset {
		float:left;
	}
	
	.emailerPanel #email {
		background-color:#FFFFFF;
		border-color:#999999 #CCCCCC #CCCCCC #999999;
		border-style:solid;
		border-width:1px;
		color:#888888;
		font-size:14px;
		font-weight:bold;
		height:25px;
		width:115px;
		margin-left:10px;
		clear:both;
		float:left;
	}
	
	.emailerPanel #sign-up {
		float:right;
		margin-right:5px;
		background:url(../images/buttons/emailer-signup-arrow.jpg) 5px 5px no-repeat;
		width:25px;
		height:25px;
		text-indent:-10000px;
		list-style-type:none;
		border:0;
		cursor:pointer;
		display:block;
	}
	
	.no-touch .emailerPanel #sign-up:hover {
		background-position:5px -25px;
	}
	
	.emailerPanel fieldset {
		margin-bottom:10px;
	}

	
	.gourmetBookSmall {
		float:left;
		background:url(../images/images/gourmet-food-book-small.jpg) left top no-repeat;
		width:54px;
		height:69px;
		text-indent:-10000px;
		display:block;
		margin-right:5px;	
	}
	
	
	.newRecipes, .newArticles {
		width:235px;
		float:left;
		margin-bottom:30px;
	}
	
	.newRecipes {
		margin-right:15px;
	}
	
	.newRecipes .articleItem, .newArticles .articleItem  {
		float:left;
		position:relative;
		width:245px;
		margin:0 0 5px -8px;
	}
	
	.newRecipes .articleItem a, .newArticles .articleItem a {
		padding:7px 3px 9px 8px;
		width:232px;
		float:left;
	}
	
	.no-touch .newRecipes .articleItem a:hover, .no-touch .newArticles .articleItem a:hover{
		background-color: #E7E0E8;
	}
	
	
	.no-touch .newArticles .recipes a:hover{
		background-color: #E7E0E8;
	}


	.no-touch .newArticles .healthyEating a:hover{
		background-color: #f0f3d5;
	}

	.no-touch .newArticles .cookingTips a:hover{
		background-color: #e5f3d8;
	}

	.no-touch .newArticles .ourFood a:hover{
		background-color: #f6d9e3;
	}

	.no-touch .newArticles .cookingWithKids a:hover{
		background-color: #fde3d2;
	}

	.no-touch .newArticles .newInStore a:hover{
		background-color: #fde3d2;
	}

	.no-touch .newArticles .blog a:hover{
		background-color: #f0f3d5;
	}

	.no-touch .newArticles .glossary a:hover{
		background-color: #d9ebf0;
	}

	.no-touch .newArticles .cuisines a:hover{
		background-color: #d3f2f0;
	}

	.no-touch .newArticles .ourFood a:hover{
		background-color: #f4d4e0;
	}


	.newRecipes .articleItem img, .newArticles .articleItem img {
		width:89px;
		margin-right:11px;
	}


	
	.newRecipes span, .newArticles span {
		float:left;
		margin:0;
		padding:0;
		font-size:0.85em;
		color:#888;
		width:130px;
	}
	
	
	.newRecipes ul li.articleItem a span.starRating{
		width: 78px !important;
	}
	
	
	.newArticles .articleItem span.section {
		text-transform:uppercase;
		padding:1px 3px;
		float:none !important;
		color:#fff;
		white-space:nowrap;
		line-height:200%;
	}
	
	.newRecipes .articleItem span.title, .newArticles .articleItem span.title, .recipePopupHolder span.title, .calendarPopupHolder span.title {
		font-weight:bold;
		font-size:1.2em;
		text-transform:none;
		line-height:100%;
		margin:0 0 6px 0;
		padding:0;
		float:none !important;
	}
	
	.newRecipes .articleItem em.tagNew, .newArticles .articleItem em.tagNew {
		position:absolute;
		text-indent:-100000px;
		top:7px;
		left:8px;
		width:35px;
		height:35px;
		background:url(../images/elements/tag-new.png) left top no-repeat;
	}
	
	#flashContainer {
		margin:0 0 0 -10px;
		position: relative;
	}
	
	
	
	.recipes .wideCol .halfCol .plain{
		float: left;
		display: inline;
		background-color: #fff;
	}
	
	
	ul.thumbListing {
		float:left;
		display: inline;
	}
	
	
	.thumbListing li {
		float:left;
		margin:0 7px 10px 0;
		border:1px solid transparent;
		width:146px;
		display: inline;
		position: relative;
	}
	
	/*.ourFood .thumbListing li 
	{position:relative;
	}
	
	.recipes .thumbListing li .thumbCaption,
	.customerRecipes .thumbListing li .thumbCaption,	
	.healthyEating .thumbListing li .thumbCaption,	
	.ourFood .thumbListing li .thumbCaption
	{
	    position:absolute;
	    bottom:3px;
	    left:0;
	    background:rgba(0, 83, 160,.7);
	    -pie-background:rgba(0, 83, 160,.7);
       	behavior: url(/javascript/PIE.htc);
        width:95%;
        color:#fff;
        padding:3px 2.5%;
	}
	
	.recipes .thumbListing li .thumbCaption
	{
	    background:rgba(137, 101, 138,.7);
	    -pie-background:rgba(137, 101, 138,.7);
       	behavior: url(/javascript/PIE.htc);
	}
	
	.recipes .thumbListing li .thumbCaption,
	.customerRecipes .thumbListing li .thumbCaption 
	{
	    bottom:0;
	}	
	
	.recipes .thumbListing li .starRatingWrapper,
	.customerRecipes .thumbListing li  .starRatingWrapper 
	{
	 position:static;   
	}
	.recipePanel .thumbListing li, .cookingTipsPanel .thumbListing li {
		background-color: #fff;
	}
	
	.recipePanel .panelContent, .cookingTipsPanel .panelContent, .ourFood .panelContent{
		padding-bottom: 0;
	}
	*/
	
	.thumbListing li.last {
		margin:0 0 10px 0;
	}
	
	.thumbListing li a {
		display:block;
		position:relative;
		float:left;
	}
	
	.thumbListing li .thumbCaption {
		padding:3px 0;
		color:#333;
		font-family: Arial, Helvetica, TescoBold;
		width:126px;
		display: block;
		font-size: 14px;
	}
	
	.email .thumbListing li .thumbCaption, .votingFormContainer .thumbListing li .thumbCaption  {
		background: url(../images/elements/thank-you-caption-trans.png) repeat 0 0;	
	}
	

/*HOMEPAGE FEATURED RECIPES CAROUSEL */


div.touchcarousel {
	width:839px;
	height:244px;
	padding:0 61px;
}

div.touchcarousel .touchcarousel-item {
	margin-right:4px;
	width:205px;
	position: relative;
}

div.touchcarousel .arrow-holder {
	border:1px solid #cccccc;
	width:54px;
	height:131px;
	top:1px;
}

div.touchcarousel .arrow-icon {
	width:35px;
	margin-left:10px;
}


div.touchcarousel .rblock {
	clear:left;
}
	
div.touchcarousel .rblock h4 {
	font-size:14px;
	color:#231f20;
	margin: 0 0 4px 0;
}


div.touchcarousel .starRatingWrapper {
	background: rgba(255,255,255,.6);
	-pie-background: rgba(255,255,255,.6);
	behavior: url(/javascript/PIE.htc);
	height:26px;
	left:0;
	width:205px;
	float: left;
}


div.touchcarousel .thumbListing li a {
	float:none;
	height:auto;
	position:static;
	color:#231f20;
}



.touchcarousel .arrow-icon.left {
	background:url(/images/_redesign2012/redesign-sprite.png) 0 -164px;
}

.touchcarousel .arrow-icon.right {
	background:url(/images/_redesign2012/redesign-sprite.png) -33px -164px;

}
.touchcarousel .arrow-icon.left:hover {
	background-position: 0 -266px;
}

.touchcarousel .arrow-icon.right:hover {
	background-position:-33px -266px;

}




.homepage-third:first-child {
	margin-left:0;

}


.homepage-third {
	color:#3a3a3c;
	background:#f7f7f7;
	width:300px;
	height:251px;
	float:left;
	display:block;
	margin: 0   0 30px  30px;
	position: relative;
}
.homepage-third-ad {
	background:none;
}

.homepage-third-inner {	
	padding: 12px 15px 0;
}


.homepage-third h4 {
	font-size: 20px;
}


.twitter-block h4{
	font-size: 15px;	
    margin-top: -10px;
}



.homepage-third h4.feat-vid-title {
	font-size:15px;
	margin: 0 0 10px 0;
}

.homepage-third .feat-vid-caps {
	font-size:11px;
	text-transform: uppercase;
	font-weight:bold;
}

.featured-video a {
	font-weight:bold;
	font-size: 13px;
}

.twitter-bg {
	background: #f7f7f7;
	width: 254px;
	height: 132px;
	padding: 17px 17px 20px 17px;
}

.twitter-bg .tweeter{
	font-size: 17px;
}

.tweeter:hover{
	text-decoration: underline !important;
}

.twitter-date {
	color:#94d5f2;
	clear:both;
}

.twitter-bg  p {
		margin:0;
}

.twitter-bg  a {
	color:#ffebae;
}


.twitter-bg h3{
	font-size: 11px;
	color: #3a3a3c!important;
	margin: 0 0 5px 0;
}

.twitter-logo  {
	font-size: 20px;
	padding: 24px 0 0 50px;
	color: white;
	position: relative;
	height: 31px;
}

.twitter-logo div {
	background: url(/images/_redesign2012/redesign-sprite.png) no-repeat -98px -180px;
	width:50px;
	height:50px;
	position: absolute;
	top:0;
	left:0;
}

.follow-title {
	margin-bottom:10px;
}




.homepage-short-third {
	height:117px;
	color:#414042;
	position: relative;
	font-size:13px;

}

.homepage-short-third a {
    position:absolute;
    width:301px;
    height:117px;
    display:block;
    top:0;
    left:0;
    background:red;
   	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
    border: 1px solid red;
    z-index:1;
}

.homepage-short-third img{
	position: absolute;
	bottom:0;
	right:0;
}

.facebook-third {
	background-image: url(/images/_redesign2012/cabbage.jpg);
	background-repeat: no-repeat;
	background-position: right 0;
}

.homepage-short-third h5 {
	font-size:16px;
}

.facebook-logo {
	background: url(/images/_redesign2012/redesign-sprite.png) no-repeat -102px -241px;
	height:37px;
	width:31px;
}

.homepage-short-third .homepage-third-inner {
	width:138px;
	padding-top:33px;
}
.facebook-third .homepage-third-inner {
	
	padding-top:12px;
}

.homepage-third-fftf .homepage-third-inner {
	width: 280px;
	}

.homepage-third-fftf .homepage-third-inner p {
	line-height: 1.3;
    margin-right:50px;
	}

.homepage-third-fftf img {
	right: 5px;
	bottom: 5px;
	}

/*----------------------------------------------------
 REDESIGN BUTTOIN STYLES 
 -------------------------------------------------*/

.tesco-button {
	font-weight: normal;
	font-family:Arial, Helvetica, TescoBold;
	line-height:24px;
	height:24px;
	font-size: 13px;
	display: inline-block;
	position: relative;``
	padding: 0 11px;
	border:1px solid #eee;
	padding: 0 8px 0 10px;
	color:#333;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	box-shadow: 0 2px 2px #bebebe;
	behavior: url(/javascript/PIE.htc);

	*display:inline;
	*padding-bottom:3px;
	padding-bottom:3px\9;
	zoom:1;

}

.tesco-button:hover {
	text-decoration: none!important;
	}

.tesco-button-large {
	font-size:16px;
	height:37px;
	line-height:37px;
	line-height:37px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	padding: 0 12px 0 14px;

	*padding-bottom:8px;
	padding-bottom:8px\9;
}


.tesco-button.blue {
	color:#fff!important;
	background: #3175ca; /* Old browsers */
	background: -moz-linear-gradient(top,  #3175ca 0%, #02579b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3175ca), color-stop(100%,#02579b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3175ca 0%,#02579b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3175ca 0%,#02579b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3175ca 0%,#02579b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #3175ca 0%,#02579b 100%); /* W3C */
	-pie-background: linear-gradient(#3175ca, #02579b); 
	behavior: url(/javascript/PIE.htc);
	border:none;
}


.tesco-button.blue:hover{
	background: #146ebf; /* Old browsers */
	background: -moz-linear-gradient(top,  #4389e1 0%, #0062b1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4389e1), color-stop(100%,#0062b1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4389e1 0%,#0062b1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4389e1 0%,#0062b1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4389e1 0%,#0062b1 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4389e1 0%,#0062b1 100%); /* W3C */
	-pie-background: linear-gradient(#4389e1, #0062b1); 
	behavior: url(/javascript/PIE.htc);
	border:none;
}

.tesco-button.golden {
	box-shadow: none;
background: #f7c245; /* Old browsers */
background: -moz-linear-gradient(top,  #f7c245 0%, #d78d0a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7c245), color-stop(100%,#d78d0a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f7c245 0%,#d78d0a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f7c245 0%,#d78d0a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f7c245 0%,#d78d0a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f7c245 0%,#d78d0a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7c245', endColorstr='#d78d0a',GradientType=0 ); /* IE6-9 */
border-color:#bc7e0f;
background-position:0 0!important;
color:#fff;
}

.tesco-button.golden:hover {
	box-shadow: none;
background: #f7c245; /* Old browsers */
background: -moz-linear-gradient(top,  #f7c858 0%, #e19f1e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7c858), color-stop(100%,#e19f1e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f7c858 0%,#e19f1e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f7c858 0%,#e19f1e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f7c858 0%,#e19f1e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f7c858 0%,#e19f1e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7c245', endColorstr='#e19f1e',GradientType=0 ); /* IE6-9 */
border-color:#bc7e0f;
color:#fff;
}





.tesco-button.silver {
	box-shadow: none;
	font-family: 'TescoBold', Arial, Helvetica, sans-serif;
	font-weight: normal;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;

	padding: 0 8px 0 10px;
	border: 1px solid #ccc;
	background: #3175ca; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 100%); /* W3C */
	-pie-background: linear-gradient(#ffffff, #f7f7f7); 
	behavior: url(/javascript/PIE.htc);
}

.tesco-button.selected {
	background:#eee;

}


.tesco-button.silver span{
	display: block;
	height: 24px;
	line-height: 24px;
	padding: 0 14px 0 0;
    background: url("../images/buttons/button-arrows.png") right 7px no-repeat;
}



.tesco-button.silver:hover span{

	background-position: right -53px;
}


.tesco-button.expand span{
    background: url("../images/buttons/button-arrows.png") right -122px no-repeat;
}


.tesco-button.expand:hover span{
    background: url("../images/buttons/button-arrows.png") right -182px no-repeat;
}


.tesco-button.open span{
    background: url("../images/buttons/button-arrows.png") right -262px no-repeat;
}


.tesco-button.open:hover span{
    background: url("../images/buttons/button-arrows.png") right -322px no-repeat;
}



.tesco-button.right {
	margin-left:15px;
	*display: block;
}


.tesco-button.left {
	margin-right:15px;
}

.tesco-button.disabled {
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.step-by-step-launch .tesco-button {
	*margin: -36px 0 0 -15px;
}


	.thankYou {
		width:965px;
	}
	
	.no-touch .email .thumbListing li a:hover .thumbCaption,.no-touch  .votingFormContainer .thumbListing li a:hover .thumbCaption {
		background-image:none;
	/*	background-color:#c81827;*/
	} 
	
	
	.thumbListing li .starRating {
		width:94px;
		float:left;
		margin:3px 3px 2px 0;
		padding:0 0 0 0 !important;
	}
	
	.thumbListing li .noRatings {
		font-size:11px ;
		color:#857f78;
		float:left;
		padding: 3px 0 0 2px;
	}
	
	
	
	#homeRecipes .thumbListing li .noRatings{
		padding: 4px 0 0 2px;	
	}
	
	/* December 2013 */
	
	#homeRecipes {
		height: 190px;
		/* height: 207px; */
		}
	
	#homeRecipes .starRatingWrapper {
		display: none;
		}
		
	/* // End December 2013 */
	
	.noSearchResultsPanel {
		background-color:#fff0f0;
		padding:12px 15px;
		border:1px solid #fcd8d8;
		margin-right:10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	
	.recipes .noSearchResultsPanel h4 {
		color:#c91222;
		font-size:1.4em;
		margin: 2px;
	}
	
	.recipes .noSearchResultsPanel p {
		margin-bottom:0;
	}
	
	.searchResultsPanel {
		background-color:#e7e0e8;
		padding:10px 15px;
		margin:0;
		width: 450px;
		display: inline;
		float: left;
	}
	


	.searchResultsPanel p {
		color:#333;
		font-size:1.2em;
		margin:0;
		font-weight:bold;
	}
	
	.searchResultsPanel p span {
		color:#89658a;
	}
	
	.top5Recipes {
		margin:20px 0 8px 0;
		font-size:1.3em;
	}
	
	.recipeDetail .relatedPanel { margin: 0 0 15px 0; width:auto; padding:15px 0;}
	.recipeDetail .relatedPanel .panelContent { padding:10px 0 ;  border-top:1px solid #ddd;}
	.relatedPanel .panelHeader { background: none !important; filter:none; float:left; height:auto; padding: 0; }
	.relatedPanel .panelHeader h3 { color:#333 !important; float:left; padding:0 0 8px 0 !important; margin:0 !important; }
	.relatedPanel .panelHeader ul {
		clear:left;
		float:left;
		position:relative;
		width:auto;
		top:1px;
	}
	
	.relatedPanel .panelHeader ul li {
		float:left;
		margin:0 2px 0 0;
	}
	
	.recipeDetail .relatedPanel .panelContent h4 {
		margin-top: 10px;
		margin-left: 0;
	}
	
	 .recipeDetail #wrapper .relatedPanel .panelContent h4 a{
		color:#333;
	}


	.relatedPanel ul#relatedNav li a {
		padding:7px 11px 4px 11px;
		height:18px;
		float:left;
		display:block;
		font-size:1em;
		font-size:15px;
		color:#888;
		border: 1px solid transparent;
		behavior: url(/javascript/PIE.htc);
		}

	.no-touch .relatedPanel ul li a:hover { cursor:pointer; }
	.relatedPanel ul#relatedNav li a.active { color:#89658A; cursor:default; border: 1px solid #dddddd;border-bottom:1px solid #fff;}
	
	 .recipeDetail #wrapper .relatedPanel .panelContent { background-color:transparent !important;  }
	 .recipeDetail #wrapper .relatedPanel .panelContent ul.previewListing{
		float: left;
		display: inline;
		width:469px;
		}
	 .recipeDetail #wrapper .relatedPanel .panelContent ul.previewListing li {
		width:146px;
		float:left;
		margin-right: 8px;
		

	}


	 .recipeDetail #wrapper .relatedPanel .panelContent ul.previewListing li img
	 {
	    width:148px;    
	    height:97px;
	 }
	 
	.recipeDetail  .panelContent .articlePreview h4 {
		float: none;
		width:auto;
		color:#333;
	}



	

.l2_5-a-day #relatedContentPanel .panelContent ul.previewListing, #relatedContentPanel .panelContent ul.previewListing li{
	width: 280px;
	float: left;
}


.l2_5-a-day #relatedContentPanel .panelContent ul.previewListing li a{
	width: 99px;
}

.l2_5-a-day #relatedContentPanel .panelContent ul.previewListing li h4, #relatedContentPanel .panelContent ul.previewListing li h4 a{
	width: 180px;
}




.halfCol #relatedContentPanel .panelContent ul li h4, .halfCol #relatedContentPanel .panelContent ul li h4 a{
	width: 146px;
}




	
	.relatedPanel .panelContent { background-color:transparent !important;padding: 18px 10px 0; border-top: 1px solid #ddd; }
	
	.relatedPanel .panelContent ul li img  
	{
	    width:89px;  
	    height:58px;
	    }
	
	
	.relatedPanel .panelContent ul li a{
	    display:inline;
	    float:left;
	    width: 89px;
		margin: 0 10px 0 0;
	}      
	
	.relatedPanel .panelContent ul li a img{
	    display:block;
	    float:left;
	}      
	


	
	.relatedPanel .panelContent ul li h4, .relatedPanel .panelContent ul li h4 a, .relatedPanel .panelContent ul li p, .relatedPanel .panelContent ul li p a{
	    float: left;
	    display: inline;
	    width: 179px;
	    margin: 0 0 0 0;
	}
	
	
	
	#relRecipesPanel ul.previewListing li a, #relCookingTipsPanel ul.previewListing li a, #relArticlesPanel ul.previewListing li a{
		width: 146px;
		margin: 0 0 0 0;
	}
	
	
	#relRecipesPanel ul.previewListing li h4, #relCookingTipsPanel ul.previewListing li h4, #relArticlesPanel ul.previewListing li h4{
		width: 146px;
	}
	
	
	
		
	/*
	#relRecipes a { color:#89658a;  } 
	.no-touch #relRecipes a:hover { color:#59365a; } 
	.no-touch #relRecipes a.active,.no-touch  #relRecipes a.active:hover { color:#89658a;} 
	
	#relCookingTips a { color:#7dc43a; } 
	.no-touch #relCookingTips a:hover { color:#47820f; } 
	#relCookingTips a.active, .no-touch #relCookingTips a.active:hover { color:#7dc43a; border-bottom:0; } 
	
	#relArticles a { color:#bb104c; } 
	.no-touch #relArticles a:hover { color:#77022b; } 
	#relArticles a.active, .no-touch #relArticles a.active:hover { color:#bb104c;  border-bottom:0; }
	
	.no-touch #relCookingTipsPanel .previewListing li:hover  { border:solid 1px #7dc43a; }
	.no-touch #relArticlesPanel .previewListing li:hover  { border:solid 1px #bb104c; }
	*/

	.cookingTips .halfCol{
		margin-bottom:30px;
	}

	.video-thumb {
		position: relative;
	}

	.video-thumb div {
		background: rgba(252,136,22,.7);	
		-pie-background: rgba(252,136,22,.7);	
		behavior: url(/javascript/PIE.htc);
		color:#fff;
		text-align: center;
		position: absolute;
		width:32px;
		height:32px;
		line-height:35px;
		bottom:0;
		left:0;
		font-size:.9em;
	}

	.ie7 .video-thumb div {
		bottom:8px;
	}

	.gridHeader h4 .count {
		color:#8d8c89;
		font-size: 14px;
		font-weight:normal;
	}


	/* Browse */
.browse .grid {
	margin:0 ;
	padding-top: 0;
}

.ingredients-filter {
	margin:0 0 20px;
}

.ingredients-filter a {
	margin-right:0;
	margin-bottom:15px;

}

.grid .isotope li {
	margin-bottom:20px;
	height:143px;
}





	.stepsList img {
		float:left;
		margin:0 15px 15px 0;
	}
	
	.stepsList {
		float:none;
		padding-right:30px;
	}
	
	.stepsList li {
		clear:left;
		line-height:160%;
	}
	
	.stepsList p {
		clear:left;
		margin:15px 0 0 0;
	}
	
	
	.group {
		float:left;
		padding:0;
		margin:0 0 40px 0;
	}
	
	.group h4 {
		color:#fff;
		margin:0 0 15px 0;
		background-color:#abc8e8;
		padding:5px;
	}
	
	.group img.country {
		float:left;
		margin:1px 5px 0 0;
	}
	
	.group div.country {
		float:left;
		padding:5px 0 15px 0;
		margin:0 0 10px 0;
		border-bottom:1px solid #eee;
	}
	
	.country p {
		margin:0 0 4px 0;
	}
	
	.group h5 {
		margin:0 0 8px 0;
		line-height:100%;
		font-size:1.2em;
	}
	
	.group h6 {
		margin:0;
		font-size:1em;
		color:#666;
		text-transform:uppercase;
	}
	
	.group .bulletList {
		padding:0 0 20px 0;
		margin:0 0 20px 0;
	}
	
	.group .bulletList li {
		background:url("../images/icons/icons.gif") no-repeat scroll left -176px transparent;
		margin:2px 0 2px 0;
		padding:0 0 0 12px;
	}
	
	.group a {
		color:#CC4402;
	}
	
	.no-touch .group a:hover {
		text-decoration:underline;
	}
	
	
	.standardPage h1, .votingFormContainer h1 {
		float:none;
		width:auto;
	}
	
	.votingFormContainer .wideCol p {
		margin-right:30px;
		line-height:150%;
	}
		
	
	.sortResults {
		float:right;
		width:250px;
		margin:0 5px 5px 0;
	}
	
	.sortResults span {
		margin-top:3px;
		margin-right:5px;
		float:left;
	}
	
	.gourmetFoodBook {
		float:left;
	}
	
	.emailForm fieldset {
		float:left;
		width:337px;
	}
	
	.emailForm {
		float:left;
		margin-left:20px;
	}
	
	
	.whatsYourFavourite h1{
		color: #176fc1 !important;
	}
	
	
	.votingForm {
		float:left;
		width:452px;
		margin:20px 0 0 0;
	}
	
	#votingFormImage {
		float:right;
		margin:20px 10px 0 0;
	}
	
	.competitionForm label, .emailForm label, .votingForm label, .cupcakeForm label {
		color:#c81827;
		font-weight:bold;
		width:80px;
		display:inline-block;
		vertical-align:middle;
	}
	
	.votingForm label, .emailForm label {
		color:#24a999;
	}
	
	
	.whatsYourFavourite .votingForm label{
		color: #176fc2;
		width: 452px;
	}
	
	.whatsYourFavourite .votingForm label span{
		display: block;
		width: 452px;
	}
	
	
	
	.whatsYourFavourite .votingForm li#submitItem input{
		border: none;
		width: 89px;
		height: 29px;
    	background:url("../images/buttons/favourite-submit.png") 0 0 no-repeat;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		font-size: 0;
		text-indent: -999999999px;
		line-height: 0;
		float: left;
		display: inline;
    }
	
	
	.competitionForm label span.formInfo, .votingForm label span.formInfo, .cupcakeForm label span.formInfo {
		color: #666;
		font-weight: normal;
		margin-top: 3px;
	}
	
	.emailForm li {
		margin:0 0 20px 0;
	}
	
	.competitionForm input, .emailForm input, .votingForm input, .cupcakeForm input {
		background-color:#FFFFFF;
		border:1px solid #CCCCCC;
		color:#888888;
		font-size:1em;
		font-weight:normal;
		padding:5px;
		width:235px;
		font-family:Arial, Helvetica, sans-serif;
		vertical-align:middle;
	}
	
	.competitionForm textarea, .votingForm textarea, .cupcakeForm textarea {
		background-color:#FFFFFF;
		border:1px solid #CCCCCC;
		color:#888888;
		font-size:1em;
		font-weight:normal;
		height:50px;
		width:265px;
		padding:5px;
		font-family:Arial, Helvetica, sans-serif;
		overflow:hidden;
	}
	
	.errorField {
		border-color:#C81827 !important;
	}
	
	.errorText {
		display:inline;
		float:left;
		font-size:0.9em;
		margin-left:82px;
		color:#C81827;
		font-weight:bold;
	}
	
	.competitionForm p.errorText, .votingForm p.errorText, .cupcakeForm p.errorText {
		background-color: #C81827;
		color: #fff;
		display: block;
		font-size: 1em;
		margin-left: 0;
		margin-right: 0;
		padding: 5px;
	}
	
	.votingForm label { width:170px; }
	.competitionForm .textareaItem label, .votingForm .textareaItem label, .cupcakeForm .textareaItem label  { vertical-align:top; }
	.votingForm input, .cupcakeForm input { width:267px; }
	.votingForm li { margin:0 0 12px 0; }
	.votingForm .errorText { float:left; margin-left:175px; clear:both; }
	.votingForm .checkboxItem { margin-top:24px; float:left; }
	.competitionForm .formInfo, .votingForm .formInfo, .cupcakeForm .formInfo { font-size:0.9em; clear:both; white-space:nowrap; float:left; margin:12px 0 0 0; }
	.competitionForm li, .cupcakeForm li { float:left; clear:both; width:478px; margin: 0 0 14px; }
	
	
	.competitionForm .checkboxItem input, .votingForm .checkboxItem input, .cupcakeForm .checkboxItem input {
		width:auto;
		height:auto;
		float:left;
		margin:0 5px 0 0;
		vertical-align:middle;
		border:none;
		padding:0;
	}
	
	.competitionForm .checkboxItem label, .votingForm .checkboxItem label, .cupcakeForm .checkboxItem label {
		color:#888888;
		font-family:Arial,Helvetica,sans-serif;
		font-size:1em;
		font-weight:normal;
		width:424px;
	}
	
	.makeLoungeLogo {
		float:right;
		margin:0 0 12px 6px;
	}
	
	
	.emailer {
		text-indent:-10000px;
		float:left;
		background:url(../images/images/emailer.jpg) left top no-repeat;
		width:186px;
		height:400px;
		margin-left:35px;
	}
	
	.emailFormText {
		position:relative;
		margin-top:12px;
		white-space:nowrap;
		float:left;
	}
	
	a.myDishAd{
		display: block;
		font-size: 0;
		text-indent: -9999em;
		width: 300px;
		height: 129px;
		background:url(../images/elements/my-dish-ad.jpg) left top no-repeat;
		float: left;
		margin: 0 0 15px 0;
	}
	
	.myDishSearchPanel {
		width:245px;
		height:116px;
		background:url(../images/elements/mydish-search-bg.jpg) left top no-repeat;
		padding:52px 0 0 55px;
		margin:0 0 15px 0;
		float:left;
	}
	
	.myDishSearchPanel h1 {
		display:none;
	}
	
	.myDishSearchPanel input {
		border:1px solid #604924;
		float:left;
		width:140px;
		padding:3px 6px;
		height:20px;
		color:#555555;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1em;
		line-height:100%;
	}
	
	.myDishSearchPanel input.btnFind {
		background: transparent url(../images/buttons/btn-find-mydish.png) no-repeat scroll 0 0;
		border: 0 none;
		width: 68px;
		height: 0px;
		padding: 27px 0 0 0;
		overflow: hidden;
		_height: 27px;
		*height: 27px;
		cursor:pointer;
		text-indent:-10000px;
		margin:0 0 0 5px;
	}
	
	.no-touch .myDishSearchPanel input.btnFind:hover {
		background-position:left -27px;
	}
	
	.weekButtons .button {
		margin:0 5px 0 0;
	}
	
	.no-touch .article .button:hover {
		text-decoration:none;
	}
	


.recipeSearch .onethird{
	margin: 15px 0 0 0 !important;
}
	
	
	
/* Real Food poll styles */

	.onethird .pollContainer{
    
    	float: left;
    	margin: 0 0 10px;
    	padding: 0 0 5px;
    	width: 160px;
	}
	
	.onethird .pollContainer h3{
		color: #00539F !important;
		margin: 0;
	}
	
	
	.onethird .pollContainer .panelHeader{
    	background-color: transparent!important;
    	height: 15px;
    	margin: 0;
    	padding: 12px 0 12px 13px;
    	width: 147px;
    	border: 0;
    	background-image: none !important;
	}
	
	.onethird .pollContainer .panelContent {
    	float: left;
    	margin: 0;
    	padding: 0 0 10px 15px;
    	width: 145px;
    	border: 0;
    	background: none;
	}
	
	.onethird .pollContainer .panelContent br{
		display: none;
	}
	
	.onethird .pollContainer span.pds-links{
		display: none !important;
	}
	
	
	.onethird .pollContainer span.pds-answer-group{
		padding: 2px 0 2px 0 !important;
	}
	
	.onethird .pollContainer .pds-vote-button {
    	background: url("../images/elements/poll-vote-btn.jpg") no-repeat top left !important;
    	border: medium none !important;
    	border-radius: 0 0 0 0 !important;
    	float: left;
    	height: 30px;
    	padding: 0 !important;
    	text-indent: -10000px;
    	width: 103px;
    	z-index:5;
    	position:static !important;
	}

	.pds-box {
		position:static !important;
	}
	
	.onethird .pollContainer .pds-vote{
		padding: 7px 0 2px 0 !important;
	}
	
	
	.onethird .pollContainer .pds-input-label{
		padding: 2px 0 0 0 !important;
	}
	
	.onethird .pollContainer .pds-total-votes{
		margin: 0 !important;
	}
	
	
	.onethird .pollContainer .pds-poll{
		width: 160px !important;
	}

	.pds-pd-link{
		clear: left !important;
	}
	
	.poll-title {
		color:#00539F;
		font-size:16px;
		background: #F7F7F7;
		padding:15px 10px 0;
		margin-bottom:0;
		margin-top: 10px;
		clear:both;
	}
	
	span.pds-links-back{
		width: 136px !important;
	}

	span.pds-links-back a{
		width: 136px !important;
	}
	

/* -------- Account and User toolbar styles ------------ */

	.accountPanel {
		float:right;
		margin:5px 0 0 0;
	
		width:400px;
	}
	
	.no-js .accountPanel{ display: none;}
	
	.loginFacebook h3, .loginTesco h3, .createNewAccount h3, .loginFacebook span.loginTitle, .loginTesco span.loginTitle, .createNewAccount span.loginTitle {
		color:#333 !important;
	}
	
	#generalLoginPrompt {
        position: absolute;
        left: 495px;
        top: 2px;
    }	
	
	span.loginTitle{
		font-size: 1.5em;
    	font-weight: bold;
    	line-height: 110%;
    	margin: 0 0 16px;
    	display: block;
	}
	
	
	.loginRegister {
		padding-top: 5px;
	}
	.loginRegister li {
		float:right;

		color:#555;
		text-shadow:0 1px 0 #fff;
	}
	
	.loginRegister li a {
		color:#176fc1;
		font-size: 13px;
	}
	
	
	.no-touch .loginRegister li a:hover {
		text-decoration:underline;
	}
	
	.loginRegister .login, .loginRegister .signOut {
		padding:0 0 0 5px;
		margin:0 0 0 5px;
		border-left:1px solid #176fc1;
	}


	.tescoLink{
		padding:0 5px 0 0;
		margin:0 5px 0 0;
		border-right:1px solid #176fc1;
	}

	.facebookLogin,
	.facebookLogout {
		float:right;
		clear:both;
		display:block;
		padding:5px 0 0 0;
		max-width:300px;
		text-align:right;
	}
		ul.loginRegister li.facebookLogin a {
			display:block;
			line-height:23px;
			color:grey;
		}
			.facebookLogin a span {
				display:block;
				float:right;
				width:23px;
				height:23px;
				margin:0 0 0 5px;
				background:url(/images/_redesign2012/redesign-sprite.png) no-repeat -691px 0;
			}
	
	
	
	
	.registerPanel {
		padding:25px 40px 25px 35px;
		background:#fff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		position:absolute;
		top:16px;
		right:-10px;
		width:260px;
		display:none;
		z-index:50;
	}


	.loginPanel {
		padding:25px 40px 25px 35px;
		background:#fff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		position:absolute;
		top:16px;
		right:-10px;
		width:260px;
		display:none;
		z-index:50;
	}
	
	
	
	.registerPanel p{
		color: #333;
	}
	
	
	
	
	#loginPanel 
	{
	    display: none;
	}
	
	#loginPanel .staticLoginPanel {
        position: absolute;
        top: 160px;
	    right: auto;
        width: 540px;
        display: none;
	}
	
	
	.customerRecipes #content .wideCol .halfCol #loginPanel{
		float: left;
		display: inline;
		
	}	
	
	.customerRecipes #content .wideCol .halfCol #loginPanel .staticLoginPanel{
		position: relative;
		top: 10px;
		right: 0;
		float: left;
		display: inline;
	}
	
	
	
	
	.registerPanel {
		right:46px;
	}
	
	.loginPanel p, .registerPanel p {
		line-height:150%;
		margin-bottom:16px;
	}
	
	.panelTitle {
		position:absolute;
		right:0;
		top:-20px;
		padding:5px 9px 5px 9px;
		background:#fff;
		-webkit-border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
		border-bottom:none;
		font-weight:bold;
		color:#7e786e;
		text-shadow:0 1px 0 #fff;
		display:block;
		font-size: 11px;
	}
	
	
	
	
	.loginFacebook {
		float:left;
		width:216px;
		padding:0 20px 0 0;
	}
	
	.loginTesco {
		width:260px;
		float:left;
		padding:0 0 0 0;
	}
	
	.loginFacebook .loginLoader {
		margin:20px 0 0 0;
		text-align:center;
	}
	
	.loginTesco .loginLoader {
		float:right;
		margin:13px 45px 0 0;
	}
	
	.loginPanel .error {
		color:#c03044;
		font-weight:bold;
	}
	
	.loginPanel .error a {
		text-decoration:underline;
		color:#c03044;
	}
	
	
	.loggedIn #loginPanel, .loggedIn .customerLoginIntro{
		display: none;
	}
	
	
	
	
	.facebookButton {
		width:203px;
		height:30px;
		display:block;
		text-indent:-10000px;
		background:url(../images/buttons/btn-connect.png) left top no-repeat;
	}
	
	.registerButton {
		width:190px;
		height:34px;
		display:block;
		text-indent:-10000px;
		background:url(../images/buttons/button-register.png) left top no-repeat;
		margin-bottom:0;
		clear:both;
		float: left;
	}
	
	.loginTesco label {
		font-weight:bold;
		color:#333;
		display:block;
		margin:0 0 3px 0;
	}
	
	.loginTesco input {
		margin:0 0 15px 0;
		padding:6px;
		border:1px solid #ddd;
		color:#555;
		display:block;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1em;
		width:240px;
	}
	
	.loginTesco .checkboxItem {
		float:left;
		margin:0 5px 0 0;
		padding:0;
		width:auto;
		font-weight:normal;
		border:none;
		padding:0;
	}
	
	.loginTesco .loginButton {
		border:none;
		width:auto;
		padding:0;
		margin:0 0 0 0;
		clear:both;
	}
	
	
	
	.facebookOption{
		float: left;
		width: 260px;
		border-top: 1px solid #e8e8e8;
		padding: 15px 0 0 0;
		margin: 20px 0 0 0;
	}
	
	
	.facebookOption p{
		color: #333;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}


	
	.facebookOption a{
		font-weight: bold;
	}


	.facebookOption a:hover{
		text-decoration: underline;
	}
	
	
	.forgotPassword {
		width:13px;
		height:13px;
		background:url(../images/icons/rb-icons.png) right -500px no-repeat;
		text-indent:-10000px;
		display:inline-block;
	}
	
	.stPopup .loginTesco {
		width:280px;
		float:none;
		padding:0;
		border:none
	}
	
	.createNewAccount {
		border-top:1px solid #ddd;
		padding-top:20px;
		clear:both;
		margin-top:20px;
		width: 550px;
		float:left;
	}
	
	.editAccountCol {
		width:495px;
		margin-right:30px;
		float:left;
		display: inline;
	}
	
	
	.accountDetails{
		float: left;
		display: inline;
		width: 495px;
		padding: 0 0 15px 0;
		border-bottom: 1px solid #e5e5e5;
	}


	.accountPhoto{
		float: left;
		display: inline;
		width: 495px;
		padding: 23px 0 10px 0;
		border-bottom: 1px solid #e5e5e5;
	}


	.accountPhotoPic{
		float: left;
		display: inline;
		background-image: url(../images/images/profile.jpg); 
		width: 30px;
		height: 30px;
		margin: 0 12px 0 0;
	}


	.customerRecipesIframe{
		padding: 0;
		margin: 0;
	}



	.customerRecipes .wideCol .halfCol .panel .panelContent ul.thumbListing li{
		height: 200px;
	}
	
	
	

	p.customerLoginIntro{
		font-size: 13px;
		color: #444;
		width: 550px;
		float: left;
		line-height: 140%;
		margin: 15px 0 10px 0;
	}


	.iframeDiv span#lbErrors{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}


	.iframeDiv span#vimageUpload{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	
	.accountPhotoUpload p#UploadedAccountImage{
		float: left;
		display: inline;
		width: 425px;
		font-size: 12px;
		font-weight: normal;
	}
	


	.accountPhotoUpload p#UploadedAccountImage a{
		color: #318aa7;
		padding: 0 0 0 3px;
	}


	.no-touch .accountPhotoUpload p#UploadedAccountImage a:hover{
		text-decoration: underline;
	}
	
	
	.iframeDiv input#imageUpload{
		border: 1px solid #ccc;
	}
	
	

	.accountPhotoPic img{
		float: left;
		display: inline;
		width: 30px;
		height: 30px;
		margin: 0;
		padding: 0;
		border: none;
	}

	
	.accountPhotoUpload{
		float: left;
		display: inline;
		width: 425px;
		margin-top: -2px;
	}

	.accountDiet{
		float: left;
		display: inline;
		width: 495px;
		padding: 23px 0 10px 0;
		border-bottom: 1px solid #e5e5e5;
		margin: 0 0 15px 0;
	}
	
	
	.accountDetails h2{
		color: #318aa7;
		font-size: 15px;
		margin: 0 0 17px 0;
		padding: 0;
	}
	
	.accountPhoto h2{
		color: #318aa7;
		font-size: 15px;
		margin: 0 0 7px 0;
		padding: 0;
	}


	.accountDiet h2{
		color: #318aa7;
		font-size: 15px;
		margin: 0 0 12px 0;
		padding: 0;
	}
	
	
	.standard h1, .linkAccountCol h4 {
		color:#318aa7;
	}
	
	.editAccountCol fieldset {
		float: left;
		display: inline;
		width: 495px;
	}
	

	.editAccountCol ol {
		float: left;
		display: inline;
		width: 495px;
	}
	
	
	
	a.uploadPhotoButton{
		float: left;
		width: 495px;
		display: inline;
		margin:  0 0 10px 0;
	}
	
	
	.editAccountCol li {
		float: left;
		display: inline;
		margin: 0 15px 10px 0;
		width: 240px;
		overflow: hidden;
	}

	.editAccountCol li.rightForm {
		margin: 0 0 10px 0;
	}

	
	.editAccountCol .dietaryPreferences {
		margin-right:0;
		width:495px;
	}
	
	.editAccountCol .custom-checkbox label, .editAccountCol .custom-radio label {
		background-image: url(../images/icons/st-radiocheckboxes.png); 
	}
	
	.editAccountCol .custom-radio label.hover, .editAccountCol .custom-radio label.checked.hover, .editAccountCol .custom-checkbox label.hover, .editAccountCol .custom-checkbox label.checked.hover  { color:#318aa7; }
	
	.editAccountCol .textInput:focus, .editAccountCol select:focus {
		border-color:#318aa7;
		color:#318aa7;
	}
	
	.editAccountCol .smallButton {
		margin:0 10px 0 0;
		float: left;
	}
	
	.linkAccountCol {
		float:left;
		display: inline;
		width:228px;
		background:#f4f8f9;
		padding:16px;
		margin:0 0 20px 0;
	}
	
	
	.linkAccountCol .smallButton{
		float: left;
		margin: 0;
	}
	
	.linkAccountCol p {
		color:#333;
		line-height:150%;
	}
	
	
	.linkAccountCol h3 {
		margin:6px 0 6px 0;
	}
	
	.linkAccountCol ul {
		background:url(../images/buttons/link-btn.png) left top no-repeat;
		height:30px;
		overflow:hidden;
	}
	
	.linkAccountCol li {
		width:90px;
		float:left;
	}
	
	.linkAccountCol li a {
		width:90px;
		height:23px;
		float:left;
		display:block;
		text-align:center;
		color:#939393;
		text-shadow:0 1px 0 #fff;
		padding:7px 0 0 0;
		font-weight:bold;
		cursor: pointer;
	}
	
	.linkAccountCol li .active {
		color:#fff;
		text-shadow:0 -1px 0 #555;
		cursor: default;
	}
	
	.linkAccountCol .accountNotLinked .active { background:url(../images/buttons/link-btn.png) left -30px no-repeat; }
	.linkAccountCol .accountLinked .active { background:url(../images/buttons/link-btn.png) -90px -30px no-repeat; }
	
	.linkAccountCol .notLinked { color:#c91932 !important; }
	.linkAccountCol .linked { color:#12a702 !important; }
	
	.trfUserToolbarContainer {
		position:fixed;
		bottom:0;
		left:0;
		width:100%;
		background:rgba(134,125,109,0.3);
		padding:7px 0 0 0;
		z-index:100;
	}
	
	.trfUserToolbar {
		width:100%;
		border-top:1px solid #867d6d;
		background: #f1eee8; /* Old browsers */
		background: -moz-linear-gradient(top, #fbf8f4 0%, #f0eee7 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbf8f4), color-stop(100%,#f0eee7)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #fbf8f4 0%,#f0eee7 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #fbf8f4 0%,#f0eee7 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, #fbf8f4 0%,#f0eee7 100%); /* IE10+ */
		background: linear-gradient(top, #fbf8f4 0%,#f0eee7 100%); /* W3C */
		position:relative;
		
	}
	
	.trfUserToolbar .toolbar {
		margin:0px auto;
		width:965px;
		height:40px;
		position:relative;
	}
	
	.toolbar ul {
		width:965px;
	}
	
	.trfUserToolbar li {
		float:left;
		padding:5px 24px;
	}
	
	.trfUserToolbar li a {
		display:block;
		float:left;
	}
	
	.trfToolbarHint {
		display:none;
		position:fixed;
		bottom:114px;
		left:30px;
		position: fixed;
		padding: 8px;
		z-index: 300;
		width:373px;
		border-radius:5px;
		overflow: visible;
		-webkit-border-radius:5px;
		pie-border-radius:5px;
		-moz-border-radius:5px;
		-pie-background:rgba(255, 255, 255, 0.6);
		behavior: url(/javascript/PIE.htc);
	
	}
	
	#toolbarHintClose {
		position:absolute;
		width:13px;
		height:13px;
		background:url(/Images/buttons/close-button-white.png) no-repeat 0 0;
		top:11px; right:11px;
		display:block;
		}
	.no-touch #toolbarHintClose:hover {
	background-position:0 -13px;
	}
	.trfToolbarHintInner h4 {
		font-size:1.45em;
		color:#fff!important;
	}
	.trfToolbarHintInner {
		width:340px;
		height:90px;
		padding: 16px;
		position:relative;
		z-index:31;
		color:#fff;
		background: transparent url(/images/mealplanner/tooltip-bg.png);
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
		border-radius:8px;
	}
	
	.trfToolbarHintInner p {
		font-weight:normal;
		font-size:1.1em;
		line-height:1.4em;
		}
	
	.trfTriangle-arrow 
	{
        background: transparent url(/images/mealplanner/tooltip-arrow.png) no-repeat center top;
        height: 27px;
        width: 30px;
        position: absolute;
        bottom: -27px;
        left: 14px;	
	}
	
	.ie6 .trfTriangle-arrow-border {display:none;}
	.ie7 .trfToolbarHintInner {	top:2px;left:2px;}
		
	.ie6 .trfTriangle-arrow, .ie7 .trfTriangle-arrow, .ie8 .trfTriangle-arrow {
		border:none;
		width:46px;
		height:33px;
		background: url(/images/elements/beigearrow.png) no-repeat 0 0;
		background-position: 0 0;
		bottom:-31px;
		behavior: url(/javascript/PIE.htc);
		-pie-background: url(/images/elements/beigearrow.png) no-repeat;
	}

	
	.userAvatar { border-right:1px solid #d0c9bd; }
	.userRecipeBinder { border-left:1px solid #fff; }
	
	.trfUserToolbar span {
		font-weight:bold;
		text-shadow:0 1px 0 #fbfaf7;
		display:block;
		float:left;
		margin:8px 0 0 0;
	}
	
	.userAvatar img {
		width:30px;
		height:30px;
		margin:0 7px 0 0;
		display:block;
		float:left;
	}
	
	.trfUserToolbar .userAvatar {
		padding-left:0;
		padding-right:36px;
	}
	
	.trfUserToolbar .userFeed {
		float:right;
		padding:5px 14px;
		margin-right:1px;
	}
	
	@-webkit-keyframes 'blink' {
		0% { background: rgba(255,255,255,0); }
		40% { background: rgba(255,255,255,1.0); }
		100% { background: rgba(255,255,255,0); }
}
	
	.trfUserToolbar .updated {
		background-color:#fff;
		-webkit-animation-direction: normal;
		-webkit-animation-duration: 4s;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-name: blink;
		-webkit-animation-timing-function: ease;
	}
	
	.trfUserToolbar .activeFeed {
		background:#fcfcfa;
		border-left:1px solid #c7c3bb;
		border-right:1px solid #c7c3bb;
		margin-right:0;
	}
	
	.trfUserToolbar .binderCount, .trfUserToolbar .mealPlanCount {
		margin:4px 7px 0 0;
		text-shadow:none;
		color:#fff !important;
		font-size:1em;
		box-shadow:0 1px 0 #fff;
		padding: 4px 10px 3px 9px;
		min-width:16px;
		text-align:center;
		position:relative;
	}
	
	.userAvatar a, .userFeed a { color:#555 !important; }
	.no-touch .userAvatar a:hover, .no-touch .userFeed a:hover { color:#111 !important; }
	.userRecipeBinder a { color:#88668a !important; }
	.no-touch .userRecipeBinder a:hover { color:#634265 !important; }
	.no-touch .userRecipeBinder a:hover .binderCount { background-color:#634265; }
	.userMealPlanner a { color:#35bdb2 !important; }
	.no-touch .userMealPlanner a:hover { color:#2da097 !important; }
	.no-touch .userMealPlanner a:hover .mealPlanCount { background-color:#2da097 !important; }
	.userFeed a { background:url(../images/icons/friend-feed-icon.png) left 5px no-repeat; padding-left:33px; padding-bottom:6px; }
	.updated a { background-position:left -30px !important; color:#d34f4f !important; }
	
	.friendFeedContainer {
		background:#ccc;
		background:rgba(134,125,109,0.3);
		padding: 7px 7px 0 7px;
		position: absolute;
		right:-7px;
		bottom:40px;
		display:none;
	}
	
	.friendFeedContainer .friendFeed, .friendFeedContainer .emptyFriendFeed {
		background:#fefdfc;
		border:1px solid #c7c3bb;
		padding:12px 20px;
		height:auto;
		width:370px;
		overflow:auto;
		position:relative;
		margin:0;
	}
	
	.friendFeedContainer .emptyFriendFeed {
		font-weight:bold;
	}
	
	.friendFeedContainer .emptyFriendFeed a {
		color: #318AA7;
	}
	
	.friendFeed li {
		display:block;
		float:none;
		padding:8px 0 8px 28px; 
		border-bottom:1px solid #efeae1;
	}
	
	.friendFeed li.lastItem {
		border-bottom:none;
	}
	
	.friendFeed a {
		display:inline !important;
		float:none !important;
		font-weight:bold;
	}
	
	.no-touch .friendFeed a:hover {
		text-decoration:underline !important;
	}
	
	.rbSaved, .rbCooked { background:url(../images/icons/rb-icons.png) left -520px no-repeat;  }
	.rbCooked { background-position:left -600px; }
	.mpSaved, .mpCreated { background:url(../images/icons/mp-icons.png) left -950px no-repeat; }
	.mpCreated { background-position:left -1030px; }
	
	.mpSaved a, .mpCreated a { color:#35bdb2 !important; }
	.rbSaved a, .rbCooked a { color:#88668a !important; }
	
	
	.headerTools{
		float: left;
		display: inline;
		position: absolute;
		top: 60px;
		right: 0;
	}
	
	ul.headerSocial{
		list-style-type: none;
		float: left;
		display: inline;
		margin: 27px 12px 0 0;
	}
	
	
	ul.headerSocial li{
		float: left;
		width: 35px;
		height: 35px;
		padding: 0 4px 0 0;
	}
	
	ul.headerSocial li a{
		width: 35px;
		height: 35px;
		display: block;
		background:url(../images/elements/header-social-icons.png) 0 0 no-repeat;
		font-size: 0;
		text-indent: -9999em;
	}

	.no-touch ul.headerSocial li.headerFacebook a:hover{ background-position: 0 -60px; }
	ul.headerSocial li.headerTwitter a{ background-position: -79px 0; }
	.no-touch ul.headerSocial li.headerTwitter a:hover{ background-position: -79px -60px; }
	ul.headerSocial li.headerYouTube a{ background-position: -159px 0; }
	.no-touch ul.headerSocial li.headerYouTube a:hover{ background-position: -159px -60px; }

	
	
	

.healthyEating .inputButton {
    background: url("../images/buttons/search-buttons.png") left -30px no-repeat;
    border: 0 none;
    cursor: pointer;
    float: right;
    height: 0;
    overflow: hidden;
    padding: 30px 0 0;
    text-indent: -10000px;
    width: 83px;
    display: block;
    height: 30px;
}


.healthyEating .siteSearch {
    background-color: #FFFFFF;
    border: 1px solid #AFBF23;
    color: #555555;
    float: left;
    font-size: 1.1em;
    font-weight: normal;
    margin: 0 5px 0 0;
    padding: 5px 5px 6px;
    width: 175px;
}


.recipes .inputButton {
    background: url("../images/buttons/search-buttons.png") left -60px no-repeat;
    border: 0 none;
    cursor: pointer;
    float: right;
    height: 0;
    overflow: hidden;
    padding: 30px 0 0;
    text-indent: -10000px;
    width: 83px;
    display: block;
    height: 30px;
}


.recipes .siteSearch {
    background-color: #FFFFFF;
    border: 1px solid #e0cfe0;
    color: #555555;
    float: left;
    font-size: 1.1em;
    font-weight: normal;
    margin: 0 5px 0 0;
    padding: 5px 5px 6px;
    width: 175px;
}


.cookingWithKids .inputButton {
    background: url("../images/buttons/search-buttons.png") 0 0 no-repeat;
    border: 0 none;
    cursor: pointer;
    float: right;
    height: 0;
    overflow: hidden;
    padding: 30px 0 0;
    text-indent: -10000px;
    width: 83px;
    display: block;
    height: 30px;
}


.cookingWithKids .siteSearch {
    background-color: #FFFFFF;
    border: 1px solid #fcc7a5;
    color: #555555;
    float: left;
    font-size: 1.1em;
    font-weight: normal;
    margin: 0 5px 0 0;
    padding: 5px 5px 6px;
    width: 175px;
}



.cookingWithKids #home_hero-title{
	line-height: 110%;
	font-size: 25px !important;
}



	
/* -------- Pagination ------------ */
	
	.newPagination {
		clear:both;
		float:left;		
		padding:10px 0;
		}
		
	.newPagination ul {
		overflow:visible;
		}
		
	.newPagination ul li {
		float:left;
		padding-right:1em;
		}
		
	.newPagination ul li a {
		text-decoration:underline;
		color:#333;
		}
	
	.newPagination .prev, .newPagination .first, .newPagination .next, .newPagination .last {
		background:url(/images/buttons/page-btn-r.gif) no-repeat right top;
		padding-right:5px;
		margin:-3px 5px 0 0;
		}
		
	.newPagination .prev span, .newPagination .first span, .newPagination .next span, .newPagination .last span {
		background:url(/images/buttons/page-btn-l.gif) no-repeat left top;
		color:#333;
		text-decoration:none;
		display:block;
		padding:1px 0 0 5px;
		height:19px;
		font-weight:bold;
		font-size:16px;
		}	
		
	.recipes .newPagination .prev span, .recipes .newPagination .first span, .recipes .newPagination .next span, .recipes .newPagination .last span {
		color:#693f6a;
	}
		
	.no-touch .newPagination .prev:hover span, .no-touch .newPagination .first:hover span, .no-touch .newPagination .next:hover span, .no-touch .newPagination .last:hover span {
		color:#000;
	}
	
	.newPagination .disabled span {
		color:#ccc;
	}
	
	.no-touch .newPagination .disabled:hover span {
		color:#ccc;
	}
		
	
/* -------- Buttons ------------ */
	
	
	.btnBuyNow {
		float:left;
	}
	
	.btnBuyNow a {
		background:url(../images/buttons/btn-buy-now.gif) left top no-repeat;
		height:30px;
		width:88px;
		text-decoration:none;
		font-weight:bold;
		display:block;
		float:left;
		text-indent:-10000px;
	}
	
	.btnBuyIngredients a {
		background:url(../images/buttons/btn-buy-ingredients.gif) left top no-repeat;
		height:30px;
		width:143px;
		text-decoration:none;
		font-weight:bold;
		display:block;
		float:left;
		text-indent:-10000px;
	}
	
	.no-touch .btnBuyNow a:hover, .btnBuyIngredients a:hover { background-position: left -30px;}
	
	.arrowLink, .button, .arrowLinkPrevious, prevPage .arrowlink {
		background:transparent url(../images/buttons/arrowlink-bg2.png) 0 0 no-repeat scroll;
		display:block;
		float:right;
		height:20px;
		text-decoration:none;
		font-weight:bold;
		margin: 3px 0 0 0;
		line-height: 20px;
	}
	
	.button {
    	float: left;
	}
	
	.arrowLink span, .button span {
		color:#89658a;
		cursor:pointer;
		display:block;
		height:20px;
		line-height: 20px;
		margin:0 22px 0 0;
		float:none !important;
	}
		
	.arrowLinkPrevious {
		background:transparent url(../images/buttons/arrowlink-previous-bg.png) 0 0 no-repeat scroll;
		display:block;
		float:right;
		height:20px;
		line-height: 20px;
		text-decoration:none;
		font-weight:bold;
		margin: 3px 10px 0 0;
	}
	
	.arrowLinkPrevious span {
		color:#89658a;
		cursor:pointer;
		display:block;
		height:20px;
		padding: 0;
		line-height: 20px;
		margin:0 0 0 22px;
		float:none !important;
	}
	
	.no-touch .arrowLink:hover span, .no-touch .button:hover span, .no-touch .arrowLinkPrevious:hover span, .no-touch .prevPage .arrowLink:hover span {
		text-decoration: underline;
	}
	
		
	.recipes .arrowLink span, .recipes .button span, .recipes .prevPage .arrowLink span, .recipe .arrowLinkPrevious span { color: #89658a;}
	.recipePanel .arrowLink span, .recipePanel .button span, .recipePanel .prevPage .arrowLink span, .recipePanel .arrowLinkPrevious span { color: #89658a !important;}
	.cookingTipsPanel .arrowLink span, .cookingTipsPanel .button span, .cookingTipsPanel .prevPage .arrowLink span, .cookingTipsPanel .arrowLinkPrevious span { color: #7dc43a !important;}
	.ourFood .arrowLink span, .ourFood .button span, .ourFood .prevPage .arrowLink span, .ourFood .arrowLinkPrevious span { color: #0053A0; }
	.cookingWithKids .arrowLink span, .cookingWithKids .button span, .cookingWithKids .prevPage .arrowLink span, .cookingWithKids .arrowLinkPrevious span{color: #f6721c;}
	.healthyEating .arrowLink span, .healthyEating .button span, .healthyEating .prevPage .arrowLink span, .healthyEating .arrowLinkPrevious span{color: #b4c42d;}
	.blog .arrowLink span, .blog .button span, .blog .prevPage .arrowLink span, .blog .arrowLinkPrevious span{	color: #b4c42d;}
	.seasonalRecipes .arrowLink span, .seasonalRecipes .button span, .seasonalRecipes .prevPage .arrowLink span, .seasonalRecipes .arrowLinkPrevious span{	color: #7dc43b;}
		
	.arrowLinkPreviousInactive {
		background:transparent url(../images/buttons/arrowLink-greyed-out.gif) no-repeat left top;
		width:75px;
		height:20px;
		text-indent:-10000px;
		margin-left:12px !important;		
		display:block;
	}
	
	.resultsPaging .arrowLinkPreviousInactive {
		margin-left:0 !important;
		margin-right:25px;
	}
	
	.arrowLinkInactive {
		background:transparent url(../images/buttons/arrowLink-greyed-out.gif) no-repeat left -20px;
		width:49px;
		height:20px;
		text-indent:-10000px;		
		display:block;
	}
	
	.articlePagination .arrowLink {
		margin-left:12px;
		margin-top:3px;
	}
	
	.btnTellUs, .btnSignUp {
		text-indent:-10000px;
		background:url(../images/buttons/btn-follow-twitter.gif) left top no-repeat;
		height:22px;
		width:147px;
		display:block;
		float:left;
		margin:7px 0 5px 5px;
	}
	
	.btnTellUs {
		background:url(../images/buttons/btn-tell-us.png) left top no-repeat;
		width:97px;
	}
	
	.btnSignUp {
		background:url(../images/buttons/btn-sign-up.png) left top no-repeat;
		width:102px;
		margin:0 0 5px 10px;
	}
	
	.no-touch .btnTellUs:hover, .no-touch .btnSignUp:hover { background-position:left -22px; }
	
	
 	.flashContainer {
		padding:0;
		margin:0;	
	}
	
	.radioLink {
		white-space:nowrap;
		float:left;
		background:url(../images/buttons/sort-buttons.png) left 5px no-repeat;
		padding-left:15px;
		margin-left:10px;
		color:#666666;
		text-decoration:none;
		font-weight:bold;
	}
	
	.no-touch .radioLink:hover {
		background:url(../images/buttons/sort-buttons.png) left -15px no-repeat;
	}
	
	.radioLinkActive {
		white-space:nowrap;
		float:left;
		background:url(../images/buttons/sort-buttons.png) left -55px no-repeat;
		padding-left:15px;
		margin-left:10px;
		color:#6a9ab4;
		text-decoration:none;
		font-weight:bold;
	}
	
	
	/*------ Search results -------*/

	.gsc-control {
		width:486px !important;
		}
	table.gsc-branding {
		width:346px;
		display:none;
		}
	input.gsc-input {
		padding:5px !important;
		color:#555;
		font-family:Arial, Helvetica, sans-serif;
		width:97% !important;
		border: 1px solid #A1CDDB !important;
	}
	td.gsc-clear-button {
		width:41px;
		}
	.gsc-resultsbox-visible {		
		line-height:1.5em;
		}
	.gsc-results .gsc-cursor-box {
		margin-top:15px;
	}
	.gsc-results .gsc-cursor-box .gsc-cursor-current-page, .gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl {
		color: #318AA7 !important;
	}
	.gs-result .gs-title, .gs-result .gs-title * {
		color:#125a81 !important;
	}
	.gsc-resultsHeader {		
		margin-bottom:15px;		
		display:none;
		}
	.gs-result .gs-title, .gs-result .gs-title * {
		color:#70132E;
		text-decoration:underline;
		}
	.gsc-results .gsc-cursor-box .gsc-trailing-more-results {
		display:none;
		}
	
	
	
	/* -------- Unordered ------------ */
	
	.btnFacebook {
		display:none;
		}
		
	.articlePreview .recipeInfo .starRating {
		background:url("../images/icons/star-rating-new.png") no-repeat scroll left top transparent !important;
		margin-left:0 ! important;
		}
		
	
	.errorSearch {
		padding:5px;
		background:#F8F4CD;
		border:solid 1px #F7D54A;
		color:#896614;
		position:absolute;
		top:5px;
		right:18px;
		
		}
	.recipeBelow {
		width:800px;
		float:left;
		overflow:hidden;
		margin-top:30px;
		}
	.recipeBelow .halfCol #disqus_thread, .disqusWrapper, .cookingTips #disqus_thread {
		width:450px;
		}
	.dsq-dc-logo {
		display:none ! important;
		}
    /*
	#disqus_thread {
		clear:both !important;
		border-top: solid 1px #ddd;
		padding: 10px 0 0 0;
		float: left;
		display: inline;
	}*/
	
	
	
	.dsq-brlink{
		display: none !important;	
	}
	
	#dsq-global-toolbar-right{
		display: inline;
	}
	
	
	.halfCol .hero {
		float:none;
		}
	
	.glossaryNavPanel {
		padding-right:0;
		}
	
	.glossaryNav {
		overflow:hidden;
		height:18px;
		}
	.fullWidth #ctl00_ContentPlaceHolder1_listingPage_ucPaging_pnlPager {
		display:block;
		overflow:hidden;
		width:800px;
		}
	.errorPage {
		float:left;
		margin-bottom:30px;
		}
		
	/* tooltip code for recipe icons */
	
	.tt{
		position:relative;
		z-index:24;
		color:#693f6a;
		font-weight:bold;
		text-decoration:none;	
	}
	.tt span.tooltip { display: none; }
	
	/*background:; ie hack, something must be changed in a for ie to execute it*/
	
		/* disable mealplan recipe time takes hover
	
	.no-touch .tt:hover{ z-index:25; color: #693f6a; background:; cursor:pointer;}
	.no-touch .tt:hover span.tooltip{
		display:block;
		position:absolute;
		top:0px; left:-87px;
		margin: 15px 0 0 0;
		width:200px;
		color: #693f6a;
		text-align: center;
		filter: alpha(opacity:90);
		KHTMLOpacity: 0.90;
		MozOpacity: 0.90;
		opacity: 0.90;	
	}

	.no-touch .tt:hover span.top{
		display: block;
		padding: 30px 8px 0;
		background: url(/images/elements/bubble.png) no-repeat top;
	}
   
	.no-touch .tt:hover span.middle{ 
		display: block;
		padding: 0 8px; 
		background: url(/images/elements/bubble_filler.png) repeat bottom; 
	}
	.no-touch .tt:hover span.bottom{
		display: block;
		padding:3px 8px 10px;
		color: #548912;
		background: url(/images/elements/bubble.png) no-repeat bottom;
	}
 */
	.recipeDetail .recipeInfo li.starRating.starRating .ratingTooltip, .ratingBoxPrint { display:none; }
	.starRating span.ratingTooltip, .ratingBoxPrint { display:none; }

    .fairyAd {
        float: left;
        padding-bottom: 20px;
    }
	
	.ratingBox  h4 {
		margin-top:0;
		}
	.sortForm {
		display:block;
		overflow:visible;
		width:100%;
		}
	.sortForm  select, .sortForm p, .sortForm input {
		float:right;
		margin:0 0 10px 15px;
		}	
	.sortForm p {
		padding-top:2px;
		}
	.sortForm input {
		margin-top:-2px;
		}
		
	.fullWidth .sortForm {
		width:771px;
		}
	.panelText strong {
		font-weight:bold;
		color:#666;
		margin-bottom:0.5em;
		display:block;
		font-size:14px;
		line-height:1.2em;
		}
	
	.mpuWrap {
		width:300px;	
		overflow:hidden;
		float:left;
		margin:0 0 15px 0;
		}
		
		
		
	.mpuWrapRight{
		float: right;
		clear: right;
		display: inline;
		padding: 0 9px 0 0;
	}	
	
	.skyWrap {
		width:160px;
		float:left;
		margin-bottom:15px;
		position:relative;
	}


/* -------- Homepage features ------------ */



	ul.homeFeatures{
		float: left;
		display: block;
		width: 660px;
		list-style-type: none;
		padding: 0 0 0 0;
		overflow: hidden;
	}


	ul.homeFeatures li{
		width: 205px;
		height: 145px;
		display: block;
		margin: 0 15px 20px 0;
		float: left;
		position: relative;
	
	}

	ul.homeFeatures li div{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		display: none;
		background: rgba(23, 111, 193, .8);
   		-pie-background: rgba(23, 111, 193, .8);
		behavior: url(/javascript/PIE.htc);
		}
	ul.homeFeatures li div span{
		padding:10px;
		color:#fff;
		font-size: 14px;
		display: block;
	}
	
	ul.homeFeatures li a{
		position: relative;
		height: 150px;
		width: 205px;
		display: block;
		float: left;
	}


	ul.homeFeatures li a h4.homeFeatureTitle{
		font-size: 14px;
		color: #176fc1;
		font-weight: bold;
		font-family: Arial,Verdana,'Sans Serif';
		width: 165px;
		line-height: 1em;
		display: block;
		padding: 10px 30px 10px 10px;
		position: absolute;
		left:0;
		top:115px;
			background: #f7f7f7;
		
	}
	
	.no-touch ul.homeFeatures li a:hover h4.homeFeatureTitle{
		
	}


	ul.homeFeatures li a img{
		width: 205px;
		padding: 0;
		max-height: 145px;
		display: block;
	}







/* -------- Grid ------------ */


.grid{
	float: left;
	display: inline;
	width: 640px;
	margin: 10px 0 0 0;
	padding: 0 0 5px 0;
}





.ourFood .halfCol .grid:first-child, .recipesLanding .halfCol .grid:first-child, .cookingTips .halfCol .grid:first-child{
	margin-top: 0;	
}




.finalGrid{
	margin: 30px 0 30px 0;
}

.grid-3 {
	border-bottom: 1px solid #d6dce2;
}



.gridHeader, .newWideTemplate .halfCol .gridHeader{
	float: left;
	display: inline;
	width: 640px;
	margin: 0 0 13px 0;
}

.panel .gridHeader {
	margin-top:30px;
}

.gridContent{
	float: left;
	display: inline;
	width: 640px;
	position: relative;

}

.gridContent.recipes-popver {
	z-index:10;
} 

.gridHeader h4{
	font-size: 26px;
	font-family: 'TescoBold', Arial, Helvetica, sans-serif;
	font-weight: normal;
}


.gridHeader p{
	font-size: 13px;
	color: #3a3a3a;
	float: left;
	display: inline;
	width: 440px;
	margin: 0 0 0 0;
}


.gridHeader .tesco-button{
	float: right;
	margin-top: -5px;
}


.cookingTips .gridHeader .tesco-button{
	margin-top: 4px;
}

.grid ul{
	float: left;
	
	width: 640px;
	width: 656px;
	list-style-type: none;
	margin: 0 0 20px 0;
}

.grid ul.last{
	border-bottom: 1px solid #e0d0e1;
	padding: 0 0 15px 0;
	margin: 0 0 0 0;
}


.finalGrid ul, .finalGrid ul.last{
	border-bottom: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}


.grid ul li{
	float: left;
	
	margin: 0 16px 0 0;
	width: 148px;
	position: relative;
}




.grid ul li.last{
	margin: 0 0 0 0;
}

.grid ul li a{
	display: block;
	float: left;
	display: inline;
	width: 148px;
	color:#3a3a3c;

}


.grid-3 ul li:first-child {
	margin: 0;
}

.grid-3 ul li {
	width:200px;
	margin:0   0 0 20px;
}

.grid-3 ul li a{
	display: block;
	float: left;
	display: inline;
	width: 200px;

}


.grid ul li a img{
	width: 146px;
	height: 98px;
	display: block;
	margin: 0 0 8px 0;
}

.grid-3 ul li a img{
	width: 200px;
	height: 122px;
	display: block;
	margin: 0 0 8px 0;
}


.grid ul li a .overlay{
	width: 148px;
	height: 97px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	background:rgba(179,126,180,.8);
	-pie-background: rgba(179,126,180,.8);
	behavior: url(/javascript/PIE.htc);
}


.grid ul li a .overlay>span{
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	position: absolute;
	left: 10px;
	bottom: 10px;
	float: left;
	display: block;
	width: 128px;
}



.grid ul li a h4,
.grid ul li  h4 {
	color: #3a3a3c;
	font-size: 14px;
	font-family: 'TescoBold', Arial, Helvetica, sans-serif;
	font-weight: normal;
	float: left;
	display: inline;
	width: 148px;
}

.recipesLanding .thumbListing h4 {
	color: #3a3a3c;
}

.grid ul li a h4 span{
	color: #8d8c89;
	padding-left:4px;
	font-family: 'TescoRegular', Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.gridContent li p {
	clear:both;
	font-size:13px;
}


.gridPopup{
	float: left;
	display: none;
	width: 588px;
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #ccc;
	padding: 15px 20px 42px 30px;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f7f7f7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f7f7f7 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f7f7f7 100%); /* W3C */
	-pie-background: linear-gradient(#ffffff, #f7f7f7); 
	behavior: url(/javascript/PIE.htc);
}


.gridPopup ul{
	float: left;
	display: inline;
	width: 510px;
	list-style-type: none;
	margin: 0;
}


.gridPopup ul li{
	float: left;
	display: inline;
	width: 145px;
	padding: 10px 0 10px 0;
	margin: 0 25px 0 0;
	border-top: 1px solid #e4e4e4;
}

.gridPopup ul li.first-row {
	border-top:none;
}

.gridPopup ul li.last{
	border-bottom: none;
	margin: 0 25px 0 0;
}


.gridPopup ul li a{
	font-size: 13px;
	color: #ad81ae;
	font-family: 'TescoRegular', Arial, Helvetica, sans-serif;
	font-weight: normal;
}


.gridPopup ul li a:hover{
	color: #7c4c7d;
}


#gridPopupRecipeCollectionsButton, #gridPopupRecipeCuisineButton, #gridPopupRecipeCourseButton{
	display: none;
}


.popupMore{
	font-size: 13px;
	color: #ad81ae;
	font-family: 'TescoBold', Arial, Helvetica, sans-serif;
	font-weight: normal;
    background: url("../images/buttons/button-arrows.png") right 8px no-repeat;
    padding: 0 12px 0 0;
    position: absolute;
    bottom: 15px;
    right: 20px;
    height: 24px;
    line-height: 24px;
}

.popupMore:hover{
	color: #7c4c7d;
	background-position: right -52px;
}



/*RECIPES PAGE INGREDIENTS CAROUSEL */


div.ingredients-carousel {
	width:530px;
	height:66px;
	padding:0;
	clear:both;
	margin: 0 0 3px 0;
}
div.ingredients-carousel > div{
	padding:0 55px;

}
div.ingredients-carousel .touchcarousel-item {
	margin-right:4px;
	width:79px;
	border:1px solid #ccc;
	border-right:none;
	width:auto;
	height:auto;
	position: relative;
	margin-right: 0;
}

div.ingredients-carousel li.touchcarousel-item a {
	width:auto;
	height:auto;
	height:64px;
	width:79px;
	display: block;
	position: relative;
	background: url(/images/_redesign2012/ingredients-sprite.jpg) no-repeat 0 0;

}
div.ingredients-carousel .touchcarousel-item div {
	position: absolute;
	bottom:0;
	left:0;
	width:80%;
	padding: 2px 10%;
	text-align: center;
	
	color:#ad81ae;
	font-size:12px;
}
div.ingredients-carousel .touchcarousel-item img {

	margin:0;
	display: block;
}

div.ingredients-carousel .arrow-holder {
	width: 54px;
	height: 64px;
	top: 0px;
}

div.ingredients-carousel .arrow-icon {
	width:35px;
	margin-left:10px;
}


.ingredients-carousel .arrow-icon.left {
	background:url(/images/_redesign2012/redesign-sprite.png) -173px -164px;
}

.ingredients-carousel .arrow-icon.right {
	background:url(/images/_redesign2012/redesign-sprite.png) -209px -164px;

}
.ingredients-carousel .arrow-icon.left:hover {
	background-position: -173px -266px;
}

.ingredients-carousel .arrow-icon.right:hover {
	background-position: -209px -266px;

}

.ingredient1 {
		background-position: 8px 1px!important;
}

.ingredient2 {
		background-position: -75px 1px!important;
}

.ingredient3 {
		background-position: -158px 1px!important;
}

.ingredient4 {
		background-position: -241px 1px!important;
}

.ingredient5 {
		background-position: -320px 1px!important;
}

.ingredient6{
		background-position: -407px 1px!important;
}


.ingredient7{
		background-position: -488px 1px!important;
}

.ingredient8{
		background-position: -574px 1px!important;
}

.ingredient9{
		background-position: -651px 1px!important;
}
.ingredient10{
		background-position: -725px 1px!important;
}

.ingredient11 {
		background-position: -807px 1px!important;
}

.ingredient12 {
		background-position: -890px 1px!important;
}

.ingredient13 {
		background-position: -977px 1px!important;
}

.ingredient14 {
		background-position: -981px 1px!important;
}



.no-js div.ingredients-carousel > div {
	padding:0;
}

.no-js div.ingredients-carousel {
		width:auto;
		height:auto;
	}

.no-js .gridHeader .tesco-button {
	display: none!important;
}



/* -------- shopPromo ------------ */



.shopPromo{
	float: left;
	display: inline;
	background: #176fc1 url(../images/elements/click-buy-background.png) 0 0 no-repeat;
	width: 300px;
	height: 203px;
	position: relative;
	margin: 0 0 15px 0;
}


.shopPromo h4{
	color: #fff;
	font-size: 20px;
	font-family: 'TescoBold', Arial, Helvetica, sans-serif;
	font-weight: normal;
	position: absolute;
	top: 15px;
	left: 20px;
}


.shopPromo p{
	color: #d1e1f0;
	font-size: 14px;
	font-family: 'TescoRegular', Arial, Helvetica, sans-serif;
	font-weight: normal;
	position: absolute;
	top: 55px;
	left: 130px;
	float: left;
	display: inline;
	width: 160px;
	line-height: 140%;
}



.shopPromo p a, .shopPromo a.shopPromoLink{
	color: #fff;
	font-size: 14px;
	font-family: 'TescoBold', Arial, Helvetica, sans-serif;
	font-weight: normal;
}


.shopPromo p a:hover, .shopPromo a.shopPromoLink:hover{
	text-decoration: underline;
}



.shopPromo a.shopPromoLink{
	top: 163px;
	left: 130px;
	position: absolute;
}


.onethird  .shopPromo{
	float: none;
	display: block;
	width: 160px;
	position: relative;
	background-position: -322px 0;
	}

.twothirds  .shopPromo{
	height:215px;
}

.mealPlanner .onethird .shopPromo
{
    margin-top:26px;
}

body.l2_create-meal-plan .onethird .shopPromo
{
    margin-top:0px;
}

.mealPlannerLanding .onethird .shopPromo
{
    margin-top:0px;
}

.onethird .shopPromo h4{
	color: #fff!important;
	font-size: 17px;
	position: static;
	padding-top: 10px;
	margin: 0 0 0 10px !important;
}


.onethird .shopPromo p{
	top: 38px;
	left: 10px;
	width: 90px;
	line-height: 130%;
}


.onethird .shopPromo p a, .onethird .shopPromo a.shopPromoLink{
	color: #fff;
	font-size: 14px;
	font-family: 'TescoBold', Arial, Helvetica, sans-serif;
	font-weight: normal;
}


.onethird .shopPromo p a:hover, .onethird .shopPromo a.shopPromoLink:hover{
	text-decoration: underline;
}



.onethird .shopPromo a.shopPromoLink{
	top: 156px;
	left: 10px;
	position: absolute;
	width:67px;
}






/* -------- videoPromo ------------ */


.videoPromo{
	float: left;
	display: inline;
	width: 300px;
	position: relative;
	margin: 0 0 15px 0;
}


.videoPromo a{
	float: left;
	display: block;
	width: 300px;
	height: 169px;
}


.videoPromo img{
	float: left;
	display: block;
	width: 300px;
	height: 169px;
}



.videoPromo a span.playButton{
	display: block;
	width: 69px;
	height: 63px;
	position: absolute;
	top: 106px;
	left: 0;
	background: url(../images/buttons/video-play.png) 0 0 no-repeat;		
}


.videoPromo a:hover span.playButton{
	background-position: 0 -63px;
}


.videoPromo .details{
	float: left;
	display: inline;
	background-color: #f7f7f7;
	width: 270px;
	padding: 13px 15px 20px 15px;
}


.videoPromo .details span{
	text-transform: uppercase;
	font-size: 11px;
	color: #3a3a3c;
	/*font-family: 'TescoBold', Arial, Helvetica, sans-serif;
	font-weight: normal;*/
	font-weight:bold;
	float: left;
	display: inline;
	width: 270px;
	margin: 0 0 0 0;
}


.videoPromo .details h4{
	font-size: 20px;
	color: #3a3a3c;
	font-weight:bold;
	float: left;
	display: inline;
	width: 270px;
	margin: 0 0 7px 0;
}



.videoPromo a.allVideos{
	color: #176fc1;
	font-size: 13px;
	
	font-weight: bold;
	width: 270px;
	height: auto;
}


.videoPromo a.allVideos:hover{
	text-decoration: underline;
}




/* -------- sideboxes  ------------ */


.sidebox{
	float: left;
	display: inline;
	width: 300px;
	position: relative;
	margin: 0 0 15px 0;
}


.sidebox img{
	float: left;
	display: inline;
	width: 300px;
}



.sidebox .details{
	float: left;
	display: inline;
	background-color: #f7f7f7;
	width: 270px;
	padding: 13px 15px 20px 15px;
}


.sidebox .details h4{
	font-size: 20px;
	color: #176fc1;
	font-family: 'TescoBold', Arial, Helvetica, sans-serif;
	font-weight: normal;
	float: left;
	display: inline;
	width: 270px;
	margin: 0 0 7px 0;
}


.sidebox .details p{
	float: left;
	display: inline;
	color: #3a3a3c;
	font-size: 13px;
	width: 270px;
}


.sidebox fieldset{
	float: left;
	display: inline;
	border: none;
	width: 270px;
	height: 34px;
}


.sidebox fieldset span{
	float: left;
	display: block;
	height: 34px;
	width: 30px;
	background: url(../images/images/cooking-kids-search-icon.png) 0 0 no-repeat;		

}

/* -------- Cooking with kids promo ------------ */


.cookingKids fieldset .cookingKidsSearch{
	float: left;
	display: inline;
	width: 168px;
	background-color: #fff;
	border-right: none;
	border-top: 1px solid #c1c1c1;
	border-bottom: 1px solid #c1c1c1;
	border-left: none;
	height: 32px;
	line-height: 1;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-size: 13px;
	color: #666;
	outline: none;
	-moz-border-radius: 0;
	-webkit-border-radius:0;
	border-radius: 0;
	border-radius: 4px;
 }


.ie7 .sidebox fieldset .cookingKidsSearch, .ie8 .sidebox fieldset .cookingKidsSearch, .ie9 .sidebox fieldset .cookingKidsSearch{
	line-height: 32px;
}

.sidebox fieldset .cookingKidsSearch:active, .sidebox fieldset .cookingKidsSearch:focus{
	color: #000;
}


.sidebox fieldset .cookingKidsSubmit{
	float: left;
	display: block;
	width: 72px;
	height: 34px;
	cursor: pointer;
	font-size: 0;
	border: none;
	text-indent: -9999999999999999px;
	background: url(../images/buttons/cooking-kids-search.png) 0 0 no-repeat;
	line-height: 0;
	color: #1764b0;		
}



.sidebox fieldset .cookingKidsSubmit:hover{
	background: url(../images/buttons/cooking-kids-search.png) 0 -34px no-repeat;		
}



/* -------- receipUpload box ------------ */

.recipeUpload {
	position: relative;
}

.recipeUpload .details p, 
.recipeUpload div div, 
.recipeUpload h4
{
	display: block;
	width:180px;
}
.recipeUpload img {
	float:none;
	position: absolute;
	width:auto;
	bottom:0;
	right:0;
	display: block;
}

/* -------- Glossary ------------ */

	
	.sidebox.glossaryPanel .details {
		padding-top:17px;

	}
	.sidebox.glossaryPanel .details h4 {
		text-transform: uppercase;
		font-size: 11px;
		color:#3a3a3c;
		font-family: Arial, Helvetica, TescoBold;
	}

	.term { 
		color:#176fc1;
		font-family: Arial, Helvetica, TescoBold;
		font-size:20px;
		margin-bottom:14px;

	}

	.term i {
		font-family: TescoItalic; 
		font-style: normal;
		padding-left:10px;
	}

	.glossaryPanel p {
		line-height: 17px;
		margin-bottom: 16px;
		float:none!important;
		display: block!important;
	}
	.glossaryPanel .tesco-button {

	}

	.glossaryPanel a {
		color:#176fc1;
		font-family: Arial, Helvetica, TescoBold;
	}







/* -------- Homepage hero ------------ */


/*


	.homeHeroWrapper{
		float: left;
		display: inline;
		width: 965px;
		height: 331px;
		position: relative;
		margin: 0 0 10px 0;
	}


	#homeHero{
		float: left;
		display: inline;
		width: 664px;
		height: 331px;
	}

	#homeHero .item{
		float: left;
		display: inline;
		width: 664px;
		height: 331px;
		border-right: 1px solid #fff;
	}


	#homeHero .item .info{
		position:absolute;
		bottom:10px;
		left:15px;
		height:97px;
		width: 633px;
		background: url("../images/images/home-hero-info-back.png") 0 0 no-repeat;
	}

	#homeHero .item .info h2{
		font-size:2.3em;
		color:#000;
		padding:10px 10px 1px 13px;
		margin:0;
		overflow:hidden;
		font-weight: bold;
	}

	.no-touch #homeHero .item .info h2 a:hover, #homeHero .info h2 a.hover{
		text-decoration: none;
	}

	#homeHero .item .info p{
		padding:0 15px 0 15px;
		margin: 0;
		color:#222;
		font-size: 1.15em;
		line-height: 21px;
	}

	#homeHero .item .info a{
		text-decoration:none;
		color:#383530;
	}
	
	
	#homeHero .item a.homeHeroMore{
		color: #1a83a5;
		font-weight: bold;
		padding: 0 22px 0 0;
		background: url("../images/buttons/arrowlink-bg2.png") right -840px no-repeat;
		display: inline-block;
		height: 20px;
		line-height: 20px
	}


	.no-touch #homeHero .item a.homeHeroMore:hover, #homeHero .item a.hover{
		text-decoration: underline;
		background-position: right -864px;
	}
	
	

	#homeHero .item .info.hover{
		cursor:pointer;
	}



	ul#homeHeroNavigation{
		list-style:none;
		padding:0;
		margin:0;
		width:300px;
		height: 331px;
		float: right;
		display: inline;
		background-color: #f8f6eb;
	}
	
	ul#homeHeroNavigation li{
		float: left;
		display: inline;
		width: 300px;
		height: 82px;
		border-bottom: 1px solid #fff;
		background-color: #F8F6EB;
	}
	
	ul#homeHeroNavigation li.last{
		border-bottom: none;
	}


	ul#homeHeroNavigation li a{
		float: left;
		display: inline;
		width: 280px;
		height: 62px;
		background-color: #F8F6EB;
		padding: 10px;
		display: block;
	}


	ul#homeHeroNavigation li.active a{
		background-color: #aea391;
	}



	ul#homeHeroNavigation li a img{
		float: left;
		display: inline;
		height: 98px;
		height: 64px;
		padding: 0 10px 0 0;
		filter: alpha(opacity=80);
		opacity: 0.80;
		-webkit-transition: opacity 200ms ease-in-out;
		-moz-transition: opacity 200ms ease-in-out;
		-o-transition: opacity 200ms ease-in-out;
		transition: opacity 200ms ease-in-out;
	}

	
	.no-touch ul#homeHeroNavigation li a:hover img, ul#homeHeroNavigation li.active a img{
		filter: alpha(opacity=99);
		opacity: 0.99;
	}


	ul#homeHeroNavigation li a span{
		float: left;
		display: inline;
		color: #756e63;
		font-weight: bold;
		font-size: 1.25em;
		width: 165px;
		line-height: 140%;
		padding: 5px 0 0 0;
		-webkit-transition: all 200ms ease-in-out;
		-moz-transition: all 200ms ease-in-out;
		-o-transition: all 200ms ease-in-out;
		transition: all 200ms ease-in-out;
	}


	.no-touch ul#homeHeroNavigation li a:hover span{
		color: #302d28;
	}

	ul#homeHeroNavigation li.active a span, .no-touch ul#homeHeroNavigation li.active a:hover span{
		color: #fff;
	}	

	ul#homeHeroNavigation li.active a {
		cursor: default;
	}

	*/

/* HOMEPAGE HERO CAROUSEL */


#home_hero_banner_nav{
background: url(/images/_redesign2012/banner_arrow.gif) no-repeat center center;
width: 100%;
height: 470px;
}

#home_hero_banner_nav_inner{
max-width: 1150px;
min-width: 960px;
margin: 0 auto;
overflow: hidden;
}

#home_hero_banner_nav_prev{
float: left;
width: 95px;
height: 80px;
cursor: pointer;
margin: 195px 0 0 0;
}

#home_hero_banner_nav_next{
float: right;
width: 95px;
height: 80px;
cursor: pointer;
margin: 195px 0 0 0;
}

/* Banner area
--------------------------------------*/
#home_hero_banner{
width: 965px;
height: 470px;
margin-top: -485px;
font-size: 0%;
line-height: 100%;
position: relative;
overflow: hidden;
}



/* Hero search
--------------------------------------*/

.heroSearch{
	width: 265px;
height: 307px;
padding: 0 20px 0 20px;
	position: absolute;
	right: 0;
	top: 0;
	overflow: hidden;
	background-color: #f7f7f7;
}


.heroSearch h2{
	color: #176fc1;
	font-size: 26px;
	font-family: 'TescoBold', Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 28px 0 10px 0;
	/* margin: 18px 0 10px 0; */
}


.heroSearch {
	font-size: 13px;

}

.heroSearch input[type="text"] {
	width:236px;
	padding:6px 10px;
	border:1px solid #cccccc;
}

.heroSearch select {
	padding:6px 10px;

}

.heroSearch .tesco-button.right{
	margin-left: 15px !important;
}

.heroSearch .checkboxes {
	width: 262px;
	}

.form-item {
	margin:0 0 10px;
	clear:both;
}

.form-item.left {
	width:126px;
	clear:none;
}

.form-item.left input,
.form-item.left select {
	width:101px;
	box-sizing: content-box;
	margin:0;
}

.form-item.leftest {
	margin-right:10px;
}

.heroSearch label {
	display: block;
	margin-bottom: 2px;
	color:#333333;

}

.heroSearch .checkboxesLeft{
	float: left;
	width: 133px;
}


.heroSearch .checkboxesLeft .checkbox label {	
	width:133px;
	line-height: 18px;
	cursor: pointer;
	font-size: 12px;
}



.heroSearch .checkboxesRight{
	float: left;
	width: 160px;
}


.heroSearch .checkboxesRight .checkbox label {	
	width:160px;
	line-height: 18px;
	cursor: pointer;
	font-size: 12px;
}


.heroSearch .checkbox, .heroSearch .checkbox input
 {
	float:left;
	clear:left;
}



.heroSearch .tesco-button, .header-search-overlay .tesco-button  {
	margin-right:0;
	/*margin-top:-26px;*/
	*padding-bottom:3px;
	*margin-top: 0; /*IE7*/
	*display: block;/*IE7*/
	*float:none;/*IE7*/
}
.header-search-overlay .tesco-button  {
	*float:right;/*IE7*/
	}

.checkboxes {
	padding-top: 5px;
	float: left;
	overflow: visible;
	width: 300px;
	margin: 0 0 0 0;
}

.radio-cont {
	padding-top:20px;
	overflow:hidden;
}

.radio-cont label {display: inline;}


.radio-cont label.list {
	clear: none; 
	margin:0 10px 0 0;
	cursor: pointer;
}










/* Main banner
--------------------------------------*/
.home_hero_cont {
	position: absolute;
	overflow:hidden;
	width: 965px;
}

.home_hero_banner_wrap{
overflow: hidden;
height:307px;
}




.home_hero_banner_inner{
width:8640px;
height: 470px;
position: relative;
}

.home_hero_banner_item{
position: relative;
float: left;
display: block;
max-width:549px;
width: 960px;
height: 470px;
}


.home_hero_summary  
{
    max-width:467px; 
}

#home_hero_banner_loading{
position: absolute;
z-index: 100;
top:0;
left:0;
background: #fff url(/images/_redesign2012/hero-loading.gif) no-repeat 50% 50%;
width:965px;
height:307px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;

  opacity: 0.8;
}

/* Thumbs banner
--------------------------------------*/
.home_hero_banner_thumbs{
width: 960px;
height: 115px;
overflow: hidden;
font-size: 0%;
line-height: 100%;
padding: 0 0 0 0;
position: relative;
}

.home_hero_banner_thumbs a{
width: 106px;

}

.home_hero_banner_thumb{
width: 106px;
float: left;
margin-left: 16px;
padding-top: 9px;
}

.home_hero_banner_thumb:first-child{
position: relative;
float: left;
margin-left: 0;
}

.home_hero_banner_thumb a{
position: relative;
display: block;
}

.home_hero_banner_thumb_current{
position: absolute;
top: -9px;
width: 106px;
height: 38px;
overflow: hidden;
cursor: pointer;
}

.home_hero_banner_thumb_current img{
position: absolute;
top: 38px;
}



.first_thumb .home_hero_banner_thumb_current img{
top: 0;
}
	
.home_hero_banner_thumb a{
outline: none;
padding-top:12px;
}








#home_hero_banner {
	overflow:visible!important;
}

.home_hero_banner_wrap  {
	overflow:visible!important;

}

#home_hero {
	width:965px;
	height:auto;
	position: relative;
	clear: left;
	margin: 0 0 15px 0;
}

.home #home_hero{
	margin: 0 0 15px 0;
}

#home_hero_banner {
	height:307px;
}

.home_hero_banner_item {
	-webkit-transition: opacity .15s ease-in-out;
		-moz-transition: opacity .15s ease-in-out;
		-o-transition:opacity .15s ease-in-out;
}

.home_hero_banner_item  img{
	height:auto;
	height:307px;
	display: block;
}


.home_hero_banner_item {
		width:auto!important;
	height:307px!important;
}

a.youtube {
	display: block;
	position:relative;
}

.youtube-iframe {
	position: absolute;
	display: none;
	z-index:1;
	left:0;
}

.youtube img {
	display: block;
}

.youtube div, .youtube span {
	position: absolute;

	bottom:0;
	left:0;
	width: 69px;
	height: 63px;
	display:block;
	background: url(../images/buttons/video-play-orange.png) 0 0 no-repeat;
}

/* Overlay */
.youtube div.overlay {
	margin-left: 69px;
	width: 321px;
	background: #58585A;
	background: rgba(90,90,90,0.8);
	}
	
.youtube div.overlay h3 {
	color: white;
	font-weight: bold;
	font-size: 16px;
	padding: 23px 20px 24px 20px;
	height: 16px;
	width: 100%;
	background: transparent;
	}
	
.home .youtube div,
.home .youtube span {
		background: url(../images/buttons/video-play.png) 0 0 no-repeat;
}

.pane {
	height:307px;
	background:rgba(255,255,255,.8);
	-pie-background: rgba(255,255,255,.8);
	behavior: url(/javascript/PIE.htc);
	max-width:236px;
	
	position:absolute;
	z-index:19;
	top:0px;
	-webkit-transition:width .3s ease;
	-moz-transition:width .3s ease;
	-o-transition:width .3s ease;
	-ms-transition:width .3s ease;
	transition:width .3s ease;
}

.rightPane{
	right:0px;
}
.leftPane{
	left:0;
}

.home_hero-text {
	width:194px;
	background:#58585a;
	position:absolute;
	top:0;left:0;
	z-index:11;
	display:block!important;
	line-height:1.5em;
}
#home_hero-text>div {
	padding:18px;
	font-size:100%!important;
	color:#fff;
	height:271px;
	position:relative;
}
#home_hero-text {
	font-size:14px;
	color:#fff;
}

#home_hero-title, #home_hero-para {
	margin-bottom:15px;
}

#home_hero-para {
	font-size:14px;
	line-height:1.2em;
}

#home_hero_banner {
	font-size:100%;
}


#home_hero_banner_nav {
background: url(/images/_redesign2012/banner_arrow.gif) no-repeat center center;
}

#home_hero_banner_nav{
background:none;
width: 100%;
height: 40px;
position:absolute;
bottom:5px;
left:15px;
}

#home_hero_banner_nav_inner{
max-width: 1150px;
min-width:0;
margin: 0;
overflow: visible;
}

#home_hero_banner_nav_prev{
background: url(/images/_redesign2012/controls.png) 0px 0;
float: left;
width: 20px;
height: 30px;
cursor: pointer;
margin:  0;
}

#home_hero_banner_nav_next{
background: url(/images/_redesign2012/controls.png) -34px 0;
float: left;
width: 20px;
height: 30px;
cursor: pointer;
margin:  0 0 0 10px;
}

#number {float:left; height:30px; padding-top:10px; padding-left:10px; font-size:18px;}



.home_hero_banner_thumbs {
	height:0;

/*	height:200px!important;*/
}	
.home_hero_banner_thumb {
	width:148px;
	margin-top:-10px;
	margin-left: 14px;
	
}


.home_hero_banner_thumb:first-child img{
	top:0px;
}

.home_hero_banner_thumb img{
	top:105px;
}

.home_thumb_image {

	width:148px;
}

.thumb-caption {
	position: absolute;
	background: #58585A;
	width: 138px;
	padding: 5px;
	height: 37px;
	font-size: 12px;
	font-weight: bold;
	color: white;
	z-index: 1;
	display: block;
	top: 95px;
	left:0;
	line-height: 1em;
}

.home_hero_banner_thumb_current {
	width:148px;
	position: absolute;
top: 0px;
height: 95px;
overflow: hidden;
cursor: pointer;
 
}

#home_hero_banner {
	margin:0;
	height:auto!important;
}

.home_hero_banner_inner {
	height:307px;
	height:auto;
	margin-left:193px;
}


.no-js #home_hero_banner_loading,
.no-js #home_hero_banner_nav_inner,
 .no-js #home_hero-text {display: none!important;}
.no-js .home_hero_banner_inner {margin-left:0;}
.no-js .home_hero_cont {overflow: auto;}
.no-js #home_hero_banner_top {margin-bottom:10px;}


.no-js #homeRecipes {
	width:100%;
	padding:0;
}
.no-js #homeRecipes .touchcarousel-container {
	width: 2000px;
}
.no-js #homeRecipes .touchcarousel-container  .touchcarousel-item {
	margin-right: 46px;
}


	.seasonalIntro{
		clear: left;
    	float: left;
    	width: 478px;
	}
	
	
	.seasonalIntro p{
		color: #666;
		line-height: 155%;
		font-size: 13px;
		margin: 0 0 10px 0;
	}
	
	
	.seasonalIntro p strong{
		color: #444;
	}
	
	.seasonalIntro p a{
		color: #7dc43b;
	}
	
	.no-touch .seasonalIntro p a:hover{
		text-decoration: underline;
	}

	
	.seasonalIntro img{
		float: right;
		display: block;
		margin: 0 0 0 10px;
	}
	


	.seasonalRecipes .articleListing h3{
		color: #7dc43a;
		font-size: 22px;
		margin: 25px 0 10px 0;
	}


	.seasonalRecipes .articleListing .articleItem{
		padding: 5px 0 5px 0;
		margin: 0;
	}


	.seasonalRecipes .articleItem .articlePreview{
		float: left;
		display: inline;
		width: 315px;
		margin: 13px 0 0 17px;
	}

	.seasonalRecipes .articleItem .articlePreview h4{
		font-size: 15.5px;
		margin: 0 0 8px 0;	
	}

	.seasonalRecipes .articleItem .articlePreview p{
		font-size: 13px;
		margin: 0 0 7px 0;
		line-height: 150%;
	}


	.seasonalRecipes .articleListing .crossrule{
		display: block;
		margin: 0;
		padding: 0; 
	}



	
.compText p{
    line-height: 140%;
    margin: 0 0 12px;
    padding: 0 30px 0 0;	
}


	
ul.likeButtons{
	float: left;
	display: inline;
	width: 350px;
	height: 24px;
	line-height: 24px;
	list-style-type: none;
	margin: 5px 0 0 0;
}


ul.likeButtons li{
	display: inline;
	float: left;
}


ul.likeButtons li.facebook, ul.likeButtons li.facebook .fb-like{
	width: 90px !important;
	height: 24px;
}

ul.likeButtons li.twitter{
	width: 110px !important;
	height: 24px;
}

ul.likeButtons li.google{
	width: 70px !important;
	padding: 3px 0 0 0;
	height: 24px;
}



ul.likeButtons li.googleShare{
	padding: 3px 0 0 0;
}



a.rssSubscribe{
	font-size: 12px;
	color: #ED1C24;
	float: right;
	display: block;
	padding: 2px 20px 0 0;
	background: url("../images/icons/rss.png") right 0px no-repeat;
	height: 15px;
	line-height: 15px;
	margin: 8px 2px 0 0;
}

.no-touch a.rssSubscribe:hover{
	text-decoration: underline;
}


#magazineHidden{
	display: none;
}

	
	
.magCover{
	float: left;
	display: inline;
	width: 447px;
	/* August 9th 
	height: 616px;
	*/
	padding: 0 20px 0 0;
}


ul.magButtons{
	float: left;
	display: inline;
	width: 277px;
	list-style-type: none;
	overflow: hidden;
}


ul.magButtons li{
	float: left;
	display: inline;
	width: 243px;
	height: 47px;
	margin: 0 0 15px 0;
}


ul.magButtons li a{
	width: 259px;
	height: 47px;
	display: block;
	line-height: 47px;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	padding: 0 0 0 18px;
}



.magazineVideo{
	float: left;
	display: inline;
	margin: 0 0 20px 0;
	width: 285px;
	height: 160px;
}


.no-touch ul.magButtons li a:hover{
	color: #e7dce7;
}



ul.magButtons li.magPdf{
	background: url("../images/images/mag-pdf2.gif") center right no-repeat;	
}


ul.magButtons li.magRead{
	background: url("../images/images/mag-read2.gif") center right no-repeat;	
}


.magazine h1{
	color: #89658a;
}

/* for Mealplan MPU on whats-in-season page */
.magazine .mpMpu {
    margin-bottom: 20px;
}


p.magIntro{
	font-size: 15px;
	float: left;
	display: inline;
	width: 285px;
	line-height: 1.5em;
	margin: 0 0 20px 0;
	font-weight: normal;
	/*font-family: Georgia, Times, "Times new roman", serif;*/
	color: #716c63;
}





p.magIntro em{
	color: #57524b;
	font-weight: bold;
	font-style: normal;
}



.magSub{
	float: left;
	width: 796px;	
}	



.magSub h2{
	color: #89658a;
	margin: 0 0 10px 0;
	font-size: 26px;
}
.magSub h2 + p {
	margin:0 0 10px 0;
	font-size:15px;
	line-height:1.5em;
}
.magSub h2 + p + .chunk {
	padding-top:20px;
}


.magSub .chunk{
	float: left;
	border-bottom: 1px solid #dfdfdf;
	padding: 0 0 20px 0;
	margin:0 0 20px 0;
}

.magSub + .magCover {
	margin:0 0 20px 0;
}



.magSub .chunk a.openMagazine{
	float: left;
	width: 186px;
	height: 255px;
	margin: 0 25px 0 0;
}



.magSub .chunk a.openMagazine img{
	float: left;
	width: 186px;
	height: 255px;
}

.magSub .chunk a.magImage {
	height: 255px;
	display: block;
	position: relative;
	}

.magSub .chunk a.magImage img{
	float: left;
	width: 186px;
	position: absolute;
	bottom: 0;
}



.magSub .chunk .magDetails{
	float: left;
	width: 555px;
	padding: 10px 0 0 0;
}




.magSub .chunk .magDetails p{
	float: left;
	width: 555px;
	font-size: 15px;
	line-height: 1.5em;
	margin: 0 0 20px 0;
}






.magSub .chunk .magDetails h4{
	float: left;
	width: 555px;
	font-size: 16px;
	margin: 0 0 15px 0;
	color: #7f5c80;
}


.magSub .chunk .magDetails h4.ezineTitle{
	color: #0b4988;
}


.magSub .chunk ul.magButtons{
	width: 555px;
}



.magSub .chunk ul.magButtons li.magRead{
	width: 179px;
	height: 40px;
	background: url("../images/images/magazine-view-small.gif") center right no-repeat;
	margin: 0 10px 0 0;
}



.magSub .chunk ul.magButtons li.magRead a{
	width: 167px;
	height: 40px;
	line-height: 40px;
	font-size: 13px;
	padding: 0 0 0 12px;
}



.magSub .chunk ul.magButtons li.magPdf{
	width: 190px;
	height: 40px;
	background: url("../images/images/magazine-pdf-small.gif") center right no-repeat;
}



.magSub .chunk ul.magButtons li.magPdf a{
	width: 178px;
	height: 40px;
	line-height: 40px;
	font-size: 13px;
	padding: 0 0 0 12px;
}





.magSub .chunk ul.magButtons li.ezineRead{
	width: 152px;
	height: 40px;
	background: url("../images/images/ezine-read-small.gif") center right no-repeat;
}



.magSub .chunk ul.magButtons li.ezineRead a{
	width: 152px;
	height: 40px;
	line-height: 40px;
	font-size: 13px;
	padding: 0 0 0 12px;
}




.magSub .chunk ul.magButtons li.ezineRead a:hover{
	color: #e0e8f0;
}





































.customerComp{
	float: left;
	display: inline;
	width: 495px;
}

.customerComp p{
	width: 460px;
	line-height: 145%;
}


.customerComp a{
	color: #89658A;
	text-decoration: none;
}


.no-touch .customerComp a:hover{
	text-decoration: underline;
}



.blog .blog-list p{
	padding: 0 0 0 166px;
}



/*Blog page */






/*Custom article list */


ul.customArticleList{
	float: left;
	width: 452px;	
}




ul.customArticleList li{
	float: left;
	width: 452px;
	margin: 0 0 20px 0;
}




ul.customArticleList img{
	float: left;
	width: 150px;
	margin: 0 16px 0 0;	
}



ul.customArticleList .deets{
	float: left;
	width: 282px;
}



p.firstAfter{
	float: left;
	margin: -20px 0 0 0;
	clear: left;
}












/* 5 :-------- Footer ------------ */

/* -------- Footer sitemap ------------ */

	#footerSitemap {
		float:left;
		width:965px;
		clear:both;
		position:relative;
		border-bottom: 1px solid #2c2c2d;
		padding: 30px 0 30px 0;
	}
	
	#footerSitemap h3 {
		color:#fff;
	}

	#footerSitemap ul {
		width:115px;
		float:left;
		margin:0 17px 0 0;
	}
	
	#footerSitemap ul.lastChild {
		margin:0;
	}
	
	#footerSitemap li {
		line-height:170%;
		float: left;
		display: inline;
		width: 125px;
	}
	
	#footerSitemap a {
		text-decoration:none;
		color:#acacad;
	}
	
	.no-touch #footerSitemap a:hover {
		text-decoration:underline;
	}
	
	#footerSitemap .fsHead a {
		color:#fff;
		font-size: 15px;
		margin:0 0 6px 0;
		display:block;
		font-family:Arial, Helvetica, TescoBold;
		float: left;
		display: inline;
		width: 125px;
	}
	
	.no-touch #footerSitemap .fsHead a:hover {
		text-decoration:none;
	}
	
/*	#footerSitemap .fsRecipes .fsHead a { background-color:#89658a; }
	#footerSitemap .fsCuisines .fsHead a { background-color:#23bdb2; cursor:default; }
	#footerSitemap .fsCookingTips .fsHead a { background-color:#7dc43a; }
	#footerSitemap .fsOurFood .fsHead a { background-color:#bb104c; }
	#footerSitemap .fsCookingWithKids .fsHead a { background-color:#f6721c; }
	#footerSitemap .fsHealthyEating .fsHead a { background-color:#b4c42d; }
	#footerSitemap .fsGlossary .fsHead a { background-color:#4399b5; }
*/

	
	#footer a {
		color:#666;
	}
	
	.no-touch #footer a:hover {
		text-decoration:underline;
		color:#aaa;
	}
	
	#footer li {
		float:left;
		padding:0 0 0 0px;
		margin:0 10px 0 0;
	
	}
	
	#footer li.first {
		background:none;
		padding-left:0;
	}
	
	
/* 6 :-------- Campaign pages ------------ */

	
	.mydishRecipes {
		background: url(/images/mydish/wide-panel-bg.png) left bottom no-repeat;
		float: left;
		margin: 0 0 15px -2px;
		padding: 0 0 8px 0;
		width: 487px;
		position:relative;
	}
	
	.mdHeader {
		float:left;
		width:461px;
		background: url(/images/mydish/wide-panel-header-bg.png) left bottom no-repeat;
		height:22px;
		padding:10px 13px;
	}
	
	.mdHeader h3 {
		margin:0;
		float:left;
		color:#391e0f !important;
	}
	
	.mdHeader img {
		float:right;
		position:relative;
		margin:-3px 0 0 0;
	}
	
	.mdRecipeList {
		float:left;
		padding:13px 0;
		width:487px;
		border-bottom:1px solid #ddcfb1;
	}
	
	.mdRecipeList li {
		float:left;
		border-right:1px solid #ddcfb1;
		width:135px;
		padding:0 10px 0 13px;
	}
	
	.mdRecipeList .lastChild {
		border:none;
	}
	
	.mdRecipeList img {
		border:1px solid #9e927a;
	}
	
	.mdRecipeList .title {
		font-weight:bold;
		font-size:1.1em;
		color:#391e0f !important;
		display:block;
		margin:0 0 6px 0;
	}
	
	.no-touch .mdRecipeList a:hover .title {
		text-decoration:underline;
	}
	
	.mdRecipeList .author {
		color:#391e0f !important;
		display:block;
		font-size:0.9em;
	}
	
	.mydishRecipes .starRating {
		background: url(/images/mydish/star-rating.png) left top no-repeat;
		display:block;
		float:none;
		height:11px;
		margin:0 0 1px 0;
		padding:0;
		position: relative;
		width: 56px !important;
	}
	
	.mydishRecipes .starRating span {
		background: url(/images/mydish/star-rating.png) left -20px no-repeat;
		display: block;
		height: 11px;
		position: relative;
		text-indent: -10000px;
	}
	
	.mydishRecipes span.rating0  { width:0px !important; }
	.mydishRecipes span.rating1  { width:11px !important; }
	.mydishRecipes span.rating2 { width:22px !important; }
	.mydishRecipes span.rating3 { width:33px !important; }
	.mydishRecipes span.rating4 { width:44px !important; }
	.mydishRecipes span.rating5 { width:55px !important; }
		
	.mydishRecipes .btnSeeMore {
		background:url(/images/mydish/btn-see-more.png) left top no-repeat;
		height:27px;
		width:91px;
		text-decoration:none;
		font-weight:bold;
		display:block;
		float:left;
		text-indent:-10000px;
		margin:8px 13px 0 13px;
		_margin-left:6px;
	}
	
	.no-touch .mydishRecipes .btnSeeMore:hover {
		background-position:left -27px;
	}
	
	.mydishCTA {
		width:294px;
		float:left;
		margin:0 0 15px 0;
		padding:15px 0 11px 13px;
		background:url(/images/mydish/cta-bg.png) left top no-repeat;
	}
	
	.mydishCTA .btnAddRecipe {
		background:url(/images/mydish/btn-add-recipe.png) left top no-repeat;
		height:24px;
		width:105px;
		text-decoration:none;
		font-weight:bold;
		display:block;
		float:left;
		text-indent:-10000px;
	}
	
	.no-touch .mydishCTA .btnAddRecipe:hover {
		background-position:left -24px;
	}
	
	.mydishCTA h3 {
		text-indent:-10000px;
		margin:0;
	}
	
	
	
	.rightCol .mydishRecipes {
		background: url(/images/mydish/panel-bg.png) left bottom no-repeat;
		margin: 0 0 15px 0;
		width: 300px;
	}
	
	.rightCol .mdHeader {
		background: url(/images/mydish/panel-header-bg.png) left top no-repeat;
		height: 36px;
		padding: 12px 13px;
		width: 274px;
	}
	
	.rightCol .mdHeader h3 {
		float:none;
	}
	
	.mdHeader p {
		font-weight:bold;
		color:#7a4629;
		margin:0;
	}
	
	.rightCol .mdRecipeList {
		padding:0;
		width:300px;
		border:none;
	}
	
	.rightCol .mdRecipeList li {
		border-bottom: 1px solid #DDCFB1;
		border-right:none;
		float:left;
		width:300px;
		padding:0;
	}
	
	.rightCol .mdRecipeList li a {
		float:left;
		padding: 10px 14px 6px 14px;
		width:272px;
	}
	
	.no-touch .rightCol .mdRecipeList li a:hover {
		background-color:#ede3cc;
	}
	
	.rightCol .mdRecipeList img {
		width:59px;
		height:59px;
		float:left;
	}
	
	.rightCol .mdRecipeInfo {
		display:block;
		margin-left:70px;
	}
	
	
	
	.coeliacPanel {
		 background-color:#ebf6ff;
		 color:#00618d;
		 line-height:150%;
		 padding:15px 25px 15px 20px;
		 border:1px solid #bde1fe;
		 margin:0 0 15px 0;
	}
	
	.coeliacPanel img {
		margin:0 0 10px 0;
	}
	
	.coeliacPanel a {
		color:#de1d1d;
	}
	
	.no-touch .coeliacPanel a:hover {
		text-decoration:underline;
	}
	
	
	.cupcakeContainer h1 {
		color:#980300;
		font-family:'Lobster',Georgia, "Times New Roman", Times, serif;
		font-weight:normal;
		line-height:140%;
		width:785px;
		background:transparent url(../images/images/cupcake-header-bg.jpg) left top no-repeat;
		margin:0;
		padding:19px 0 35px 0;
		font-size:2.5em;
	}
	
	.cupcakeContainer h1 span {
		display:block;
		font-size:2em;
		color:#d1120f;
	}
	
	.cupcakeContainer h3 {
		font-family:'Lobster',Georgia, "Times New Roman", Times, serif;
		color:#d1120f;
		font-weight:normal;
		font-size:2em;
		border-bottom:1px solid #fce7ed;
		margin:25px 0 12px 0;
		padding:0 0 6px 0;
	}
	
	.cupcakeContainer p {
		line-height:150%;
	}
	
	.cupcakeContainer .leftCol, .mothersDayContainer .leftCol {
		float:left;
		width:478px;
		margin:0 17px 0 0;
	}
	
	.cupcakeContainer .rightCol, .mothersDayContainer .rightCol {
		float:left;
		width:290px;
	}


	.cupcakeContainer .leftCol, .hairyBikersContainer .leftCol {
		float:left;
		width:478px;
		margin:0 17px 0 0;
	}
	
	.cupcakeContainer .rightCol, .hairyBikersContainer .rightCol {
		float:left;
		width:290px;
	}

	
	.cupcakePanel {
		background:#fbf0d7 url(../images/images/cupcake-panel-bg.png) right bottom no-repeat;
		padding:17px;
		margin:0 0 12px 0;
		position:relative;
		float:left;
		width:256px;
	}
	
	.cupcakePanel h3 {
		border:none;
		margin:0 0 3px 0;
	}
	
	.cupcakePanel .featureList li {
		margin:0 0 10px 0;
		clear:both;
		float:left;
	}
	
	.cupcakePanel .featureList li:last-child {
		margin:0;
	}
	
	.cupcakePanel .featureList a {
		float:left;
		width:256px;
	}
	
	.cupcakePanel .featureList img {
		border:1px solid #d1120f;
		float:left;
		width:89px;
		height:78px;
		margin:0 10px 0 0;
	}
	
	.cupcakePanel .featureList .title {
		color:#980300;
		font-weight:bold;
		margin:0;
		font-size:1.2em;
		line-height:110%;
	}
	
	.cupcakeContainer a { color:#980300;}
	.no-touch .cupcakeContainer a:hover { text-decoration:underline; }
	
	#cupcakeGallery {
		float:left;
		margin:0 0 6px 0;
	}
	
	.cupcakeGalleryBorder {
		background:transparent url(../images/images/cupcake-img-border.png) left top no-repeat;
		width:255px;
		height:175px;
		position:absolute;
		top:52px;
		left:17px;
		z-index:10;
	}
	
	.cupcakeControls li { float:left; }	
	.cupcakeControls li#btnNext { float:right; margin:0 2px 0 0; }
	.cupcakeControls li a { font-weight:bold; }
	
	
	.cupcakeForm label {
		width:193px;
		color:#980300;		
	}
	
	.cupcakeForm .errorText { 
		float:left; 
		margin-left:195px; 
		clear:both; 
	}
	
	.competitionForm .checkboxItem label, .cupcakeForm .checkboxItem label {
		width:455px;
		color:#555;
		_width:450px;
		*width:450px;
	}
	
	.competitionForm .formInfo, .cupcakeForm .formInfo {
		position:relative;
		margin:-26px 0 0 0;
		_margin:-3px 0 0 0;
		*margin:-3px 0 0 0;
		font-size:1em;
		line-height:120%;
	}
	
	.cupcakeForm .enterNowBtn {
		margin:0 4px 0 0;
	}
	
	.competitionForm label {
		width:173px;
		color:#333;
		font-size:1.2em;
		line-height:130%;
	}
	
	.competitionForm input, .competitionForm textarea {
		width:290px;
		font-size:1.2em;
	}
	
	.competitionForm .errorText { 
		float:left; 
		margin-left:175px; 
		clear:both; 
	}
	
	
	
	.mothersDayHeader {
		width:785px;
		float:left;
		position:relative;
		height:161px;
		background:url(../images/promos/md-header-1.png) left top no-repeat;
		margin:11px 0 30px 0;
	}
	
	.mothersDayLogo {
		position:absolute;
		right:0;
		top:-24px;
	}
	
	.mothersDayHeader h1 {
		color:#fff;
		text-indent:-10000px;
	}
	
	.mothersDayContainer .rightCol img {
		float:right;
	}
	
	.mothersDayContainer .wideCol a {
		color:#94bc29;
		font-weight:bold;
	}
	
	.no-touch .mothersDayContainer .wideCol a:hover {
		text-decoration:underline;
	}
	
	.mothersDayContainer .wideCol p {
		font-size:1.3em;
		line-height:150%;
		color:#333;
	}
	
	.mothersDayContainer .wideCol h3 {
		color: #94BC29;
		font-size: 2em;
		margin: 28px 0 14px;
	}
	
	
	.hairyBikersHeader {
		width:785px;
		float:left;
		position:relative;
		height:177px;
		background:url(../images/promos/hairy_bikers_header.jpg) left top no-repeat;
		margin:11px 0 10px 0;
	}
	
	.hairyBikersLogo {
		position:absolute;
		right:0;
		top:-24px;
	}
	
	.hairyBikersHeader h1 {
		color:#fff;
		text-indent:-10000px;
	}
	
	.hairyBikersContainer .rightCol img {
		float:right;
	}
	
	.hairyBikersContainer .wideCol a {
		color:#0d87d5;
		font-weight:bold;
	}
	
	.no-touch .hairyBikersContainer .wideCol a:hover {
		text-decoration:underline;
	}
	
	.hairyBikersContainer .wideCol p {
		font-size:1.3em;
		line-height:150%;
		color:#333;
	}
	
	.hairyBikersContainer .wideCol h3 {
		color: #384057;
		font-size: 2em;
		margin: 28px 0 14px;
	}


	
	.competitionForm .mdSubmitBtn {
		background: url(../images/promos/md-submit.png) left top no-repeat;
		width:81px;
		margin:0;
	}	
	
	
	.mdShare {
		clear: both;
		float: left;
		margin: 12px 0;
	}
	
	.mdShare li {
		float:left;
		margin:0 12px 0 0;
	}
	
	.mdShare li a {
		display:block;
		text-indent:-10000px;
		background:url(../images/promos/md-share.png) left top no-repeat;
		width:46px;
		height:46px;
	}
	
	.mdShare .mdTwitter a {
		background-position:left -46px; 
	}
	
			
	.competitionForm .hbSubmitBtn {
		background: url(../images/promos/hb_submit.png) left top no-repeat;
		width:81px;
		margin:0;
	}

	
	.hbShare {
		clear: both;
		float: left;
		margin: 12px 0;
	}
	
	.hbShare li {
		float:left;
		margin:0 12px 0 0;
	}
	
	.hbShare li a {
		display:block;
		text-indent:-10000px;
		background:url(../images/promos/hb-share.png) left top no-repeat;
		width:46px;
		height:46px;
	}
	
	.hbShare .hbTwitter a {
		background-position:left -46px; 
	}
	
	.recipeToolbar {
		border-top: 1px solid #DDDDDD;
		position: relative;
		clear:both;
		float:left;
		width:796px;
		margin:0 0 7px 0;
	}
	
	.recipeToolbar li {
		float:left;
		padding:9px 17px 7px 17px;
	}
	
	.recipeToolbar li.recipeLike{
		padding: 8px 0px 7px 0;
		position: relative;
		z-index: 0;
	}
	
	
	
	fb:like{
		max-width: 90px;
	}
	
	
	.recipeToolbar li.recipeLike ul li{
		padding: 0 0 0 0;
	}
	
	
	.recipeToolbar li.recipeLike ul li.recipeSocialWidgetTwitter, .recipeToolbar li.recipeLike ul li.recipeSocialWidgetGoogle, .recipeToolbar li.recipeLike ul li.recipeSocialWidgetPin{
		padding: 0 0 0 12px;
	}
	
	
	
	
	
	
	 .recipePrint a {
		padding:15px 14px 0 19px;
		display: block;
		float:right;
		color:#fff!important;
		font-weight:bold;
	}
		
	.no-touch .recipeToolbar li a:hover {
		color:#634265;
	}
	
	.recipeToolbar .recipeRating {
		padding-left:0;
		border-right: 1px solid #DDDDDD;
	}
	
	.recipeToolbar .addYourRating {
		border-right: 1px solid #DDDDDD;
		float: left;
	}
	
	
	.recipeToolbar .recipeLike, .recipeToolbar .recipeShare {
		float:right;
	}
	
	.recipeToolbar .recipeShare {
		padding:4px 0px 3px 0;
	}
	
	.recipeToolbar .recipeShare a {
		width:26px;
		height:26px;
		display:block;
		float:left;
		text-indent:-10000px;
		margin:0 2px 0 0;
		background:url(../images/icons/rb-icons.png) left -40px no-repeat;
	}
	
	
	.recipeLike a{
		background:url(../images/elements/like.gif) 0 0 no-repeat;
		width: 84px;
		height: 20px;
		display: block;
		text-indent: -9999em;
		font-size: 0;
	}
	
	.no-touch .recipeToolbar .recipeShare .recipeFacebook:hover { background-position:left -70px; }
	.no-touch .recipeToolbar .recipeShare .recipeTwitter { background-position:left -100px; }
	.no-touch .recipeToolbar .recipeShare .recipeTwitter:hover { background-position:left -130px; }
	.no-touch .recipeToolbar .recipeShare .recipeEmail { background-position:left -160px; margin:0; }
	.no-touch .recipeToolbar .recipeShare .recipeEmail:hover { background-position:left -190px; }
	
	.recipeToolbar .starRating  {
		background: url(../images/icons/star-rating.png) left top no-repeat;
		height: 15px;
		margin: 0;
		padding: 0 !important;
		width: auto !important;
	}
	
	.recipeToolbar .starRating span {
		background: url(../images/icons/star-rating.png) left -30px no-repeat;
		height:15px;
		float:left;
	}
	
	.recipeToolbar .starRating span.rating0  { width:0px !important; }
	.recipeToolbar .starRating span.rating1  { width:18px !important; }
	.recipeToolbar .starRating span.rating2 { width:36px !important; }
	.recipeToolbar .starRating span.rating3 { width:54px !important; }
	.recipeToolbar .starRating span.rating4 { width:72px !important; }
	.recipeToolbar .starRating span.rating5 { width:92px !important; }
	
	.recipeToolbar .starRating span.rateThis, .recipeToolbar .starRating span.totalRatings { 
		margin-left:92px; 
		font-size:1em; 
		text-indent:0;
		background:none;
		height:auto;
		font-weight:normal;
		color:#888;
		float:none;
		white-space:nowrap;
	}
	
	.recipeToolbar .addYourRatingText {
		display:block;
		float:left;
	}
	
	.recipeToolbar .star-rating-control {
		float:left;
	}
	
	.star-rating-control { margin-left:6px; }
	
	.addYourRatingText { 
		font-weight:bold;
		color:#888;
	}
	
	.recipeDetail .smallButtonLilacArrow {
		margin:10px 0 8px 15px;
	}
	
	.no-js .youtube-player { display: none !important; }

	.recipeNote {
		background:#fff9ec url(../images/icons/recipe-note.png) 14px 14px no-repeat;
		border-top:1px solid #f9e0aa;
		padding:12px 14px 6px 60px;
		font-style:italic;
	}


	.cookedThisBtn {
		margin-top:24px;
	}
	
	.cookedThisCount {
		display:block;
		float:left;
		margin:0 0 0 7px;
		padding:5px 6px;
		text-align:center;
		background:url(../images/elements/cooked-this-count-bg.png) left top no-repeat;
		width:51px;
		height:20px;
		color:#88668a;
		font-weight:bold;
	}







	.smallButton {
		height:30px;
		float:left;
		margin:0;
		color:#fff !important;
		font-weight:bold;
		font-size:1.1em;
		display:block;
		font-family: Arial, Helvetica, sans-serif;
		background:url(../images/buttons/small-button.png) right -60px no-repeat;
	}
	
	.smallButton span {
		height:23px;
		padding:7px 3px 0 13px;
		display:block;
		float:left;
		margin-right:29px;
		background:url(../images/buttons/small-button.png) left top no-repeat;
		text-shadow: 0px -1px 0px #be8f2a;
		color:#fff !important;
		white-space:nowrap;
	}
	
	.no-touch .smallButton:hover {
		text-decoration:none !important;
	}


	.smallButtonCookedThis { background-position:right -960px; margin:0 0 4px 0; }
	.no-touch .smallButtonCookedThis:hover { background-position:right -1080px; }
	.smallButtonCookedThis span { background-position:left -930px;  text-shadow: 0px -1px 0px #563b58; padding-top:6px; height:24px; padding-left:32px; margin-right:12px; }
	.no-touch .smallButtonCookedThis:hover span { background-position:left -1050px; }
	
	.smallButtonCookedThisActive { background-position:right -1170px !important; cursor:default; }
	.smallButtonCookedThisActive span { background-position:left -1140px !important; color:#562759 !important; text-shadow: 0px 1px 0px #b79db8; }



.slider ul.thumbListing{
	width: 465px;
}

.newInStorePaging li.back a.arrowLinkPrevious, 
.newInStorePaging-2 li.back a.arrowLinkPrevious, 
.newInStorePaging-3 li.back a.arrowLinkPrevious, 
.newInStorePaging-4 li.back a.arrowLinkPrevious, 
.newInStorePaging-5 li.back a.arrowLinkPrevious, 
.newInStorePaging-6 li.back a.arrowLinkPrevious, 
.recipePanel .RecipesPaging li.back a.arrowLinkPrevious{
	float: left;
	margin: 0;
}


ul.newInStorePaging, 
ul.newInStorePaging-2, 
ul.newInStorePaging-3, 
ul.newInStorePaging-4, 
ul.newInStorePaging-5, 
ul.newInStorePaging-6, 
.recipePanel .RecipesPaging {
	float: right;
	display: inline;
	width: 135px;
	height: 20px;
	zoom: 1;
	margin: 3px 0 0 0;
}



ul.newInStorePaging li, 
ul.newInStorePaging-2 li, 
ul.newInStorePaging-3 li, 
ul.newInStorePaging-4 li, 
ul.newInStorePaging-5 li, 
ul.newInStorePaging-6 li, 
.recipePanel .RecipesPaging li{
	float: right;
	display: inline;
	width: 55px;
}


ul.newInStorePaging li.back, 
ul.newInStorePaging-2 li.back, 
ul.newInStorePaging-3 li.back, 
ul.newInStorePaging-4 li.back, 
ul.newInStorePaging-5 li.back, 
ul.newInStorePaging-6 li.back, 
.recipePanel .RecipesPaging li.back{
	float: left;
	display: inline;
	width: 70px;
}

ul.newInStorePaging li.next .arrowLink, 
ul.newInStorePaging-2 li.next .arrowLink, 
ul.newInStorePaging-3 li.next .arrowLink, 
ul.newInStorePaging-4 li.next .arrowLink, 
ul.newInStorePaging-5 li.next .arrowLink, 
ul.newInStorePaging-6 li.next .arrowLink, 
.recipePanel .RecipesPaging li.next .arrowLink{
	margin: 0 !important;
}




span.niftyFiftyLogo{
	width: 95px;
	height: 95px;
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	background:url(../images/elements/nifty-fifty-logo.png) 0 0 no-repeat;
}

* ---------- Edit Meal Plan Popup - July 2013 */

#mp-popup-edit-meal-plan .popupBody {
	padding-top: 0;
	}
	
#mp-popup-edit-meal-plan .popupHeader {
	border-bottom: 0;
	}
	
#mp-popup-edit-meal-plan .popupHeader p {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	}
	
#mp-popup-edit-meal-plan .popupBody {
	float: none;
	width: auto;
	clear: none;
	padding-bottom: 0px;
	}
	
#mp-popup-edit-meal-plan .savedPopUp + .done {
	padding: 15px 34px;
	margin: 0 -16px;
	}
	
#mp-popup-edit-meal-plan .done p {
	font-size: 14px;
	font-weight: bold;
	color: #383838;
	padding: 12px 0px;
	margin: 0;
	}
	
#mp-popup-edit-meal-plan .done p span {
	background: url('../images/mealplanner/sprite.png') no-repeat left -19px;
	width: 23px;
	height: 20px;
	margin-right: 14px;
	margin-top: -2px;
	display: block;
	float: left;
	}
	
#mp-popup-edit-meal-plan .popupContent {
	overflow: hidden;
	width: 830px;
	}
	
#mp-popup-edit-meal-plan h2 {
	color: #0053A0;
	}
	
#mp-popup-edit-meal-plan .mpDayHead th {
	height: auto;
	margin: 10px 0px;
	}
	
#mp-popup-edit-meal-plan .mpDay td {
	padding-bottom: 15px;
	}
	
#mp-popup-edit-meal-plan .mpDayHead .day {
	padding: 8px;	
	}
	
#mp-popup-edit-meal-plan .mpMainRecipe {
	background: url('../images/mealplanner/edit-meal-plan-empty-slot.gif') no-repeat top left;
	}
	
#mp-popup-edit-meal-plan .mpRecipeContainer {
	background: transparent;
	}

#mp-popup-edit-meal-plan .mpMainRecipe-replace {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 0;
	background: url('../images/mealplanner/edit-meal-plan-replace-slot.png') no-repeat 50% 50%;
	}
	
#mp-popup-edit-meal-plan .mpMainRecipe:hover .mpMainRecipe-replace {
	background-color: rgba(255,255,255,0.3);
	height: 170px;
	}
	
#mp-popup-edit-meal-plan .mpMainRecipe:hover {
	background-position: bottom left;
	}
	
#mp-popup-edit-meal-plan .mpRecipeContainer .mpRecipeTools {
	width: 259px;
    height: 170px;
    background: #36BDB2;
    background: rgba(54,189,178,0.75);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    display: none;
    text-align: center;
    }
    
#mp-popup-edit-meal-plan .mpRecipeContainer .mpRecipeTools.active {
	display: block;
	}
	
.mpRecipeTools-confirmation, .mpRecipeTools-overwrite {
	color: white;
	font-family: 'TescoBold', Arial, sans-serif;
	font-size: 16px;
	line-height: 22px;
	margin: 40px 40px 16px 40px;
	text-align: center;
	}
	
#mp-popup-edit-meal-plan .mpRecipeTools a {
	color: white;
	font-family: 'TescoBold', Arial, sans-serif;
	font-size: 14px;
	text-align: center;
	margin: 0 auto;
	display: inline-block;
	background: #1A8279; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwYTlhMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzgxNzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #30a9a0 0%, #1c8179 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#30a9a0), color-stop(100%,#1c8179)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #30a9a0 0%,#1c8179 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #30a9a0 0%,#1c8179 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #30a9a0 0%,#1c8179 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #30a9a0 0%,#1c8179 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30a9a0', endColorstr='#1c8179',GradientType=0 ); /* IE6-8 */
	padding: 8px 24px;
	border-radius: 2px;
	}
	
#mp-popup-edit-meal-plan .mpRecipeTools a:hover {
	box-shadow: 1px 1px 0px rgba(0,0,0,0.2);
	background: #1A9D8D; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM4YmNhZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYTlkOGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #38bcaf 0%, #1a9d8d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#38bcaf), color-stop(100%,#1a9d8d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #38bcaf 0%,#1a9d8d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #38bcaf 0%,#1a9d8d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #38bcaf 0%,#1a9d8d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #38bcaf 0%,#1a9d8d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38bcaf', endColorstr='#1a9d8d',GradientType=0 ); /* IE6-8 */
	}
	
#mp-popup-edit-meal-plan h2.editable {
    background: url(../images/mealplanner/editbg.gif) right center;
    padding: 5px 35px 5px 5px;
    font-size:2.5em;
    margin-top:14px;
    display: inline-block;
    line-height: 34px;
	}
	
#mp-popup-edit-meal-plan .inplace_field {
		display:block;
		width:610px;
		color: #31C6BD;
		background:#fff7d7;
		font-weight:bold;
		font-size:1em;
		border:none;
		margin: 0px 0 0 0;
		position:relative;
		padding:0;
		font-family:Arial, Helvetica, sans-serif;
		line-height: 20px;
		}

/* ---------- // End Edit Meal Plan Popup */
 
/* 7 :-------- Meal planner  ------------ */

	h1.editable {
		font-size:2.5em;
		margin-top:14px;
	}
	
	.yourMealPlans {
		position:relative;
		width:796px;
	}
	
	.yourMealPlans h1 {
		width:auto;
	}
	
	.mealPlanner h1 {
		color:#31c6bd;
		float:left;
		margin: 0 0 8px 0;
	}
	
	.mealPlanner h2, .mealPlanner .gdaPanel a {
		color:#31c6bd;
	}
	
	.mealPlanCount, .binderCount {
		display:block;
		float:left;
		font-weight:bold;
		color:#fff;
		background-color:#31c6bd;
		padding:5px 11px 4px 10px;
		margin:6px 0 0 10px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		font-size:1.2em;
		behavior: url(/javascript/PIE.htc);
	}	
	
	#mpCarouselNext, #mpCarouselPrev {
		position:absolute;
		right:0;
		top:28px;
		*top:4px; /* IE7 */
		background:url(../images/buttons/mp-arrows.png) left -80px no-repeat;
		width:31px;
		height:31px;
		display:block;
	}
	
	#mpCarouselPrev {
		right:34px;
		background-position:left -200px;
	}
	
	#mpCarouselNext a, #mpCarouselPrev a {
		width:31px;
		height:31px;
		background:url(../images/buttons/mp-arrows.png) left top no-repeat;
		display:block;
		text-indent:-10000px;
	}
	
	#mpCarouselPrev a {
		right:34px;
		background-position:left -120px;
	}
	
	.no-touch #mpCarouselNext a:hover { background-position: left -40px; }
	.no-touch #mpCarouselPrev a:hover { background-position: left -160px; }

	
	.mpCarousel {
		clear:both;
		margin:6px 0 0 0;
		float:left;
		width:796px;
		height:218px;
		overflow:hidden;
	}
	
	.mpCarousel ul {
		width:796px;
	}
	
	#mpCarouselPager {
		clear:both;
		text-align:center;
		position:relative;
	}
	
	#mpCarouselPager ul {
		display:inline;
	}
	
	#mpCarouselPager li {
		display:inline;
		margin:0 6px 0 0;
	}
	
	#mpCarouselPager li a {
		display:inline-block;
		width:7px;
		height:7px;
		background-color:#c2ebe8;
		text-indent:-10000px;
		-webkit-border-radius: 7px; 
		-moz-border-radius: 7px; 
		border-radius:7px 7px 7px 7px;
		behavior: url(/javascript/PIE.htc);
		position:relative;
	}
	
	#mpCarouselPager .active a, .no-touch #mpCarouselPager .active a:hover { background-color:#31c6bd; cursor:default; }
	.no-touch #mpCarouselPager li a:hover { background-color:#92ddd8; }
	
	.createMealPlanSmallPanel {
		background-color:#eaf8f7;
		border-top:1px solid #c3efeb;
		padding:8px 0px 8px 12px;
		clear:both;
		float:left;
		width:784px;
		margin:6px 0 12px 0;
	}
	
	.createMealPlanSmallPanel h2 {
		float:left;
		margin-right:162px;
	}

	
	.createMealPlanPanel {
		background: #1eb4ab url(../images/elements/create-mp-bg.png) left top repeat-x;
		position:relative; 
		padding:12px 0 12px 22px;
		color:#fff;
		min-height:170px;
		margin:0 0 12px 0;
		clear:both;
		float: left;
		display: inline;
		width: 774px;
	}
	
	.createMealPlanPanel h1 {
		color:#fff !important;
		float:left;
		display: inline;
		padding: 0;
	}
	
	.createPanelImg {
		display:block;
		background:url(../images/elements/create-mp-img.jpg) left top no-repeat;
		width:259px;
		height:205px;
		position:absolute;
		right:8px;
		bottom:-15px;
	}
	
	.largeDesc {
		font-weight:bold;
		font-size:1.5em;
		line-height:120%;
		color:#d1f7f4;
		margin:0 0 22px 0;
	}
	
	.createMealPlanPanel .largeDesc {
		position:relative;
		z-index:1;
		float: left;
		display: inline;
		width: 522px;
		padding: 0 250px 0 0;
	}
	
	.featuredMealPlan {
		height:257px;
		overflow:hidden;
		position:relative;
		background: #eaf9f8 url(../images/elements/featured-mp-bg.png) right top repeat-y;
		overflow:hidden;
		margin:13px 0 18px 0;
		clear:both;
		width:796px;
		float:left;
	}
	
	.featuredMealPlan.topMargin {
		float:left;
		margin-top:32px;
	}
	
	.featuredMealPlan img {
		float:left;
		height:257px;
		width:392px;
		margin:0 12px 0 0;
	}
	
	.likeCount {
		display:block;
		position:absolute;
		font-weight:bold;
		font-size:1.2em;
		color:#fff;
		background: #35bdb2 url(../images/icons/mp-like.png) 13px 10px no-repeat;
		padding: 14px 16px 13px 34px;
    	width: 16px;
		-webkit-transition: background 0.3s ease-out;
		-moz-transition: background 0.3s ease-out;
		-o-transition: background 0.3s ease-out;
		transition: background 0.3s ease-out;
		overflow:hidden;
	}
	
	.featuredMealPlan .likeCount {
		left: 326px;
		top:0;
	}

	
	.featuredMealPlanList{
		z-index: 2;
		position: relative;
		float: left;
		clear: left;
		display: inline;
		width: 796px;
	}
	
	.featuredMealPlanDesc {
		padding:16px 135px 18px 0;
	}
	
	.featuredMealPlan h4 {
		color:#1b7c76;
		font-weight:bold;
		text-transform:uppercase;
		font-size:1em;
	}
	
	.featuredMealPlan h3 {
		color:#31c6bd;
		line-height:120%;
	}
	
	.featuredMealPlanDesc p {
		line-height:160%;
		color:#555;
	}
	
	.no-touch .featuredMealPlan a:hover .likeCount, .no-touch .featuredMealPlanList a:hover .likeCount {
		background-color:#108a83;
	}
	
	.no-touch .featuredMealPlan a:hover h3, .no-touch .featuredMealPlanList a:hover h3, .no-touch .mpCarousel a:hover h3, .no-touch .mealPlan .mpDay a:hover h3, .no-touch .mpRecipeDesc:hover h3 {
		color:#108a83;
		-webkit-transition: color 0.3s ease-out;
		-moz-transition: color 0.3s ease-out;
		-o-transition: color 0.3s ease-out;
		transition: color 0.3s ease-out;
	}	
	
	.featuredMealPlanList li, .mpCarousel .mpCarouselCol, .rbImageList li {
		width:259px;
		float:left;
		margin:0 9px 0 0;
		position:relative;
		list-style-type:none;
		padding:0 0 24px 0;
	}
	
	.featuredMealPlanList li li, .mpCarousel li li, .rbImageList li li {
		height:auto !important;
	}
	
	.featuredMealPlanList li a, .mpCarousel li a, .rbImageList li a {
		display:block;
	}
	
	.featuredMealPlanList .lastCol, .mpCarousel .lastCol, .rbImageList .lastCol {
		margin:0;
	}
	
	.featuredMealPlanList .firstCol, .mpCarousel .firstCol, .rbImageList .firstCol {
		clear:both;
	}
	
	.featuredMealPlanList img, .mpCarousel img, .mealPlan .mpDay td img, .rbImageList img {
		width:259px;
		height:170px;
		margin:0 0 4px 0;
	}
	.emptySlot .mpRecipeContainer a.mpAddRecipe {
		overflow:hidden;
		display:block;
		margin:0;
		padding:0;
		margin:0;
		line-height:0;
	}
	.emptySlot .mpRecipeContainer a.mpAddRecipe img {
		margin:0;
	}
	
	.featuredMealPlanList .likeCount, .mpCarousel .likeCount {
		left: 193px;
		top:0;
	}
	
	.featuredMealPlanList h3, .mpCarousel h3, .mealPlan .mpDay h3, .mpRecipeList h3 {
		font-size:1.4em;
		color:#31c6bd;
		margin:0;
	}
	
	.mealPlan .mpDay div.mpMainRecipe h3 {
		position: absolute;
		top: 74px;
		left: 0;
		width: 90%;
		text-align: center;
		font-size: 1.5em;
		padding: 0 5%;
		color:#6d6554;
	}
	
	.mpLoadMore {
		display:block;
		font-weight:bold;
		font-size:1.4em;
		color:#31c6bd;
		background-color:#eaf8f7;
		padding:18px 0;
		clear:both;

	}
	
	.mpLoadMore span {
		display: block;
		padding: 0 0 0 20px;
		text-align: center;
		background:url(../images/icons/mp-icons.png) 300px 5px no-repeat;
		line-height:100%;
		-pie-png-fix: true;
		behavior: url(/javascript/PIE.htc);
	}
	
	.no-touch .mpLoadMore:hover {
		background-color:#dbfaf8;
	}	
	
	.mealPlanWizard {
		background-color:#f5f3ef;
		color:#333;
		padding:18px 0;
		position:relative;
		margin:0 0 24px 0;
		display:none;
		width:796px;
		overflow:hidden;
		clear:both;
	}
	
	.wizardIntro {
		padding:0 0 6px 56px;
		background:url(../images/elements/wizard-hr.png) left bottom repeat-x;
		margin:0;
		line-height:150%;
		position:relative;
		z-index:1;
	}
	
	.wizardIntro a {
		color: #18a499;
		font-weight:bold;
	}
	
	.no-touch .wizardIntro a:hover {
		text-decoration:underline;
	}
	
	.wizardIntro .wizardInfo {
		text-indent:0;
		padding-left:17px;
		width:auto;
		background: url(../images/icons/mp-icons.png) left -1178px no-repeat;
   		height: 15px;
	}
	
	.no-touch .wizardIntro .wizardInfo:hover {
		background-position:left -1218px;
		color:#35bdb2;
	}
	
	.wizardForm li {
		padding:14px 78px 14px 56px;
		position:relative;
		background:url(../images/elements/wizard-hr.png) left bottom repeat-x;
		min-height:44px;
		float:left;
		width:662px;
	}
	
	.wizardForm li:last-child {
		background:none;
		min-height:0;
		padding-bottom:0;
	}
	
	.wizardNumber {
		position:absolute;
		left:0;
		top:10px;
		background:url(../images/elements/wizard-number-bg.png) left top no-repeat;
		padding:19px 0 0 2px;
		width:32px;
		height:54px;
		color:#6d6555;
		font-weight:bold;
		font-size:1.6em;
	}
	
	.no-touch .wizardForm li:hover .wizardNumber {
		color:#35bdb2;
	}
	
	.wizardForm .legend, .rbFilter .legend, .editAccountCol .legend {
		font-weight:bold;
		margin:0 0 6px 0;
		display:block;
	}
	
	.wizardForm label {
		color:#6d6555;
		font-weight:bold;
		font-size:1.2em;
		width:146px;
		display:block;
		float:left;
		line-height:140%;
		padding:0 0 3px 0;
		max-height: 34px;
	}
	
	.no-touch .wizardForm label:hover, .no-touch .rbFilter label:hover {
		cursor:pointer;
	}
	
	.wizardForm .focus label {
		color:#35bdb2;
	}
	
	.wizardForm input, .rbFilter input, .editAccountCol input {
		display:block;
		float:left;
		margin:3px 6px 4px 0;
		outline:none;
	}
	
	.wizardInfo {
		display:inline-block;
		text-indent:-10000px;
		width:13px;
		height:13px;
		background: url(../images/icons/mp-icons.png) no-repeat left -1180px;
	}
	
	.no-touch .wizardInfo:hover {
		background-position:left -1220px;
	}
	
	#tooltipMpInfoBudget {
		left:262px;
		bottom:83px;
	}
	
	#tooltipMpInfoDiners {
		left: 281px;
		bottom: 83px;
	}
	
	
	.mealPlanHeader #tooltipMpInfoDiners {
		left: 249px;
		bottom: 90px;
	}
	.mealPlanHeader #tooltipMpInfoDiners.tooltipEditPage {
		left: 249px;
		bottom: 52px;
	}
	
	#tooltipMpInfoWizard {
		width:500px;
		padding:14px 14px 8px 14px;
		left:230px;
		top:50px;
	}
	
	#tooltipMpInfoWizard .arrow {
		background: url(../images/elements/tooltip-bg-top.png) no-repeat scroll left top transparent;
		top: -12px;
		left: 100px;
	}
	
	#tooltipMpInfoWizard p {
		line-height:140%;
	}
	
	#tooltipMpInfoDiet {
		left:392px;
		bottom:103px;
	}
	
	.mealPlanner .autocomplete:not(.ddl-header__search-field) {
		background-color: #FFFFFF;
		border: 1px solid #35BDB2;
		color: #6D6555;
		font-weight: bold;
		font-size: 1.2em;
		margin: 1px 0 0;
		padding: 3px 2px 3px 2px;
		width: 159px;
	}
	
	.mealPlanner .autocomplete strong {
		color: #35BDB2;
		font-weight:bold;
	}
	
	.mealPlanner .autocomplete div {
		padding:2px 5px 2px 5px;	
	}
	
	.no-touch .mealPlanner .autocomplete div:hover, .mealPlanner .autocomplete div.selected  {
		background-color:#ffffff;
		color: #35BDB2;
		cursor:pointer;
	}
	
	.custom-checkbox, .custom-radio { 
		position: relative; 
		width:165px;
		float:left;
		overflow:hidden;
	}
		
	.custom-checkbox input, 
	.custom-radio input {
		margin: 0;
		z-index: 1;
		position:absolute;
		left:-10000px;
		top:0;
	}
	
	.custom-checkbox label, 
	.custom-radio label {
		display: block;
		position: relative;
		z-index: 3;
		padding: 0 0 6px 27px !important;
		width: 138px;
		
	}
	
	.custom-checkbox label, .custom-radio label {
		background: url(../images/icons/radiocheckboxes.png) left top no-repeat; 
	}
	
	.custom-radio label.hover { background-position: left -40px; color:#35bdb2; }
	.custom-radio label.checked { background-position: left -80px; }
	.custom-radio label.checked.hover { background-position: left -120px; color:#35bdb2;	}
	.custom-checkbox label, .custom-checkbox label { background-position: left -160px; }
	.custom-checkbox label.hover { background-position: left -200px; color:#35bdb2; }
	.custom-checkbox label.checked { background-position: left -240px; }
	.custom-checkbox label.checked.hover { background-position: left -280px; color:#35bdb2; }

	
	.wizardForm .sliderItem label {
		position:absolute;
		width:auto;
		right:78px;
		top:14px;
	}
	
	.no-touch .wizardForm .sliderItem:hover label {
		color:#35bdb2;
	}
	
	.wizardForm .textInputColumn {
		float:left;
		width:310px;
		background:none;
		padding:0;
	}
	
	.wizardForm .textInputColumn:first-child {
		margin:0 21px 0 0;
	}
	
	.wizardForm .textInputColumn input {
		width:296px;
		background:#fff;
		border:1px solid #c4bdb1;
		padding:5px 8px;
		font-weight:bold;
		color: #6D6555;
    	font-size: 1.2em;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	.wizardForm .textInputColumn input:focus {
		border-color:#35bdb2;
		color:#35bdb2;
	}
	
	
	.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; }
	.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; }
	.ui-widget-content { border: 1px solid #c4bdb1; background-color:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(/javascript/PIE.htc); }
	.ui-widget-content a { color: #222222; }
	.ui-widget-header { border: 1px solid #4297d7; color: #ffffff; font-weight: bold; }
	.ui-widget-header a { color: #ffffff; }
	
	.ui-slider { position: relative; text-align: left; text-decoration: none; margin:8px 0 18px 0; clear:both; }
	.no-touch .ui-slider:hover { cursor:pointer; }
	.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.3em; height: 1.3em; background-color:#fff; border:1px solid #c4bdb1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(/javascript/PIE.htc); }
	.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }
	
	.ui-slider .filler { background-color:#c4bdb1; border:1px solid #c4bdb1; height:10px; margin:-1px 0 0 -1px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: width 0.2s ease;
-moz-transition: width 0.4s ease-out; -o-transition: width 0.2s ease; transition: width 0.5s ease-out; behavior: url(/javascript/PIE.htc); }
	.no-touch .wizardForm li:hover .ui-slider .filler { background-color:#35bdb2; border:1px solid #35bdb2; }
	
	.ui-slider-horizontal { height: 10px }
	.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
	.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
	.ui-slider-horizontal .ui-slider-range-min { left: 0; }
	.ui-slider-horizontal .ui-slider-range-max { right: 0; }
	
	.ui-slider .ui-slider-handle  {	overflow: visible !important; }
	.ui-slider .ui-slider-tooltip {	display: none;}
	.ui-slider .screenReaderContext { position: absolute;width: 0;height: 0;overflow: hidden;left: -999999999px;}
	.ui-slider .ui-state-active .ui-slider-tooltip, .ui-slider .ui-state-focus .ui-slider-tooltip, .ui-slider .ui-state-hover .ui-slider-tooltip {	display: block;
		position: absolute;	bottom: 2.5em;text-align: center;padding: .3em .2em .4em;font-size: .9em;width: 8em;margin-left: -3.7em;}
	.ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down, .ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down-inner {position: absolute; 	display: block;	width:0;height:0; 	border-bottom-width: 0;	background: none;	}
	.ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down {border-left: 7px dashed transparent; border-right: 7px dashed transparent;border-top-width: 8px;	bottom:	-8px;right: auto;left: 50%;	margin-left: -7px;}
	
	.ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down-inner {
		border-left: 6px dashed transparent; 
		border-right: 6px dashed transparent;
		border-top: 7px solid #fff;
		bottom:	auto;
		top: -9px;
		left: -6px;
	}
	.ui-slider a {
		text-decoration: none;
	}
	.ui-slider ol, .ui-slider li, .ui-slider dl, .ui-slider dd, .ui-slider dt {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.ui-slider ol, .ui-slider dl {
		position: absolute;
		top:19px;
		width: 100%;
	}
	.ui-slider dt {
		top: 1.5em;
		position: absolute;
		padding-top: .2em;
		text-align: center;
		border-bottom: 1px dotted #ddd;
		height: .7em;
		color: #999;
	}
	.ui-slider dt span {
		background: #fff;
		padding: 0 .5em;
	}
	.ui-slider li, .ui-slider dd {
		position: absolute;
		overflow: visible;
		color: #666;
		float:none;
		background:none;
		height:auto;
		min-height:auto;
		width:30px;
	}
	.ui-slider li:last-child {
		text-align:right;
		margin:0 0 0 -30px;
	}	
	.ui-slider span.ui-slider-label {
		position: relative;
		font-size:0.8em;
		font-weight:bold;
		color:#a5a4a2;
		margin:-3px 0 0 0;
	}
	.ui-slider li span.ui-slider-label, .ui-slider dd span.ui-slider-label {
		display: none;
	}
	.ui-slider li span.ui-slider-label-show, .ui-slider dd span.ui-slider-label-show {
		display: block;
	}
	.ui-slider span.ui-slider-tic {
		position: absolute;
		left: 0;
		height: .8em;
		top: -1.3em;
	}
	.ui-slider li span.ui-widget-content, .ui-slider dd span.ui-widget-content {
		border:none;
	}
	.ui-slider .first .ui-slider-tic, .ui-slider .last .ui-slider-tic {
		display: none;
	}
	
	
	.mealPlanHeader {
		position:relative;
		float: left;
		padding-bottom: 25px;
		width: 796px;
		z-index:20;
	}
	
	.mealPlanHeader h1 {
		margin-bottom:4px;
	}
	
	.mealPlanHeader .editable {
		background:url(../images/mealplanner/editbg.gif) right center;
		padding:5px 35px 5px 5px;
	}
	.mealPlanHeader .editable span {
		display:block;
		width:23px;
		height:20px;
		float:right;
		background:url(../images/mealplanner/sprite.png) 0px -19px no-repeat;
		text-indent:100%;
		overflow:hidden;
		margin:7px 0 0 10px;
	}
	
    #mpPublishDetails h3.editable {
		-pie-png-fix: true;
		behavior: url(/javascript/PIE.htc);
	}
	
	.mpPublishError 
	{
	    color:red;
	    font-weight:bold;
	    font-size: 12px !important;
	}
	
	.mealPlanHeader .inplace_field {
		display:block;
		width:610px;
		color: #31C6BD;
		background:#fff7d7;
		font-weight:bold;
		font-size:1em;
		border:none;
		margin:-3px 0 0 0;
		position:relative;
		padding:0;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	.mealPlanHeader h1,
	.mealPlanHeader p {
		float:left;
		clear:left;
		width:auto;
	}
	.mealPlanHeader h1 {
		color:#0053a0;
		margin-bottom:0.3em;
	}
	
	.mealPlanHeader .largeDesc {
		color:#383838;
		font-weight:normal;
		margin-bottom:16px;
		font-size:1.3em;
	}
		.mealPlanHeader .largeDesc .wizardInfo {
			background:url(../images/mealplanner/sprite.png) no-repeat -72px -24px;
			width:14px;
			height:13px;
			line-height:0.8em;
			margin:0 0 0 5px;
		}
	
	.mealPlanHeader .smallButton {
		position:absolute;
		right:0;
		bottom:58px;
	}
	
	.mealPlanHeader .mpSaveBtn {
		bottom:24px;
	}

.blogPromo {
	width:132px;
	border:1px solid #35bdb2;
	background:#ffffff url(../images/mealplanner/blog.jpg) no-repeat left bottom;
	padding:15px 10px 15px 15px;
	margin:0 0 20px 0;
}
	.blogPromo h4, .blogPromo p {
		color:#272727;
		margin:0;
		padding:0;
	}
	.blogPromo h4 {
		font-size:23px;
		margin:0 0 10px 0;
	}
	.blogPromo p {
		font-size:15px;
		margin:0 0 20px 0;
	}
	
	
	
	
.mealFaqBanner{
	float: left;
	background-color: #f5f5f5;
	height: 229px;
	width: 790px;
	margin: 0 0 40px 0;
}	
	
	
	
.mealFaqBanner img{
		float: right;
		width: 346px;
		height: 229px;
	}
	
	
	
.mealFaqBanner h3{
	width: 350px;
	margin: 28px 0 18px 35px;
	font-size: 32px;
	color: #35bdb2;
}	
	


	
.mealFaqBanner p.intro{
	width: 350px;
	margin: 0 0 8px 35px;
	font-size: 18px;
	color: #383838;
	font-weight: bold;
}	
	



	
.mealFaqBanner p{
	width: 350px;
	margin: 0 0 0 35px;
	font-size: 18px;
	color: #383838;
	line-height: 120%;
}	
	
	

.mealFAQWrap{
	width: 670px;
	margin: 0 0 0 35px;
	float: left;
}




.mealFAQWrap p.mainTitle{
	color: #0053a0;
	font-weight: bold;
	font-size: 24px;
	margin: 0 0 15px 0;
}



.mealFAQWrap .jumpLinks{
	float: left;
	width: 100%;
	margin: 0 0 30px 0;
}



.mealFAQWrap .jumpLinks li{
	float: left;
	width: 100%;
	padding: 5px 0 5px 0;
}



.mealFAQWrap .jumpLinks li a{
	color: #383838;
	font-size: 12px;
	font-weight: bold;
}



.mealFAQWrap .jumpLinks li a:hover{
	text-decoration: underline;
}





.mealFAQWrap .answerChunk{
	float: left;
	margin: 0 0 30px 0;
}




.mealFAQWrap .answerChunk p.header{
	float: left;
	width: 100%;
	margin: 0 0 8px 0;
	color: #35bdb2;
	font-weight: bold;
	font-size: 14px;
}



.mealFAQWrap .answerChunk p{
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
	color: #383838;
	font-size: 12px;
	line-height: 140%;
}


.mealFAQWrap .answerChunk p a{
	color: #35bdb2;
}


.mealFAQWrap .answerChunk p a:hover{
	text-decoration: underline;
}

.mealFAQWrap .answerChunk a.topLink{
	font-size: 12px;
	color: #666;
	font-weight: bold;
	padding: 0 0 0 12px;
	background: url(../images/mealplanner/arrow-top.png) left center no-repeat;
	float: left;
	display: inline-block;
}

.l2_featured-meal-plans .PDS_Poll, .l2_featured-meal-plans .poll-title
{
    /* remove poll for this page */
    display:none;    
}


.l2_customer-meal-plans .home_hero-text, .l2_featured-meal-plans .home_hero-text
  {
    background: #35bdb3;
}

.l2_customer-meal-plans #home_hero_banner_nav_prev, .l2_featured-meal-plans #home_hero_banner_nav_prev  {
    background: url(/images/_redesign2012/controls_aqua.png) 0px 0;
}

.l2_customer-meal-plans #home_hero_banner_nav_next, .l2_featured-meal-plans #home_hero_banner_nav_next {
    background: url(/images/_redesign2012/controls_aqua.png) -34px 0;
}



/* end jon MP css */

.mealFAQWrap .answerChunk a.topLink:hover{
	text-decoration: underline;
}

	.mpLikeRate { 
		float:right;
		width:200px;
	}
		.mpLikeRate .mpLike {
			display:block;
			padding:0 0 10px 0;
			overflow:visible;
			height:25px;
		}

		.mpLikeRate .mpLike .fb_edge_widget_with_comment {
			float:right;
		}

		.mpLikeRate .mpRating { }
			.mpLikeRate .mpRating .rmpRating { display:none; }
			.mpLikeRate .mpRating .addYourRating .addYourRatingText {
				font-weight:normal;
				padding:0 20px 0 0;
			}
		.mpLikeRate .mpRating .addYourRating div.star-rating > a {
			text-indent:100%;
			overflow:hidden;
			background:url(../images/mealplanner/sprite.png) no-repeat -48px -44px;
			width:16px;
			height:14px;
		}
			.mpLikeRate .mpRating .addYourRating div.star-rating.star-rating-on > a {
				background:url(../images/mealplanner/sprite.png) no-repeat -65px -44px !important;
			}
		.mpLikeRate .mpRating .addYourRating div.star-rating {
			margin:0;
			padding:0 0 0 2px;	
		}
		.mpLikeRate .mpRating .addYourRating div.star-rating a {
			padding:0;
		}
		.mpLikeRate .mpRating .addYourRating div.star-rating.star-rating-hover > a {
			background-position:-65px -44px;
		}
		.mpRating div.searchStars {
			padding:0 0 10px 0;
		}
		.mpRating div.searchStars > span {
			float:right;
			margin:0 0 0 10px;
		}



	.mpToolbar {
		clear:both;
		border:1px solid #dddddd;
		height:38px;
		position:relative;
	}
	.mpToolbar li {
		float:left;
		width:170px;
	}
	.no-touch .mpToolbar li a:hover .downArrow {
		background-position:left -845px;
	}
	
	.mpToolbar li > a {
		display:block;
		padding:13px 10px 12px 10px;
		line-height:1em;
		font-family:'TescoRegular';
		font-size:1.1em;
		word-spacing:0.3em;
		color:#717171;
		border-right:1px solid #dddddd;
        font-weight:bolder;
		/*background:url(../images/icons/mp-icons.png) left -80px no-repeat;*/
	}
	.mpToolbar li > a:hover {
		background-color:#f2f2f2;
	}
	.mpToolbar li a span {
		display:block;
		float:left;
		width:20px;
		height:19px;
		background:url(../images/mealplanner/sprite.png) no-repeat 0px 1px;
		margin:-3px 10px 0 0;
	}
	.mpToolbar li.mpSave {
		width:170px;
	}
	.mpToolbar li.mpSave.mpSaved {
		background:none;
	}
	.mpToolbar li.mpSave a span {
		width:23px;
		height:19px;
		background-position:0 -40px;
		margin-left:10px;
	}

	.mpToolbar li.mpEdit {
		width:165px;
	}
	.mpToolbar li.mpEdit a {
		padding-right:20px;
	}
	.mpToolbar li.mpEdit a span {
		width:23px;
		height:20px;
		background-position:0 -19px;
		margin-top:-4px;
		margin-left:10px;
	}
	.mpToolbar li.mpEdit.mpDone a span {
		background-position:-292px -71px;
	}
	.mpToolbar li.mpPrint {
		width:160px;
	}
	.mpToolbar li.mpPrint a span {
		width:21px;
		height:19px;
		background-position:0 0;
		margin-top:-4px;
		margin-left:10px;
	}
	.mpToolbar li.mpBuy a {
		padding-left:18px;
	}
	.mpToolbar li.mpBuy a span {
		width:24px;
		height:20px;
		background-position:-23px -27px;
		margin-top:-5px;
	}
	.mpToolbar li.mpShare {
		padding:6px 11px 6px 10px;
		border-right:none;
		width:108px;
	}
	.mpToolbar li.mpShare a {
		padding:0;
		border:0;
		margin:0 6px;
	}
	.mpToolbar li.mpShare a:hover {
		background-color:transparent;
	}

	.mpToolbar li.inactive {
		background-color:#7f7f7f;
	}
	.mpToolbar li.inactive a,
	.no-touch .mpToolbar li.inactive a:hover {
		opacity:0.2;
		color:#000000;
		cursor:default;
		background-color:#7F7F7F;
	}
	
	/* -- */
	.mpToolbar li .downArrow {
		background:url(../images/icons/mp-icons.png) left -815px no-repeat;
		padding:0 4px;
	}
	.no-touch .mpToolbar .mpSave a:hover { background-position:left -100px; }
	.mpToolbar .mpPrint a { background-position:left -120px; }
	.no-touch .mpToolbar .mpPrint a:hover { background-position:left -140px; }
	.mpToolbar .mpBuy a { background-position:left -160px; padding-left:23px; }
	.no-touch .mpToolbar .mpBuy a:hover { background-position:left -180px; }
	.no-touch .mpToolbar li a:hover {
		color:#108a83;
	}
	.mpToolbar .mpShare a {
		width:26px;
		height:26px;
		display:block;
		float:left;
		text-indent:-10000px;
		margin:0 2px 0 0;
		background:url(../images/mealplanner/sprite.png) no-repeat -80px -678px;
		-pie-png-fix: true;
		behavior: url(/javascript/PIE.htc);
	}
	.mpToolbar .mpShare .mpFacebook,
	.no-touch .mpToolbar .mpShare.inactive .mpFacebook,
	.no-touch .mpToolbar .mpShare.inactive .mpFacebook:hover { margin-left:4px;background-position:-80px -678px; }
	.no-touch .mpToolbar .mpShare .mpFacebook:hover { background-position:-80px -718px; }

	.mpToolbar .mpShare .mpTwitter,
	.no-touch .mpToolbar .mpShare.inactive .mpTwitter,
	.no-touch .mpToolbar .mpShare.inactive .mpTwitter:hover { background-position:-106px -678px; }
	.no-touch .mpToolbar .mpShare .mpTwitter:hover { background-position:-106px -718px; }

	.mpToolbar .mpShare .mpEmail,
	.no-touch .mpToolbar .mpShare.inactive .mpEmail,
	.no-touch .mpToolbar .mpShare.inactive .mpEmail:hover { background-position:-132px -678px;margin-right:0; }
	.no-touch .mpToolbar .mpShare .mpEmail:hover { background-position:-132px -718px; }
	.mpToolbar .mpToolbarFade {
		position:absolute;
		float:none;
		top:-2px;
		left:0;
		background:url(../images/elements/white-bg.png) left top repeat;
		width:100%;
		height:36px;
		padding:0;
	}
	.mpToolbar .mpPrintActive {
		background:#f9f9f9;
	}
	.mpPrintDropDown {
		background: none repeat scroll 0 0 #f9f9f9;
		border: 1px solid #DDDDDD;
		left: -1px;
		padding: 6px 8px 8px 20px;
		position: absolute;
		top: 30px;
		width: 110px;
		z-index: 5;
		display:none;
	}
	.mpPrintActive .mpPrintDropDown {
		display:block;
	}
	.mpToolbar .mpPrintDropDown a {
		background:none !important;
		padding:0 0 2px 0 !important;
		font-weight:normal !important;
		color: #6d6555;
		display:block;
	}







	.mealPlan.mpOneMeal tr.o > td,
	.mealPlan.mpOneMeal tr.o td table,
	.mealPlan.mpOneMeal tr.e > td,
	.mealPlan.mpOneMeal tr.e td table {
		width:375px;
		display:block;
		float:left;
	}







	.mealPlan, .mealPlan .mpDay {
		display:block;
		clear:both;
		border-collapse:collapse;
		position:relative;
		padding:0;
		margin:0;
		width:796px;
	}



	.mealPlan td {
		margin:0;
		padding:0;
	}
		.mpMeals .breakfast, .mpMeals .lunch {
			border-right:1px solid #ffffff;
		}
		.mpMeals th {
			width:264px;
			height:33px;
			padding:0;
			margin:0 0 1px 0;
			display:block;
			position:relative;
			float:left;
			font-weight:bold;
			font-size:1em;
			color:#fff;
			text-transform:uppercase;
			text-align:left;
			z-index:1;
			background: #1eb4ab; /* Old browsers */
			background: -moz-linear-gradient(top, #31c6bd 0%, #1eb4ab 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#31c6bd), color-stop(100%,#1eb4ab)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #31c6bd 0%,#1eb4ab 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #31c6bd 0%,#1eb4ab 100%); /* Opera11.10+ */
			background: -ms-linear-gradient(top, #31c6bd 0%,#1eb4ab 100%); /* IE10+ */
			background: linear-gradient(top, #31c6bd 0%,#1eb4ab 100%); /* W3C */
			vertical-align:top;
			
			-webkit-box-shadow: 1px 1px 0px 0px rgba(226, 226, 226, 1), inset -1px -1px 0px 0px rgba(29, 140, 131, 1); 
			box-shadow: 1px 1px 0px 0px rgba(226, 226, 226, 1), inset -1px -1px 0px 0px rgba(29, 140, 131, 1);
		}

		.mpDayHead {
			
		}
			.mpDayHead th {
				border-top:1px solid #e4e4e4;
				margin:10px 0 20px 0;
				height:50px;
				height:70px\9;
				background-color:#f4f4f4;
			}
			.mpDayHead th span.day {
				font-size:1.6em;
				color:#383838;
			}
			.mpDayHead th span.nutritionalValue {
				font-size:1.2em;
				font-weight:normal;
				color:#383838;
				left:400px;
				top:31px;
				top:16px\9;
			}
			.mpDayHead .gda {
				background:url(../images/mealplanner/sprite.png) no-repeat -90px 0;
				position:absolute;
				top:12px;
				*top:2px;
				top:2px\9; /* ie7->9 hack */
				right:55px;
				display:block;
				height:50px;
				width:150px;
				padding:0 3px;
			}
			/* ie10 hack */
			@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
				.mpDayHead .gda {
					top:12px;
				}
				.mpDayHead th span.nutritionalValue {
					top:28px;
				}
			}
				.mpDayHead .gda li {
					width:28px;
					position:absolute;
				}
				.mpDayHead .gda li + li {
					width:28px;
					left:33px;
				}
				.mpDayHead .gda li + li + li {
					width:28px;
					left:63px;
				}
				.mpDayHead .gda li + li + li + li {
					width:28px;
					left:93px;
				}
				.mpDayHead .gda li + li + li + li + li {
					width:28px;
					left:126px;
				}
				/* The GDA box */
				/*
				.mpDayHead .gda li + li + li + li + li + li {
					display:block;
					position:absolute;
					width:400px;
					text-align:right;
					left:-195px;
					top:52px;
					font-size:0.8em;
				}*/
				.mpDayHead .gda li + li + li + li + li + li span {
					
				}
				.mpDayHead .gda li + li + li + li + li + li a {
					
				}
				.mpDayHead .gda li .gdaType {
					padding:6px 2px 0 0;
					letter-spacing: -0.02em;
				}
				.mpDayHead .gda li .gdaAmount {
					padding:1px 0px 0 0;
				}
				.mpDayHead .gda li .gdaPercent {
					padding:4px 0 0 1px
				}

		.mpDay td {
			width:263px;
			display:block;
			float:left;
			padding:0 0 24px 0;
			position:relative;
			z-index:2;
			vertical-align:top;
			min-height:170px;
		}
			.mpDay .mpRecipeContainer {
				background-color:#EAF8F7;
				min-height: 170px;
				position:relative;
				margin:0 0 0.5em 0;
			}
			.mpDay .mpRecipeContainer .mpMainRecipe {
				display:block;
				width:259px;
				height:170px;
				float:left;
			}

		.mpDay .mpMealToolbar { }

			.mealPlan .mpDay h3 {
				margin:0 0 2px 0;
				width:259px;
				color:#3e3b3c;
			}
			.mealPlan.mpOneMeal .mpDay h3 {
				width:375px;
			}
			.mpDayHead .fiveADay {
				background:url(../images/mealplanner/sprite.png) no-repeat -207px -59px;
				color:#00642a;
				font-weight:bold;
				text-align:center;
				position:absolute;
				right:10px;
				top:14px;
				top:4px\9; /* ie7->9 hack */
				padding:10px 0 0 0;
				width:39px;
				height:32px;
				font-size:1.2em;
			}
			@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
				.mpDayHead .fiveADay {
					top:14px;
				}
			}

			.mealPlan .mpMealToolbar a {
				width:70px;
				height:56px;
				display:block;
				background-color:#33b1a7;
				margin-bottom:1px;
				position: relative;
			}
			.mealPlan .mpMealToolbar {
				position:absolute;
				right:2px;
				top:0px;
				width:auto;
				/*display:none;*/
				z-index:4;
			}
			
			.no-touch .mealPlan .mpMealToolbar {
				display: none;
				}

			.mealPlan .dragbox .mpMealToolbar {
				top:2px;
			}
			.mealPlan .mpMealToolbar a span { background:url(../images/mealplanner/sprite.png) no-repeat;display:block;width:19px;height:19px;left:50%;top:50%;margin:-10px 0 0 -10px;position:absolute;text-indent:-300px;overflow:hidden; }
			.mealPlan .mpMealToolbar .mpMealDelete span { background-position:-53px -24px; }
			.mealPlan .mpMealToolbar .mpMealPrint { }
			.mealPlan .mpMealToolbar .mpMealBuy { background-color:#3476ca; }
			.mealPlan .mpMealToolbar .mpMealBuy span { width:30px;height:27px;background-position:-23px 0px;margin:-14px 0 0 -15px; }
			.mealPlan .mpMealToolbar .mpMealMove span { width:33px;height:25px;background-position:-53px 0px;margin:-13px 0 0 -17px; }
			.mealPlan .mpMealToolbar .mpMealSwap span { width:27px;height:27px;background-position:-158px -55px;margin:-14px 0 0 -12px; }

			.mealPlan .dragbox .additionalMeals .addRecipeLink a,
			.mealPlan .dragbox .additionalMeals .addRecipeLink a:hover,
			.mealPlan .dragbox .additionalMeals .addRecipeLink a:focus,
			.mealPlan .dragbox .additionalMeals li a.additionalMeal,
			.mealPlan .dragbox .additionalMeals li a.additionalMeal:hover {
				font-size: 1.3em;
				color:#999999;
				font-family: TescoBold,Helvetica,sans-serif;
				font-weight:normal;
				background:none;
				padding:0;
			}
			.mealPlan .dragbox .additionalMeals .addRecipeLink a span {
				background:transparent url(../images/mealplanner/sprite.png) no-repeat -271px -23px;
				display:block;
				width:9px;
				height:9px;
				float:left;
				margin:3px 5px 0 0;
			}

			.mpMeals tr th:first-child {
				-moz-border-radius-topleft: 5px;
				-moz-border-radius-topright: 0px;
				-moz-border-radius-bottomright: 0px;
				-moz-border-radius-bottomleft: 0px;
				-webkit-border-radius: 5px 0px 0px 0px;
				border-radius: 5px 0px 0px 0px;
				behavior: url(/javascript/PIE.htc);
			}
			
			.mpTwoMeals .mpMeals tr th:first-child + th,
			.mpThreeMeals .mpMeals tr th:first-child + th + th {
				-moz-border-radius-topleft: 0px;
				-moz-border-radius-topright: 5px;
				-moz-border-radius-bottomright: 0px;
				-moz-border-radius-bottomleft: 0px;
				-webkit-border-radius: 0px 5px 0px 0px;
				border-radius: 0px 5px 0px 0px;
				behavior: url(/javascript/PIE.htc);
			}

	/* Specific styles for three meals */
	.mealPlan.mpView.mpThreeMeals .mpDay td ul.recipeInfo {
		display:none;
	}

	/* Specific styles for two meals */
	.mpTwoMeals .mpMeals th {
		width:397px;
	}
	.mpTwoMeals .mpDay td {
		width:395px;
	}
	.mealPlan.mpTwoMeals .mpMealToolbar {
		right:137px;
	}

	.mpTwoMeals .mpMeals thead th + th {
		-moz-border-radius-topleft: 0px;
		-moz-border-radius-topright: 5px;
		-moz-border-radius-bottomright: 0px;
		-moz-border-radius-bottomleft: 0px;
		-webkit-border-radius: 0px 5px 0px 0px;
		border-radius: 0px 5px 0px 0px;
		behavior: url(/javascript/PIE.htc);
	}


	/* Specific styles for one meal */
	.mpOneMeal thead.mpMeals tr th:first-child {
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		-moz-border-radius-bottomright: 0px;
		-moz-border-radius-bottomleft: 0px;
		-webkit-border-radius: 5px 5px 0px 0px;
		border-radius: 5px 5px 0px 0px;
		behavior: url(/javascript/PIE.htc);
	}
	.mpOneMeal .mpMeals th {
		width:796px;
	}
	.mpOneMeal .mpDay td {
		width:375px;
	}
	.mpOneMeal tr.mpDayHead > th {
		margin-bottom:65px;
	}
	/* ie10 hack */
	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
		.mpOneMeal tr.mpDayHead > th {
			margin-bottom:50px;
		}
	}
	.mpOneMeal .mpDayHead .gda li + li + li + li + li + li {
		top:46px;
		left:-198px;
	}
	.mpOneMeal thead.mpMeals + tbody tr {
		display:block;
		float:left;
		width:375px;
		margin:0 39px 0 0;
	}
	.mpOneMeal thead.mpMeals + tbody tr.e {
		margin:0;
	}
	#content .mpOneMeal th span.nutritionalValue {
		position:static;
		top:auto;
		left:auto;
		right:auto;
		display:block;
		height:50px;
		line-height:50px;
		padding:0 0 0 8px;
		*padding:0 0 15px 8px;
		font-size:1em;
		margin:5px 0 0 0;
		float:left;
	}
	#content .mpOneMeal th ul.gda {
		position:relative;
		top:auto;
		left:10px;
		right:auto;
		display:block;
		height:50px;
		float:left;
		margin:5px 0 0 0;
		*margin-bottom:12px;
		margin-bottom:12px\9;
	}
	/* ie10 hack */
	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
		.mpDayHead .gda {
			margin-bottom:0;
		}
	}
	#content .mpOneMeal th span.fiveADay {
		position:relative;
		top:auto;
		left:15px;
		right:auto;
		display:block;
		float:left;
		margin:6px 0 0 0;
	}
	.mealPlan.mpOneMeal .mpMealToolbar {
		right:116px;
	}

	/* Specific styles for One and Two meals */
	.mpTwoMeals .recipeInfo,
	.mpOneMeal .recipeInfo {
		width:118px;
		display:block;
		float:left;
		/*position:absolute;*/
		bottom:0;
		right:0;
		padding:9px;
	}
	.mpOneMeal .recipeInfo {
		width:98px;
	}
		.mpOneMeal .recipeInfo li,
		.mpTwoMeals .recipeInfo li {
			float:none;
			display:block;
			clear:both;
			color:#4d4d4d;
			padding:0 0 0 17px;
			margin:0 0 5px 0;
			font-weight:normal;
			background-image:none;
			border:none;
		}
			.mpOneMeal .recipeInfo li.recipeFacts,
			.mpTwoMeals .recipeInfo li.recipeFacts {
				background:none;
				font-weight:bold;
				font-size:1.1em;
				padding:0;
			}
			.mpOneMeal .recipeInfo li.recipeTakes span.value > span,
			.mpTwoMeals .recipeInfo li.recipeTakes span.value > span {
				display:block;
				width:14px;
				height:14px;
				margin:0 0 0 -17px;
				background:url(../images/mealplanner/sprite.png) no-repeat 0px -59px;
				float:left;
			}
			.mpOneMeal .recipeInfo li.recipeServes span.value > span,
			.mpTwoMeals .recipeInfo li.recipeServes span.value > span {
				display:block;
				width:14px;
				height:14px;
				margin:0 0 0 -17px;
				background:url(../images/mealplanner/sprite.png) no-repeat 0px -73px;
				float:left;
			}
			.starRatingPrint,
			.searchStars,
			.starRatingPrint,
			.searchStars {
				padding:0;
			}
			.starRatingPrint,
			.starRatingPrint {
				font-weight:bold;
			}
				.searchStars span.starRating,
				.searchStars span.starRating {
					display:block;
					padding:0;
					margin:0;
					overflow:hidden;
					width:78px;
					height:15px;
					background:url(../images/mealplanner/sprite.png) no-repeat -19px -65px;
				}
					.searchStars span.starRating span,
					.searchStars span.starRating span {
						height:15px;
						width:0px;
						background:url(../images/mealplanner/sprite.png) no-repeat -19px -80px;
						padding:0;
						margin:0;
						text-indent:-100%;
						overflow:hidden;
					}
					.searchStars span.starRating span.rating0,
					.searchStars span.starRating span.rating0 { display:none; }
					.searchStars span.starRating span.rating1,
					.searchStars span.starRating span.rating1 { width:19px; }
					.searchStars span.starRating span.rating2,
					.searchStars span.starRating span.rating2 { width:36px; }
					.searchStars span.starRating span.rating3,
					.searchStars span.starRating span.rating3 { width:53px; }
					.searchStars span.starRating span.rating4,
					.searchStars span.starRating span.rating4 { width:70px; }
					.searchStars span.starRating span.rating5,
					.searchStars span.starRating span.rating5 { width:85px; }


	.mpIntro {
		background-color:#efefef;
		color:#000000;
		position:relative;
		padding:35px 270px 10px 35px;
		border-bottom:1px solid #c9c9c9;
		margin:0 0 27px 0;
	}
		.mpIntro h1 {
			color:#0053a0;
			display:block;
			clear:both;
			float:none;
		}
		.mpIntro p {
			font-size:1.5em;
			line-height:1.3em;
			float:none;
			clear:both;
		}
		.mpIntro span {
			position:absolute;
			right:0;
			bottom:0;
			display:block;
			background-color:#ff6600;
			width:228px;
			height:131px;
			background:url(../images/mealplanner/sprite.png) no-repeat 0px -101px;
			margin:0 25px 0 0;
		}

	hr { clear:both;margin:20px 0; }

	.mpFeature {
		display:block;
		float:left;
		margin:0 0 30px 15px;
		overflow:hidden;
		position:relative;
	}

		.mpFeature img {
			position:absolute;
			z-index:1;
		}	
		.mpFeature div {
			position:absolute;
			bottom:0;
			z-index:2;
			background:url(../images/mealplanner/hero-bg.png) scroll;
			width:100%;
			padding:10px 14px;
			min-height:107px;
		}
			.mpFeature div h2 {
				font-size:2.5em;
				color:#ffffff;
				margin:0 0 5px 0;
			}
			.mpFeature div p {
				color:#ffffff;
				font-size:1.5em;
				width:400px;
				line-height:1.2em;
				margin-bottom:5px;
			}
			.mpFeature div a {
				color:#35bdb2;
				color:#6ed0c8\9; /* IE8 and below */
				font-weight:bold;
				font-size:1.3em;
				text-shadow: 0px 0px 5px #000000;
        		position:absolute;
        		bottom:10px;

			}
				.mpFeature div a span {
					display:block;
					width:8px;
					height:14px;
					background:url(../images/mealplanner/sprite.png) no-repeat -105px -66px;
					float:right;
					margin-top:2px;
					*display:none;
				}
	.mpFeature.twoCol {
		width:520px;
		height:260px;
		margin:0;
	}
		.mpFeature.twoCol img {
			width:520px;
			height:auto;
		}
		.mpFeature.twoCol div {
			width:492px;
		}
			.mpFeature.twoCol div a {
				display:block;
				width:98px;
				height:20px;
				padding:235px 407px 5px 15px;
				left:0;
				top:0;
				bottom:auto;
				margin-top:-133px;
			}
	.mpFeature.oneCol {
		width:260px;
		height:260px;
	}
		.mpFeature.oneCol img {
			width:260px;
			height:auto;
		}
		.mpFeature.oneCol div {
			width:232px;
		}
			.mpFeature.oneCol div a {
				display:block;
				width:179px;
				height:20px;
				padding:235px 132px 5px 15px;
				left:0;
				top:0;
				bottom:auto;
				margin-top:-133px;
			}

	.mpTriFeature {
		overflow:hidden;
		clear:both;
		float:none;
		margin:0 0 15px 0;
	}
		.mpTriFeature > a {
			display:block;
			float:left;
			width:207px;
			margin-left:12px;
			text-align:center;
			color:#ffffff;
			padding:25px;
			min-height:140px;
		}
		.mpTriFeature > a:first-child {
			margin:0;
		}
			.mpTriFeature a h3 + span {
				margin:0;
				padding:0;
			}
			.mpTriFeature a span:first-child {
				display:block;
				width:72px;
				height:55px;
				background:url(../images/mealplanner/sprite.png) no-repeat -243px -300px;
				margin:0 auto 5px auto;
			}

		.mpTriFeature .featured {
			background-color:#35bdb2;
		}
			.mpTriFeature .featured:hover {
				background-color:#34AEA3;
			}

		.mpTriFeature .customer {
			background-color:#75d9d1;
		}
			.mpTriFeature .customer:hover {
				background-color: #6ACFC7;
			}
			.mpTriFeature .customer span:first-child {
				background-position:-243px -146px;
				height: 49px;
    			margin: 6px auto 5px;
			}

		.mpTriFeature .about {
			background-color:#5dcac1;
		}
			.mpTriFeature .about:hover {
				background-color: #3FB9AE;
			}
			.mpTriFeature .about span:first-child {
				background-position:-243px -107px;
				height: 39px;
				margin: 18px auto 3px;
			}


	.mpMealsCarousel {
		display:block;
		overflow:hidden;
		background-color:#f7f7f7;
		padding:4px;
		margin-bottom:41px;
		border-bottom:1px solid #dddddd;
		clear: left;
	}
		.mpMealsCarousel h2 {
			color:#0b6dc4;
			margin:0 0 10px 31px;
			float:left;
			width:400px;
		}
		.mpMealsCarousel a.binder {
			float:right;
			width:200px;
			font-size:1.5em;
			font-family:'TescoBold';
			color:#35bdb2;
			margin:10px 31px 0 0;
			text-align:right;
		}
			.mpMealsCarousel a.binder span {
				display:block;
				float:right;
				width:8px;
				height:14px;
				background:url(../images/mealplanner/sprite.png) no-repeat -105px -65px;
				margin:2px 0 0 5px;
			}
		.mpMealsCarousel a.mpMealsCarouselNavigation {
			display:block;
			float:left;
			width:31px;
			height:151px;
			border:1px solid #dadada;
			background-color:#ffffff;
			margin:0 7px 0 0;
			clear:both;
		}
			.mpMealsCarousel a.mpMealsCarouselNavigation:hover {
				background:url(../images/mealplanner/carousel-tab.png) repeat-x;
			}
			.mpMealsCarousel a.mpMealsCarouselNavigation span {
				display:block;
				background:url(../images/mealplanner/sprite.png) no-repeat -131px -51px;
				width:18px;
				height:33px;
				margin:63px auto 0 auto;
				text-indent:100%;
				overflow:hidden;
			}
				.mpMealsCarousel a.mpMealsCarouselNavigation.next span {
					background-position:-113px -51px;
				}
		.mpMealsCarousel a.mpMealsCarouselNavigation.next {
			margin:0 0 0 6px;
			clear:none;
		}

	.mpMealsCarousel .mpMealsViewport {
		display:block;
		width:709px;
		overflow:hidden;
		height:208px;
		float:left;
	}
		.mpMealsCarousel .mpMealsViewport ul {
			width:10000px;
		}
		.mpMealsCarousel .mpMealsViewport ul li {
			float:left;
			display:block;
			width:233px;
			margin:0 5px 10px 0;
		}
			.mpMealsCarousel .mpMealsViewport ul li a {
				display:block;
				color:#555;
				font-size:1.2em;
				font-weight:bold;
				font-family: TescoRegular,Helvetica,sans-serif;
				margin:0 0 0.5em 0;
			}
			.mpMealsCarousel .mpMealsViewport ul li img {
				display:block;
				padding:0 0 5px 0;
			}




	.mpTT {
		display:block;
		padding:0 0 0 20px;
		background:transparent url(/images/mealplanner/tooltip-arrow.png) no-repeat -40px center;
		z-index:25;
	}
		.mpTT div {
			padding:17px 17px 15px 17px;
			width:255px;
			background:transparent url(/images/mealplanner/tooltip-bg.png);
			border-radius:10px;
		}
			.mpTT h5 { color:#35bdb2;font-size:1.2em; }
			.mpTT div p { color:#ffffff;font-size: 1em; }

	.mpTT.right {
		float:right;
	}
	.mpTT.left {
		float:left;
	}
	.mpTT.absolute {
		position:absolute;
	}
	.mpTT.login {
		background-position:289px -11px;
		padding:0 20px 0 0;
	}

	.mpCreatePlan {
		width:380px;
		height:190px;
		overflow:hidden;
		margin:0 0 15px 15px;
	}
		.mpCreatePlan img {
			position:absolute;
			z-index:1;
		}
		.mpCreatePlan div {
			background-color: rgba(0, 0, 0, 0.3);
			bottom: 16px;
			min-height: 65px;
			padding: 10px 14px;
			position: absolute;
			width: 352px;
			z-index: 2;
		}
		.mpCreatePlan div h2 {
			color:#ffffff;
		}
		.mpCreatePlan div a {
			position:absolute;
			bottom: auto;
			display: block;
			height: 20px;
			left: 0;
			margin-top: -105px;
			padding: 165px 15px 5px;
			top: 0;
			width: 350px;
			color: #35BDB2;
			font-size: 1.3em;
			font-weight: bold;
			position: absolute;
			text-shadow: 0 0 5px #000000;
		}
		.mpCreatePlan div a span {
			background: url("../images/mealplanner/sprite.png") no-repeat scroll -105px -50px transparent;
    		display: inline-block;
    		height: 14px;
    		width: 8px;
		}





	.mpWizard {
		background-color:#f5f5f5;
		padding: 20px;
		margin-bottom: 5px;
		overflow:hidden;
		position:relative;
	}
		.mpWizard > * {
			float:left;
			width:340px;
			padding-left:75px;
		}
		.mpWizard div {
			clear: none;
    		left:486px;
    		top:60px;
    		position: absolute;
    		width: 270px;
    		padding:0 20px;
    		border-left:1px solid #dddddd;
		}

			.mpWizard div p a 
            {
                height:20px;
                padding:0 15px 0 0;
                position:relative;
                display:inline-block;
                font-weight:bold;
                color:#176fc1;
            }
            .mpWizard div p a span
            {
                position:absolute;
                top: 5px;
                right: 0;
                margin: 0 0 0 0;
            }
			.mpWizaard div p:first-child {
				margin:0;
			}
					.mpWizard div p a span {
						display:inline-block;
						width:7px;
						height:11px;
						background:url(../images/mealplanner/sprite.png) no-repeat -283px -21px;
			
					}
		.mpWizard h1 {
			padding:40px 0 0 75px;
			z-index:20;
			line-height:0em;
			min-height:76px;
			width:390px;
			color:#35bdb2;
		}
		.mpWizard p {
			font-size:1.25em;
			line-height:1.3em;
			color:#383838;
		}
			.mpWizard h1 span {
				z-index:10;
				display:inline-block;
				width:93px;
				height:77px;
				float:left;
				position:absolute;
				background:url(../images/mealplanner/sprite.png) no-repeat 0px -232px;
				font-size:2.2em;
				text-align:center;
				padding:45px 0 0 0;
				margin:-40px 0 0 -75px;
			}
				.mpWizard h1 span cufon {
					*display:none;
				}
			.mpWizard h1 span ~ * {
				z-index:20;
			}

	.mpWizardHelp {
		display:block;
		padding:8px 37px;
		background-color:#f2f2f2;
		color:#333333;
		line-height:21px;
		margin:0 0 20px 0;
	}
		.mpWizardHelp span {
			display:block;
			background:url(../images/mealplanner/sprite.png) no-repeat -294px -47px;
			width:21px;
			height:21px;
			float:left;
			margin:0 15px 0 0;
		}

	.mpWizardSeasonal {
		display:block;
		background-color:#f1fafa;
		float:none;
		clear:both;
		padding:20px 20px 20px 120px;
		margin:0 0 10px 0;
		font-size:1.2em;
	}
		.mpWizardSeasonal span {
			float:left;
			width:81px;
			height:80px;
			margin-left:-100px;
			background:url(../images/mealplanner/sprite.png) no-repeat -93px -232px;
		}
		.mpWizardSeasonal dl {
			color:#333333;
			overflow:hidden;
			margin:0 0 10px 0;
			font-weight:bold;
		}
			.mpWizardSeasonal dl dt,
			.mpWizardSeasonal dl dd {
				float:left;
				display:block;
				margin:0;
				padding:0 10px 0 0;
			}
			.mpWizardSeasonal p label {
				font-weight:bold;
				color:#333333;
				padding:0 0 0 10px;
			}

	.mpWizardSection {
		display:block;
		padding:30px 20px 30px 120px;
		margin:0 0 0px 0;
		border-bottom:1px solid #999999;
	}
		.mpWizardSection legend {
			display:block;
			clear:both;
			float:left;
			margin-left:-100px;
			width:75px;
			height:50px;
			background:url(../images/mealplanner/sprite.png) no-repeat -174px -232px;
			color:#ffffff;
			text-align:center;
			font-size:5em;
			font-family:'TescoBold';
			padding:30px 0 0 5px;
			*position:absolute;
			*left:115px;
			*line-height:0.7em;
			*display:inline;
		}
		.mpWizardSeasonal + .mpWizardSection legend {
			width:80px;
			padding-left:0;
		}

		.mpWizardSection .info,
		.ingredients .info {
			display:inline-block;
			background:url(../images/mealplanner/sprite.png) no-repeat -72px -24px;
			width:13px;
			height:13px;
			margin:0 0 -2px 0;
		}

		.mpWizardSection .inline {
			display:block;
			overflow:hidden;
		}
			.mpWizardSection .inline li {
				float:left;
				margin:0 0 5px 0;
				width:30%;
			}

		.mpWizardSection .left {
			float:left;
			width:48%;
			padding:0 2% 0 0;
		}
		.mpWizardSection .right {
			float:left;
			width:48%;
			padding:0 0 0 1%;
		}
			.mpWizardSection > .right > p {
				margin-right:75px;
			}

		.mpWizardSection label {
			color:#333333;
			font-weight:bold;
			font-size:1em;
		}

		.mpWizardSection p,
		.mpWizardSection li {
			font-size:1.2em;
			line-height:1.3em;
			margin-bottom:3px;
		}
		.mpWizardSection p {
			margin-bottom:10px;
		}

		.mpWizardSection .choice {
			overflow:hidden;
			background-color:#e7f7f6;
			border-radius: 10px;
			padding:10px;
			margin:0 20px 0 0;
		}
			.mpWizardSection .choice .right label {
				font-weight:normal;
				font-size:1.2em;
			}

		.mpWizardSection .comboBox {
			margin:20px 0 30px 0;
			padding:20px 0;
			border-top:3px solid #ececec;
			border-bottom:3px solid #ececec;
			position:relative;
		}

.mpWizardSection .comboBox.noTop {
    border-top:0px;
    padding-top:0px
}

			.mpWizardSection .comboBox .mpTT {
				position:absolute;
				left:100%;
				z-index:20;
				margin:-30px 0 0 -120px;
			}
			.mpWizardSection .comboBox small {
				font-size:1em;
				font-style: italic;
				display:block;
				margin:0 0 10px 0;
			}
			.mpWizardSection .comboBox ul {
				overflow:hidden;
			}
				.mpWizardSection .comboBox ul li {
					float:left;
					width:30%;
					margin-bottom:10px;
				}
		.mpWizardSection .ingredients {
			margin:0 0 30px 0;
			padding:0 0 20px 0;
			border-bottom:3px solid #ececec;
			overflow:hidden;
		}
			.mpWizardSection .ingredients label {
				display:block;
				font-weight:normal;
				font-size:1.2em;
				margin-bottom:10px;
			}
			.mpWizardSection .ingredients input {
				width:97%;
				display:block;
				border:1px solid #bbbbbb;
				font-size:1.2em;
				padding:4px 4px;
				margin:0 0 5px 0;
			}
			.mpWizardSection .ingredients a.addIngredient {
				display:block;
				float:right;
				width:20px;
				height:20px;
				background:url(../images/mealplanner/sprite.png) no-repeat -295px -27px;
				text-indent:-1000px;
				overflow:hidden;
			}
				.mpWizardSection .ingredients a.addIngredient:hover {
					background-position:-265px -53px;
				}

		.mpWizardSection .budget { }
			.mpWizardSection .budget label {
				font-size:1.2em;
				font-weight:normal;
			}

		.mpWizardSection.last {
			border-bottom:none;
		}
		.mpWizardSection ~ .note {
			display:block;
			background-color:#f2f2f2;
			padding:10px;
		}
			.mpWizardSection ~ .note p {
				padding:0;
				margin:0;
				font-size:1.2em;
				line-height:1.5em;
			}
			.mpWizardForm .ctas {
				overflow:hidden;
				padding:30px 0 30px 120px;
			}


	.mpEdit { }
		.mpEdit .mpAddRecipeList { border:1px solid #36bdb2;margin:2px 0 0 2px;width:257px;height:143px;padding:25px 0 0 0;background-color:#f4f4f4; }
		.mpEdit .mpAddRecipeList li { margin:0 0 10px 29px;display:block;clear:both;float:none;position:relative;overflow:hidden; }
			.mpEdit .mpAddRecipeList a.smallButton { background:url(../images/mealplanner/sprite.png) no-repeat right -385px;display:block;margin:0 auto; }
				.mpEdit .mpAddRecipeList a.smallButton span { text-transform:uppercase;text-shadow:none;background:url(../images/mealplanner/sprite.png) no-repeat left -355px;text-align:left;width:185px;height:30px;line-height:30px;margin:0 5px 0 0;padding:0 0 0 10px; }
					.mpEdit .mpAddRecipeList a.smallButton span i { display:block;background:transparent url(../images/mealplanner/sprite.png) no-repeat;width:13px;height:17px;float:left; }
						.mpEdit .mpAddRecipeList a.smallButton span i.save { background-position:-298px 0px;width:17px;height:15px;margin:8px 13px 0 0; }
						.mpEdit .mpAddRecipeList a.smallButton span i.search { background-position:-283px 0px;width:15px;height:15px;margin:8px 14px 0 1px; }
						.mpEdit .mpAddRecipeList a.smallButton span i.note { background-position:-268px 0px;width:13px;height:17px;margin:5px 15px 0 2px; }
	.mpEdit.mpDone {
		width:160px;
	}
		.mpEdit.mpDone a {
			padding-left:40px;
		}

	.mpBuyIngredients {
		clear:both;
		display:block;
		float:left;
		width:350px;
		min-height:170px;
		height:auto;
		background:#f0f0f0 url(../images/mealplanner/like-meal-plan-bg.png) no-repeat right bottom;
		padding:15px 25px;
		margin:0 30px 15px 0;
		width:335px;
	}
		.mpDay .mpBuyIngredients {
            margin-top: 9px;
            padding: 28px 35px;
            width: 304px;
		}
			.mpDay .mpBuyIngredients h2 {
				font-size:2.4em;
				margin-bottom:0.6em;
			}
			.mpDay .mpBuyIngredients p {
				font-size:1.8em;
				line-height:1.4em;
			}
		.mpBuyIngredients.full {
			float:none;
			min-height:120px;
			margin:0 0 15px 0;
			width:auto;
		}
		.mpBuyIngredients h2 {
			color:#383838;
			font-size:1.8em;
		}
		.mpBuyIngredients p {
			font-size:1.4em;
			line-height:1.2em;
			color:#383838;
		}

		.mpBuyIngredients .largeButtonBuy,
		.mpBuyIngredients .largeButtonBuy:hover,
		.no-touch .mpBuyIngredients .largeButtonBuy:hover {
			font-size:1.2em;
			height:39px;
			background:url(../images/mealplanner/sprite.png) no-repeat right -457px;
		}
			.mpBuyIngredients .largeButtonBuy > span,
			.mpBuyIngredients .largeButtonBuy:hover > span,
			.no-touch .mpBuyIngredients .largeButtonBuy:hover > span {
				background:url(../images/mealplanner/sprite.png) no-repeat left -418px;
				padding:10px 8px 0 45px;
			}
				.mpBuyIngredients .largeButtonBuy span i,
				.mpBuyIngredients .largeButtonBuy:hover span i,
				.no-touch .mpBuyIngredients .largeButtonBuy:hover span i {
					display:inline-block;
					width:8px;
					height:14px;
					background:url(../images/mealplanner/sprite.png) no-repeat -258px -2px;
					margin:0 0 -3px 5px;
				}

	.mpMealPublisher {
		background-color:#eaf8f7;
		display:block;
		float:left;
		width:329px;
		min-height:161px;
		height:auto;
		padding:15px 25px;
		margin: 0 15px 15px 0;
	}
		.mpMealPublisher + .mpMealPublisher {
			margin-left:10px;
		}
		.mpMealPublisher h2 {
			font-size:1.5em;
			color:#383838;
		}
		.mpMealPublisher p {
			font-size:1.4em;
			line-height:1.2em;
			color:#383838;
		}
		.mpSaveEditingPanel .largeButton,
		.mpSaveEditingPanel .largeButton:hover,
		.mpMealPublisher .largeButton,
		.mpMealPublisher .largeButton:hover,
		.no-touch .mpMealPublisher .largeButton:hover {
			font-size:1.2em;
			height:39px;
			background:url(../images/mealplanner/sprite.png) no-repeat right -535px;
			line-height:20px;
			color:#ffffff;
			margin:6px 0 12px;
		}
			.mpSaveEditingPanel .largeButton > span,
			.mpSaveEditingPanel .largeButton:hover > span,
			.mpMealPublisher .largeButton > span,
			.mpMealPublisher .largeButton:hover > span,
			.no-touch .mpMealPublisher .largeButton:hover > span {
				background:url(../images/mealplanner/sprite.png) no-repeat left -496px;
				padding:9px 8px 0 20px;
			}
				.mpSaveEditingPanel .largeButton span i,
				.mpSaveEditingPanel .largeButton:hover span i,
				.mpMealPublisher .largeButton span i,
				.mpMealPublisher .largeButton:hover span i,
				.no-touch .mpMealPublisher .largeButton:hover span i {
					display:inline-block;
					width:8px;
					height:14px;
					background:url(../images/mealplanner/sprite.png) no-repeat -258px -2px;
					margin:0 0 -3px 5px;
				}
		.largeButton.largeButton-black,
		.largeButton.largeButton-back:hover,
		.largeButton.largeButton-back:focus {
			background:url(../images/mealplanner/sprite.png) no-repeat right -613px !important;
		}
			.largeButton.largeButton-black > span,
			.largeButton.largeButton-back:hover > span,
			.largeButton.largeButton-back:focus > span {
				background:url(../images/mealplanner/sprite.png) no-repeat left -574px !important;
			}

	.mpSaveEditingPanel {
		background-color:#f3f3f3;
		padding:15px 25px;
		overflow:hidden;
	}
		.mpSaveEditingPanel h2 {
			color: #383838;
    		font-size: 1.7em;
		}
		.mpSaveEditingPanel .largeButton,
		.mpSaveEditingPanel .largeButton:hover,
		.mpSaveEditingPanel .largeButton:focus {
			margin-right:1em;
		}


    #publishedMealPlans
    {
        height: 570px;
    }

	.mpCustomerMealsPagination {
		display:block;
		clear:both;
		border-top:1px solid #e5e5e5;
		padding:10px 0;
		overflow:hidden;
		position: relative;
	}
		.mpCustomerMealsPagination a {
			display:block;
			font-weight:bold;
			color:#9b9b9b;
			float:left;
			padding:0 0 0 0;
			text-align:left;
			margin: 0 4px 0 0;
		}
		
		.mpCustomerMealsPagination a.active 
		{
		    color: #89658b;
		}
			.mpCustomerMealsPagination a span {
				display:block;
				width:6px;
				height:8px;
				margin:4px 5px 0 0;
				float:left;
				background:url(../images/mealplanner/sprite.png) no-repeat -271px -36px;
			}		
		.mpCustomerMealsPagination a.mpPublishedPlansPrev {
            position: absolute; left: 0px;
            top: 10px;
		}
		.mpCustomerMealsPagination a.mpPublishedPlansNext {
			float:right;
			width: 39px;
			position: absolute; right: 0px;	
			top: 10px;	
		}
			.mpCustomerMealsPagination a.mpPublishedPlansNext span {
				background-position:-277px -36px;
				float:right;
				margin:4px 0 0 0;
			}

    #publishedMealPlans li.first 
    {
        clear: both;
    }
    
    .mpCustomerMealsPagination ul
    {
        text-align: center;
    }
    
    .mpCustomerMealsPagination ul#pages li
    {    
        display: inline-block;
    }


	#publishedMealPlansFilter {
		background-color:#f5f5f5;
		padding:15px 70px 10px 35px;
		font-size:1.4em;
		color:#383838;
		margin:0 0 2em 0;
		line-height:1.5em;
	}
		#publishedMealPlansFilter p {
			margin:0 30px 1.4em 0;
		}
		#publishedMealPlansFilter fieldset legend {
			font-weight:bold;
			margin:0 0 0.6em 0;
			color:#383838;
			padding:0;
			font-size:1.15em;
		}
		#publishedMealPlansFilter fieldset label {
			font-weight:bold;
			display:block;
			float:left;
			width:215px;
			padding:0 10px 0 0;
			margin:0 0 0.5em 0;
			color:#383838;
			font-size:1em;
		}
			#publishedMealPlansFilter fieldset label input[type="checkbox"] {
				margin:0 10px 0 0;
			}

	#publishedMealPlans li {
		float:left;
		margin:0 6px 2em 0;
		width:259px;
		min-height:240px;
  		height:auto !important;
  		height:240px
	}
	#publishedMealPlans li:first-child,
	#publishedMealPlans li:first-child + li + li + li {
		margin-left:0;
		clear:left;
		float:left;
	}
	#publishedMealPlans h3 {
		margin-bottom:0.5em;
	}
	#publishedMealPlans h3 a {
		color:#1e1c1d;
	}
		#publishedMealPlans div.searchStars {
			overflow:hidden;
			padding:0 0 5px 0;
		}
			#publishedMealPlans div.searchStars > span {
				float:left;
			}
				#publishedMealPlans div.searchStars span:first-child {
					margin:0 10px 5px 0;
				}
		#publishedMealPlans div.userProfile {
			padding:0 0 0 35px;
			overflow:hidden;
			margin:0;
		}
			#publishedMealPlans div.userProfile img {
				float:left;
				margin:0 0 0 -35px;
				line-height:35px;
			}
	#publishedMealPlansBinderCTABottom {
		
	}

	.leftOvers {}
		.leftOvers h2 {
			color:#07549c;
		}
		.leftOvers p {
			font-size:1.1em;
			line-height:1.5em;
			margin-bottom:1em;
		}
		.leftOvers .largeButton,
		.leftOvers .largeButton:hover {
			font-size:1em;
			height:39px;
			background:url(../images/mealplanner/sprite.png) no-repeat right -535px;
			line-height:20px;
			color:#ffffff;
			margin:6px 0 12px;
			border:none;
		}
			.leftOvers .largeButton span,
			.leftOvers .largeButton:hover span {
				background:url(../images/mealplanner/sprite.png) no-repeat left -496px;
				padding:9px 8px 0 20px;
			}
				.leftOvers .largeButton span i,
				.leftOvers .largeButton:hover span i {
					display:inline-block;
					width:8px;
					height:14px;
					background:url(../images/mealplanner/sprite.png) no-repeat -258px -2px;
					margin:0 0 -3px 5px;
				}
		.leftOvers .largeButton.largeButton-black,
		.leftOvers .largeButton.largeButton-black:hover {
			background:url(../images/mealplanner/sprite.png) no-repeat right -613px !important;
		}
			.leftOvers .largeButton.largeButton-black,
			.leftOvers .largeButton.largeButton-black:hover {
				background:url(../images/mealplanner/sprite.png) no-repeat left -574px !important;
			}
		.leftOvers .intro, .featuredMp .intro {
			background-color:#f5f5f5;
			padding: 20px 35px 22px 35px;
			margin-bottom:20px;
		}
			.leftOvers .intro h1 {
				margin:0;
				padding:0;
				float:none;
				margin:0 0 15px 0;
				color:#37beaf;
			}
			.leftOvers .intro h1 + p {
				font-weight:bold;
			}
			.leftOvers .intro p, .featuredMp .intro p {
                color: #555;
                font-size: 1.3em;
                line-height: 1.5em;
                margin: 0 0 0 0;
                padding: 0;
                font-weight: bold;
			}
		.leftOvers .ingredients {
			background-color:#f1f9fb;
			padding:35px 0 0 20px;
			overflow:hidden;
			margin-bottom:40px;
			position:relative;
		}
			.leftOvers .ingredients > span.icon {
				display:block;
				background:url(../images/mealplanner/sprite.png) no-repeat 0px -670px;
				width:80px;
				height:80px;
				margin:0 40px 0 0;
				float:left;
			}
			.leftOvers .ingredients > span.fork {
				float:right;
				background:url(../images/mealplanner/sprite.png) no-repeat 0px -101px;
				width:228px;
				height:131px;
				right:25px;
				position:absolute;
				bottom:0;
			}
			.leftOvers .ingredients > div {
				float:left;
				width:340px;
				font-size:1.2em;
				padding-bottom:20px;
			}
				.leftOvers .ingredients > div input[type="text"] {
					clear:both;
					display:block;
					width:330px;
					padding: 7px 5px;
					/*padding:0 5px;*/
					border:1px solid #bbbcbe;
					margin:10px 0;
					font-size:1em;
				}
				.leftOvers .ingredients a.addIngredient {
					background: url("../images/mealplanner/sprite.png") no-repeat scroll -295px -27px transparent;
					display: block;
					float: right;
					height: 20px;
					overflow: hidden;
					text-indent: -1000px;
					width: 20px;
					margin-bottom:10px;
				}
				.leftOvers .ingredients #mpSearchLeftOvers {
					clear:both;
					float:right;
					margin:0;
					padding:0;
				}
	.leftOvers .mpLeftOverResultsPanel {
		margin-bottom:3em;
	}
	
	.mpLeftOverControls a {	
		font-size: 14px;
		color: #9B9B9B;
		text-decoration: underline;
		font-family: 'TescoBold', Arial, sans-serif;
		}
		
	.mpLeftOverControls .add-to-binder:hover {
		color: #F7C245;
		}

	.mpLeftOverControls a:hover {
		text-decoration: underline;
		}
	
	#mpLeftOverResults {
		/* overflow:hidden; */
	}
		#mpLeftOverResults li {
			display:block;
			float:left;
			width:259px;
			margin:0 0 1em 7px;
		}
		#mpLeftOverResults li:first-child,
		#mpLeftOverResults li:first-child + li + li + li {
			margin-left:0;
			clear:left;
		}
			#mpLeftOverResults li img {
				display:block;
				border:0;
				padding:0;
				margin:0;
				width:259px;
				height:170px;
				margin-bottom: 10px;
			}
			#mpLeftOverResults li label {
				display:block;
				background-color:#d8f2ef;
				padding:5px 5px;
				margin:0 0 1em 0;
				cursor:pointer;
			}
			#mpLeftOverResults li h3 {
				font-size:1.5em;
				margin:0 0 10px 0;
				color:#2d2729;
			}
	#mpLeftOverResults .refresh,
	.recipe-list-refresh {
		display:block;
		padding:15px 10px 5px 10px;
		text-align:center;
		font-size:1.2em;
		clear:both;
		background-color:#f5f5f5;
	}
		#mpLeftOverResults .refresh .largeButton,
		.recipe-list-refresh a {
			float:none;
			display:inline-block;
			font-size:1.2em;
			line-height:0.7em;
		}
	.mpLeftOverBasket {
		display:block;
		clear:both;
		padding:20px 0;
		overflow:hidden;
	}


	    .mpLeftOverBasket .mpCta,
	    .mpLeftOverBasket .mpCta:hover,
	    .mpLeftOverBasket .mpCta:focus,
	    .mpLeftOverBasket .mpCta:active { float: right;margin-top:10px;}

	    /* redundant styles as we're moving to using mpCta now instead of largeButton */
		.mpLeftOverBasket .largeButton,
		.mpLeftOverBasket .largeButton:hover 
		{
		    
			font-size:1.2em;
			height:39px;
			background:url(../images/mealplanner/sprite.png) no-repeat right -535px;
			line-height:20px;
			color:#ffffff;
			margin:11px 0 12px;
			border:none;
		}
			.mpLeftOverBasket .largeButton span,
			.mpLeftOverBasket .largeButton:hover span {
				background:url(../images/mealplanner/sprite.png) no-repeat left -496px;
				padding:9px 8px 0 20px;
			}
				.mpLeftOverBasket .largeButton span i,
				.mpLeftOverBasket .largeButton:hover span i {
					display:inline-block;
					width:8px;
					height:14px;
					background:url(../images/mealplanner/sprite.png) no-repeat -258px -2px;
					margin:0 0 -3px 5px;
				}
		.mpLeftOverBasket .largeButton.largeButton-black,
		.mpLeftOverBasket .largeButton.largeButton-black:hover {
			background:url(../images/mealplanner/sprite.png) no-repeat right -613px !important;
		}
			.mpLeftOverBasket .largeButton.largeButton-black,
			.mpLeftOverBasket .largeButton.largeButton-black:hover {
				background:url(../images/mealplanner/sprite.png) no-repeat left -574px !important;
			}
		.mpLeftOverBasket > ul:first-child {
			overflow:hidden;
			float:left;
		}
		.mpLeftOverBasket li {
			display:block;
			float:left;
			margin:0 15px 0 0;
		}
		.mpLeftOverBasket li span {
			overflow:hidden;
			width:89px;
			height:54px;
			display:block;
		}
		.mpLeftOverBasket li.blueBox {
			display:none;
		}
		.mpLeftOverBasket li.blueBox span 
		{
            display:none;
		}
		.mpLeftOverBasket li.blueBox span 
		{
            border:none;
		}
		.mpLeftOverBasket li a {
			margin:5px 0 0 0;
			display:block;
			float:right;
			background:url(../images/mealplanner/sprite.png) no-repeat -252px -43px;
			width:8px;
			height:8px;
			text-indent:-1000px;
		}
		.mpLeftOverBasket li.blueBox a 
		{
            background:none;
		}
		.mpLeftOverBasket li img {
			width:89px;
			height:auto;
			display:block;
		}
		.mpLeftOverBasket li img[src=""] {
			visibility:hidden;
		}
		.mpLeftOverBasket li:hover,
		.mpLeftOverBasket li.empty {
			border-color:#5ec9c3;
		}
		.wideCol { position: relative !important; }


	.mpCta,
	.mpCta:hover {
		font-size:14px;
		height:39px;
		color:#ffffff;
		font-weight:bold;
		text-decoration:none;
		line-height:20px;
		background:url(../images/mealplanner/sprite.png) no-repeat right -535px;
		display:inline-block;
		overflow:hidden;
		margin-top:2px;
	}
	.mpCta:hover {
		background-position:right -971px;
	}
		.mpCta span,
		.mpCta:hover span {
			/*background:url(../images/mealplanner/sprite.png) no-repeat left -496px;*/
			background:url(../images/mealplanner/sprite.png) no-repeat left -496px;
			margin-right:10px;
			display:block;
			float:left;
			padding:7px 8px 0 20px;
			height:30px;
		}
		.mpCta:hover span {
			background-position:left -932px;
		}
			.mpCta span i,
			.mpCta:hover span i {
				display:inline-block;
				width:8px;
				height:14px;
				background:url(../images/mealplanner/sprite.png) no-repeat -258px -2px;
				margin:0 0 -3px 5px;
			}
			.mpCta span i.prev,
			.mpCta:hover span i.prev {
				margin:0 5px -3px 0;
				background:url(../images/mealplanner/sprite.png) no-repeat -249px -2px;
			}


	.mpCta.mpCta-left {
		float:left;
		margin-right:0.5em;
	}
		.mpCta.mpCta-left span {
			padding:9px 8px 0 20px;
		}
	.mpCta.mpCta-black,
	.mpCta.mpCta-black:hover {
		background:url(../images/mealplanner/sprite.png) no-repeat right -613px;
	}
	.mpCta.mpCta-black:hover {
		background-position:right -1049px;
	}
		.mpCta.mpCta-black span,
		.mpCta.mpCta-black:hover span {
			background:url(../images/mealplanner/sprite.png) no-repeat left -574px;
		}
		.mpCta.mpCta-black:hover span {
			background-position:left -1010px;
		}

	.mpCta.mpCta-small,
	.mpCta.mpCta-small:hover {
		background:url(../images/mealplanner/sprite.png) no-repeat right -795px;
		height:32px;
	}
		.mpCta.mpCta-small span,
		.mpCta.mpCta-small:hover span {
			background:url(../images/mealplanner/sprite.png) no-repeat left -762px;
			height:25px;
			padding-top:6px;
		}

	.mpCta.mpCta-mini,
	.mpCta.mpCta-mini:hover {
		background:url(../images/mealplanner/sprite.png) no-repeat right -904px;
		height:27px;
		font-size:11px;
	}
		.mpCta.mpCta-mini:hover {
			background:url(../images/mealplanner/sprite.png) no-repeat right -1265px;
		}
		.mpCta.mpCta-mini span,
		.mpCta.mpCta-mini:hover span {
			background:url(../images/mealplanner/sprite.png) no-repeat left -877px;
			height:22px;
			padding-top:3px;
		}
		.mpCta.mpCta-mini:hover span {
			background:url(../images/mealplanner/sprite.png) no-repeat left -1238px;
		}

	.mpCta.mpCta-mini.mpCta-black,
	.mpCta.mpCta-mini.mpCta-black:hover {
		background:url(../images/mealplanner/sprite.png) no-repeat right -853px;
		height:23px;
		font-size:11px;
	}
		.mpCta.mpCta-mini.mpCta-black span,
		.mpCta.mpCta-mini.mpCta-black:hover span {
			background:url(../images/mealplanner/sprite.png) no-repeat left -830px;
			height:22px;
			padding-top:1px;
		}

    .mpCta.mpCta-mini.mpCta-green 
    {
        height:23px;
        padding-top:0px;
    }

	.savedPopUp { }
		.popupBody .savedPopUp h3 {
			color:#363636;
		}
		.savedPopUp .intro {
			padding:0 16px 16px 16px;
			overflow:hidden;
			margin:0 -16px;
			border-bottom: 1px solid #DDDDDD;
		}
			.savedPopUp .intro img {
				float:left;
				margin:0 15px 0 0;
				width:260px;
				height:170px;
			}
			.savedPopUp .intro div {
				float:left;
				width:289px;
			}
				.savedPopUp .intro div h2 {
					color:#0053a1;
				}
		.savedPopUp fieldset p {
			margin:0;
			padding:0;
			font-size: 1.2em;	
		}
		.savedPopUp fieldset p + small {
			display:block;
			width:auto;
			clear:both;
			font-style: italic;
			margin-bottom:16px;
			padding:0;
		}
		.savedPopUp fieldset {
			padding:16px;
			border-bottom: 1px solid #DDDDDD;
			margin:0 -16px;
		}
		.savedPopUp fieldset label {
			float:left;
			display:block;
			width:180px;
			margin-left:10px;
			margin-bottom:10px;
			font-size:1.2em;
			font-weight:bold;
			color:#363636;
		}
		.savedPopUp fieldset div label,
		.savedPopUp fieldset div label + label + label + label + label {
			margin-left:0;
		}
		.savedPopUp fieldset label.private {
			width:auto;
			clear:both;
			float:none;
			font-size:0.9em;
			font-style: italic;
			font-weight: normal;
			margin:5px 0;
		}
		.savedPopUp .email {
			padding:16px;
			margin:0 -16px;
			border-bottom: 1px solid #DDDDDD;
			overflow:hidden;
		}
			.savedPopUp .email fieldset a.mpCta { color:#ffffff; }
			.mpPopupCongratulations .savedPopUp #sendEmail {
				padding:0;
				border:none;
			}
			.mpPopupCongratulations .savedPopUp #sendEmail input {
				margin-bottom:0;
			}
			.mpPopupCongratulations .popupBody {
				/*padding-bottom:0;*/
			}

		.savedPopUp .share {
			padding:16px;
			margin:0 -16px;
			overflow:hidden;
		}
			.savedPopUp .share h3 {
				float:left;
				margin:0 15px 0 0;
			}
				.savedPopUp .share ul {
					float:left;
				}
				.savedPopUp .share ul li {
					display:block;
					float:left;
					margin:0 10px 0 0;
				}
				.savedPopUp .share ul li a {
					display:block;
					width:26px;
					height:26px;
					text-indent:-1000px;
					overflow:hidden;
					background-color:#ff6600;
				}
				.savedPopUp .share li.facebook a {
					background: url("../images/icons/mp-icons.png") no-repeat scroll left -200px;
				}
				.savedPopUp .share li.twitter a {
					background: url("../images/icons/mp-icons.png") no-repeat scroll left -260px;
				}
				.savedPopUp .share li.mail a {
					background: url("../images/icons/mp-icons.png") no-repeat scroll left -320px;
				}
				.savedPopUp .share li.print a {
					width:22px;
					height:19px;
					margin:2px 3px;
					background: url("../images/mealplanner/sprite.png") no-repeat scroll 0 1px transparent;
				}
	.savedPopUp + .done {
		background-color:#f6f6f6;
		margin:0 -16px;
		padding:15px 30px;
		border-radius: 0 0 5px 5px;
	}

	table.mealPlan.mpOneMeal {
        height: 1450px;
        position: relative;
    }

    table.mealPlan.mpOneMeal>tbody {
        display: block;
        position: absolute;
        width: 375px;
    }

    table.mealPlan.mpOneMeal>tbody.o {
        top: 55px;
        left: 0;
    }

    table.mealPlan.mpOneMeal>tbody.o+tbody.e {
        top: 55px;
        right: 0;
    }

    table.mealPlan.mpOneMeal>tbody.e+tbody.e {
        right: 0;
    }

    table.mealPlan.mpOneMeal>tbody.o+tbody.e+tbody.o {
        top: 395px;
    }

    table.mealPlan.mpOneMeal>tbody.o+tbody.e+tbody.e {
        top: 395px;
        right: auto;
        left: 0;
    }

    table.mealPlan.mpOneMeal>tbody.o+tbody.e+tbody.o+tbody.e {
        top: 395px;
    }

    table.mealPlan.mpOneMeal>tbody.o+tbody.e+tbody.o+tbody.e+tbody.o {
        top: 734px;
    }

    table.mealPlan.mpOneMeal>tbody.o+tbody.e+tbody.o+tbody.e+tbody.o+tbody.e {
        top: 734px;
    }

    table.mealPlan.mpOneMeal>tbody.o+tbody.e+tbody.o+tbody.e+tbody.o+tbody.e+tbody.o {
        top: 1073px;
    }

    table.mealPlan.mpOneMeal>tbody.o+tbody.e+tbody.o+tbody.e+tbody.o+tbody.e+tbody.o+tbody.e {
        top: 1073px;
    }


















	
	
	






	
	
	
	
	
	.mpMeals th span {
		position:absolute;
		left:9px;
		top:9px;
	}
	
	.mpMeals th a {
		display:block;
		text-indent:-10000px;
		position:absolute;
		background:url(../images/icons/mp-icons.png) left -500px no-repeat;
		width:29px;
		height:26px;
		right:0;
		top:3px;
		-pie-png-fix: true;
		behavior: url(/javascript/PIE.htc);
	}
	
	.mpDayHead th {
		text-align:left;
		display:block;
		color:#6d6554;
	}
	.mealPlan.mpOneMeal .mpDayHead > th {
		background-color:transparent;
	}
	
	.mpDayHead .day {
		font-weight:bold;
		font-size:2em;
		padding:17px 9px;
		color:#6d6554;
		display:block;
	}
	.mealPlan.mpOneMeal .mpDayHead span.day {
		display:block;
		background-color:#f4f4f4;
		width:357px;
	}
	
	.no-touch .mpDayHead .day:hover {
		cursor:default;
	}
	
	.mpDayHead .nutritionalValue {
		position:absolute;
		top:19px;
		left: 458px;
		color: #6D6554;
		font-weight: bold;
		font-size: 1em;
		display:block;
	}
	
	
	
	
	
	.mpDay td .loading {
		background-color: #FAFAFA;
		text-align: center;
		height: 170px;
	}
	
	.mpDay td .loading img {
		width: 32px;
		height: 32px;
		margin-top: 69px;
	}
	
	.mpDay .breakfast, .mpDay .lunch {
		border-right:3px solid #fff;
	}
	
	.breakfast .day, .lunch .day, .dinner .day {
		position:absolute;
		z-index:4;
		color: #FFFFFF;
    	display: block;
    	font-size: 2em;
    	font-weight: bold;
		top:1px; 
		left:1px;
		padding:17px 9px;
	}
	
	.mpDay .dragbox {
		border:2px solid transparent;
		    -moz-transition: opacity 0.2s ease-in-out;  
    -o-transition: opacity 0.2s ease-in-out;  
    -webkit-transition: opacity 0.2s ease-in-out;  
    transition: opacity 0.2s ease-in-out;  
		
	}
	
	.mpDay .dragOutline:first-child{
		border:2px solid #31C6BD!important;
		/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		-moz-opacity: 0.5;
		-khtml-opacity: 0.5;
		opacity: 0.5;*/
	}
	.mpDay .ui-draggable a{
		cursor:move;

	}
	
	.mpDay .dropHover {
		border:2px solid #31C6BD!important;
	}
	
	
	.emptySlot .day {
		color: #31C6BD;
	}
	
	.mealPlan .mpNotification {
		font-size:0.8em;
		margin-bottom:2px;
	}
	
	.additionalMeals {
		padding-top:1px;
	}
	
	.additionalMeals li {
		padding:3px 0 0 0;
	}
	
	.additionalMeals a {
		color:#35bdb2;
		font-weight:bold;
	}


	.mealPlan.mpOneMeal .additionalMeals li {
		padding:0;
	}
	.mealPlan.mpOneMeal .additionalMeals .plus {
		margin:0 0 0 5px;
	}
	.mealPlan.mpOneMeal .additionalMeals a {
		height:30px;
		padding:0 5px 0 0;
		text-overflow:ellipsis;
		overflow:hidden;
		display:block;
	}

	
	.no-touch .additionalMeals a:hover {
		color:#108a83;
	}
	
	.additionalMeals span.alternativeMeal {
		color: #6D6555;
		font-weight: bold;
	}
	
	/*.additionalMeals .addRecipeLink {
		visibility:hidden;
	}*/
	
	.additionalMeals .addRecipeLink a {
		color:#6d6555;
		background:url(../images/icons/mp-icons.png) left -659px no-repeat;
		display:block;
		padding:0 0 0 18px;
		width:241px;
	}
	
	.no-touch .additionalMeals .addRecipeLink a:hover {
		color:#108a83;
		background-position:left -699px;
	}
	
	/*.mpDay td:hover .addRecipeLink {
		visibility:visible;
	}*/
	
	.no-touch .mpDay .emptySlot:hover .addRecipeLink {
		visibility:hidden;
	}
	
	.mealPlan .additionalMeals .plus {
		display:block;
		float:left;
		background:url(../images/icons/mp-icons.png) left -377px no-repeat;
		width:15px;
		height:12px;
		text-indent:-10000px;
	}
	
	.additionalMeals .deleteRecipe {
		background:url(../images/icons/mp-icons.png) left -421px no-repeat;
		display:block;
		float:left;
		width:18px;
		height:13px;
		text-indent:-10000px;
		margin:1px 0 0 0;
	}
	
	.no-touch .additionalMeals .deleteRecipe:hover {
		background-position:left -461px; 
	}
	
	.no-touch .mealPlan .mpMealToolbar a:hover {
		background:url(../images/mealplanner/sprite.png) no-repeat -175px -678px;
	}
	.mealPlan .mpMealToolbar a.mpMealBuy {
		background:url(../images/mealplanner/sprite.png) no-repeat -245px -678px;
	}
	
	.no-touch .mealPlan .mpMealToolbar .mpMealDelete:hover, .no-touch .mpCarousel .mpMealToolbar .mpMealDelete:hover {
		background-color:#cb2030
	}
	
	.mpMainRecipe {
		position:relative;
		z-index:2;
	}
	
	.mpAddRecipeList {
		position:absolute;
		top:0;
		left:0;
		z-index:5;
		width:214px;
		height:140px;
		padding:30px 0 0 45px;
		background:#eaf8f7;
	}
	
	.mpAddRecipeList li {
		float:left;
		clear:both;
		margin:0 0 6px 0;
	}
	
	/*.emptySlot .mpAddRecipeList li {
		display:none;

	}
	
	.emptySlot .mpAddRecipeList:hover li {
		display:block;
	}*/
	
	.mpBuyPanel, .mpSavePanel {
		background-color:#eaf8f7;
		border-top:1px solid #c3efeb;
		padding:8px 12px 8px 12px;
		clear:both;
		float:left;
		width:772px;
		margin:6px 0 6px 0;
	}
	
	.mpSavePanel h2 {
		float:left;
		width:568px;
		padding-bottom:50px;
	}
	
	.mpSavePanel .largeButtonBrown {
		margin:0;
	}
	
	.mpBackLinks {
		display:block;
		padding:8px 0 0 0;
		border-top:1px solid #dddddd;
		float:left;
		width:796px;
	}
	
	.mpBackLinks a {
		color:#6d6555;
		font-weight:bold;
		background:url(../images/icons/mp-icons.png) left -617px no-repeat;
		padding-left:14px;
		display:block;
	}
	
	.no-touch .mpBackLinks a:hover {
		text-decoration:underline;
	}
	
	.mpBackLinks .mpBackToAll { float:left; }
	.mpBackLinks .mpBackToTop { float:right; }
	.mpBackLinks .mpBackToTop a { background-position: left -636px; }
	
	
	.mpTooltip {
		background: rgba(0,0,0,0.8);
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding:10px;
		width:286px;
		color:#fff;
		position:absolute;
		z-index:25;
		display:none;
		-pie-background:rgba(0,0,0,0.8);
		behavior: url(/javascript/PIE.htc);
	}
	
	#tooltipMpView1 {
		left:322px;
		top:49px;
		position:absolute;
	}
	
	#tooltipMpView2 {
		left:155px;
		top:43px;
        position:absolute;
	}
	
	#tooltipMpView3 {
        left: 654px;
        top: 44px;
        position: absolute;
	}
	
	#tooltipMpView4 {
		left:483px;
		top:50px;
        position:absolute;
	}
	
	#tooltipMpView5 {
		left:788px;
		top:41px;
        position:absolute;
	}
	
	#tooltipMpEdit1 {
        left: 233px;
        top: -36px;
        position:absolute;
	}
	
	#tooltipMpEdit2 {
        left: 262px;
        top: 301px;
        position:absolute;
	}
	
	#tooltipMpEdit3 {
        left: 155px;
        top: 396px;
        position:absolute;
	}
	
	#tooltipMpEdit4 {
        left: 270px;
        top: 245px;
        position:absolute;
	}
	
	#tooltipMpWizard_Budget
	{
        left: 262px;
        top: 1170px;
        position: absolute;
	}
	
	#tooltipMpWizard_Dietary
	{
        position: absolute;
        left: 539px;
        top: 828px;
	}
			
	#tooltipMpWizard_5aDay
	{
        position: absolute;
        left: 401px;
        top: 700px;
	}
	
	#tooltipMpWizard_Leftovers {
        left: 484px;
        top: 4px;
        position: absolute;
	}
	
    #tooltipMpWizard_Login {
        position: absolute;
        left: 495px;
        top: 2px;
    }
	
	.mealPlanHeader .mpTooltip .smallButton {
		position:static;
		margin:0 8px 0 0;
	}
	
	.mealPlanHeader .mpTooltip p {
		margin-right:0;
	}

	.mealPlanHeader .addYourRating fieldset {
		padding:0 0 10px 0;
	}
	
	.mpTooltip h3 {
		margin:0 0 4px 0;
	}
	
	.mpTooltip .arrow {
		position:absolute;
		bottom:-12px;
		background:url(../images/elements/tooltip-bg.png) left top no-repeat;
		width:14px;
		height:12px;
		left:14px;
	}
	
	#tooltipMpView1 .arrow, #tooltipMpEdit1 .arrow {
		left:306px;
		background:url(../images/elements/tooltip-right-bg.png) left top no-repeat;
		width:12px;
		height:14px;
		top:14px;
	}
	
	.wizardForm .mpTooltip ul {
		margin:0 0 6px 0;
	}
	
	.wizardForm .mpTooltip li {
		min-height:0;
		float:none;
		width:auto;
		background:none;
		padding:0 0 4px 0;
		margin:0 0 0 15px;
		list-style-type:disc;
	}
	
	.mpTooltip .smaller {
		font-size:0.9em;
		color:#ccc;
	}
	
	#fade, .accountFade {
		background: url(../images/elements/black-bg.png) left top repeat;
		position:fixed;
		width:100%;
		height:100%;
		z-index:40;
		display:none;
		top:0;
		left:0;
	}
	
    .rPopup{
		background:#88668a;
		background:rgba(136,102,138,0.5);
	}

	.mpPopup, .mpRecipePopup, .rPopup, .stPopup, .mpPopup .rPopup {
		background:#31c6bd;
		background:rgba(49,198,189,0.5);
		padding:10px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		position:absolute;
		z-index:50;
		display:none;
	}
	
	.popupContent {
		background:#fff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding:0;
		width:596px;
		float:left;
	}
	
	.popupHeader {
		padding:10px 16px;
		border-bottom:1px solid #ddd;
		float:none;
		width:auto;
		margin:0;
	}
	
	.popupBody {
		padding:14px 16px 24px 16px;
		float:left;
		clear:both;
		width: 564px;
	}
	
	.popupFooter {
		margin:20px 0 0 0;
		padding:10px 16px;
		border-top:1px solid #ddd;
		float:left;
		clear:both;
		width: 564px;
	}
	
	.mpPopup .saving, .stPopup .saving {	
		/* background-color: #EAF8F7;
		height: 120px;
		width: 564px;	*/
		text-align: center;	
	}
	/*
	.mpPopupLoading .saving {
		background:none;
		height:auto;
		width:auto;
	} */
	
	.mpPopupInfo .popupBody p {
		line-height:140%;
		padding-right:30px;
	}
	
	.mpPopupCongratulations .saving img {
		width: 32px;
		height: 32px;
		padding-top: 22px;
        padding-bottom: 22px;
		/*padding-top: 44px;*/
	}
	
	.mpRecipePopupContent {
		background:#fff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding:0;
		width:819px;
		float:left;
	}

	.mpRecipePopupContent .recipeToolbars {
		clear:both;
		padding:10px 0 0 0;
	}
		.mpRecipePopupContent .recipeToolbars .searchStars .starRating { float:left;margin:0 5px 0 0; }
			.mpRecipePopupContent .recipeToolbars .searchStars .starRating span { text-indent:-10000px; }

	.mpRecipePopupContent .binder-controls {
		overflow:hidden;
		margin-top:30px;
		width:300px;
	}
		.mpRecipePopupContent .binder-controls > a {
			font-size:13px;
			float:right;
			display:block;
			width:114px;
			height:19px;
			padding:10px 10px 10px 24px;
			border:1px solid #c8c8c8;
			color:#717171;
			line-height:1.5em;
			font-family: TescoRegular,Helvetica,sans-serif;
			text-align:left;
		}
		.mpRecipePopupContent .binder-controls > a:hover {
			background-color:#F2F2F2;
		}
		.mpRecipePopupContent .binder-controls > a:first-child + a {
			border-right:none;
		}
		.mpRecipePopupContent .binder-controls > a span {
			display:block;
			width:22px;
			height:19px;
			background: url("../images/mealplanner/sprite.png") no-repeat;
			margin:0 5px 0 0;
			float:left;
		}
		.mpRecipePopupContent .binder-controls > a.print span {
			background-position:0px 0px;
		}
		.mpRecipePopupContent .binder-controls > a.save span {
			background-position:-1px -39px;
		}


	
	.mpRecipePopup .popupHeader, .mpRecipePopup .popupBody, .mpRecipePopup .popupFooter { width:787px; float:left; clear:both; margin:0; }
	.mpRecipePopup .popupFooter { background-color:#f5f5f5; }
	
	
	.mpRecipePopupContent .popupHeader .smallButtonSave {
		position: absolute;
		bottom: -1px;
		right: 341px;
		z-index:5;
	}
	.mpRecipePopupContent h1, .mpRecipePopupContent span.popupTitle {
		margin:8px 0 6px 0;
		padding-right:50px;
	}
	.mpRecipePopupContent h1 {
		width:470px;
		padding:0;
		margin:8px 15px 6px 0;
	}
	
	.mpRecipePopup .popupHeader {
		border:none;
		position:relative;
	}
	
	.mpRecipePopup .popupBody {
		padding-top:10px;
	}
	
	.mpRecipePopup .popupBody .tesco-button-large {
		margin-left: 19px;
		margin-top: 5px;
	}

	.mpRecipePopupContent .halfCol {
		margin-left: 0;
		margin-right: 15px;
		width: 472px;
	}
	
	.mpRecipePopupContent .recipeToolbar {
		border:none;
		margin:0;
		margin-bottom: -4px;
		margin-top: 6px;
	}
	
	.mpRecipePopupContent .recipeToolbar li {
		padding:0 17px 0;
	}
	
	.mpRecipePopupContent .recipeToolbar .recipeRating {
		border:0;
		padding-left:0;
	}
	
	.mpRecipePopupContent .recipeToolbar .starRating span {
		background-position:left -15px;
	}
	
	.mpRecipePopupContent .recipeToolbar .recipePrint a {
		background: url(../images/icons/mp-icons.png) no-repeat scroll left -920px transparent;
		color: #35bdb2 !important;
	}
	
	.no-touch .mpRecipePopupContent .recipeToolbar .recipePrint a:hover {
		background-position:left -140px;
		color: #108a83;
	}
	
	.mpRecipePopupContent .recipeInfo {
		padding: 8px 0;
		float:left;
		background:none;
	}
	
	.mpRecipePopupContent .recipeInfo li {
		color:#35bdb2;
	}
	
	.mpRecipePopupContent .article {
		padding-right: 0;
   		width: 472px !important;
		margin-left:0;
		color:#333;
		padding-bottom:0;
	}
	
	.mpRecipePopupContent .panelHeader {
		background-image:none;
		background: #31c6bd; /* Old browsers */
		background: -moz-linear-gradient(top, #31c6bd 0%, #1eb5ab 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#31c6bd), color-stop(100%,#1eb5ab)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #31c6bd 0%,#1eb5ab 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #31c6bd 0%,#1eb5ab 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, #31c6bd 0%,#1eb5ab 100%); /* IE10+ */
		background: linear-gradient(top, #31c6bd 0%,#1eb5ab 100%); /* W3C */
		-moz-border-radius-topleft: 0px;
		-moz-border-radius-topright: 5px;
		-moz-border-radius-bottomright: 0px;
		-moz-border-radius-bottomleft: 0px;
		-webkit-border-radius: 0px 5px 0px 0px;
		border-radius: 0px 5px 0px 0px;
		height:auto;
		padding:0;
		width:300px;
	}
	
	.mpRecipePopupContent .panelHeader h3 {
		float: none;
		font-size: 1.6em;
		margin: 0;
		padding: 8px 0 10px 15px;
	}
	
	.mpRecipePopupContent .panelContent {
		background-color:#eaf8f7;
		margin: 0;
		padding: 0 0 0 0;
		width: 300px;
	}
	
	.mpRecipePopupContent .smallButtonTealNext{
		margin:10px 0 8px 15px;
	}
	
	body .mpRecipePopupContent .btnClose,
	body .mpRecipePopupContent .btnClose {
		top:8px;
		right:18px;
		width:16px;
		height:16px;
		background:url(../images/mealplanner/sprite.png) no-repeat -249px -20px !important;
	}
	
	.mpRecipePopupContent .popupFooter p {
		margin:12px 0 0 0;
	}
	
	.mpRecipePopupContent .popupFooter p a {
		color:#3a3a3a;
		font-weight:bold;
	}
	
	.no-touch .mpRecipePopupContent .popupFooter p a:hover {
		text-decoration:underline;
	}
	
	.mpRecipePopupContent .recipeInfo li {
		background-image:url(../images/icons/mp-recipe-icons.png);
	}
	
	.popupContent h1, .popupContent span.popupTitle {
		float:none;
		margin:8px 0;
	}
	
	.popupContent .largeDesc {
		color:#6d6555;
		font-weight:normal;
		padding:0 30px 0 0;
		margin:0 0 16px 0;
		line-height:130%;
	}
	
	
	.popupContent .popupHeader h3.seoTitle{
		font-size: 2.4em;
		font-weight: bold;
		color: #89658A;
    	float: none;
    	margin: 8px 0;
    	width: auto;
    	line-height: 110%;
    	padding: 0;
    }
	
	
	.mpPopup h5 {
		color:#333;
		font-weight:bold;
		font-size:1em;
		padding:14px 0 6px 0;
		clear:both;
		margin:0;
	}
	
	.mpPopup p a {
		color:#35bdb2;
		font-weight:bold;
	}
	
	.no-touch .mpPopup p a:hover {
			}
	
	.mpPopup .mpUrl {
		color: #6D6555;
		font-weight:bold;
		font-size:1.5em;
		padding:8px 10px 9px 10px;
		float:left;
		border:1px solid #ddd;
		width:230px;
		line-height:120%;
		margin:0 8px 0 0;
	}
	
	.mpPopupCongratulations #sendEmail {
		display:block;
		margin:0;
		clear:both;
	}
	
	/* logged in has .email div */
	.email #sendEmail .statusFeedback {
        top: 8px;
    }
	
	#sendEmail input {
		border: 1px solid #DDDDDD;
		color: #6D6555;
		float: left;
		font-size: 1.5em;
		font-family:Arial, Helvetica, sans-serif;
		font-weight: bold;
		line-height: 120%;
		margin: 0 8px 14px 0;
		padding: 8px 10px 9px;
		width: 230px;
	}
	
	input:focus {
		outline:none;

	}

	#sendEmail input:focus {
		border-color:#35bdb2;
		color:#35bdb2;
	}
	
	#sendEmail .submitEmail {
		padding:0;
		border:none;
		width:99px;
		height:41px;
		margin:0;
	}
	
	.mpPopupCongratulations .statusFeedback {
		color:#888;
		display:block;
		/*float:left;*/
		margin:13px 0 0 28px;
		display:none;
		position:relative;
		top:-17px;
	}
	
	.mpPopupCongratulations #sendEmail .statusFeedback {
		margin-left:20px;
	}
	
	/* MP Phase 2 publish */
	
	
	
    #mp-popup-congratulations .popupSub {
		font-size: 18px;
		margin-bottom: 30px;
		}
		
	#mp-popup-congratulations .done a {
		height: auto;
		}
		
	#mp-popup-congratulations .popupHeader {
		padding: 30px 34px 10px 34px;
		}
		
	#mp-popup-congratulations .popupBody {
		padding: 10px 34px 0 34px;
		width: 528px;
		}
		
	#mp-popup-congratulations .savedPopUp .intro {
		padding: 0px 34px 10px 34px;
		margin: 0 -34px;
		}
		
	#mp-popup-congratulations .savedPopUp .intro div {
		width: auto;
		}
		
	#mp-popup-congratulations .share h4, #mp-popup-congratulations .email h4, #mp-popup-congratulations fieldset h4 {
		font-weight: bold;
		font-size: 18px;
		color: #383838;
		font-family: 'Helvetica', Arial, sans-serif;
		float: left;
		}
		
	#mp-popup-congratulations .share h4 {
		margin-top: 2px;
		margin-right: 20px;
		}
		
	#mp-popup-congratulations .email h4 {
		margin-top: 9px;
		margin-right: 20px;
		}
		
	#mp-popup-congratulations fieldset h4 {
		margin-bottom: 25px;
		float: none;
		}
		
	#mp-popup-congratulations .share li.facebook, #mp-popup-congratulations .share li.twitter, #mp-popup-congratulations .share li.mail {
		opacity: 0.6;
		}
		
	#mp-popup-congratulations.mpPopupCongratulations .savedPopUp #sendEmail input {
		font-weight: normal;
		width: 212px;
		}
		
	#mp-popup-congratulations .savedPopUp .share, #mp-popup-congratulations .savedPopUp .email, #mp-popup-congratulations .savedPopUp fieldset {
		padding: 25px 34px;
		margin: 0 -34px;
		}
		
	#mp-popup-congratulations .savedPopUp fieldset {
		padding-bottom: 25px;
		}
		
	#mp-popup-congratulations .savedPopUp #sendEmail {
		clear: none;
		margin: 0;
		}
		
	#mp-popup-congratulations .savedPopUp+.done {
		padding: 15px 34px;
		margin: 0 -34px;
		}
		
	#mp-popup-congratulations .savedPopUp .email {
		padding-top: 0;
		}
		
	#mp-popup-congratulations fieldset label {
		margin-left: 0;
		font-weight: normal;
		font-size: 16px;
		}
		
	#mp-popup-congratulations #mpPublishCategorisation {
		clear: both;
		padding-bottom: 0;
		padding-top: 25px;
		}
		
	#mp-popup-congratulations #mpPublishCategorisation small {
		font-style: italic;
		font-size: 13px;
		margin-bottom: 15px;
		display: block;
		}
		
	#mp-popup-congratulations #mpPublishCategorisation h4 {
		margin-bottom: 10px;
		}
		
	#mp-popup-congratulations #meal-plan-deny {
		width: auto;
		}
		
	#mp-popup-congratulations .mp-fieldgroup {
		padding-bottom: 0px;
		overflow: hidden;
		}
	
	#mp-popup-congratulations .mpPublishFinish 
	{
	    margin-bottom: 20px;
	}
	
	#mp-popup-congratulations .mpPublishError
	{
	    padding-top: 20px;
	}
	
	#mp-popup-congratulations .noPopUpFooter 
	{
	    overflow: hidden;
	    padding-bottom: 25px;
	}
	
	#mp-popup-congratulations #loadingFilter 
	{
	    position: static;
	}
	
	#mp-popup-congratulations #loadingFilter img
	{
	    width: 24px;
	    height: 24px;
	    padding-top: 10px;
	}
	
	#mp-popup-congratulations #sendEmail .statusFeedback 
	{
	    margin-left: 10px;
	    margin-top: 5px;
	}
	
	.mpSharePrintList li {
		float:left;
		margin:0 5px 0 0;
	}
	
	.mpSharePrintList a {
		display:block;
		width:50px;
		height:50px;
		text-indent:-10000px;
		background:url(../images/icons/mp-social-icons.png) left top no-repeat;
	}
	
	.no-touch .mpSharePrintList .mpFacebook:hover { background-position: left -50px; }
	.mpSharePrintList .mpTwitter { background-position: left -100px; }
	.no-touch .mpSharePrintList .mpTwitter:hover { background-position: left -150px; }
	.mpSharePrintList .mpEmail { background-position: left -200px; margin:0 14px 0 0; }
	.no-touch .mpSharePrintList .mpEmail:hover { background-position: left -250px; }
	.mpSharePrintList .mpPrint { background-position: left -300px; }
	.no-touch .mpSharePrintList .mpPrint:hover { background-position: left -350px; }
	
	.mpPopupSearch fieldset, .mpPopupAddFromBinder fieldset {
		padding:16px;
		border-bottom:1px solid #ddd;
		background:#f5f3ef;
	}
	
	.mpSearchInput, .mpTypeRecipeInput {
		background: none repeat scroll 0 0 #FFFFFF;
		border: 1px solid #C4BDB1;
		color: #6D6555;
		font-family: Arial,Helvetica,sans-serif;
		font-size: 1.5em;
		font-weight: bold;
		padding: 8px 10px 9px;
		width: 296px;
		margin:0 8px 0 0;
		display:block;
		float:left;
	}
	
	.mpPopupSearch .checkboxList, .mpPopupAddFromBinder .checkboxList {
		margin:12px 0 0 0;
	}
	
	.mpPopupSearch .custom-checkbox, .mpPopupAddFromBinder .custom-checkbox {
		width:140px;
	}
	
	.mpPopupSearch .custom-checkbox label, .mpPopupAddFromBinder .custom-checkbox label {
		 line-height: 140%;
		padding-top: 2px;
	}
	
	#scrollContainer .viewport, #scrollContainer2 .viewport, #scrollContainer3 .viewport { width:547px; height:468px; overflow: hidden; position: relative;  }
	#scrollContainer3 .viewport { height:200px; }
	#scrollContainer .overview, #scrollContainer2 .overview, #scrollContainer3 .overview  { list-style: none; position: absolute; left: 0; top: 0; padding:0; }
	#scrollContainer .scrollbar, #scrollContainer2 .scrollbar, #scrollContainer3 .scrollbar { position: relative; float: right; width: 7px; margin:2px 0; }
	#scrollContainer .track, #scrollContainer2 .track, #scrollContainer3 .track  { background:#f0efee; height: 100%; width:7px; position: relative; }
	#scrollContainer .thumb, #scrollContainer2 .thumb, #scrollContainer3 .thumb { background:#6d6555; height:216px; width:7px; cursor: pointer; overflow: hidden; position: absolute; top: 0;  }
	#scrollContainer3 .thumb { height:140px; }
	#scrollContainer .thumb .end, #scrollContainer2 .thumb .end, #scrollContainer3 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
	#scrollContainer .disable, #scrollContainer2 .disable, #scrollContainer3 .disable { display: none; }
	
	.mpRecipeList li {
		padding:0 0 7px 0;
		margin:0 0 14px 0;
		border-bottom:1px solid #ddd;
		float:left;
		clear:both;
		width:547px;
		position:relative;
	}
	
	.mpRecipeList li:last-child {
		border:none;
		margin-bottom:0;
	}
	
	.mpRecipeThumb {
		width:146px;
		height:96px;
		overflow:hidden;
		display:block;
		float:left;
		margin:3px 0 0 0;
	}
	
	.mpRecipeThumb img {
		margin-top:-20px;
	}
	
	.mpRecipeDesc {
		margin:0 0 0 160px;
		width:300px;
		display:block;
	}
	
	.mpRecipeDesc h3 {
		margin-bottom:8px;
	}
	
	.mpRecipeList .smallButtonAdd {
		position:absolute;
		top:2px;
		right:0;
	}
	
	.mpRecipeList .smallButtonSave {
		position: absolute;
		right: 0;
		top: 38px;
	}
	
	.searchBinder .mpRecipeList .smallButtonSave {
		display:none;
	}
	
	
	.mpRecipeList .starRating  {
		background: url(../images/icons/star-rating.png) left top no-repeat;
		float: none;
		height: 15px;
		margin: 0;
		padding: 0 !important;
		width: 94px!important;
	}
	
	.mpRecipeList .starRating span {
		background: url(../images/icons/star-rating.png) left -15px no-repeat;
		height:15px;
	}
	
	.mpRecipeList .starRating span.rating0  { width:0px !important; }
	.mpRecipeList .starRating span.rating1  { width:18px !important; }
	.mpRecipeList .starRating span.rating2 { width:36px !important; }
	.mpRecipeList .starRating span.rating3 { width:54px !important; }
	.mpRecipeList .starRating span.rating4 { width:72px !important; }
	.mpRecipeList .starRating span.rating5 { width:94px !important; }
	
    ul.mpRecipeList li a img {
	    width:146px;
    }

	.mpPopupNavigation {
		padding:10px 16px;
		border-top:1px solid #ddd;
		background:#f5f3ef;
		float:left;
		clear:both;
		width: 564px;
	}
	
	.mpPopupNavigation .smallButtonTealPrev { float:left; }
	.mpPopupNavigation .smallButtonTealNext { float:right; }
	
	.mpPopupNavigation ul {
		width:350px;
		text-align:center;
		float:left;
		margin:8px 0 0 0;
	}
	
	.mpPopupNavigation li {
		display:inline;
		margin:0 5px 0 0;
	}
	
	.mpPopupNavigation li a {
		color:#35bdb2;
		font-weight:bold;
	}
	
	.no-touch .mpPopupNavigation li a:hover {
		color:#108a83;
	}
	
	.mpPopupNavigation li a.active, .no-touch .mpPopupNavigation li a.active:hover {
		color:#333;
		cursor:default;
	}
	
	
	
	.btnClose {
		text-indent:-10000px;
		display:block;
		background:url(../images/icons/mp-icons.png) right -39px no-repeat;
		width:16px;
		height:16px;
		position:absolute;
		top:21px;
		right:18px;
		z-index:100;
	}
	
	.no-touch .btnClose:hover { background-position:right -59px; }
	
	.largeButton {
		height:41px;
		float:left;
		margin:0 8px 0 0;
		color:#fff !important;
		font-weight:bold;
		font-size:1.5em;
		display:block;
		font-family: Helvetica,Arial,sans-serif;
	}
	
	.largeButton span {
		height:29px;
		padding:12px 8px 0 18px;
		display:block;
		float:left;
		margin-right:11px;
		white-space:nowrap;
	}
	
	.createMealPlanPanel .largeButtonWizard{
		float: left;
		display: inline;
	}
	
	
	.createMealPlanPanel .largeButtonTealArrow{
		float: left;
		display: inline;	
	}
	
	.largeButtonWizard { background:url(../images/buttons/large-button.png) right -123px no-repeat; }
	.no-touch .largeButtonWizard:hover { background-position:right -287px; }
	.largeButtonYellow { background:url(../images/buttons/large-button.png) right -41px no-repeat; }
	.no-touch .largeButtonYellow:hover { background-position:right -205px; }
	.largeButtonYellowArrow { background:url(../images/buttons/large-button.png) right -82px no-repeat; }
	.no-touch .largeButtonYellowArrow:hover { background-position:right -246px; }
	.largeButtonYellow span, .largeButtonWizard span, .largeButtonYellowArrow span { background:url(../images/buttons/large-button.png) left top no-repeat; text-shadow: 0px -1px 0px #be8f2a; }
	.no-touch .largeButtonYellow:hover span, .no-touch .largeButtonWizard:hover span, .no-touch .largeButtonYellowArrow:hover span { background-position:left -164px; }
	
	.largeButtonWizardSelected { background-position:right -861px !important; }
	.largeButtonWizardSelected span { background-position:left -820px !important; color:#9c7023 !important; text-shadow: 0px 1px 0px #edbd6a !important; }
	
	.largeButtonTeal { background:url(../images/buttons/large-button.png) right -369px no-repeat; }
	.no-touch .largeButtonTeal:hover { background-position: right -492px; }
	.largeButtonTealArrow { background:url(../images/buttons/large-button.png) right -410px no-repeat; }
	.no-touch .largeButtonTealArrow:hover { background-position:right -533px; }
	.largeButtonTeal span, .largeButtonTealArrow span { background:url(../images/buttons/large-button.png) left -328px no-repeat; text-shadow: 0px -1px 0px #289a91; }
	.no-touch .largeButtonTeal:hover span, .no-touch .largeButtonTealArrow:hover span { background-position:left -451px; }
	
	.largeButtonLilac { background:url(../images/buttons/large-button.png) right -1025px no-repeat; }
	.no-touch .largeButtonLilac:hover { background-position: right -1148px; }
	.largeButtonLilac span, .largeButtonLilacArrow span { background:url(../images/buttons/large-button.png) left -984px no-repeat; text-shadow: 0px -1px 0px #563b58; }
	.no-touch .largeButtonLilac:hover span, .no-touch .largeButtonLilacArrow:hover span { background-position:left -1107px; }
	
	.largeButtonBuy { background:url(../images/buttons/large-button.png) right -369px no-repeat; margin:6px 0 12px 0; }
	.largeButtonBuy span { background:url(../images/buttons/large-button.png) left -902px no-repeat; padding-left:48px; text-shadow: 0px -1px 0px #289a91; }
	.no-touch .largeButtonBuy:hover { background-position: right -492px; }
	.no-touch .largeButtonBuy:hover span { background-position: left -943px; }
	
	.largeButtonBrown, .largeButtonBrownClose, .largeButtonBrownPublish { background:url(../images/buttons/large-button.png) right -656px no-repeat; }
	.no-touch .largeButtonBrown:hover, .no-touch .largeButtonBrownClose:hover { background-position:right -779px; }
	.largeButtonBrown span { background:url(../images/buttons/large-button.png) left -574px no-repeat; text-shadow: 0px -1px 0px #8b8476; }
	.no-touch .largeButtonBrown:hover span { background-position:left -697px; }
	.largeButtonBrownClose span { background:url(../images/buttons/large-button.png) left -615px no-repeat; padding-left:40px; text-shadow: 0px -1px 0px #8b8476; }
	.no-touch .largeButtonBrownClose:hover span { background-position:left -738px; }
    .largeButtonWizard span, .largeButtonTealArrow span, .largeButtonYellowArrow span { margin-right:29px; }
	
	
	.smallButton {
		height:30px;
		float:left;
		margin:0;
		color:#fff !important;
		font-weight:bold;
		font-size:1.1em;
		display:block;
		font-family: Arial, Helvetica, sans-serif;
		background:url(../images/buttons/small-button.png) right -60px no-repeat;
	}
	
	.smallButton span {
		height:23px;
		padding:7px 3px 0 13px;
		display:block;
		float:left;
		margin-right:29px;
		background:url(../images/buttons/small-button.png) left top no-repeat;
		text-shadow: 0px -1px 0px #be8f2a;
		color:#fff !important;
		white-space:nowrap;
	}
	
	.no-touch .smallButton:hover {
		text-decoration:none !important;
	}
	
	.smallButtonYellow span, .smallButtonTeal span { margin-right:10px; }
	
	/*.no-touch .smallButtonYellow:hover, .no-touch .smallButtonAdd:hover, .no-touch .smallButtonSave:hover  { background-position:right -180px; }*/
	.no-touch .smallButtonYellow:hover span, .no-touch .smallButtonYellowArrow:hover span, .no-touch .smallButtonFilter:hover span  { background-position:left -120px; }
	.smallButtonYellowArrow { background-position:right -90px; }
	.no-touch .smallButtonYellowArrow:hover { background-position:right -210px; }
	.smallButtonFilter { background-position:right -1200px; }
	.no-touch .smallButtonFilter:hover { background-position:right -1230px; }
	.smallButtonFilterActive { background-position:right -1260px !important; }
	.smallButtonFilterActive span { background-position:left -1290px !important; color:#b17e07 !important; text-shadow: 0px 1px 0px #f8d175;  }

	.smallButtonTealNext { background-position:right -300px; }
	.no-touch .smallButtonTealNext:hover { background-position:right -480px; }
	.smallButtonTealNext span { background-position:left -240px;  text-shadow: 0px -1px 0px #289a91; }
	.no-touch .smallButtonTealNext:hover span { background-position:left -420px; }
	
	.smallButtonAdd span { background-position:left -30px; padding-left:28px; margin-right:12px; }
	.no-touch .smallButtonAdd:hover span { background-position:left -150px; }
	.smallButtonSave span { background-position:left -780px; padding-left:30px; margin-right:11px; }
	.no-touch .smallButtonSave:hover span { background-position:left -810px; }
	.smallButtonSaved, .no-touch .smallButtonSaved:hover { background-position:right -870px !important; cursor:pointer; }
	/* */
	.no-touch .recipeHeader .smallButtonSaved:hover { background-position: 50% 50% !important; }
	.smallButtonSaved span { background-position:left -840px !important; color:#b17e07 !important; text-shadow: 0px 1px 0px #f8d175; }
	
	.smallButtonBrown { background-position: right -660px; }
	.smallButtonBrown span { background-position: left -600px; margin-right:10px; text-shadow: 0px -1px 0px #918979; }
	.no-touch .smallButtonBrown:hover { background-position: right -750px; }
	.no-touch .smallButtonBrown:hover span { background-position: left -690px; }
	
	.smallButtonAddSaved, .smallButtonSearchRecipe, .smallButtonTealPrev { background-position: right -270px; }
	.smallButtonAddSaved span { background-position:left -330px; padding-left:32px; margin-right:23px; text-shadow: 0px -1px 0px #289a91; }
	.smallButtonSearchRecipe span { background-position:left -360px; padding-left:32px; margin-right:23px; text-shadow: 0px -1px 0px #289a91; }
	.no-touch .smallButtonAddSaved:hover, .no-touch .smallButtonSearchRecipe:hover, .no-touch .smallButtonTealPrev:hover { background-position: right -450px; }
	.no-touch .smallButtonAddSaved:hover span { background-position: left -510px; }
	.no-touch .smallButtonSearchRecipe:hover span { background-position: left -540px; }
	.smallButtonTealPrev span { background-position: left -390px; padding-left:32px; margin-right:11px; text-shadow: 0px -1px 0px #289a91; }
	.no-touch .smallButtonTealPrev:hover span { background-position: left -570px; }
	
	.smallButtonTypeAlt { background-position: right -660px; margin-top:8px; }
	.smallButtonTypeAlt span { background-position:left -630px; padding-left: 32px; padding-top: 6px; height: 24px; margin-right: 10px; text-shadow: 0px -1px 0px #918979; min-width: 120px; text-align: center; padding-right: 5px;}
	.no-touch .smallButtonTypeAlt:hover { background-position: right -750px; }
	.no-touch .smallButtonTypeAlt:hover span { background-position: left -720px; }
	
	.smallButtonLilacArrow { background-position:right -990px; }
	.no-touch .smallButtonLilacArrow:hover { background-position:right -1110px; }
	.smallButtonLilacArrow span { background-position:left -900px;  text-shadow: 0px -1px 0px #563b58; }
	.no-touch .smallButtonLilacArrow:hover span { background-position:left -1020px; }
	
	.smallButtonBlueArrow { background-position:right -1380px; }
	.no-touch .smallButtonBlueArrow:hover { background-position:right -1470px; }
	.smallButtonBlueArrow span { background-position:left -1320px;  text-shadow: 0px -1px 0px #348ca9; }
	.no-touch .smallButtonBlueArrow:hover span { background-position:left -1410px; }
	
	.smallButtonCookedThis { background-position:right -960px; margin:0 0 4px 0; }
	.no-touch .smallButtonCookedThis:hover { background-position:right -1080px; }
	.smallButtonCookedThis span { background-position:left -930px;  text-shadow: 0px -1px 0px #563b58; padding-top:6px; height:24px; padding-left:32px; margin-right:12px; }
	.no-touch .smallButtonCookedThis:hover span { background-position:left -1050px; }
	
	.smallButtonCookedThisActive, .no-touch .smallButtonCookedThisActive:hover { background-position:right -1170px !important; cursor:default; }
	.smallButtonCookedThisActive span { background-position:left -1140px !important; color:#562759 !important; text-shadow: 0px 1px 0px #b79db8; }
	
	.disabled { 
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		-moz-opacity: 0.5;
		-khtml-opacity: 0.5;
		opacity: 0.5;
		cursor: default!important;
	}	
	
	.no-touch .disabled:hover { cursor:default; }
	.no-touch .smallButtonYellowArrow.disabled:hover { background-position:right -90px; }
	.no-touch .smallButtonYellowArrow.disabled:hover span { background-position:left top; }
	.no-touch .largeButtonYellowArrow.disabled:hover { background-position:right -82px; }
	.no-touch .largeButtonYellowArrow.disabled:hover span { background-position:left top; }



/*StepByStep popup */

.stepByStepPopup, .sbsPopup {
	background:#89658A;
	background:rgba(158,127,166,.8);
	-pie-background:rgba(158,127,166,.8);
	behavior: url(/javascript/PIE.htc);
		padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: absolute;
	z-index: 50;
	display: none;
	overflow: hidden;
}

.stepByStepPopup .mpRecipePopupContent {
	width: 831px;
}

.stepByStepPopup .panelContent {
	background:#f7f7f7;
}
.stepByStepPopup .panel{
	padding:0;
}

.stepByStepPopup .recipeToolbar{
	width:auto;
	clear:none;
}

.stepByStepPopup   p a {
	color: #89658A;
	font-weight: normal;

}

.stepByStepPopup  .panelHeader {
	-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px ;
}

.stepByStepPopup .btnClose {
	top: 14px;
	right: 3px;
}

.stepByStepPopup .recipeInfo li {
	color: #89658A;
}

.stepByStepPopup h1 {
	width:auto;
	border-bottom:1px solid #ccc;
	float:none;
	display: block;
	padding-bottom:15px;
	margin-bottom:12px;

}


div.stepByStepPopup .recipeInfo li {
	background: url(../images/icons/icons.gif) 5px -25px no-repeat;
}

div.stepByStepPopup .recipeInfo li.recipeFreezable {
		background-position: 5px -442px;
		width: 19px;
		height: 19px;
		display: block;
		padding: 0 0 0 10px;
		border-right: none;
		margin: -3px 0 0 0;
	}



.stepByStepPopup .popupHeader .smallButtonSave {
	position: static;
	z-index: 5;
}



#mpRecipePopupHeader .tesco-button.right {
	margin-left: 15px;
}



/* 7 :-------- Meal planner  ------------ */

	.recipeHeader {
		position:relative;
		float:left;
		width:787px;
		padding:0 0 6px 0;
		z-index: 1;
	}
	
	.recipeHeader h1 {
		float:left;
		margin-bottom:0;
		margin-right:169px;
	}
	
	.recipeHeader .smallButtonSave {
		position:absolute;
		right:0;
		bottom:90px;
	}
	
	.recipeToolbar {
		border-top: 1px solid #DDDDDD;
		position: relative;
		z-index: 21;
		clear:both;
		float:left;
		width:787px;
		margin:14px 0 0 0;
	}
	
	.recipeToolbar li {
		float:left;
		padding:9px 17px 7px 17px;
		display: inline;
	}
	
	.recipeToolbar .recipePrint a {
		padding:0 0 0 19px;
		background:url(../images/icons/rb-icons.png) left top no-repeat;
		color:#88668a;
		font-weight:bold;
	}
	
	.no-touch .recipeToolbar .recipePrint a:hover { background-position:left -20px; }
	
	.no-touch .recipeToolbar li a:hover {
		color:#634265;
	}
	
	.recipeToolbar .recipeRating {
		padding-left:0;
		
	}
	
	.recipeToolbar .addYourRating {
	}
	
	.recipeToolbar .recipeLike, .recipeToolbar .recipeShare {
		float:right;
	}
	
	.recipeToolbar .recipeShare {
		padding:4px 0px 3px 20px;
	}
	
	.recipeToolbar .recipeShare a {
		width:26px;
		height:26px;
		display:block;
		float:left;
		text-indent:-10000px;
		margin:0 2px 0 0;
		background:url(../images/icons/rb-icons.png) left -40px no-repeat;
	}
	
	.no-touch .recipeToolbar .recipeShare .recipeFacebook:hover { background-position:left -70px; }
	.recipeToolbar .recipeShare .recipeTwitter { background-position:left -100px; }
	.no-touch .recipeToolbar .recipeShare .recipeTwitter:hover { background-position:left -130px; }
	.recipeToolbar .recipeShare .recipeEmail { background-position:left -160px; margin:0; }
	.no-touch .recipeToolbar .recipeShare .recipeEmail:hover { background-position:left -190px; }
	
	.recipeToolbar .starRating  {
		background: url(../images/icons/star-rating-new.png) left top no-repeat;
		height: 15px;
		margin: 0;
		padding: 0 !important;
		width: auto !important;
	}
	
	
	.mpRecipePopupContent .recipeToolbar .starRating{
		background: url(../images/icons/star-rating.png) left top no-repeat;

	
	}
	
	.recipeToolbar .starRating span {
		background: url(../images/icons/star-rating-new.png) left -51px no-repeat;
		height:15px;
		float:left;
	}
	
	
	
	.mpRecipePopupContent .recipeToolbar .starRating span {
		background: url(../images/icons/star-rating.png) left -15px no-repeat;
		height:15px;
		float:left;
	}
	
	.recipeToolbar .starRating span.rating0  { width:0px !important; }
	.recipeToolbar .starRating span.rating1  { width:18px !important; }
	.recipeToolbar .starRating span.rating2 { width:36px !important; }
	.recipeToolbar .starRating span.rating3 { width:54px !important; }
	.recipeToolbar .starRating span.rating4 { width:72px !important; }
	.recipeToolbar .starRating span.rating5 { width:92px !important; }


	.mpRecipePopupContent .recipeToolbar .starRating span.rating1  { width:16px !important; }
	.mpRecipePopupContent .recipeToolbar .starRating span.rating2 { width:33px !important; }
	.mpRecipePopupContent .recipeToolbar .starRating span.rating3 { width:49px !important; }
	.mpRecipePopupContent .recipeToolbar .starRating span.rating4 { width:66px !important; }
	.mpRecipePopupContent .recipeToolbar .starRating span.rating5 { width:84px !important; }
	
	
	
	
	
	
	
	.recipeToolbar .starRating span.rateThis, .recipeToolbar .starRating span.totalRatings { 
		margin-left:102px; 
		font-size:1em; 
		text-indent:0;
		background:none;
		height:auto;
		font-weight:normal;
		color:#888;
		float:none;
		white-space:nowrap;
	}
	
	.recipeToolbar .addYourRatingText {
		display:block;
		float:left;
	}
	
	.recipeToolbar .star-rating-control {
		float:left;
	}
	
	.star-rating-control { margin-left:6px; }
	
	.addYourRatingText { 
		font-weight:bold;
		color:#888;
	}
	
	.recipeDetail .smallButtonLilacArrow {
		margin:10px 0 8px 15px;
	}
	
	.cookedThisBtn {
		margin-top:24px;
	}
	
	.cookedThisCount {
		display:block;
		float:left;
		margin:0 0 0 7px;
		padding:5px 6px;
		text-align:center;
		background:url(../images/elements/cooked-this-count-bg.png) left top no-repeat;
		width:51px;
		height:20px;
		color:#88668a;
		font-weight:bold;
	}
	
	.fbActivity {
		display:block;
		clear:both;
		line-height:150%;
		padding:4px 0 0 0;
		color:#888;
	}
	
	.fbActivity a {
		font-weight:bold;
	}	
	
	.no-touch .fbActivity a:hover {
		text-decoration:underline;
	}
		
	.stPopup{
		background:#318aa7;
		background:rgba(49,138,167,0.5);
	}
	
	.stPopup h1 {
		color:#318aa7;
	}
	
	#tooltipRSaved {
		right:-70px;
		bottom:103px;
		width:240px;
	}
	
	.mealPlanner #tooltipRSaved {
        width: 241px;
        left: 470px;
        bottom: auto;
        top: 1px;
        z-index: 99;
        position: absolute;
	}
	
	.mpRecipeList #tooltipRSaved {
		left: 146px;
		top: 37px;
		padding: 8px;
	}
	.mpRecipeList #tooltipRSaved .arrow{
		display:none;
	}
	
	#tooltipRSaved p {
		margin:0;
	}
	
	#tooltipRSaved .arrow {
		left:120px;
	}
	
	.recipeNote {
		background:#fff9ec url(../images/icons/recipe-note.png) 14px 14px no-repeat;
		border-top:1px solid #f9e0aa;
		padding:12px 14px 6px 60px;
		font-style:italic;
	}
	
	.rbHeader h1 {
		float:left;
		width:auto;
		margin:0 0 4px 0;
		white-space:nowrap;
	}
	
	.rbHeader .smallButtonFilter, .rbHeader .rbDisplayMode {
		float:right;
		margin:0 8px 0 0;
	}
	
	
	
	.rbHeader .smallButtonFilter{
		background: url(../images/buttons/filter.png) 0 -30px no-repeat !important;
		width: 77px;
		height: 30px;
	}
	
	
	.rbHeader .smallButtonFilter:hover{
		background-position: 0 0 !important;
	}
	
	
	
	
	
	.rbHeader .smallButtonFilterActive, .rbHeader .smallButtonFilterActive:hover{
		background-position: 0 -60px !important;
	}
	
	
	
	.binderCount {
		background-color:#88668a;
	}
	
	.recipeBinderCountFilter {
		background:#f5c34d url(../images/icons/rb-icons.png) 9px -434px no-repeat;
		padding-left:23px;
	}
	
	.recipes .autocomplete {
		background-color: #FFFFFF;
		border: 1px solid #89658A;
		color: #6D6555;
		font-weight: bold;
		font-size: 1.2em;
		margin: 1px 0 0;
		padding: 3px 2px 3px 2px;
		width: 159px;
	}
	
	.recipes .autocomplete strong {
		color: #89658A;
		font-weight:bold;
	}
	
	.recipes .autocomplete div {
		padding:2px 5px 2px 5px;	
	}
	
	.no-touch .recipes .autocomplete div:hover, .mealPlanner .autocomplete div.selected  {
		background-color:#ffffff;
		color: #89658A;
		cursor:pointer;
	}	
	
	.rbDisplayMode li {
		float:left;
		margin:0 3px 0 0;
	}
	
	.rbDisplayMode a {
		display:block;
		width:29px;
		height:29px;
		text-indent:-10000px;
		background:url(../images/icons/rb-icons.png) left -220px no-repeat;
	}
	
	.rbDisplayMode .displayImage .active { background-position:left -250px; }
	.rbDisplayMode .displayText a { background-position:left -280px; }
	.rbDisplayMode .displayText .active { background-position:left -310px; }
	
	.rbCategories {
		border-top:1px solid #dddddd;
		position:relative;
		clear:both;
		margin:26px 0 0 0;
		float:left;
		width:796px;
	}
	
	.rbCategories li {
		float:left;
		padding:9px 13px 7px 13px;
		border-left:1px solid #ddd;
	}
	
	.rbCategories li:first-child {
		padding-left:0;
		border:none;
	}
	
	.rbCategories li {
		color:#888;
	}
	
	.rbCategories li a {
		font-weight:normal;
		color:#555555;
	}
	
	.no-touch .rbCategories li a:hover {
		color:#634265;
	}
	
	.rbCategories li .active {
		font-weight:bold;
		text-decoration:underline;
		color:#88668a;
	}
	
	.rbImageList {
		clear:both;
		width:796px;
		float:left;
	}
	
	.rbImageList h3 {
		font-size:1.4em;
		margin:0 0 1px 0;
	}
	
	.no-touch .rbImageList a:hover h3 {
		color:#634265;
		-webkit-transition: color 0.3s ease-out;
		-moz-transition: color 0.3s ease-out;
		-o-transition: color 0.3s ease-out;
		transition: color 0.3s ease-out;
	}	
	
	.rbLoadMore {
		display:block;
		font-weight:bold;
		font-size:1.4em;
		color:#88668a;
		background-color:#f3eff3;
		padding:18px 0;
		clear:both;
		-webkit-transition: background 0.5s ease-out;
		-moz-transition: background 0.5s ease-out;
		-o-transition: background 0.5s ease-out;
		transition: background 0.5s ease-out;
	}
	
	.rbLoadMore span {
		display: block;
		padding: 0 0 0 20px;
		text-align: center;
		background:url(../images/icons/rb-icons.png) 315px -355px no-repeat;
		line-height:100%;
	}
	
	.no-touch .rbLoadMore:hover {
		background-color:#88668a;
		color:#fff;
	}
	
	.no-touch .rbLoadMore:hover span {
		background:url(../images/icons/mp-icons.png) 315px -15px no-repeat;
	}
	
	.rbNote {
		display:block;
		position:absolute;
		text-indent:-10000px;
		width:31px;
		height:31px;
		background:url(../images/icons/recipe-note.png) left top no-repeat;
		top:130px;
		right:10px;
		z-index:3;
		-pie-png-fix: true;
		behavior: url(/javascript/PIE.htc);
	}
	
	.rbRecipeToolbar {
		position:absolute;
		right:0;
		top:0;
		width:29px;		
		background: #88668a; /* Old browsers */
		background: -moz-linear-gradient(top, #88668a 0%, #6a476c 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#88668a), color-stop(100%,#6a476c)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #88668a 0%,#6a476c 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #88668a 0%,#6a476c 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, #88668a 0%,#6a476c 100%); /* IE10+ */
		background: linear-gradient(top, #88668a 0%,#6a476c 100%); /* W3C */
		z-index:4;
		display:none;
	}
	
	.touch .rbRecipeToolbar {
		display:block!important;
	}
	
	.rbImageList .rbRecipeToolbar li {
		width:auto;
		height:auto;
		float:none;
		margin:0;
		min-height:0;
		padding:0;
	}
	
	.rbImageList .rbRecipeToolbar a {
		padding:0;
	}
	
	.rbRecipeToolbar a {
		width:29px;
		height:26px;
		display:block;
		text-indent:-10000px;
		background:url(../images/icons/mp-icons.png) left -500px no-repeat;
		-pie-png-fix: true;
		behavior: url(/javascript/PIE.htc);
	}
	
	.rbRecipeToolbar .rbRecipePrint { background-position:left -526px; }
	.rbRecipeToolbar .rbRecipeBuy { background-position:left -552px; height:27px; }
	.rbRecipeToolbar .rbRecipeNote { background-position:left -880px; }
	
	.no-touch .rbRecipeToolbar a:hover {
		background-color:#4e3050;
	}
	
	.no-touch .rbRecipeToolbar .rbRecipeDelete:hover {
		background-color:#cb2030
	}
	
	.hRecipesMightLike {
		margin:48px 0 18px 0;
		clear:both;
		float:left;
		width:796px;
		color: #89658a;
	}

	.rbSuggestionOrigin {
		font-size:0.8em;
		margin:4px 0 0 0;
		line-height:120%;
	}
	
	.rPopupAddNote .largeDesc {
		margin:0 0 8px 0;
	}
	
	.rPopupFriends .popupFooter {
		margin:0;
	}
	
	.friendsList li {
		padding:0 0 9px 0;
		margin:0 0 7px 0;
		border-bottom:1px solid #ddd;
		float:left;
		clear:both;
		width:547px; 
	}
	
	.friendsList li:last-child {
		border:none;
		margin-bottom:0;
	}
	
	.friendThumb {
		width:50px;
		height:50px;
		overflow:hidden;
		display:block;
		float:left;
		margin:3px 0 0 0;
	}
	
	.friendName {
		margin:16px 0 0 60px;
		display:block;
	}
	
	.rNoteText {
		background: none repeat scroll 0 0 #FFFFFF;
		border: 1px solid #C4BDB1;
		color: #6D6555;
		font-family: Arial,Helvetica,sans-serif;
		font-size: 1.5em;
		font-weight: normal;
		padding: 8px 10px 9px;
		width: 90%;
		margin:0 0 24px 0;
		display:block;
		height:150px;
		resize: none;
	}

	.rbFilter {
		clear:both;
		background-color:#f3eff3;
		padding:18px 0 14px 0;
		float:left;
		margin:26px 0 0 0;
		display:none;
		width:796px;
	}
	
	.rbFilter fieldset {
		clear:both;
		background:url(../images/elements/filter-hr.png) left bottom repeat-x;
		padding:0 0 4px 14px;
		margin:0 0 14px 0;
	}
	
	.rbFilter li {
		float:left;
		width:240px;
		margin:0 18px 10px 0;
	}
	
	.rbFilter .dietaryPreferences {
		margin-right:0;
		width:780px;
	}
	
	
	.dietaryPreferences input{
		float: left;
	}
	
	.rbFilter .legend, .editAccountCol .legend {
		color:#333;
		margin:0 0 4px 0;
	}
	
	.rbFilter .dietaryPreferences .legend, .editAccountCol .dietaryPreferences .legend {
		margin-bottom:8px;
	}
	
	.rbFilter label{
		color:#555;
		font-weight:bold;
		font-size:1.2em;
		width:220px;
		display:block;
		float:left;
		line-height:140%;
		padding:0;
	}
	
	
	.editAccountCol .dietaryRow label {
		width: 200px;
	}
	
	
	
	.dietaryRow{
		float: left;
		display: inline;
		width: 240px;
		padding: 0 0 4px 0;
	}
	
	
	
	.rbFilter .textInput, .editAccountCol .textInput {
		width:220px;
		background:#fff;
		border:1px solid #ccc;
		padding:5px 8px;
		font-weight:bold;
		color: #555;
    	font-size: 1.2em;
		font-family:Arial, Helvetica, sans-serif;
		margin:0;
	}
	
	
	.editAccountCol .textInput{
		width: 222px;
	}
	
	
	.rbFilter select {
		width:238px;
		background:#fff;
		border:1px solid #ccc;
		padding:5px 8px;
		font-weight:bold;
		color: #555;
    	font-size: 1.2em;
		font-family:Arial, Helvetica, sans-serif;
		margin:0;
	}
	
	.rbFilter .custom-checkbox, .rbFilter .custom-radio, .editAccountCol .custom-checkbox, .editAccountCol .custom-radio {
		width:240px;
	}
	
	
	
	
	.rbFilter .dietaryPreferences .custom-checkbox, .rbFilter .dietaryPreferences .custom-radio, .editAccountCol .dietaryPreferences .custom-checkbox, .editAccountCol .dietaryPreferences .custom-radio {
		margin-right:18px;
	}
	
	.editAccountCol .dietaryPreferences .custom-checkbox{
		margin-right: 0;
	}
	
	.rbFilter .custom-checkbox label, .rbFilter .custom-radio label {
		background-image: url(../images/icons/rb-radiocheckboxes.png); 
	}
	
	.rbFilter .custom-radio label.hover, .rbFilter .custom-radio label.checked.hover, .rbFilter .custom-checkbox label.hover, .rbFilter .custom-checkbox label.checked.hover  { color:#88668a; }
	
	.rbFilter .textInput:focus, .rbFilter select:focus {
		border-color:#88668a;
		color:#88668a;
	}
	
	.rbFilter .smallButtonLilacArrow {
		margin:0 8px 0 14px;
	}
	
	.rbFilter .btnCloseFilter {
		display:block;
		float:right;
		color:#88668a;
		font-weight:bold;
		margin:6px 14px 0 0;
		padding:0 0 0 14px;
		background:url(../images/icons/rb-icons.png) left -394px no-repeat;
		-pie-png-fix: true;
		behavior: url(/javascript/PIE.htc);
	}
	
	.no-touch .rbFilter .btnCloseFilter:hover {
		color:#634265;
	}
	
	
	.rbTextDisplayContainer { display:none; }
	
	.rbTextList {
		clear:both;
		float:left;
		width:796px;

	}
	
	.rbTextList ol {
		margin:18px 0 0 0;
		clear:both;
		float:left;
		width:796px;
	}	
	
	.rbTextList ol:first-child {
		margin:8px 0 0 0;
	}
	
	.letter, .rbTextRecipe {
		border-bottom:1px solid #ddd;
		padding:5px 5px 4px 5px;
		width:786px;
		display:block;
		float:left;
		position:relative;
	}
	
	.letter {
		font-weight:bold;
		font-size:1.4em;
		color:#333;
	}
	
	.rbTextRecipe h3 {
		margin:0;
		float:left;
		font-size:1.4em;
	}
	
	.rbTextRecipe .hasNote {
		background:url(../images/icons/rb-icons.png) right -470px no-repeat;
		padding-right:25px;
		-pie-png-fix: true;
		behavior: url(/javascript/PIE.htc);
	}
	
	.no-touch .rbTextRecipe:hover {
		background-color: #F1F1F1;
		color: #fff !important;
	}

	.rbTextRecipe .rbRecipeToolbar {
		width:87px;
		background:transparent none !important;
	}
	
	.rbTextRecipe .rbRecipeToolbar li {
		float:left;
	}
	
	.rbTextRecipe .rbRecipeToolbar li a {
		height:28px;
		background-color: #88668A;
	}
	
	.rbHeader .largeDesc {
		clear:both;
		color:#555;
	}
	
	.rbEmptyList li {
		float:left;
		width:227px;
		margin:0 9px 0 0;
		padding:0 16px;
		height:310px;
		background:#f3eff3 url(../images/elements/rb-empty-bg.png) left top no-repeat;
	}
	
	.no-touch .rbEmptyList li:hover {
		background:#88668a url(../images/elements/rb-empty-bg.png) -259px top no-repeat;
		color:#fff !important;
	}	
	
	.no-touch .rbEmptyList li:hover span.rbHeaders, .no-touch .rbEmptyList li:hover p {
		color:#fff !important;
	}
	
	.rbEmptyList .lastCol {
		margin:0;
	}
	
	.rbEmptyList span.rbHeaders {
		text-align:center;
		margin:34px 0 14px 0;
		color: #89658A;
		font-size: 1.6em;
		font-weight: bold;
		display: block;
	}
	
	.rbEmptyList p {
		color:#333;
		line-height:160%;
	}
	
	.instructionNumber {
		font-size: 1.6em;
    	font-weight: bold;
		color:#88668a;
		display:block;
		text-align:center;
		margin:2px 0 0 0;
	}
	
	.instructionNoteImg {
		float:left;
		margin-top:4px;
	}
	
	.instructionNote {
		margin-left:46px;
	}
	
	
	.recipeBinder h1{
		width: 100%;
	}


	.recipeBinder .rbHeader{
		float: left;
		width: 100%;
		padding: 8px 0 10px 0;
	}


	.recipeBinder #plansTab .rbHeader{
        padding: 8px 0 56px 0;
	}


	.binderWrap{
		float: left;
		width: 100%;
		position: relative;
		border-top: 45px solid #e9e2e9;
	}


	.recipeBinder .binderPanel, .recipeBinder .tabPanel, .recipeBinder #recipesTab, .recipeBinder #plansTab{
		float: left;
		width: 100%;
	}


	.recipeBinder .binderPanel{
		margin-top: -45px;
	}

	.recipeBinder .binderWrap .tabPanelNavigation{
		width: 100%;
		height: 45px;
		position: absolute;
		top: -45px;
		left: 10px;
		width: 400px;
	}


	.recipeBinder .binderWrap .tabPanelNavigation li{
		float: left;
		height: 45px;
	}



	.recipeBinder .binderWrap .tabPanelNavigation li a{
		float: left;
		height: 37px;
		line-height: 37px;
		padding: 0 15px 0 15px;
		margin: 8px 3px 0 0;
	}


	.recipeBinder .binderWrap .tabPanelNavigation li a.selected{
		background-color: #fff;
		-webkit-border-top-left-radius: 4px;
		-webkit-border-top-right-radius: 4px;
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-topright: 4px;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		cursor: default;
	}

	.recipeBinder .binderWrap .tabPanelNavigation li a span{
		font-size: 16px;
		font-weight: bold;
		color: #88668a;
	}


	.recipeBinder .binderWrap .tabPanelNavigation li a span.count{
		font-size: 11px;
		font-weight: bold;
		color: #fff;
		background-color: #88668a;
		padding: 2px 5px 2px 5px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		line-height: 0 !important;
		margin: 0 0 0 5px;

	}


	.recipeBinder .binderWrap .tabPanelNavigation li a:hover span.count{
		color: #fff;
		background-color: #663e68;
	}


	.recipeBinder .binderWrap .tabPanelNavigation li a.selected:hover span.count{
		color: #fff;
		background-color: #88668a;
	}


	.recipeBinder .binderWrap .tabPanelNavigation li a:hover span{
		color: #663e68;
	}


	
	.recipeBinder .binderWrap .tabPanelNavigation li a.selected:hover{
		cursor: default;
	}

	
	.recipeBinder .binderWrap .tabPanelNavigation li a.selected:hover span{
		color: #88668a;
	}

	
	
	
/* 09 :-------- Search  ------------ */
	
	
	
	
	
	
	





.searchCol {
    padding: 15px 0 0 15px;
    float: left;
    display: inline;
    padding-right: 9px;
    width: 796px;
}




.searchSummary {
	background:#e7e0e8;
	padding:8px 12px;
	font-size: 14px;
	clear:both;
	color:#333;
	margin-bottom:1px;
	height:16px;
}
.searchSummary span {
	color:#333;
}

.searchSummary span span{
	color:#89658a;
}




.recipeSearchForm {
	float: left;
	display: inline;
	width: 995px;
	position: relative;
	z-index: 20;
	margin: 0 0 0 0;
}



#recipeSearchForm .recipeSearchFields .recipeSearchRow .formWrapper{
	float: left;
	display: inline;
	width: 248px;
}




/*
.left {
	float:left;
	width:164px;
	display:inline;
	height:auto;
}*/

.searchResults li.searchResultEntry .left img, .searchResults li.searchResultEntry .left{
	width: 340px;
	height: 170px;
}


.searchResults li.searchResultEntry .customerRecipePhoto{
	position: relative;
	width: 259px;
	height: 170px;
	float: left;
	display: inline;
}





.searchResults li.searchResultEntry span.customerIcon{
	display: block;
	width: 224px;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	height: 36px;
	line-height: 36px;
	padding: 0 0 0 35px;
	background: url(../images/customer-recipes/results-icon.png) 0 0 no-repeat;
}

.wrapIngredient{
	float: left;
	display: inline;
	width: 516px;
	margin: 0 20px 0 0;
}

.recipeSearchFields .wrapRecipeType{
	float: left;
	display: inline;
	width: 161px;
	padding: 20px 0 0 0;
}


.recipeSearchFields .recipeTypeRow{
	float: left;
	display: inline;
	width: 161px;
	padding: 0 0 7px 0;
	height: 17px;
	line-height: 17px;
}





.recipeSearchFields .recipeTypeRow input{
	float: left;
	display: block;
	margin: 0 8px 0 0;
	padding: 0;
	height: 17px;
	width: 17px;
}



.recipeSearchFields .recipeTypeRow label{
	float: left;
	display: inline;
	padding: 0 0 0 0;
	margin: 0;
	cursor: pointer;
	width: 160px;
}


.no-touch .recipeSearchFields .recipeTypeRow label:hover{
	color: #3d3d3d;
}

.dropWrap{
	float: left;
	display: inline;
	width:248px;
	margin: 0 20px 0 0;
}



.SearchTextBox{
	float: left;
	display: inline;
	width: 494px;
	height: 39px;
	padding: 0 10px 0 10px;
	margin: 0;
	border: none;
	line-height: 37px;
	color: #84817c;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #D4D2CF;
	box-shadow: inset 0px 2px 3px #EEE;
	-pie-box-shadow: inset 0px 2px 3px #EEE;
	behavior:url(/javascript/PIE.htc);
}




.SearchTextBox:active, .SearchTextBox:focus{
	color: #333;
	outline: none;
	}




.recipeCheckboxesWrap{
	float: left;
	display: inline;
	width: 980px;
	background-color: #fff;
	padding: 18px 0 14px 15px;
	border-bottom: 1px solid #ddd;
	position: relative;
	z-index: -1;
}


.recipeCheckboxesWrap p{
	color: #666;
	font-size: 13px;
	padding: 0;
	margin: 0;
}


.recipeCheckboxesWrap p span{
	font-weight: bold;
}



.searchSortWrap{
	float: left;
	display: inline;
	position: absolute;
	top: 18px;
	right: 0;
}


.searchSortWrap fieldset{
	float: left;
	display: inline;
}


.searchSortWrap label{
	font-weight: bold;
	margin: 0 20px 0 0;
}

.no-touch .searchSortWrap label:hover{
	color: #333;
	cursor: pointer;
}



.searchSortWrap input{
	height: 17px;
	width: 17px;
	margin: 0 2px 0 0;
	padding: 0;
	display: inline-block;
}


.searchSortWrap p{
	float: left;
	display: inline;
	width: 70px;
	font-weight: bold;
}



.recipeSearchFields {
	float: left;
	display: inline;
	width: 965px;
	margin: 15px 0 5px 15px;
	z-index:20;
}


.recipeSearchRow{
	float: left;
	display: inline;
	width: 970px;
	padding: 0 0 0 0;
}

.recipeSearchRow2{
	padding: 0 0 15px 0
}



.joint{
	z-index: 301;
}



.recipeSearchFields label {
	display:block;
	font-weight:bold;
	font-size:13px;
	margin-bottom:5px;
	color:#84817c;
	text-shadow: 0px 1px 0px #fff;
	float: left;
	display: inline;
	width: 248px;
}

.recipeSearchFields .left {
	margin-left:11px;
}
.recipeSearchFields .firstField {
	margin-left:0;
	width: 245px;
}

.firstField input{
	width:233px;
	height: 14px;
}


.recipeSearchFields select{
	float: left;
	display: inline;
	width: 164px;	
}




.recipeCheckboxes input {
	padding-right:15px;
}

.recipeCheckboxes label {
	padding:0 33px 0 5px;
	color:#6d6555;
	font-size:15px;
	font-weight:bold;
}


.recipeCheckboxes label, .recipeCheckboxes input {
	position:relative;
	top:5px;
} 


	
.recipeCheckboxes .refineSearch {
	background: url(../images/customer-recipes/customer-recipes-buttons.gif) 0 -1316px no-repeat;
	width:130px;
	height: 30px;
	position:inherit;
	top: 0;
	display: inline;
}

.no-touch .recipeCheckboxes .refineSearch:hover {
	background-position: 0 -1346px;
}

.sortRow {
	margin:24px 0;
	border-top:1px solid #ddd;
	width:796px;
	float:left;
}

.sortRow li{
	text-align:center;
	border-right: 1px solid #ddd;
	padding:11px 11px 5px; 
	float:left;
	}
	
.sortRow li a {
	color:#555;
}
.no-touch .sortRow li a:hover {
	color:#88668a;
}


.sortRow .current {
	font-weight:bold;
	color:#88668a;
	text-decoration:underline;
}

.searchResults {
	clear:both;
	float: left;
	display: inline;
	width: 796px;
}

.searchResultEntry {
	position:relative;
	padding-bottom:18px;
	border-bottom:1px solid #ddd;
	margin-bottom:17px;
	float: left;
	display: inline;
	width: 796px;
}


.recipeInfoContainer {
	width:340px;
	margin: 0 0 0 23px;
	height:auto;
	float: left;
	display: inline;
}

.recipeInfoContainer h2 {
	padding-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#89658A;
	margin-top:0;
}

.recipeInfoContainer h2 a{
	color: #89658a;
}

.no-touch .recipeInfoContainer h2 a:hover{
	color: #714b72;
}


.recipeInfoContainer .recipeInfo, .recipeInfoContainer .recipeInfo li {
	float:left;
	width:320px;
	border:none;
	color:#666;
	clear: left;
}


.recipeInfoContainer .recipeInfo li{
	margin: 0 0 5px 0;
}


.recipeInfoContainer .recipeInfo {
	width: 320px;
	padding: 2px 0 5px 0;
	position: relative;
	margin-left: -4px;
}


.ie6 .recipeInfoContainer .recipeInfo{
	margin-left: -1px;
}

.recipeInfoContainer .recipeFacts {
	background:none; 
	padding-left:5px;
}

.recipeInfoContainer p{
	margin-bottom:5px;
	float: left;
	display: inline;
	width: 300px;
}

.ie6 .recipeInfoContainer p{
	padding: 0 0 0 4px;
}

.searchPic {
	float:left;
	display:block;
}

.searchResultEntry .articlePreview.articleListing.panelContent.searchStarsContainer {
	width:auto;
	border:none;
	position:absolute;
	top:4px;
	right:10px;
	padding:0;
	background-color: #fff;
}


.ie6 .searchResultEntry .articlePreview.articleListing.panelContent.searchStarsContainer{
	width: 162px;
	left: 630px;
}

.searchSave {
	position:absolute;
	bottom:18px;
	right:7px;


}


.articlePreview.articleListing.panelContent.searchStarsContainer  .searchStars {
	width:auto;
	padding:0;
	background:none;
}
.searchStarsContainer .searchStars span {
	color:#666;
}

.searchStarsContainer  .searchStars li {
	border:none;
}




.cssButton:focus, .cssButton:active{
	outline: none;
}

.no-touch .cssButton:hover{
	cursor: pointer;
}


.buttonrefineSearch{
	width: 161px;
	height: 41px;
	background: url(../images/buttons/button-refine-search.png) 0 0 no-repeat;
	text-size: 0;
	text-indent: -9999999px;
	line-height: 0;
	border: none;
	outline: none;
	margin: 20px 0 0 0;
	display: block;
	overflow: hidden;
}


.no-touch .buttonrefineSearch:hover{
	background: url(../images/buttons/button-refine-search.png) 0 -41px no-repeat;
	cursor: pointer;
}


.buttonSearchRecipes{
	width: 168px;
	height: 41px;
	background: url(../images/buttons/button-search-recipes.png) 0 0 no-repeat;
	text-size: 0;
	text-indent: -99999999px;
	line-height: 0;
	border: none;
	outline: none;
	margin: 20px 0 0 0;
	display: block;
	overflow: hidden;
}


.no-touch .buttonSearchRecipes:hover{
	background: url(../images/buttons/button-search-recipes.png) 0 -41px no-repeat;
	cursor: pointer;
}






/*dropdown */


.customerRecipeForm fieldset .section select{
	display: none;
}


.dropdownWrapper2 {
    display: inline;
    float: left;
    height: 39px;
    width: 248px;
    position: relative;
    z-index: auto;
}




.dropdown2, .no-touch .dropdown2:hover {
    display: inline;
    font-size: 1.083em;
    padding: 0;
    width: 237px;
    position: absolute;
	border: none;
	color: #84817c;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #D4D2CF;
	background: #fff url(../images/elements/search-drop-button.png) no-repeat right top;
	box-shadow: inset 0px 2px 3px #EEE;
	-pie-box-shadow: inset 0px 2px 3px #EEE;
	behavior:url(/javascript/PIE.htc);
	line-height: 20px;
}



.openDropdown2, .no-touch .openDropdown2:hover{
	background-color: #fff;
	background-image: none;
	max-height: 305px;
	overflow: auto;
    width: 238px;
	-moz-box-shadow: 0 3px 4px #b3b3b3;
	-webkit-box-shadow: 0 3px 4px #b3b3b3;
	box-shadow: 0 3px 4px #b3b3b3;
    z-index: 300;
}





.dropdown2 .optionList {
    height: 39px;
    overflow: hidden;
}

.openDropdown2 .optionList {
    height: 39px;
}

.dropdown2 a {
    color: #84817c !important;
    display: none;
    padding: 0 0 4px;
    padding: 10px 0 9px 11px;
    text-decoration: none;
    width: 100%;
}


div.openDropdown2 a {
    display: block;
    background-color: #fff;
}

.no-touch div.openDropdown2 a:hover {
    display: block;
    color: #333 !important;
    background-color: #f7f7f7;
}



.dropdown2 a.selected {
    color: #84817c !important;
    display: block !important;
}


.no-touch .openDropdown2 a.selected:hover {
    color: #333 !important;
}


/* end of dropdown */









/* ------------------------------------------------------------------------
	Pretty Checkboxes
------------------------------------------------------------------------- */

	label.checkbox span.holder {
		height: 62px; /* Total height of your checkbox image */
		background: url(../images/_redesign2012/checkbox.png) 0 0px no-repeat; /* Path to your checkbox image */
	}



	.checkboxesRight label.checkbox span.holder, .purpleRow label.checkbox span.holder {
		height: 62px; /* Total height of your checkbox image */
		background: url(../images/_redesign2012/checkbox-purple.png) 0 0px no-repeat; /* Path to your checkbox image */
	}


	
	label.radio span.holder {
		height: 62px; /* Total height of your radio buttons image */
		background: url(../images/_redesign2012/radio.png) 0 0px no-repeat; /* Path to your radio button image */
	}
	
	.no-touch label.checkbox:hover span.holder,
	.no-touch label.radio:hover span.holder { top: -22px !important; } /* Background position on mouseover */
	
	label.checked span.holder,
	label.checked span.holder,
	.no-touch label.checked:hover span.holder,
	.no-touch label.checked:hover span.holder { top: -44px !important; } /* Background position when checked */







	label.list {
		float: left; clear: left;
		margin: 0 0 5px 0;
	}
	
	label.inline {
		float: left; margin: 0 20px 0 0;
	}
	
		input.hiddenCheckbox {
			position: absolute; left: -10000px; /* Hide the input */
		}
	
		label.prettyCheckbox span.holderWrap {
			display: block; float: left;
			position: relative;
			margin-right: 5px;
			overflow: hidden;
		}
		
		label.prettyCheckbox span.holder {
			display: block;
			position: absolute;
			top: 0; left: 0;
		}


		label.inline span.holderWrap{
			margin-right: 4px;
		}

.radio-cont label.prettyCheckbox span.holder {

}


/* ------------------------------------------------------------------------
	End of Pretty Checkboxes
------------------------------------------------------------------------- */








/* ------------------------------------------------------------------------
	Site search
------------------------------------------------------------------------- */





	
	#siteSearch{
		display: none;
	}
	
	
	.searchTabs{
		width: 300px;
		height: 75px;
		float: left;
		display: inline;
		overflow: hidden;
		position: relative;
	}
	
	
	.searchTabs #recipeSearch{
		width: 280px;
		display: inline;
		
		padding: 10px 0;
	}	

	.searchTabs h3 {
		color:#176fc1 !important;
		margin-bottom:7px;
	}

	.searchTabs #siteSearch {
		width: 280px;
		float: right;
		background-color: #89658a;
		display: none;
		padding: 10px 0;
		position: relative;
	}	

.searchTabs fieldset {
		box-shadow: inset 0px 2px 3px #eee;
		border-radius:2px;
		-pie-border-radius:2px;
		behavior: url(/javascript/PIE.htc);
		border:1px solid #d4d2cf;
		padding:0;
		margin:0;
		overflow: hidden;
	}
	
	.searchTabs .searchInput{
		float: left;
		display: inline;
		background-color: transparent;
		width: 232px;
		height: 28px;
		font-size: 1em;
		color: #777777;
		padding: 0 5px 0 5px;
		margin: 0;
		line-height: 28px;
		border:1px solid transparent;
	
	}
	
	
	
	.searchTabs .searchInput:active, .searchInput:focus{
		color: #333;
	}
	
	
	.searchTabs .siteSearchSubmit, .searchTabs .recipeSearchSubmit{
		float: left;
		display: block;
		width: 30px;
		height: 30px;
		background: url(../images/_redesign2012/redesign-sprite.png) -251px -2px no-repeat;
		border: none;
		font-size: 0;
		text-indent: -999999999999px;
		cursor: pointer;
		padding: 0;
		margin: 0;
		line-height: 0;
	}
	
	
.touch input[type="text"], .touch  input[type="email"],.touch input[type="search"],.touch  input[type="password"] {
  -webkit-appearance: caret;
  -moz-appearance: caret; /* mobile firefox too! */
}

::-webkit-input-placeholder {
	font-size:14px;
}


#headerIngredient::-webkit-input-placeholder {
	font-weight: normal;
	font-size: 11px;
	color: #666;
	-webkit-font-smoothing: antialiased;
	font-family: Arial, Helvetica, sans-serif;
	}

	.searchTabs .siteSearchSubmit{background-position: -100px -444px;}

	.no-touch .searchTabs .siteSearchSubmit:hover{background-position: -220px -444px;}

	
	.searchTabs ul.tabNavigation{
		float: left;
		display: inline;
		width: 220px;
		height: 25px;
		overflow: hidden;
		background-color: #F8F6EB;
	}
	
	
	ul.tabNavigation li.siteSearchTab{
		float: left;
		display: none;
		padding: 0 3px 1px 0;
		height: 25px;
		width: 86px;
		overflow: hidden;
		margin: 1px 0 0 0;
	}
	
	
	ul.tabNavigation li.siteSearchTab a{
		background:url(../images/elements/search-sprite.gif) -96px -59px no-repeat;
		float: left;
		display: block;
		width: 86px;
		height: 25px;
		font-size: 0;
		text-indent: -9999em;
		border-bottom: 1px solid #89658A;
	}
	
	ul.tabNavigation li.recipeSearchTab{
		float: left;
		display: block;
		padding: 0 3px 0 0;
		height: 25px;
		width: 103px;
		margin: 1px 0 0 0;
	}
		
	
	ul.tabNavigation li.recipeSearchTab a{
		background:url(../images/elements/search-sprite.gif) -185px -59px no-repeat;
		float: left;
		display: block;
		width: 103px;
		height: 25px;
		font-size: 0;
		text-indent: -9999em;
		border-bottom: 1px solid #AEA391;
	}


.searchTabs a.searchMoreOptions{
	color: #84817c;
	padding: 0 0 0 16px;
	background: url(../images/elements/search-sprite3.png) 0 -215px no-repeat;
	font-size: 11.5px;
	font-weight: bold;
	height: 13px;
	line-height: 13px;
	position: absolute;
	top: 5px;
	right: 0;
}


.no-touch .searchTabs a.searchMoreOptions:hover{
	text-decoration: underline;
}






.recipeInfo li.recipeCalories{
	background-position: 5px -358px;
	height: 16px;
}

.close-search-popup {
	color: #AAA;
	position: absolute;
	width: 12px;
	height: 12px;
	top: 3px;
	right: 3px;
	font-size: 18px;
	font-weight: bold;
}
.header-search-overlay {
	position: absolute;
	top: -37px;
	right: -20px;
	width: 300px;
	height:auto;
	padding-bottom:10px;
	padding-top: 20px;
	display: none;
	z-index:101;
	box-shadow: 0 0 10px rgba(0,0,0,.3);
	-pie-box-shadow: 0 0 10px rgba(0,0,0,.3);
	behavior: url(/javascript/PIE.htc);
}
.header-search-overlay fieldset {
	position: relative;
}

.header-search-overlay.site-search fieldset .tesco-button {
	margin-top: 0px;
}

.header-search-overlay fieldset .tesco-button {
	margin-top: 0;
}


.header-search-overlay.heroSearch input[type="text"] {
	width: 278px;
}
.header-search-overlay .form-item.left select {
	width: auto!important;
}

.header-search-overlay .selectBox-dropdown {
min-width: 143px;
}

.header-search-overlay .form-item.left {
width: 145px;
}

#header-search-overlay a {
	color:#666;
}
#header-search-overlay a.tesco-button {
	color: #fff;
}
.selectBox-dropdown-menu.selectBox-options a {
	color:#666;
}


/***********    ColorBox styles   *************/


#searchMoreOptionsPopupHidden{
	display: none;
}



#colorbox, #cboxOverlay, .recipeSearchPopupWrapper #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:visible;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
.recipeSearchPopupWrapper #cboxMiddleLeft, .recipeSearchPopupWrapper #cboxBottomLeft{clear:left;}
.recipeSearchPopupWrapper #cboxContent{
	position:relative;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
}
.recipeSearchPopupWrapper #cboxLoadedContent{overflow:visible !important;}
.recipeSearchPopupWrapper #cboxTitle{margin:0;}
.recipeSearchPopupWrapper #cboxLoadingOverlay, .recipeSearchPopupWrapper #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}

.recipeSearchPopupWrapper #cboxLoadingOverlay{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
}

.recipeSearchPopupWrapper #cboxPrevious, .recipeSearchPopupWrapper #cboxNext, .recipeSearchPopupWrapper #cboxClose, #cboxSlideshow{cursor:pointer;}
.recipeSearchPopupWrapper .cboxPhoto{float:left; margin:auto; border:0; display:block;}
.recipeSearchPopupWrapper .cboxIframe{width:100%; height:100%; display:block; border:0;}

#cboxOverlay{background:url(../images/customer-recipes/overlay.png) repeat 0 0;}
.recipeSearchPopupWrapper #cboxContent{background:#f0ebe3; overflow:visible;}
.recipeSearchPopupWrapper #cboxError{padding:50px; border:1px solid #ccc;}
.recipeSearchPopupWrapper #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#fff;}
.recipeSearchPopupWrapper #cboxLoadingOverlay{background-color: #f0ebe3;}
.recipeSearchPopupWrapper #cboxClose{position:absolute; bottom:0; right:0; width: 0; height: 0; display:none;}
.recipeSearchPopupWrapper #cboxLoadedContent{
   	background-color: #f0ebe3;
   	float: left;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
}


.ie6 .recipeSearchPopupWrapper #cboxLoadedContent, .ie7 .recipeSearchPopupWrapper #cboxLoadedContent{
	margin-top: -10px;
}


.recipeSearchPopupWrapper{
	background: url(../images/customer-recipes/popup-background.png) 0 0 repeat;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
   	padding-top: 10px !important;
   	padding-right: 10px !important;
   	padding-bottom: 10px !important;
   	padding-left: 10px !important;
	}

.ie7 .recipeSearchPopupWrapper, .ie6 #colorbox{
	padding: 0 !important;
	background: #f0ebe3;
	border: solid 10px #88668a;
}


.ie7 #colorbox{
	padding-bottom: 35px !important;
}

.recipeSearchPopupWrapper #cboxWrapper{
	padding: 10px;
}


.ie7 .recipeSearchPopupWrapper #cboxWrapper, .ie6 .recipeSearchPopupWrapper #cboxWrapper{
	padding: 0 !important;
	background-color: #f0ebe3;
	border-radius: 0;
}



.recipeSearchPopupWrapper a.closeLightbox{
	width: 14px;
	height: 14px;
	display: block;
	background: url(../images/customer-recipes/master-sprite.gif) 0 -626px no-repeat;
	font-size: 0px;
	text-indent: -999999em;
	position: absolute;
	top: 15px;
	right: 15px;
}


.no-touch .recipeSearchPopupWrapper a.closeLightbox:hover{
	background-position: 0 -646px;
}




.recipeSearchPopupWrapper #searchMoreOptionsPopup{
	background-color: #F0EBE3;
	float: left;
	display: inline;
	padding: 50px 55px 50px 55px;
	width: 665px;
	position: relative;
}


.ie7 .recipeSearchPopupWrapper #searchMoreOptionsPopup{
	padding: 45px 55px 30px 55px;
}


.recipeSearchPopupWrapper #searchMoreOptionsPopup h2{
	float: left;
	display: inline;
	width: 665px;
	font-size: 33px;
	margin: 0 0 20px 0;
	font-family: "TescoBold", Arial, Helvetica, sans-serif; 
	color: #84817c;
	text-shadow: 0px 1px 0px #fff;
}






.recipeSearchPopupWrapper #searchMoreOptionsPopup .recipeSearchForm{
	width: 665px;
}




.recipeSearchPopupWrapper #searchMoreOptionsPopup .recipeSearchFields{
	width: 665px;
	margin: 0;
}




.recipeSearchPopupWrapper #searchMoreOptionsPopup .recipeSearchPopupRow{
	float: left;
	display: inline;
	width: 665px;
	margin: 0 0 25px 0;
}





.recipeSearchPopupWrapper #searchMoreOptionsPopup .wrapIngredient, .recipeSearchPopupWrapper #searchMoreOptionsPopup .dropWrap, .recipeSearchPopupWrapper #searchMoreOptionsPopup .wrapRecipeType{
	width: 310px;
	margin: 0;
}


.recipeSearchPopupWrapper #searchMoreOptionsPopup .SearchTextBox{
	width: 288px;
}


.recipeSearchPopupWrapper #searchMoreOptionsPopup .dropdownWrapper2{
	width: 310px;
}


.recipeSearchPopupWrapper #searchMoreOptionsPopup .dropdown2{
	width: 298px;
	
}

.recipeSearchPopupWrapper #searchMoreOptionsPopup .wrapIngredient{
	margin: 0 45px 0 0;
}



.recipeSearchPopupWrapper #searchMoreOptionsPopup .wrapRecipeType{
	padding: 19px 0 0 0;
	margin: 0 0 0 0;
}


.recipeSearchPopupWrapper #searchMoreOptionsPopup .leftWrap{
	margin: 0 45px 0 0;
}



.recipeSearchPopupWrapper #searchMoreOptionsPopup .recipeSearchFields .lastRecipeRow{
	padding: 0;
}




.recipeSearchPopupWrapper #searchMoreOptionsPopup .buttonSearchRecipes{
	float: right;
	display: inline;
	margin: 25px 0 0 0;
}




.recipeSearchPopupWrapper #searchMoreOptionsPopup .openDropdown2{
	max-height: 136px;
}



.ie6 .recipeSearchPopupWrapper #searchMoreOptionsPopup .openDropdown2{
	height: 136px;
	max-height: none;
	overflow: auto;
}





/*   Send recipes colorBox styles  */



#textRecipeHidden, #emailRecipeHidden{
	display: none;
}




.sendRecipe #colorbox, .sendRecipe #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
.sendRecipe #cboxOverlay{position:fixed; width:100%; height:100%;}
.sendRecipe #cboxMiddleLeft, .sendRecipe #cboxBottomLeft{clear:left;}
.sendRecipe #cboxContent{
	position:relative;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
}
.sendRecipe #cboxLoadedContent{overflow:auto;}
.sendRecipe #cboxTitle{margin:0;}
.sendRecipe #cboxLoadingOverlay, .sendRecipe #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}

.sendRecipe #cboxLoadingOverlay{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
}

.sendRecipe #cboxPrevious, .sendRecipe #cboxNext, .sendRecipe #cboxClose, #cboxSlideshow{cursor:pointer;}
.sendRecipe .cboxPhoto{float:left; margin:auto; border:0; display:block;}
.sendRecipe .cboxIframe{width:100%; height:100%; display:block; border:0;}

.sendRecipe #cboxOverlay{background:url(../images/customer-recipes/overlay.png) repeat 0 0;}
.sendRecipe #colorbox{}
.sendRecipe #cboxContent{background:#fff; overflow:hidden;}
.sendRecipe #cboxError{padding:50px; border:1px solid #ccc;}
.sendRecipe #cboxSlideshow{position:absolute; bottom:4px; right:30px; colour:#fff;}
.sendRecipe #cboxLoadingOverlay{background-color: #fff;}
.sendRecipe #cboxClose{position:absolute; bottom:0; right:0; width: 0; height: 0; display:none;}
.sendRecipe #cboxLoadedContent{
   	background-color: #fff;
   	float: left;
   	color: #000;
   	width: 600px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
}


.sendRecipe #colorbox{
	background: url(../images/customer-recipes/popup-background.png) 0 0 repeat;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
   	padding-top: 10px !important;
   	padding-right: 10px !important;
   	padding-bottom: 10px !important;
   	padding-left: 10px !important;
	}

.ie7 .sendRecipe #colorbox, .ie6 .sendRecipe #colorbox{
	padding: 0 !important;
	background: #fff;
	border: solid 10px #88668a;
}


.sendRecipe #cboxWrapper{
	padding: 10px;
}


.ie7 .sendRecipe #cboxWrapper, .ie6 .sendRecipe #cboxWrapper{
	padding: 0;
	background-color: #fff;
}


.sendRecipe .loginHeader{
	width: 560px;
	border-bottom: 1px solid #e4e4e4;
	padding: 20px 20px 8px 20px;
}


.ie6 .sendRecipe .loginHeader, .ie7 .sendRecipe .loginHeader{
	padding: 0 20px 8px 20px;
}



#textRecipeContent, #emailRecipeContent{
	float: left;
	display: block;
	width: 340px;
	padding: 30px;
	position: relative;
}


.ie7 #textRecipeContent, .ie7 #emailRecipeContent{
	padding: 0 30px 30px 30px;
}


#textRecipeContent h3, #emailRecipeContent h3{
	font-size: 25px;
	margin: 0 0 15px 0;
	float: left;
	width: 340px;
}



#textRecipeContent p, #emailRecipeContent p{
	font-size: 11px;
	font-weight: normal;
	line-height: 140%;
	margin: 0 0 0 0;
	color: #777;
	float: left;
	width: 340px;
}





#textRecipeContent p.intro, #emailRecipeContent p.intro{
	font-size: 13px;
	font-weight: bold;
	line-height: 140%;
	margin: 0 0 15px 0;
	color: #555;
}



#textRecipeContent fieldset, #emailRecipeContent fieldset{
	float: left;
	width: 340px;
	outline: none;
	border: none;
	margin: 0 0 5px 0;
}



#textRecipeContent fieldset input.textInput, #emailRecipeContent fieldset input.textInput{
	float: left;
	display: inline;
	height: 32px;
	width: 220px;
	border-top: 1px solid #d2d2d2;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	color: #555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0 8px 0 8px;
	line-height: 1em;
}


.ie7 #textRecipeContent fieldset input.textInput, .ie7 #emailRecipeContent fieldset input.textInput, .ie8 #textRecipeContent fieldset input.textInput, .ie8 #emailRecipeContent fieldset input.textInput{
	line-height: 34px;
}


#textRecipeContent fieldset input.textInput:active, #textRecipeContent fieldset input.textInput:focus, #emailRecipeContent fieldset input.textInput:active, #emailRecipeContent fieldset input.textInput:focus{
	color: #222;	
	border-top: 1px solid #adadad;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #adadad;
	border-left: 1px solid #adadad;
}



#textRecipeContent fieldset .sendRecipeButton, #emailRecipeContent fieldset .sendRecipeButton{
	float: left;
	display: inline;
	border: none;
	outline: none;
	width: 72px;
	height: 34px;
	background: url(../images/elements/send-recipes.png) 0 -97px no-repeat;
}


#textRecipeContent fieldset .sendRecipeButton:hover, #emailRecipeContent fieldset .sendRecipeButton:hover{
	cursor: pointer;
	background-position: 0 -157px;
}



#textRecipeContent a.closeLightboxCross, #emailRecipeContent a.closeLightboxCross{
	width: 14px;
	height: 14px;
	display: block;
	background: url(../images/customer-recipes/master-sprite.gif) 0 -626px no-repeat;
	font-size: 0px;
	text-indent: -999999em;
	color: #fff;
	position: absolute;
	top: 17px;
	right: 17px;
}




.ie7 #textRecipeContent a.closeLightboxCross, .ie7 #emailRecipeContent a.closeLightboxCross{
	top: 3px;
}




.textRecipe2, .emailRecipe2{
	display: none;
}



#textRecipeContent span.error, #emailRecipeContent span.error{
	float: left;
	color: red;
	font-size: 11px;
	visibility: hidden;
	margin: 0 0 2px 0;
}



/***********  end of send recipes colorbox  *************/

/* 10 :-------- IE fixes  ------------ */

	.ie6 .ui-slider .filler { display:none; }
	.ie6 .createMealPlanPanel { height:170px;}
	.ie6 .featuredMealPlanList li, .ie6 .mpCarousel .mpCarouselCol, .ie6 .rbImageList li, .ie7 .featuredMealPlanList li, .ie7 .rbImageList li { height:230px; overflow:hidden; }
	.ie6 #mpCarouselPager, .ie7 #mpCarouselPager { display:none; }
	.ie7 .rbFilter select { margin-bottom:10px; }
	.ie7 .rbFilter { padding-bottom:4px; }
	.ie6 .rbFilter li{ margin-right:12px; }
	.ie6 .largeButton, .ie7 .largeButton, .ie8 .largeButton, .ie9 .largeButton { font-family:Arial, Helvetica, sans-serif;	}
	.ie7 .mpLoadMore, .ie7 .rbLoadMore { padding-top:9px; }
	.ie6 .largeButtonWizard span, .ie6 .largeButtonTealArrow span, .ie6 .smallButton span {  margin-right: 14px;}
	.ie6 .gdaPanel { margin-left:4px; }
	.ie6 .recipeDetail .smallButtonLilacArrow { margin-left:7px; }
	.ie6 .addYourRating { display:none !important; }
	.ie6 .mealPlan .mpMealToolbar a, .additionalMeals .addRecipeLink a, .ie6 .mpToolbar .mpToolbarFade { -pie-png-fix: true; behavior: url(/javascript/PIE.htc); }
	.ie6 .emptySlot .mpAddRecipeList { background:#EAF8F7; }
	.ie6 .emptySlot .mpAddRecipeList li { display:block; }
	.ie6 .addRecipeLink { visibility:visible; }
	.ie6 .largeButtonWizard span, .ie6 .largeButtonTealArrow span, .ie6 .largeButtonYellowArrow span { margin-right:14px; }
	
	.ie7 .mpDay .breakfast, .ie7 .mpDay .lunch, .ie7 .mpMeals .breakfast, .ie7 .mpMeals .lunch, .ie6 .mpDay .breakfast, .ie6 .mpDay .lunch, .ie6 .mpMeals .breakfast, .ie6 .mpMeals .lunch { width:250px; }
	.ie7 .breakfast .day, .ie7 .lunch .day, .ie7 .dinner .day, .ie6 .breakfast .day, .ie6 .lunch .day, .ie6 .dinner .day { top:3px; }
	
	.ie6 .twitterPanel blockquote { margin-left:2px; }
	.ie6 .twothirds, .ie6 .onethird, .ie6 .halfCol, .ie6 .rightCol, .ie6 .wideCol {display:inline; overflow:hidden;}
	
	.ie6 .halfCol .panelContent, .ie6 ul.thumbListing, .ie6 .thumbListing li, .ie6 .thumbListing li a, .ie6 .thumbListing li.last, .ie6 .thumbListing li.last a, .ie6 .starRatingWrapper, .ie6 .twothirds, .ie6 .onethird, .ie6 .halfCol, .ie6 .rightCol {display:inline; overflow:hidden; }
	.ie6 .previewListing li {overflow:hidden;}
	.ie6 #relatedNav {width:260px;}
	.ie6 .glossaryNav li a {padding:2px 3px 1px 0;}

	.ie6 .newPagination .prev, .ie6 .newPagination .first, .ie6 .newPagination .next, .ie6 .newPagination .last {
		background:url(/images/buttons/page-btn-r.gif) no-repeat right top;
		padding-right:5px;
		padding-top:2px;
		margin:0 5px 0 0;
		overflow:visible;
		height:20px;
		}
	.ie6 .newPagination .prev span, .ie6 .newPagination .first span, .ie6 .newPagination .next span, .ie6 .newPagination .last span {
		background:url(/images/buttons/page-btn-l.gif) no-repeat left top;
		color:#666;
		text-decoration:none;
		display:inline;
		padding:0 0 4px 5px;
		height:20px;
		overflow:visible;
		}
	
	.ie6 .slideshowWrapper {position:relative;}
	.ie6 #slideshowPager {position:absolute;top:340px;left:0;	}
	.ie6 .recipe #slideshowPager {position:absolute;top:430px;left:0;	}

	.ie6 .errorSearch {z-index:102; position:absolute;top:5px; right:17px;}
	.ie6 .recipeFinder .panelContent fieldset ul {background-image:none;}
	.ie6 .resultsPaging .arrowLink, .ie6 .resultsPaging .arrowLink span { background:transparent none; padding:0; margin:0;}
	.ie6 .resultsPaging .pages { width:300px; }
	.ie6 .newInStorePanel .panelContent .previewListing li { padding-bottom:1px; position:relative; overflow:hidden; margin-bottom:10px;}
	.ie6 .newInStorePanel .panelContent .previewListing li span {width:263px;}
	.ie6 .recipeLandingCopy { margin-top:0; }
	.ie6 .lsSuggestForm fieldset li.addMargin { margin-right:10px; }
	.ie6 #lsLogin .lsRightCol { padding-left:10px; }
	.ie6 .lsTwoThirds { overflow:hidden; }
	.ie6 .lsLocationPanel {margin-left:-10px; }

	.ie6 .adventCalendarModule li { margin-right:6px; }

	.ie6 .arrowLink {position:relative; display: inline;}
	.ie6 .arrowLink span {display:inline;}

	.ie6 .button {position:relative; display: inline;}
	.ie6 .button span {display:inline;}


	.ie6 #twitterBoxSmall{margin: 0 0 0 -1px;}

	.ie6 .recipeToolbar .addYourRating {
		display: inline;
		padding: 9px 0 7px 17px;
		width: 210px;
	}

	.ie6 .recipeDetail .relatedPanel .panelContent{
		display: inline;
	}
	
	.ie7 #relRecipesPanel, .ie7 #relArticlesPanel, .ie7 #relCookingTipsPanel{
		padding-bottom: 10px;
	}
	
	.ie6 .png, .ie6 .recipeFinder .panelContent fieldset ul, .ie6 .arrowLink, .ie6 .arrowLink span, .ie6 .recipeCount, .ie6 .recipePanel thumbListing li, .ie6 .cookingTipsPanel .thumbListing li, .ie6 .tagNew, .ie6 .searchPanel .sb-select, .ie6 .recipeCount, .ie6 .likeCount {
		behavior: url(/javascript/PIE.htc);
		-pie-png-fix: true;
	}
	
	.ie6 .recipeToolbar .recipeRating{
		width: 200px;
	}
	
	
	.ie7 .halfCol .panel, .ie7 .rightCol .panel{ padding-bottom: 10px;}
	
	.ie7 #carousel{margin-bottom: 7px;}


	.ie6 .ourFood .newInStorePanel{
		border-top: 15px solid #fff;
	}
	
	
	.ie6 .arrowLink, .ie6 .button, .ie6 .arrowLinkPrevious, .ie6 .prevPage .arrowlink {
		background:transparent url(../images/buttons/arrowlink-bg2.gif) 0 0 no-repeat scroll;
	}
    
    

	
	.ie6 span.dropArrow{
		background: transparent url(../images/elements/dropdown-arrows.gif) left top no-repeat;
	}

	.ie6 .homePanel .thumbListing li{
		margin: 0 10px 10px 0;
	}


	
	.ie6 .homePanel .thumbListing li.last{
		margin: 0 0 10px 0;
	}

	.ie6 .homePanelContent{
		width: 625px;
	}
	
	.ie6 .homePanelContent ul.thumbListing{
		float: left;
		display: inline;
		width: 625px;
		padding: 0 0 10px 0;
	}
	
	
	.ie7 .homePanelContent ul.thumbListing{
		padding: 0 0 10px 0;
	}
	
	
	.ie6 #homeHero .info{
		background-color: #fff;
		filter: alpha(opacity=85);
		background-image: none;
	}
	
	
	
	
	
	.ie6 ul#homeHeroNavigation li{
		width: 300px;
		height: 80px;
	}
	


	.ie6 ul#homeHeroNavigation li a{
		width: 280px;
		height: 60px;
		padding: 9px 10px 9px 10px;
	}

	
	
	.ie6 ul.homeFeatures li a span.homeMore{
		background: url("../images/images/home-feature-arrow.gif") 0 0 no-repeat;
	}

	
	.ie6 ul.homeFeatures li a h4.homeFeatureTitle{
		background: url("../images/images/home-thumb-back.gif") 0 0 repeat;
	}



	.ie6 ul.homeFeatures li a:hover h4.homeFeatureTitle{
		background: #6f6c66; url("../images/images/home-thumb-back-hover.gif") 0 0 repeat;
	}



	.ie6 #homeHero .item a.homeHeroMore{
		background: url("../images/buttons/arrowlink-bg2.gif") right -840px no-repeat;
	}


	.ie6 #homeHero .item a.homeHeroMore:hover, #homeHero .item a.hover{
		background-position: right -864px;
	}



	.ie6 .recipePanel ul.thumbListing li{
		margin: 0 7px 10px 0;
	}


	
/* 11-:-------- Print view styles ------------ */

	.printView {
		background:none !important;
	}
	
	.printView #wrapper {
		width:600px;
		padding-top:12px;
	}
	
	.printView .printRecipeHero {
		float:left;
		width:350px !important;
		margin:0 12px 24px 0;
	}
	
	.printView .recipeInformation {
		float:left;
		margin:0 0 12px 0;
		padding:0;
	}
	
	.printView .recipeInformation li {
		background:none;
		color:#333;
		font-weight:normal;
		color:#555;
		list-style-type:none;
		padding:8px 0;
		border-top:1px solid #ccc;
		margin:0;
		font-weight:bold;
		line-height:120%;
	}
	
	.printView .recipeInformation li span {
		font-weight:normal;
	}
	
	.printView .ingredients {
		clear:both;
	}
	
	.printView .recipeInformation li:first-child {
		padding-left:0;
	}
	
	.printView h1, .printView h3 {
		color:#000 !important;
		font-family: Arial, Helvetica, sans-serif !important;
		font-weight: bold;
	}
	
	.printView h1 {
		margin:0;
		padding:0 0 12px 0;
		font-size: 22px !important;
	}
	
	
	.printView a{
		color: #000 !important;
		text-decoration: none !important;
	}
	
	
	.printView h3 {
		margin:18px 0 8px 0 !important;
		font-size: 20px;
	}
	
	.printView h4 {
		margin:8px 0 4px 0;
		line-height:150%;
		color:#555;
	}
	
	.printView .ingredientList {
		margin:0 0 12px 0;
		width:100%;
	}
	
	.printView .recipeHero {
		float:left;
		width:350px !important;
	}
	
	.printView p, .printView li {
		color:#000;
		line-height:160%;
		margin: 0 0 2px 0;
		font-size: 12px !important;
	}
	
	
	
	.printView .gdaPrint {
		color:#555;
	}
	
	.printView .recipeUrl {
		margin:12px 0 0 0;
	}
	
	.printView .recipeUrl strong {
		color:#88668A;
		text-decoration:underline;
	}
	
	.printView h5 {
		color:#555;
		margin:0 0 4px 0;
		font-size:1em;
	}
	
	
	
	.printView #content{
		clear: left;
	}
	
	
	.printView .pageBreak {
		clear:both;
		margin:60px 0 0 0;
		padding:60px 0 0 0;
		border-top:1px dashed #ccc;
	}

/*
	.ie6 .mpToolbar li.mpBuy a, 
	.ie7 .mpToolbar li.mpBuy a, 
	.ie8 .mpToolbar li.mpBuy a, 
	.ie9 .mpToolbar li.mpBuy a, 
	.ie6 .mpBuyPanel,
	.ie7 .mpBuyPanel,
	.ie8 .mpBuyPanel,
	.ie9 .mpBuyPanel
	{ display:none;}
	
	*/	



/* Page Structure*/

/* TOC

1: - Main Page Structure

2: - Main Content Area + Colour Coding

3: - Main Navigation

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




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

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

	form {
		max-width: 1426px;
		margin: 0 auto;
		background-color: #fff;
	}

	html, body>form {
			position:relative;
			width:100%;
			display: block;
			zoom:1;

	}

	body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 130%;
		background-color: #DFDDD8;
		color: #666;
	}


	/*ipad being weird again */
	@media screen and (max-width: 1024px){
		.touch body {
			width:995px;
		}	
	}
		
	#wrapper {
		width: 995px;
		margin: 0px auto;
		padding: 0;
		position:relative;
	}
		
	#header {
		width:965px;
		height:138px;
		margin:0 15px;
		padding:0;
		float:left;
		position:relative;
		z-index:21;
	}
	


	#content {
		width:965px;
		margin:0 0 0 0;
		padding:10px 0 0px 0;
		padding: 15px 15px 40px 15px;
		float:left;
		position:relative;
		background-color: #fff;
		
	}


	
	img.footerImage{
		position: absolute;
		bottom: 0;
		right: 0;
	}

	.social-icons  {
		float:right;
		width:165px;
	}

	.social-icons a {
		display: block;
		background: url(/images/_redesign2012/redesign-sprite.png) no-repeat 0px 0px ;
		height:22px;
		line-height:22px;
		margin-bottom:10px;
		padding-left: 32px;
		font-size: 12px;
	}

	a.social-facebook { background-position: -691px 0px;}
	a.social-twitter { background-position: -691px -36px;}
	a.social-youtube { background-position: -691px -67px; height:26px;line-height:26px;}
	a.social-pinterest { background-position: -691px -115px;}
	a.social-about { background-position: -691px -157px;}
    a.social-instagram { background-position: -691px -199px; }


	
		
		
/* 2-:-------- Main Content Area + Colour Coding ------------ */
	
	.mainContent {
		width:965px;
		clear:left;
		float:left;
	}
	
	.halfCol {
		width:495px;
		float:left;
	}
	
	.newWideTemplate .halfCol
	{
		width: 640px;
		margin-right: 25px;
		padding: 0 0 0 0;
	}
	
	.recipesLanding .newWideTemplate .halfCol{
		padding: 0 0 0 0;
	}
	
	.home .halfCol{
		width: 660px;
		padding: 0 5px 0 0;
		margin-right:0;
	}
	
	.emailerCol {
		float:left;
		width:575px;
	}

	.wideCol {
		float:left;
		width:796px;
		padding-right:9px;
	}
	
	
	
	.newWideTemplate .wideCol, 
	.home .wideCol 
	{
		width: 965px;
		padding-right: 0;
	}
	
	.rightCol {
		width:300px;
		float:left;
		padding-bottom: 20px;
	}	

	.home .rightCol {
		padding-bottom:0;
		padding-top:0!important;
	}
	
	.blog .rightCol {
		padding-top:0px!important;
	}
	

	.teaser ~ .rightCol {
		margin-top:30px;
	}
	

	.twothirds {
		width:300px;
		float:left;
	}
	
	
	.mpuStepByStep{
		margin: 10px 0 0 0;
	}	
	
	.customerRecipes .topPromo{
		margin: 0 0 15px 0 !important;	
	}	
	
	
	.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:transparent; } 
	.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; }
	.no-touch .healthyEating h4 a:hover { color:#97a523; }
	.healthyEating #slideshowPager a { background-color:transparent; } 
	.healthyEating #slideshowPager li.active a { color:#8c991e; } 
	.wideCol .healthyEating, .healthyEating .panelContent, .healthyEating .panelHeader { background-color:transparent; }
	.healthyEating .arrowLink, .healthyEating .button { background-position: right -136px; }
	.healthyEating .arrowLink span, .healthyEating .button span { background-position: left -136px; }
	.no-touch .healthyEating .arrowLink:hover, .no-touch .healthyEating .button:hover { background-position: right -160px; }
	.no-touch .healthyEating .arrowLink:hover span, .no-touch .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; }
	.no-touch .healthyEating .arrowLinkPrevious:hover, .no-touch .healthyEating .prevPage .arrowLink:hover { background-position: left -160px; }
	.no-touch .healthyEating .arrowLinkPrevious:hover span, .no-touch .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; }
	.no-touch .cookingWithKids h4 a:hover { color:#e15e08; }
	.cookingWithKids #slideshowPager a { background-color:transparent; } 
	.cookingWithKids #slideshowPager li.active a { color:#d35502; }
	.wideCol .cookingWithKids, .cookingWithKids .panelContent, .cookingWithKids .panelHeader { background-color:transparent; }
	.cookingWithKids .arrowLink, .cookingWithKids .button { background-position: right -204px; }
	.cookingWithKids .arrowLink span, .cookingWithKids .button span { background-position: left -204px; }
	.no-touch .cookingWithKids .arrowLink:hover, .no-touch .cookingWithKids .button:hover { background-position: right -228px; }
	.no-touch .cookingWithKids .arrowLink:hover span, .no-touch .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; }
	.no-touch .cookingWithKids .arrowLinkPrevious:hover, .no-touch .cookingWithKids .prevPage .arrowLink:hover { background-position: left -228px; }
	.no-touch .cookingWithKids .arrowLinkPrevious:hover span, .no-touch .cookingWithKids .prevPage .arrowLink:hover span { background-position: right -228px; }
	
	
	.newArticles .cookingTips{ background: none;}
	.cookingTips .panelHeader h3, .cookingTipsPanel .panelHeader h3,  .cookingTips .tesco-button, .cookingTips .gridHeader h4, .cookingTips h1, .cookingTips h3, .cookingTips .panelHeader h3, .cookingTips h4 a, .cookingTips a .title, .relatedPanel #relCookingTipsPanel h4 a, .cookingTips .pages a { color:#ff7e00; }
	.newArticles .cookingTips span.section{ background-color:transparent; }
	.cookingTips #slideshow h2, .cookingTips .hero h2 { background-position:left -368px; }
	.no-touch .cookingTips h4 a:hover, .no-touch .relatedPanel #relCookingTipsPanel h4 a:hover { color:#67a928; }
	.cookingTips #slideshowPager a { background-color:transparent; } 
	.cookingTips #slideshowPager li.active a { color:#59971f; } 
	.wideCol .cookingTips, .cookingTips .panelContent, .cookingTipsPanel, .cookingTips .panelHeader, .cookingTips .halfCol .panel { background-color:transparent; }
	.cookingTips .arrowLink, .cookingTips .button, .cookingTipsPanel .arrowLink { background-position: right -68px; }
	.cookingTips .arrowLink span, .cookingTips .button span { background-position: left -68px; }
	.no-touch .cookingTips .arrowLink:hover, .no-touch .cookingTips .button:hover, .no-touch .cookingTipsPanel .arrowLink:hover { background-position: right -92px; }
	.no-touch .cookingTips .arrowLink:hover span, .no-touch .cookingTips .button:hover span { background-position: left -92px; }
	.cookingTips .arrowLinkPrevious, .cookingTips .prevPage .arrowLink { background-position: left -68px; margin: 3px 0 0 0; }
	.cookingTips .arrowLinkPrevious span, .cookingTips .prevPage .arrowLink span { background-position: right -68px; }
	.no-touch .cookingTips .arrowLinkPrevious:hover, .no-touch .cookingTips .prevPage .arrowLink:hover { background-position: left -92px; }
	.no-touch .cookingTips .arrowLinkPrevious:hover span, .no-touch .cookingTips .prevPage .arrowLink:hover span { background-position: right -92px; }
	.cookingTips .arrowLink span, .cookingTips .button span, .cookingTips .prevPage .arrowLink span, .cookingTips .arrowLinkPrevious span {	color: #FF7E00;	}
	/*.no-touch .cookingTipsPanel .thumbListing li a:hover .thumbCaption, .no-touch .cookingTips .thumbListing li a:hover .thumbCaption { background:#6eb12f none; }*/

	
   .cookingTips .grid{margin: 5px 0 0 0;}


	.ourFood .panelHeader h3, .ourFood h1, .ourFood .blog-list h2 , .ourFood .tesco-button.silver , .ourFood h3, .ourFood h4 a, .ourFood .tesco-button.silver, .ourFood .gridHeader h4, .relatedPanel #relArticlesPanel h4 a, .ourFood a .title, .ourFood .article a, .ourFood .pages a { color:#0053a0; }
	.no-touch .ourFood .previewListing li:hover { border-color:transparent; }
	.newArticles .ourFood span.section { background-color:transparent; }
	.ourFood #slideshow h2, .ourFood .hero h2 { background-position:left -138px; }
	.no-touch .ourFood h4 a:hover, .no-touch .relatedPanel #relArticlesPanel h4 a:hover { color:#990539; }
	.ourFood #slideshowPager a { background-color:transparent; } 
	.ourFood #slideshowPager li.active a { color:#910435; } 
	.wideCol .ourFood, .ourFood .panelContent , .ourFood .panelHeader { background-color:transparent; }

	.ourFood .arrowLink, .ourFood .button { background-position: right -272px; }
	.ourFood .arrowLink span, .ourFood .button span { background-position: left -272px; }
	.no-touch .ourFood .arrowLink:hover, .no-touch .ourFood .button:hover { background-position: right -296px; }
	.no-touch .ourFood .arrowLink:hover span , .no-touch .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; }
	.no-touch .ourFood .arrowLinkPrevious:hover, .no-touch .ourFood .prevPage .arrowLink:hover { background-position: left -296px; }
	.no-touch .ourFood .arrowLinkPrevious:hover span, .no-touch .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; }
	.no-touch .glossary h4 a:hover { color:#2e7e98; }
	.glossary #slideshowPager a { background-color: transparent; } 
	.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; }
	.no-touch .glossary .arrowLink:hover, .no-touch .glossary .button:hover { background-position: right -364px; }
	.no-touch .glossary .arrowLink:hover span, .no-touch .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; }
	.no-touch .glossary .arrowLinkPrevious:hover, .no-touch .glossary .prevPage .arrowLink:hover { background-position: left -364px; }
	.no-touch .glossary .arrowLinkPrevious:hover span, .no-touch .glossary .prevPage .arrowLink:hover span { background-position: right -364px; }

	
	 .blog h1, .blog .blog-list h2 ,  .blog h4 a, .blog .tesco-button.silver, .blog .articleInfo a, .blog .comments a, .articlePagination ul li a, .blog .pages a { color:#ed1c24; }
	.blog #slideshow h2, .blog .hero h2 { background-position:left -92px; }
	.no-touch .blog h4 a:hover, .no-touch .blog .articleInfo a:hover, .no-touch .articlePagination ul li a:hover  { color:#cd0004; }
	.blog #slideshowPager a { background-color:transparent; } 
	.blog #slideshowPager li.active a { color:#8c991e; } 
	.wideCol .blog, .blog .panelContent, .blog .panelHeader { background-color:transparent; }
	.blog .arrowLink, .blog .button { background-position: right -136px; }
	.blog .arrowLink span, .blog .button span { background-position: left -136px; }
	.no-touch .blog .arrowLink:hover, .no-touch .blog .button:hover { background-position: right -160px; }
	.blog .arrowLink:hover span, .no-touch .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; }
	.no-touch .blog .arrowLinkPrevious:hover, .no-touch .blog .prevPage .arrowLink:hover { background-position: left -160px; }
	.no-touch .blog .arrowLinkPrevious:hover span, .no-touch .blog .prevPage .arrowLink:hover span { background-position: right -160px; }
	.blog .lightPanel .panelHeader h3 { color:#ED1C24; }
	.blog .lightPanel .panelContent, .home .blog .panelContent { background-color:transparent;}
	.blog .lightPanel .panelContent .articlePreview, .blog .panelContent .articlePreview  { background-color:#fff; border: solid 1px #fff; }
	.no-touch .blog .lightPanel .panelContent .articlePreview:hover, .no-touch .blog .panelContent .articlePreview:hover  { background-color:#fff; cursor:pointer; }





	
	.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; }
	.no-touch .newInStorePanel h4 a:hover, .no-touch .newInStorePanel .articleItem .articleInfo a:hover  { color:#e15e08; }
	
	.ourFood .newInStorePanel{ padding: 5px 12px 5px;}
	.newInStorePanel .arrowLink, .newInStorePanel .button { background-position: right -204px;}
	.newInStorePanel .arrowLink span, .newInStorePanel .button span { background-position: left -204px; }
	.no-touch .newInStorePanel .arrowLink:hover, .no-touch .newInStorePanel .button:hover { background-position: right -228px; }
	.no-touch .newInStorePanel .arrowLink:hover span, .no-touch .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; }
	.no-touch .newInStorePanel .arrowLinkPrevious:hover, .no-touch .newInStorePanel .prevPage .arrowLink:hover { background-position: left -228px; }
	.no-touch .newInStorePanel .arrowLinkPrevious:hover span, .no-touch .newInStorePanel .prevPage .arrowLink:hover span { background-position: right -228px; }
	.no-touch .newInStorePanel li:hover {border:solid 1px #f6721c !important;cursor:pointer;}
	.no-touch .halfCol .newInStorePanel li:hover {border:1px solid #fff !important;cursor:pointer;}
	.no-touch .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;}


	.recipesLanding .tesco-button.silver {color: #ad81ae;}
	.recipesLanding .tesco-button.silver:hover {color: #7c4c7d;}
	.recipes .panelHeader h3, .recipes h1, .recipes .tesco-button.silver , .recipes .gridHeader h4,.recipes .gridHeader h4 a, .recipesLanding .gridHeader h4,.recipesLanding .gridHeader h4 a, .recipes h3, .recipes h4 a, .recipes h4, .recipes a .title, .recipeDetail a, .recipes .pages a, .recipes .recipeLandingCopy a { color:#89658a; }
	a.mpCta  { color:#fff; }
	.recipes .rightCol .kidsSearch .panelHeader, .recipes .rightCol .kidsSearch .panelContent {background-color: #F3EFF3; }	
	.newArticles .recipes span.section { background-color:transparent; }
	.no-touch .recipes h4 a:hover { color:#6a466b; }
	/*.wideCol .recipes, .recipes .panelContent, .recipes .panelheader { background-color:#f3eff3; }*/
	.recipes #slideshowPager a { background-color:transparent; } 
	.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; }
	.no-touch .recipes .arrowLink:hover, .no-touch .recipes .button:hover { background-position: right -24px; }
	.no-touch .recipes .arrowLink:hover span, .no-touch .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; }
	.no-touch .recipes .arrowLinkPrevious:hover, .no-touch .recipes .prevPage .arrowLink:hover { background-position: left -24px; }
	.no-touch .recipes .arrowLinkPrevious:hover span, .no-touch .recipes .prevPage .arrowLink:hover span { background-position: right -24px; }
	
	
	/*.recipePanel, .recipePanel .panelContent, .recipePanel .panelHeader{background-color: #e7e0e8;}	*/
	.recipePanel .panelHeader h3, .recipePanel .tesco-button, .recipePanel h4 a, .relatedPanel #relRecipesPanel h4 a, .newRecipes h3, .newRecipes h4 a, .newRecipes .articleItem span.title, .recipePopupHolder span.title, .calendarPopupHolder span.title { color:#89658a; }
	.no-touch .recipePanel h4 a:hover, .no-touch .relatedPanel #relRecipesPanel h4 a:hover { color:#6d4c6e !important; }
	.no-touch .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; }
	.no-touch .recipePanel .arrowLink:hover , .no-touch .recipePanel .button:hover { background-position: right -24px; }
	.no-touch .recipePanel .arrowLink:hover span, .no-touch .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; }
	.no-touch .recipePanel .arrowLinkPrevious:hover, .no-touch .recipePanel .prevPage .arrowLink:hover { background-position: left -24px; }
	.no-touch .recipePanel .arrowLinkPrevious:hover span, .no-touch .recipePanel .prevPage .arrowLink:hover span { background-position: right -24px; }
	/*.recipePanel .thumbListing li .thumbCaption { background: url(../images/elements/recipes-caption-trans.png) repeat 0 0; }*/
	/*.no-touch .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; }
	
	.no-touch .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; }
	.no-touch .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; }
	.no-touch .cuisines .arrowLink:hover, .no-touch .cuisines .button:hover { background-position: right -432px; }
	.no-touch .cuisines .arrowLink:hover span, .no-touch .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; }
	.no-touch .cuisines .arrowLinkPrevious:hover, .no-touch .cuisines .prevPage .arrowLink:hover { background-position: left -432px; }
	.no-touch .cuisines .arrowLinkPrevious:hover span, .no-touch .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:#7dc43a; }
	.no-touch .seasonalRecipes h4 a:hover { color:#7dc43b; }
	.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; }
	.no-touch .seasonalRecipes .halfCol .arrowLink:hover, .no-touch .seasonalRecipes .halfCol .button:hover { background-position: right -1355px; }
	.no-touch .seasonalRecipes .halfCol .arrowLink:hover span, .no-touch .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; }
	.no-touch .seasonalRecipes .halfCol .arrowLinkPrevious:hover, .no-touch .seasonalRecipes .halfCol .prevPage .arrowLink:hover { background-position: left -1355px; }
	.no-touch .seasonalRecipes .halfCol .arrowLinkPrevious:hover span, .no-touch .seasonalRecipes .halfCol .prevPage .arrowLink:hover span { background-position: right -1355px; }


    .pollContainer h3 { color:#176fc1;}
	.pollContainer .panelHeader {background-color: transparent;}
	 .pollContainer {float:left;} 

	
	.browse h1, 
	.browse h2 {
		color:#ad81ae;
	}

/* 2-:-------- Main Navigation ------------ */	
	
	.mainNav {
		width:965px;
		margin:0 15px 0px;
		height:41px;
		z-index:7;
		float: left;
		display: inline;
		overflow: hidden;

	}
	
	.mainNav ul{
		list-style-type: none;
	}
	
	.mainNav li {
		float:left;
		display: inline;
		height:35px;
		margin:0  0 0 5px;
	}

	.mainNav li:first-child {
		margin:0;
	}

	
	.mainNav li a {
		display:block;
		height:26px;
		line-height:25px;
		font-family: Arial, Helvetica, TescoBold;
		text-align:center;
		color:#00539f;
		font-size: 14px;
		float: left;
		border:5px solid #f2f1f1;
		background:#f2f1f1;
		border-bottom: none;
		display: inline;
		padding:0px 9px 6px 9px;
	}



.mainNav li a.navGrocery{
	background: #f2f2f1 url("../images/elements/external2.png") right center no-repeat;
	padding: 0 22px 6px 9px;
}

/* -- Easter */

.mainNav li a.navMothersday {
    background-color: #E2579A;
    color: #FFFFFF;
    border-color: #E2579A;
    }

.no-touch .mainNav li a.navMothersday:hover {
    background-color: #fdb6da;
    border-color: #fdb6da;
    }

.mainNav li.active a.navMothersday {
    color: #E2579A;
    }

.mainNav li a.navMothersday:hover {
    color: #E2579A;
    }

/* -- Easter */

.mainNav li a.easter {
    background-color: #ffd66d;
    color: #4478b4;
    border-color: #ffd66d;
    }

.no-touch .mainNav li a.easter:hover {
    background-color: #fff4d8;
    border-color: #fff4d8;
    }

.mainNav li.active a.easter {
	background: #fff4d8;
    color: #4478b4;
    }

.mainNav li a.easter:hover {	
    color: #fff4d8;
    }

.mainNav li.active a.easter div {
	background: #fff4d8;
	}


	.no-touch .mainNav li a:hover {
		background: #f7f7f7;
		border-color: #f7f7f7;
	}


	.no-touch .mainNav li.active a:hover {
		background: #fff;
	}





.no-touch .mainNav li a.navGrocery:hover{
	background: #f7f7f7 url("../images/elements/external2.png") right center no-repeat;
}

	.mainNav li.active a{cursor: default; background:#fff;position:relative; }


	.mainNav li.active a { border:5px solid #6ea6df!important; border-bottom: none !important; }
	
	.mainNav li.active a div {

			position:absolute;
			width:100%;
			bottom:-5px;
			left:0;
			background:#fff;
			height:5px;
			display: block;

	}


	ul#subNav {
		width:965px;
		margin: 0;
		height:41px;
		z-index:7;
		float: left;
		display: inline;
		list-style-type: none;
		border-bottom: 1px solid #ccc;
		background-color: #fff;
		padding: 0 15px 0 15px;
	}


	
	ul#subNav li {
		float:left;
		display: inline;
		margin:0;
		padding: 0 1px 0 0;
	}
	

	ul#subNav li a {
		display:block;
		height:28px;
		font-size: 14px;
		float: left;
		display: block;
		color: #00539f;
		font-weight: normal;
		padding: 13px 20px 0 20px;
	}
	
	ul#subNav li.latestFoodNews a {
		background: url("../images/elements/external3.png") 135px center no-repeat;
		padding:13px 36px 0 20px;
	}
	
	
	ul#subNav li a:hover{
		background-color: #00539f;
		color: #fff;
	}	
	
	
	
	ul#subNav li.current a{
		background-color: #00539f;
		color: #fff;
		
	}





	ul#subNav li.current ul.dropNav li a, ul#subNav li ul.dropNav li a{
		background-color: #fff;
		color: #00539f;
	
	}
	
	

	ul#subNav li:hover a{
		background-color:#00539f;
		color: #fff;
	}
	
	
	

	ul#subNav li ul {
		position: absolute;
		width: 200px;
		left: -999%;
    	margin: 31px 0 0 0;
    	z-index: 50;
	 	background-color: #fff;
	 	border-top: 1px solid #ccc;
	 	border-right: 1px solid #ccc;
	 	border-left: 1px solid #ccc;
	 	border-bottom: 0;
	}


	



	ul#subNav li ul li{
    	height: auto;
    	width: 200px;
		display:block;
		float:none;
		border-bottom: 1px solid #ccc;
		
	}


	ul#subNav li ul li a{
    	color: #00539f;
    	float:none;
    	font-weight: normal;
    	margin: 0;
    	padding:0;
    	padding: 3px 10px 3px 10px;
    	height: auto;
    	font-size: 13px;
	}

	.no-touch ul#subNav li ul li a:hover{
		color: #fff;
		background-color: #00539f;
	}


	span.dropArrow{
		display: none;
	}
	
	.recipes span.dropArrow{background-position: 0 -25px;}
	.ourFood span.dropArrow{background-position: 0 0;}
	.cookingTips span.dropArrow{background-position: 0 -50px;}
	
	
	
	ul.dropNav{border-bottom: 15px solid #6EA6DF; clear: left;}
	


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

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


.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;
}*/
/*.no-touch .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:18px;
	border:solid 1px white;
	display:block;
	overflow:hidden;
	float: left;
	display: inline;
	width: 278px;
	}
/*.no-touch .previewListing li:hover, .no-touch .recipePanel .previewListing li:hover {
	border:solid 1px #89658a;
	}*/
.previewListing li ul.recipeInfo {	
	margin:0;
	}
.previewListing li ul.recipeInfo li, .no-touch .previewListing li ul.recipeInfo li:hover, .no-touch 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;
	}

.no-touch .newInStore .thumbListing li .thumbCaption:hover, .no-touch .newInStore .thumbListing li a:hover .thumbCaption {
	
	background-image:none;
	}
	
.cuisines .thumbListing li .thumbCaption {

	}
.no-touch .cuisines .thumbListing li .thumbCaption:hover, .no-touch .cuisines .thumbListing li a:hover .thumbCaption {
	
	background-image:none;
	}	
	
.cookingWithKids .thumbListing li .thumbCaption {
	
	}
.no-touch .cookingWithKids.thumbListing li .thumbCaption:hover, .no-touch .cookingWithKids .thumbListing li a:hover .thumbCaption {

	background-image:none;
	}
.ourFood .thumbListing li .thumbCaption {
	
	}
	

.no-touch .ourFood .thumbListing li .thumbCaption:hover, .no-touch .ourFood .thumbListing li a:hover .thumbCaption {
	
	background-image:none;
	}

.ourFood .newInStorePanel .thumbListing li .thumbCaption {

	}
.no-touch .ourFood .newInStorePanel .thumbListing li .thumbCaption:hover, .no-touch .ourFood .newInStorePanel .thumbListing li a:hover .thumbCaption {
	
	background-image:none;
	}
	
.ourFood .cuisines .thumbListing li .thumbCaption {
	
	}
.no-touch .ourFood .cuisines .thumbListing li .thumbCaption:hover, .no-touch .ourFood .cuisines .thumbListing li a:hover .thumbCaption {
	
	background-image:none;
	}

	
	
.ourFood .newInStorePanel .button{
	margin: 0 0 10px 0;
}
	
.newInStorePanel .thumbListing li{
	margin-bottom: 5px;
}
	
	
.healthyEating .thumbListing li .thumbCaption {

	}
.no-touch .healthyEating .thumbListing li .thumbCaption:hover, .no-touch .healthyEating .thumbListing li a:hover .thumbCaption {

	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;
	}
.no-touch .glossary .thumbListing li .thumbCaption:hover, .no-touch .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, .no-touch .cookingTips .articlePagination ul li a:hover  {
color:#333;
}
	
.twitterBlogPanel .panelContent {
	padding-top:13px;
	}
.twitterBlogPanel .articlePreview {
	margin:0 4px;
	}
.no-touch .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, .no-touch #flashContainer:hover, #flashContainer:active, #flashContainer object:focus, #flashContainer object:active, .no-touch #flashContainer object:hover  {
	outline:0;
	}
	
.articlePreview .landscapeThumb img {
	margin-top:-10px;
	}


}

/* CLEARFIX */

.cf, #wrapper { zoom: 1; }

.cf:before,
.cf:after,
#wrapper:before,
#wrapper:after 
{ content: ""; display: table; }

#wrapper:after, 
.cf:after { clear: both; }



/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}

.footer-heathy-promo {
    text-align: center;
    margin-bottom: 20px;
    display: none;
}

.healthyEating .footer-heathy-promo {
    display: block;
}


/* EASTER 2013 */

body.easter-page{
	background: url(/images/easter/background.jpg) no-repeat 50% 0;
}

/* New Articles listing */
.articlesFilter{
	float: left;
	width: 742px;
	background-color: #f4f4f4;
	border-bottom: 1px solid #ccc;
	padding: 10px 15px 10px 10px;
	margin: 0 0 20px 0;
}

#recipeSearchForm{
	float: left;
	width: 742px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
}

.filterChunk label{
	display: none;
}


.filterChunk{
	float: right;
	width: 340px;
	height: 30px;
	line-height: 30px;
}



.filterChunk .dropWrap{
	float: left;
	width: 340px;
	margin: 0 0 0 0;
	height: 30px;
	line-height: 30px;
}




.filterChunk .dropWrap h4{
	font-size: 14px;
	color: #333;
	float: right;
	margin: 0 10px 0 10px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
}




.filterChunk .dropdownWrapper2{
	float: right;
}


.filterChunk .dropdownWrapper2{
	height: 30px;
	width: 215px;
}




.filterChunk .dropdown2, .filterChunk .no-touch .dropdown2, .filterChunk .dropdown2:hover, .filterChunk .no-touch .dropdown2:hover{
	background: #fff url("../images/elements/our-food-search-button.png") top right no-repeat;
	width: 213px;
	font-size: 13px;
}


.filterChunk .dropdown2 a{
	padding: 5px 0 4px 11px;
}




.dropdown2 .optionList{
	height: 28px;
}

#recipeSearchForm .optionList {
	min-height: 39px;
	}

.openDropdown2 .optionList{
	height: auto;
}


.sortChunk{
	float: right;
	width: 240px;
}


.sortChunk h4{
	float: left;
	color: #333;
	width: 105px;
	height: 30px;
	line-height: 30px;
	margin: 0 0 0 0;
}

.sortChunk label.inline{
	margin: 9px 10px 0 0 !important;
	font-weight: bold;
}


.sortChunk label.inline:hover{
	cursor: pointer;
}

.articlesListing{
	float: left;
	width: 775px;
	list-style-type: none;
	border-bottom: 1px solid #ccc;
	padding: 0 0 20px 0;
}




.articlesListing li{
	float: left;
	width: 146px;
	margin: 0 9px 30px 0;
}


.articlesListing li.first{
	clear: left;
}


.articlesListing li a{
	float: left;
	width: 146px;
}

/* ---------- Modules */

/* EOP Pagination */

.eop-pagination {
	display:block;
	clear:both;
	border-top:1px solid #e5e5e5;
	padding:10px 0;
	overflow:hidden;
	position: relative;
	}
	
.eop-pagination a {
	display:block;
	font-weight:bold;
	color:#9b9b9b;
	float:left;
	padding:0 0 0 0;
	margin: 0 4px 0 0;
	text-align:left;
	}
		
.eop-pagination a.active {
	color: #89658b;
	}
			
.eop-pagination a span {
	display:block;
	width:6px;
	height:8px;
	margin:4px 5px 0 0;
	float:left;
	background:url(../images/mealplanner/sprite.png) no-repeat -271px -36px;
	}		
		
.eop-pagination-prev {
	position: absolute; 
	left: 0px;
    top: 10px;
	}
	
.eop-pagination-next {
	float:right;
	width: 39px;
	position: absolute; 
	right: 0px;	
	top: 10px;	
	}

.eop-pagination .eop-pagination-next span {
	background-position:-277px -36px;
	float:right;
	margin:4px 0 0 0;
	}
	
.eop-pagination ul {
    text-align: center;
    }
    
.eop-pagination-pages li {    
    display: inline-block;
    }
    
.blog .eop-pagination a.active {
	color: #ED1C24;
	}
.form-item.radio-cont 
{
    display:none;
}

/* ---------- XMAS 2013 Nav */

.mainNav li a.navChristmas {
	color: white;
	background: #e90c0c;
	border-color: #e90c0c;
	}
	
.mainNav li a.navChristmas:hover {
	background: #ef4343;
	border-color: #ef4343;
	}
	
/* 

body.home > form {
	background: url('/images/xmas2013/xmas-skin-home.gif') no-repeat center 515px;
	}	

*/

input.search-quick {
    font-weight: normal;
width: 340px;
padding: 12px;
color: #979290;
height: 41px;
margin: 0;
/* border: 1px solid #CCCBC8; */
border-radius: 3px;
border: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid #CCCBC8;
line-height: 15px;
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 13px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-font-smoothing: antialiased;
}

/* ------------- Site Search */
.dropdown-list {
display: none;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-left: 1px solid #CCCBC8;
border-right: 1px solid #CCCBC8;
border-bottom: 1px solid #CCCBC8;
background: #FFF;
padding-bottom: 0;
margin-left: -1px;
margin-right: -1px;
font-size: 15px;
position: absolute;
top: 100%;
width: 100%;
z-index: 10;
margin-top: -20px;
left: 0;
}

.dropdown-list.active {
display: block;
}

.site-search-course-selector .dropdown-list-item {
font-size: 13px;
cursor: pointer;
width: 33.33%;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.dropdown-list-item {
padding: 5px 8px;
cursor: pointer;
color: #404040;
line-height: 22px;
}

.trf-icon {
display: inline-block;
font-family: 'TRFIcon';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding-right: 4px;
font-size: 105%;
}

.trf-icon-caret-down:before {
content: "\f203";
}

.site-search {
	font-family: 'Arial', sans-serif;
	font-size: 13px;
	color: #979290;
	}

.site-search input {
	padding: 12px;
	color: #979290;
	height: 41px;
	}
	
.site-search input[type="text"] {
	font-weight: normal;
	width: 340px;
	*height: 15px;
	}
	
.site-search input[type="submit"],
.site-search input[type="button"] {
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #EDECEC 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#EDECEC)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#EDECEC 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#EDECEC 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#EDECEC 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#EDECEC 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#EDECEC',GradientType=0 ); /* IE6-8 */
	border: 1px solid #CCCBC8;
	color: #00569E;
	box-shadow: inset 0px 0px 0px 1px #FFF;
	margin-right: 0;
	font-size: 13px;
	line-height: 15px;
	padding-left: 15px;
	padding-right: 15px;
	
	font-family: 'Tesco', Arial, sans-serif;
font-weight: bold;
text-align: center;
right: 7px;
position: relative;
border-radius: 3px;

	}

.site-search-course-selector {
	position: relative;
	display: inline-block;
	cursor: pointer;
	}
	
.site-search-course-selector-selected {
    position: relative;
    z-index: 10;
	padding: 13px 10px;
	line-height: 1;
	width: 123px;
	border-top: 1px solid #CCCBC8;
	border-bottom: 1px solid #CCCBC8;
	}
	
.site-search-course-selector .dropdown-list {
	padding-bottom: 0;
	position: absolute;
	margin-left: -340px;
	margin-right: -1px;
	width: 451px;
	padding: 15px;
	margin-top: 0px;
	}
	
.site-search-course-selector .dropdown-list-item {
	font-size: 13px;
	cursor: pointer;
	width: 33.33%;
	float: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	*behaviour: url('/components/box-sizing-polyfill/box-sizing.htc');
	}
	
.site-search-course-selector li.active {
	display: none;
	}
	
.site-search-course-selector .site-search-course-selected {
	padding-top: 9px;
	padding-bottom: 8px;
	}
	
.site-search-course-selector.active .site-search-course-selected {
	border-bottom: 1px solid #CCCBC8;
	}
	
.site-search-course-selector i {
	position: absolute;
	top: 50%;
	margin-top: -7px;
	left: 100%;
	margin-left: -20px;
	}
	
.site-search.active input[type="text"] {
	border-bottom-left-radius: 0;
	}

	.hidden {
display: none;
}
.hidden {
display: none !important;
}

.site-search-dropdown {
height: 33px;
margin-bottom: 20px;
border: 1px solid #CCCBC8;
}

.account-menu {
position: absolute;
z-index: 10;
top: -40px;
right: 20px;
}
.account-menu-login:first-child {
border-right: 0;
}
.account-menu-login-facebook {
border-right: 0;
padding-right: 0;
margin-right: 0;
}
.account-menu-login {
font-size: 13px;
font-family: Arial, sans-serif;
font-weight: normal;
}
.account-menu-login {
float: right;
color: #555;
border-right: 1px solid #176FC1;
margin-right: 5px;
padding-right: 5px;
line-height: 1;
}

.account-menu-login a {
color: #176fc1;
font-size: 13px;
font-family: Arial, sans-serif;
font-weight: normal;
display: block;
}

.account-menu-login-facebook a {
color: grey;
display: inline;
}

.account-menu {
position: absolute;
z-index: 10;
top: 20px;
right: 30px;
}

.autocomplete-w1 .autocomplete {
background: #FFF;
border-bottom: 1px solid #CCCBC8;
border-left: 1px solid #CCCBC8;
border-right: 1px solid #CCCBC8;
padding: 5px;
margin-top: 2px;
width: 328px !important;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
font-family: 'Tesco', Arial, sans-serif;
font-size:16px;
-webkit-font-smoothing: antialiased;
}

#header .combined-input {
	position: relative;
	}	
	
#header .combined-input input:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	}
	
#header .combined-input > * {
	float: left;
	}
	
#header .combined-input button,
#header .combined-input .btn {
	position: absolute;
	right: 0;
	top: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	}

#header .site-search-course-selector-selected {
	width: 100px;
	}

#header .site-search-course-selector .dropdown-list {
	width: 427px;
	}

/* -- Font Embedding */

@font-face {
    font-family: 'TescoHeader';
    src: url('/fonts/hinted/tesco-webfont-hinted.eot');
    src: url('/fonts/hinted/tesco-webfont-hinted.eot?#iefix') format('embedded-opentype'),
         url('/fonts/hinted/tesco-webfont-hinted.woff') format('woff'),
         url('/fonts/hinted/tesco-webfont-hinted.ttf') format('truetype'),
         url('/fonts/tesco-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
	}
	
@font-face {
	font-family: 'TescoHeader';
	src: url('/fonts/hinted/tescob-webfont-hinted.eot');
	src: url('/fonts/hinted/tescob-webfont-hinted.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/hinted/tescob-webfont-hinted.woff') format('woff'),
		 url('/fonts/hinted/tescob-webfont-hinted.ttf') format('truetype');
		 url('/fonts/tescob-webfont.svg') format('svg');
	font-style: normal;
	font-weight: bold;
	}
	
@font-face {
	font-family: 'TescoHeader';
	src: url('/fonts/hinted/tescoi-webfont-hinted.eot');
	src: url('/fonts/hinted/tescoi-webfont-hinted.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/hinted/tescoi-webfont-hinted.woff') format('woff'),
		 url('/fonts/hinted/tescoi-webfont-hinted.ttf') format('truetype');
		 url('/fonts/tescoi-webfont.svg') format('svg');
	font-style: italic;
	font-weight: normal;
	}

#header nav > ul > li > a {
	font-family: 'TescoHeader', Arial, sans-serif;
	font-weight: bold;
	padding: 6px 6px 10px 6px;
	}

.ie8 #header nav > ul > li > a,
.ie7 #header nav > ul > li > a {
	padding: 6px 5px 10px 4px;
	}

#header {
	height: 115px;
	border-bottom-width: 4px;
	}

#header nav {
	bottom: 1px;
	}

#header li.active {
	padding-bottom: 4px;
	}

#header .mega-menu-container {
	width: 1004px;
	}

#header .mega-menu-container p {
	font-size: 16px;
	line-height: 22px;
	color: #404040;
	padding-bottom: 30px;
	margin: 0;
	}

#header .mega-menu-container h4 {
	padding-bottom: 20px;
	margin: 0;
	}

.section-sub-navigation {
	width: 995px;
	margin: 0 auto;
	}

#subNav {
	margin-left: -15px !important;
	}

#header .autocomplete {
	margin: 0;
	border-color: #CCCBC8;
	}

.bitly {
	display: none;
}

#header {
	margin-left: 9px !important;
}

.disclaimer-msg {
	background: #f4f4f4;
	font-size: 15px;
	padding: 1em 1.5em;
	overflow: hidden;
	margin-bottom: 25px;
	line-height: 1.2;
	color: #999;
}

.disclaimer-msg strong {
	font-size: 16px;
	color: #000;
}