* ---------- 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 {
		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;
		/*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:113px;
				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 .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.o + tbody.e + tbody.o { top:395px; }
	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: 1186px;
        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; }
	
	.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; }