html, body  {height: 100%;}
body {font-family: Verdana, Geneva, sans-serif; color: #494949; line-height: 20px;}

a.nohover, a.nohover:hover{
    text-decoration:none;
}

div#geobanner_div,div#geobanner_div:hover{
	float: left;
    background: #BA0A03;
    color: white;
    font-size:18px;
    text-align: center;
    width: 100%;
    padding: 6px;
    margin-bottom:18px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    text-decoration:none !important;
}

div#geobanner_div span#geobanner_link{
    font-weight: bold;
    color:white;
}

div#geobanner_div span#geobanner_link:hover{
    text-decoration:underline;
}

/* hide this iframe */
iframe[name="google_conversion_frame"]{display:none;}

/* Utility Styles */
.no_user_text_select{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.errorlist li{
  color: red;
}

p.text-error{
  color: red;
}

/* General styles for django generated data lists */
div.data_list_container{ margin-bottom: 8px ;}
div.data_list_row{ margin-bottom: 8px; }
div.data_list_row.odd{ background : #FFFFFF ; }
div.data_list_row.even{ background : #FFFFFF ; }
div.data_list_cell{ padding:4px; display: inline-block ; height:100%;}

/* round the corners (to your preference) */
.rounded_standard {
	float: left;
	width: 100%;
	padding:6px;
	border:1px solid #ddd;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
}

/* Main Styles */
.container {padding-left: 0px; padding-right: 0px;}
.col-md-3, .col-md-4, .col-md-6, .col-md-8, .col-12 {border:1px solid #ddd; border-radius:5px; padding-left: 0px; padding-right: 0px;}

[class*="col-"] {float: left; min-height: 1px; margin:0 0 20px 0!important;}
select, input[type="file"] {line-height: 19px;}
select { -webkit-appearance:none; -webkit-border-radius:0;}
h1 {color: #660033; font-size: 27px; font-weight: normal; margin: 0; padding: 0 0 10px 0; line-height:28px;}
h1.mediumPageHeading {font-family: Arial,Helvetica,sans-serif; font-size: 28px; line-height: 34px;}
h1.mediumPageHeading span {font-weight:bold;}
h1.largePageHeading {font-family: Arial,Helvetica,sans-serif; font-size: 48px; font-weight: bold; line-height: 56px; margin-top: -10px; padding-bottom: 0px;}
h1.largePageHeading span {display: block; margin-bottom: 5px;}
h2 {color: #660033; font-size: 22px; font-weight: normal; margin: 0; padding: 0 0 10px 0; line-height:20px;}
h2.joss.subheading {font-size:17px!important;}
h3 {color: #660033; font-size: 16px; font-weight: normal; margin: 0; padding: 0 0 10px 0; line-height:20px;}
.contentStrapLine {color: #575757; font-family: 'myriad_pro_lightregular',Arial,Helvetica,sans-serif;font-size: 22px; margin: 0; padding:0;}

#ContentLeftWrap h2.arial {font-size:24px; line-height:27px;}
#ContentLeftWrap h2.arial span {font-weight:bold;}
#ContentLeftWrap h3.joss {font-size:19px; line-height:29px;}

p {color: #494949; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; line-height: 23px; margin: 0 0 10px 0;}
ul {margin-left: -15px;}
label {font-weight: normal;}
.smallPrint {font-size: 11px;}
.extraSmallPrint {font-size: 14px; line-height: 16px; color: #660033;}
.whyItWorksSmallPrint {font-size: 13px; line-height: 16px; color: #660033;}
.viewOurPlansSmallPrint {font-size: 12px; line-height: 16px; color: #660033;}

h1.marginBottom {margin-bottom:15px;}
p.marginBottom {margin-bottom:20px;}
div.marginBottom {margin-bottom:20px;}

.greenTicks li { list-style-image: url(../img/green-tick.png); line-height: 26px; }

img.prepend {margin:0 10px 0 0; float:left;}

a {color: #660033; text-decoration:none; outline: 0; outline: none; outline-style: none;}
a:hover, a:focus {color: #660033; text-decoration:underline; outline: 0; outline: none; outline-style: none;}

a:active {
  outline: none; outline: 0; outline: none;
}

.dcpurple {color: #660033;}
.dcgreen {color: #cccc00;}
.dcorange {color: #f36c00;}
.dark-gray {color:#333;}
.light-gray {color: #888888;}
.black {color:#000;}
.white {color:#fff;}

.prolight {font-family: 'myriad_pro_lightregular',Arial,Helvetica,sans-serif;}
.proreg {font-family: 'myriad_proregular', Arial, Helvetica, sans-serif;}
.prosemibold {font-family: 'MyriadProSemibold', Arial, Helvetica, sans-serif;}
.prosemibolditalic {font-family: 'MyriadProSemiboldItalic', Arial, Helvetica, sans-serif;}
.probold {font-family: 'MyriadProBold', Arial, Helvetica, sans-serif;}
.joss {font-family: 'josschrift_serifregular', Arial, Helvetica, sans-serif;}
.birch {font-family: 'BirchCMedium', Arial, Helvetica, sans-serif;}
.verdana {font-family: Verdana,Arial,Helvetica,sans-serif;}
.arial {font-family: Arial, Helvetica, sans-serif;}

.bold {font-weight: bold;}
.italic {font-style: italic;}
.normalFont {font-weight: normal;}

.left {float: left;}
.right {float: right;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
.clearBoth {clear:both;}

.mr0 {margin-right: 0px;}

#pdfIcon {margin:0 10px 0 0;}

/* rounded box needs inside padding at small device width so it isn't added on the outside */
.roundedBox {margin-bottom:20px; border-radius:5px; border:1px solid #ddd;}
.insidePadding {padding:20px;}

.lightGreenGradient {
	background: #f9f9df; /* Old browsers */
	background: -moz-linear-gradient(top,  #f9f9df 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9df), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f9f9df 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f9f9df 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f9f9df 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f9f9df 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9df', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.lightPurpleGradient {
	background: #f8f5f7; /* Old browsers */
	background: -moz-linear-gradient(top,  #f8f5f7 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f5f7), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f8f5f7 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f8f5f7 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f8f5f7 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f8f5f7 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f5f7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.lightGrayGradient {
	background: #f2f2f2; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f4f4f4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
}

.orangeGradient {
	background: #e96112; /* Old browsers */
	background: -moz-linear-gradient(top,  #f26d20 0%, #e96112 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f26d20), color-stop(100%,#e96112)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f26d20 0%,#e96112 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f26d20 0%,#e96112 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f26d20 0%,#e96112 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f26d20 0%,#e96112 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f26d20', endColorstr='#e96112',GradientType=0 ); /* IE6-9 */
}

/* Buttons */
.btn.disabled, .btn[disabled] {opacity: 1; filter: alpha(opacity=100); color:#ffffff;}

.btn-primary, .btn-secondary {
  	color: #ffffff;
  	filter: none;
  	border-radius: 5px;
	border-color: none;
	padding: 5px 25px 5px 25px;
  	font-size: 26px;
  	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
  	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	display: inline-block;
	border: none;
	border: 0;
    min-width:205px;
	line-height: 1.5em;
}

.btn-primary {
	background-color: #CCCC00;
  	*background-color: #CCCC00;
  	background-image: -moz-linear-gradient(top, #d9d818, #b2b202);
  	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d9d818), to(#b2b202));
  	background-image: -webkit-linear-gradient(top, #d9d818, #b2b202);
  	background-image: -o-linear-gradient(top, #d9d818, #b2b202);
  	background-image: linear-gradient(to bottom, #d9d818, #b2b202);
}

.btn-secondary {
	background-color: #d3d2d2;
  	*background-color: #d3d2d2;
  	background-image: -moz-linear-gradient(top, #d3d2d2, #bfbfbf);
  	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d3d2d2), to(#bfbfbf));
  	background-image: -webkit-linear-gradient(top, #d3d2d2, #bfbfbf);
  	background-image: -o-linear-gradient(top, #d3d2d2, #bfbfbf);
  	background-image: linear-gradient(to bottom, #d3d2d2, #bfbfbf);
}

.btn-tiny {
    font-size: 13px;
    padding: 3px 3px 3px 3px;
    min-width:92px;
    line-height: 1.0em;
    height:26px;
}

.btn-small {
	font-size: 16px;
    padding: 6px 6px 7px 6px;
    min-width:112px;
    line-height: 1.1em;
}

.btn-medium {
	font-size: 20px;
    padding: 5px 20px 5px 20px;
    min-width:150px;
    line-height: 1.4em;
}

.btn-large {
    font-size: 24px;
    padding: 10px 25px 10px 25px;
    min-width:180px;
    line-height: 1.4em;
}

/* Menu pagination buttons */
#viewPlansMealItem {margin-top:10px;}

.btn-primary-pagination-next, .btn-primary-pagination-prev {
  	background-color: #CCCC00;
  	*background-color: #CCCC00;
  	background-image: -moz-linear-gradient(top, #d9d818, #b2b202);
  	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d9d818), to(#b2b202));
  	background-image: -webkit-linear-gradient(top, #d9d818, #b2b202);
  	background-image: -o-linear-gradient(top, #d9d818, #b2b202);
  	background-image: linear-gradient(to bottom, #d9d818, #b2b202);
  	filter: none;
  	border-radius: 5px;
	border-color: none;
	padding: 7px 15px;
  	font-size: 14px;
  	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	display: inline-block;
	min-width:27%;
	}
.btn-primary-pagination-prev {margin-right:15px; float:left;}
.btn-primary-pagination-next, .btn-primary-pagination-prev {color: #ffffff;}
.btn-primary-pagination-next a:hover, .btn-primary-pagination-prev a:hover {text-decoration:none;}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary-pagination-prev:hover,
.btn-primary-pagination-next:hover
{
  	color: #ffffff;
  	background-color: #bfbf01;
  	*background-color: #bfbf01;
  	background-image: -moz-linear-gradient(top, #d9d818, #9d9d01);
  	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d9d818), to(#9d9d01));
  	background-image: -webkit-linear-gradient(top, #d9d818, #9d9d01);
 	background-image: -o-linear-gradient(top, #d9d818, #9d9d01);
 	background-image: linear-gradient(to bottom, #d9d818, #9d9d01);
  	filter: none;
  	text-decoration: none;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.btn-secondary.disabled,
.btn-secondary[disabled],
.btn-secondary.disabled:hover,
.btn-secondary[disabled]:hover,
.btn-secondary.disabled:focus,
.btn-secondary[disabled]:focus,
.btn-secondary.disabled:active,
.btn-secondary[disabled]:active
{
  	color: #ffffff;
  	background-color: #bfbfbf;
  	*background-color: #bfbfbf;
  	background-image: -moz-linear-gradient(top, #d3d2d2, #a8a8a8);
  	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d3d2d2), to(#a8a8a8));
  	background-image: -webkit-linear-gradient(top, #d3d2d2, #a8a8a8);
  	background-image: -o-linear-gradient(top, #d3d2d2, #a8a8a8);
  	background-image: linear-gradient(to bottom, #d3d2d2, #a8a8a8);
  	filter: none;
  	text-decoration: none;
}

a.btn-primary.longButton {font-size:22px; display:inline-block;}

/* Nav Pills */
.nav-pills {margin-left: 0px; margin-bottom: 20px;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {background-color: #CFCECE;}
.nav-tabs > li > a, .nav-pills > li > a {background-color: #f6f5f5; margin-right: 10px; padding: 6px 12px;}

/* Navbar button */
.navbar-default .navbar-toggle .menuText {float: left; font-weight:bold;}
.navbar-default .navbar-toggle .menuBar {float: right; margin: 3px 0 0 5px;}

.navbar-default .navbar-toggle {
	float: right;
	clear: right;
  	color: #ffffff;
  	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  	background-color: #660033;
  	*background-color: #660033;
  	background-image: -moz-linear-gradient(top, #7c013f, #660033);
  	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7c013f), to(#660033));
  	background-image: -webkit-linear-gradient(top, #7c013f, #660033);
  	background-image: -o-linear-gradient(top, #7c013f, #660033);
  	background-image: linear-gradient(to bottom, #7c013f, #660033);
  	background-repeat: repeat-x;
 	border-color: none;
  	border-color: none;
  	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7c013f', endColorstr='#ff660033', GradientType=0);
  	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	margin-bottom: 10px;
	margin-right: 0px;
	border-color: transparent;
	padding: 6px 10px;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:active,
.navbar-default .navbar-toggle.active,
.navbar-default .navbar-toggle.disabled,
.navbar-default .navbar-toggle[disabled] {
  	color: #ffffff;
  	background-color: #660033;
  	*background-color: #660033;
}

.icon-bar {background-color: #FFF !important;}

#wrap {
	height: auto !important;	
}

#headerLeftWrap {float: left; width: 870px;}
.navbar-default .navbar-brand {padding: 10px 0px 10px 23px;margin: 5px 0px 0 0;}
#headerStrapLine {float:left; width: 700px; margin-top: 20px; margin-left: 35px; font-size: 23px;}
#headerRightWrap {margin-top: 14px; margin-right: 8px; clear: right; float: right; font-size: 12px; text-align: right;}
#headerNavigation {clear: right; float: right; font-size: 12px; text-align: right;}
#headerNavigation {font-weight: bold;}
.lpPoweredByDiv, .lpEmtStarRating {display: none;}
#basketWrapper {float: right; width: 100px; font-size:13px; clear:both;}
#basketIcon {float: left; margin-top: 16px;}
#plansNumber {color: #cc1614; font-weight: bold; margin-top: 8px; margin-bottom: 5px; line-height: 13px;}
#myBasketText {line-height: 13px;}

span.zendesk_trigger_topnav { display: block; float: left; margin-right: 3px; ;}

/* Top Navigation */
.navbar {margin-bottom:0;}
  
.navbar-default {
	width:1170px;
	margin:0 auto 20px auto;
	background-color: #f5f5f5;
  	background-image: -moz-linear-gradient(top, #fefefe, #f5f5f5);
  	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f5f5f5));
  	background-image: -webkit-linear-gradient(top, #fefefe, #f5f5f5);
  	background-image: -o-linear-gradient(top, #fefefe, #f5f5f5);
  	background-image: linear-gradient(to bottom, #fefefe, #f5f5f5);
  	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefefe', endColorstr='#fff5f5f5', GradientType=0);
    border-color: #dedede;
	border-top: none;
	box-shadow: none;
	border-radius: 0 0 5px 5px;
	font-size: 13px;
	padding: 0;
	min-height: 85px;
}

.navbar .container {position: relative;width: 96%; margin: auto; padding-right: 0px;}

.navbar-default .navbar-nav > li > a { color: #660033;}

.navbar-nav > li {padding-right: 4px;}

.navbar-nav > li > a {
	background-color: #ebebeb;
	color: #660033;
	box-shadow: none;
	text-shadow: none;
	border-radius: 5px 5px 0px 0px;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	padding: 7px 14px 8px 14px;
}

.navbar .nav > #homeNav {width: 53px;}
.navbar .nav > li .topNavHome {padding: 13px 14px 22px 14px;}
.navbar .nav > li > a.topNavHome {background: url("../img/header/homeIconPurple.png") no-repeat 14px 8px; background-color: #ebebeb;}
.topNavTextLink {display: none;}

.navbar .nav > li > a.topNavHome:hover, .navbar .nav > li > a.topNavHome.active, .navbar .nav > li > a.topNavHome:focus {background: url("../img/header/homeIconWhite.png") no-repeat 14px 8px; background-color: #cfcece;}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a.active,
.navbar-default .navbar-nav > li > a:focus {
	background-color: #cfcece;
  	color: #ffffff;
	border-bottom: 1px solid #cfcece;
}

.navbar-default .navbar-nav .active > a, .navbar-default .navbar-nav .active > a:hover, .navbar-default .navbar-nav .active > a:focus {
	background-color: #cfcece;
	color: #FFF;
	box-shadow: none;
	text-shadow: none;
	border-radius: 5px 5px 0 0;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}

.navbar-default .nav li.dropdown.open > .dropdown-toggle,
.navbar-default .nav li.dropdown.active > .dropdown-toggle,
.navbar-default .nav li.dropdown.open.active > .dropdown-toggle {
  color: #ffffff;
  background-color: #cfcece;
}

/* Sub Navigation */
#subnavWrap {float:left; width:98%; margin: -21px 1% 20px 1%; background-color:#cfcece; border-radius: 0 0 5px 5px; border-left: 1px solid #dedede; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; padding: 0px 1% 0px 1%; z-index: 300;}
#subnavCategory {float: left; font-size: 12px; line-height: 30px; padding-left: 10px;}
#subnavWrap ul {margin: 0; padding: 0; list-style-type: none;}
#subnavWrap ul li {display: inline; line-height: 30px; font-size: 12px; border-right:1px solid #FFF;}
#subnavWrap ul li a {padding: 2px 10px 2px 10px;}
#subnavWrap ul li a:hover {background-color:#cfcece; color: #FFF; text-decoration:none;}
#subnavWrap ul li .active {color: #ffffff;}
#subnavWrap ul li.lastSubNav {border-right:none;}

/* back top top link */
#message a {
    /* display: block before hiding */
    display: block;
    display: none;

    /* link is above all other elements */
    z-index: 5000; 

    /* link doesn't hide text behind it */
    opacity: .6;

    /* link stays at same place on page */
    position: fixed;

    /* link goes at the bottom of the page */
    top: 100%;
    margin-top: -50px; /* = height + preferred bottom margin */

    /* link is centered */
    left: 50%;
    margin-left: -90px; /* = half of width */

    /* round the corners (to your preference) */
	border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
	-o-border-radius: 15px;

    /* make it big and easy to see (size, style to preferences) */
    width: 160px;
    line-height: 20px;
    padding: 10px;
    background-color: #999999;
    font-size: 20px;
    text-align: center;
    color: #fff !important;
}

/* Error messages at top of page */
#above-content-error-messages { margin-bottom:12px; margin-top:0px; }
div.alert {}
div.alert-danger { color:red; }
div.alert-dismissable {}

/* BMI styles */
.bmiNewWidget_container {position: relative ;width: 306px ; height: 106px ; padding-bottom: 0px ; margin-bottom: 18px ; font-family: Arial, Helvetica, sans-serif;}
#bmiNewWidget_scales {position: absolute; top: -9px; right: 10px; width: 101px; height: 59px;}
.bmiNewWidget_bg {position: static ; z-index: 100 ; float:left ; width:100% ; height:235px ; overflow: hidden ; padding:0px ; margin-bottom: 16px; background:white;}
#bmiNewWidget_headline_bg {overflow: hidden; margin: 0px; margin-bottom: 0px; padding-top: 4px; padding-left: 10px; height: 48px; background: #EAEAEA;}
#bmiNewWidget_headline_content {overflow: hidden;float: left ;font-size: 18px ;color: #333333;font-family: 'myriad_pro_lightregular', Arial, Helvetica, sans-serif;font-weight: normal; width: 80%;}
#bmiNewWidget_label_div {float: left; width: 100%; text-align: center; margin-top: 5px; margin-bottom: 5px; color: #666666 ;font-size: 12px; line-height: 14px;}
#bmiNewWidget_content {overflow: hidden; width:100%; float:right;}
.bmiNewWidget_input {height: 22px; background: #E5E57F; border: 1px solid #CCC; color: #666; font-size: 12px; text-align: left; width: 288px; padding: 1px 4px 1px 4px; margin: 1px; border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;}
.bmiNewWidget_input_half , .bmiNewWidget_input_full {height: 17px; background: #E5E57F; border: 1px solid #CCC; color: #666; font-size: 12px; text-align: left; width: 137px; padding: 1px 4px 1px 4px; margin: 1px; margin-right: 4px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;}
.bmiNewWidget_input_full {width: 97.8%; height: 22px; margin-left: 4px;}
.bmiNewWidget_select {height: 22px; background: #E5E57F; border: 1px solid #CCC; color: #666; font-size: 12px; text-align: left; width: 298px; padding: 1px; margin: 1px; border-radius: 5px;-moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;}
.bmiNewWidget_select_half {height: 22px; background: #E5E57F; border: 1px solid #CCC; color: #666; font-size: 12px; text-align: left; width: 147px; padding: 1px; margin-top: 1px; margin-bottom: 1px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;}
.bmiNewWidget_select_left {float: left; margin-right: 0px; margin-left: 4px;}
.bmiNewWidget_select_right {float: right; margin-right: 4px; margin-left: 0px;}
.bmiNewWidget_float_right {float: right; margin-right: 5px;}
.bmiNewWidget_float_left{float: left; margin-left: 6px;}
.bmiNewWidget_label {color: #666666 ;font-size: 12px; margin: 2px; line-height: 14px;}
.bmiNewWidget_label_error select { border: 1px solid red; }
.bmiNewWidget_label_error input { border: 1px solid red; }
.bmiNewWidget_submit {float: right; color:#FFF; height:26px; background-color:#f36e21; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; cursor:pointer; margin-top: 5px ; margin-bottom: 1px; margin-right: 6px; border:0; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 15px; width: 147px; clear: both;}

/* BMI Modal styles */
.modal-header h1 {float: left; width: 80%;}
.modal-close-button {float: right; width: 20%; text-align:right;}
#bmiModal .modal-dialog {width: 660px;}
#bmiImageResultLarge {float: left; margin-bottom: 20px; position: relative; width: 609px; height: 243px;}
#bmiTextResult {position: absolute; top: 50px; left: 150px; font-size: 20px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
#bmiResultPointer {position: absolute; top: 93px; left: 290px;}
.modal-cta {float: right;}

/* Generic Modal Styles */
#genericModalLabel {width: 530px;}
#genericModalClose{text-align:right;}
.genericModalBackgroundUSA{background:url("../img/modalBackgrounds/us_flag.png?ver=001");}

/* Offer Banner */
#offerBannerLink {text-decoration: none;}
#offerBannerLink hover {text-decoration: none;}
#offerBanner {background:#ba0a03; padding:15px 15px 12px 15px; margin-bottom:10px; border-radius:5px; color:#fff; font-size:32px; line-height:34px; text-align:center;}

/* Top Main Mobile Image */
#mainImageMobile img {border: 1px solid #DDDDDD; border-radius: 5px; display: inline-block; height: auto; max-width: 100%;}
#mainImageMobile.show {margin:0 0 20px 0;}

/* 404 page */
#Main404Wrap {width: 100%; margin-bottom: 10px;}
#Main404WrapInnerWrap {float: left; width: 100%; text-align:center;}
#Main404WrapInnerWrap img {display: inline;}
h1.Heading404 {font-family: 'myriad_proregular', Arial, Helvetica, sans-serif; font-size: 50px; line-height: 60px;}
#Content404 {float: left; text-align:center; width: 100%; margin-bottom: 20px;}
#Content404 p {line-height: 18px;}

/* generic 2 column layout wide */
#mainContentLeft {width:75%; float:left;}
#mainContentLeftInner {width:96.5%;}
#mainContentLeft .col-md-8 {width: 844px; padding: 20px 20px 10px 20px;}

#rightColumn {width:24.9%; float:right;}
#rightColumn .btn-primary {font-size: 22px; float: left; text-align: center; margin: 0 0 20px 0; padding:15px 0; width:100%;}

/* generic 2 column layout accordion */
.accordionMainContent .panel-group {float: left; width: 100%; margin-bottom: 10px;}
.accordionMainContent .panel-heading .accordion-toggle {padding: 10px 0% 2px 0%;}
.accordionMainContent .panel-default {border-color: #E5E5E5;}
.panel-default > .panel-heading {background-color: #F8F5F7}
.accordionMainContent .panel-heading {padding: 9px 15px 0px 15px}
.accordionMainContent h2 {padding: 0; line-height: 30px;}
.accordionMainContent h3 {clear:both; color: #660033;}
.accordionSubHeading {padding-top: 10px;}
.panel-body table {margin-bottom: 20px;}
.panel-body td {color:#494949; background-color:#eeeeee; padding: 10px; border: 2px solid #fff;}
.panel {box-shadow: none;}

/* generic 2 column layout NO accordion */
#noAccordianWrapper h2 {font-size:24px;}
#noAccordianWrapper h3 {font-size:18px;}
#noAccordianWrapper h4 {font-size:16px; color:#660033;}

/* generic 2 column layout narrow */
#ContentWrap {width:100%; float:left;}
#ContentLeftWrap {width:65%; float:left;}
.ContentLeftWrap {width:65%; float:left;}

#ContentLeftWrap h2 {font-size:21px;}
#ContentLeftWrap h3 {font-size:28px;}
.tipsTrack {padding:10px 0 20px 0;}

#ContentRightWrap {width:30%; float:right;}
.ContentRightWrap {width:30%; float:right; border:1px solid #ddd; border-radius:5px; margin:0 0 20px 0;}

/* Sidebar stuff for generic 2 column layout narrow */
#sidebar #bmiForm {margin:0 0 20px 0; min-height:255px;}

#successStoryVideoWrapper {width:100%;}
#sideSuccessStory.btn-secondary {font-size:12px;}

#ContentRightBMI {width:30%; float:right;}
.ContentRightBMI {width:30%; float:right; margin:0 0 20px 0;}

.RightWrapContent h2 {font-size:21px;}

#sideSuccessStory {float: left;
	background:#eee url("../img/customerStories/blogWidgetBG.png") no-repeat right top;
	border-radius:5px;
	border:1px solid #ddd;
	width:100%;}
	
#sideSuccessStory #successStoriesContent {
	padding: 15px;
}

#sideSuccessStory #successStoriesContent h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #660033;
}

#sideSuccessStory #successStoriesContent p {
	font-family: Arial, Helvetica, sans-serif;
	color: #494949;
	margin: 0;
}

/*Start Success Story Video Widget */

#successStoryVideoWrapper {
	float: left;
	width: 100%;/*273*/
	text-align: left;
	margin-bottom: 19px;
	border: 1px solid #ddd;
	border-radius: 5px;
}

#successStoryVideoHeading {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 16px;
	color: #333333;
	background-color: #eaeaea;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding: 10px;
	text-align: left;
}

#successStoryVideoContent {
	padding: 10px;
}

/*Questions Sidebar Widget */

.sideQuestionSection {border-bottom: 1px solid #dddddd; margin-bottom: 10px;}

/* trustpilot right column layout */
.tp_-_box {margin:0 0 0 -10px;}
#trustpilotIntro {font-family:Verdana, Geneva, sans-serif; font-size:11px; line-height:17px; margin:0 0 5px 0!important;}
p.allReviews {margin:0 0 10px 0!important;}
p.allReviews a {color:#660033; font-size:11px; line-height:11px; font-family:Verdana, Geneva, sans-serif; text-decoration:underline;}

/* top main image */
#homeMainImage {width: 1170px; height: 398px; background: url("../img/home/mainHomeStaticSweetSourPaypal.jpg?ver=001") no-repeat 100% 0 transparent; position:relative;}
#backgroundClickImage {position: absolute; width: 263px; height:263px; top: 20px; right: 12%; cursor: pointer;}
.mobileOfferContent {display: none;}

/* BMI Form home */
#bmiForm.bmiFromHome.col-md-4 {min-height: 255px; max-height:255px; padding-left: 0px; padding-right: 0px;}

/* BMI Form */
#bmiNewWidget_scales {top: -12px!important;}
.bmiNewWidget_select_half {width:48%!important;}
.bmiNewWidget_input_half {width:48%!important; height:22px!important;}
.bmiNewWidget_sex_label {float:left;}
.bmiNewWidget_float_left input[type="radio"] {float:left; margin:0 5px 0 3px;} 
.bmiNewWidget_float_right label {display:inline;}

/* The following styles have !important declarations to override BMI css which is loaded further down the page */ 
.bmiNewWidget_container {width:100%!important;}
.bmiNewWidget_bg {border:none!important; height:auto!important;}
.bmiNewWidget_submit {float:right!important; margin:5px 6px 1px 10px!important; width: 147px!important;}

#sidebar #bmiForm {border-radius:5px;}
#sidebar .bmiNewWidget_bg {border:1px solid #ddd !important; padding-bottom: 10px;}

/* BMI Results */
.bmiNewWidget_result_content_bmi_container_small {overflow:visible; margin-top:25px;}
.bmiNewWidget_result_content_buy_now_button_small {height:auto;}

/* How it works left content wrapper - can be used for landing pages */
#narrowHowItWorksHeadingWrap {float:left; width: 100%; margin-top: 12px; margin-bottom: 30px;}
#narrowHowItWorksWrap {float: left; position: relative; width: 100%;}
#narrowHowItWorksArrow1 {position: absolute; top: 120px; left: 230px;}
#narrowHowItWorksArrow2 {position: absolute; top: 120px; left: 550px;}
#narrowHowItWorksArrow3 {position: absolute; top: 120px; right: 230px;}
#narrowHowItWorksLeft {float: left; width: 50%;}
#narrowHowItWorksRight {float: right; width: 38%; text-align:right;}
#narrowHowItWorksRight .btn-howItWorks-wrap {margin-top: 0px;}
#narrowHowItWorksRight .contentStrapLine {float: right; margin-bottom:20px;}
#narrowHowItWorksWrap .stepWrapper {border:1px solid #ddd; border-radius:5px; width:48.5%; float:left; margin-bottom:15px; min-height:420px;}
#narrowHowItWorksWrap .stepWrapper.mr0 {border:1px solid #ddd; border-radius:5px; margin-right:0!important; float:right;}
.btn-howItWorks-wrap {width:100%}

/* home page styles */
#homeMainImageInnerWrap {width: 96%; margin: 20px auto 20px auto;}
#homeMainImage-topContent {float: left; width: 65%; margin-bottom: 10px;}
#homeMainImage-bottomContent {float: left; width: 100%;}
#homeMainImage-bottomContentLeft {float: left; width: 44%;}
#homeMainImage-bottomContentLeft h2 {padding-bottom: 10px;}
#homeMainImage-bottomContentRight {float: right; width: 55%;}
#homeMainImage-bottomContentTrust {float: left; width: 181px;}
#homeMainImage-bottomContentRight .btn-primary {float: right; margin-top: 75px; margin-right: 10px;}

/* Sarah's Story */
#sarah-home {position: relative; min-height:255px; overflow:hidden; float:right;}
#sarah-home #sidePanelQuote {font-size: 28px; line-height: 44px; max-width:85%;}

#sarah-home #sidePanelQuote:before {content: url(../img/home/home-open-quote.gif);}
#sarah-home #sidePanelQuote:after {content: url(../img/home/home-close-quote.gif);}

#sarah-text {float:left;padding:20px;}
#sidePanelSig {font-size: 42px; margin:0 0 0 240px;}
#sidePanelSig span {font-family: Verdana, Geneva, sans-serif; font-size: 14px; color: #252525; padding:10px 0 0 0;}
#sarah-image {position: absolute; bottom: 0px; right: -10px;}
#sarah-image-large {display: none;}

/* Testimonials */
#home-testimonial-logos {float: left; padding: 18px 0 17px 0; height: auto; background:#f0f0f0;}
#home-testimonial-logos h2 {font-size:18px; padding:5px 0 10px 10px; line-height:10px;}
#home-testimonial-logos .inline {padding-left: 10px;}
#home-testimonial-logos ul {list-style: none; display:inline-block; margin:0; padding: 0;}
h2 {font-family: 'myriad_pro_lightregular', Arial, Helvetica, sans-serif; font-weight: normal;}
#rollover-read-mobile {display:none;}
#daily-mail {width:149px;}
#woman {width:83px;}
#the-times {width:152px;}
#zest {width:45px;}
#chat {width:50px;}
#daily-express {width:149px;}	

#daily-mail, #woman, #the-times, #zest, #chat, #daily-express {min-height:29px; float:left; margin-right:35px!important;}
#daily-mail p, #woman p, #the-times p, #zest p, #chat p, #daily-express p {display:none;}

/* ul duplicated to serve two different versions for desktop and smartphone */
.inline-small {display:none!important;}

/* Tooltip */
div[class="tooltip-inner"] {
	width: 350px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-size:13px;
	line-height:18px;
	color:#454545;
	padding:15px 20px 20px 20px;
	background: -moz-linear-gradient(top, #ececec 0%, #fff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #fff));
	background: -webkit-linear-gradient(top, #ececec 0%, #fff 100%);
	background: -o-linear-gradient(top, #ececec 0%, #fff 100%);
	background: -ms-linear-gradient(top, #ececec 0%, #fff 100%);
	background: linear-gradient(top, #ececec 0%, #fff 100%);
	-pie-background: linear-gradient(top, #ececec 0%, #fff 100%);
	border:1px solid #ddd;
}

.tooltip.in {opacity: 1.0; filter: alpha(opacity=100);}

/* 21 Day Guarantee */
#guarantee-home {background:url(../img/home/ab-home-panel-slim-guarantee.gif); background-repeat:no-repeat; background-position: 15px 15px;
height:auto; float:right;}
#guarantee-home p {font-size: 18px; line-height: 21px; padding: 15px 20px 5px 120px;}
#guarantee-home a {font-size: 16px; padding:0 0 0 10px;}
#guarantee-home a:hover {color:#cccc00;}

.homeSmallPrint {float: left; width: 100%; font-size: 12px; color: #949393; margin-bottom: 5px;}

/* latest offer page styles */
#offerContentWrap {float: left; width: 100%;}
#offerContentTopWrap {float:left; width: 100%;}
#offerContentTopWrap .col-md-8 {width: 100%;}
#offerContentLeftWrap {float: left; width: 800px;}
#offerContentLeftWrap h2 {width: 100%; padding: 10px 0;}
#offerContentLeftWrap #offerBottomParagraph {margin-bottom: 20px;}
#offerContentLeftWrap .greenTicks {float: left; width: 550px;}
#offerContentLeftWrap .greenTicks li {line-height: 32px;}
#offerContentWrapTrust {float: left; width: 200px; margin-top: -30px;}
#offerContentRightTopImage {float: right;}
#latestOffersBMIWrap {float:right; width: 370px;}
#latestOffersBMIWrap #bmiForm {min-height: 265px;}
#mainOfferWrap {float: left;}
#mainOfferInnerWrap {float:left; padding: 20px;}
#mainOfferInnerWrap h2 {padding-bottom: 10px;}
#mainOfferPlan {float:left; margin: 10px 0 0 0;}
#mainOfferPlanDaily {margin: 0 0 15px 0;}
#mainOfferPlanPrice {float: left; width: 300px; font-size:16px; padding-top: 12px;}
#mainOfferPlanPrice span {font-size: 28px;font-weight: bold;}
#mainOfferPlan .offerSubmitForm {float: left;}
#mainOfferPlan .btn-primary {float: left;}
#mainOfferTerms {float: left; width: 100%; font-size: 11px; border-top: 1px solid #dddddd; margin-top: 10px; padding-top: 5px;}
.disclaimer {font-size:11px; color:#949393;}

/* latest offer with coupon code page styles */
#howToClaim {float: left; width: 580px; margin-top: 10px;}
#howToClaimDaily {width:725px;}
#offerFlash {float: right; margin-top: -30px;}
#mainOfferPlanPrice.couponCodePrice {width: 490px;}
#mainOfferPlanPrice.couponCodePrice p {line-height: 36px;}
#offerCouponCode {background-color: #FFF; padding: 5px; border:1px solid #ddd; border-radius: 5px; font-size: 28px; font-weight: bold;}
#offerBuyNow {margin-top: 20px;}
#offerBuyNowDaily {margin-top: 5px;}
#couponCodeBottomContent {float: left; width: 75%; font-size: 12px; margin-top: -20px;}
#offerDisclaimerWrap {float: left; width: 65%; margin-bottom: 5px;}
.publishedInfo {float: left; width: 100%; font-size:12px;}
#lastestOffersHowTo {float: left; width: 100%; font-size: 11px; margin-top: 10px;}
#mainOfferTermsFooter {font-size: 11px; margin-top: 0px; padding-top: 0px; margin-bottom: 10px;}

/* why it works page styles */
.stepWrapper {float: left;}
#allTheInfoInnerWrap {margin: 20px auto; width: 96%;}
#allTheInfoOneWrap, #allTheInfoTwoWrap, #allTheInfoThreeWrap {float: left; width: 356px; margin-right: 25px;}
#allTheInfoOneWrap h3, #allTheInfoTwoWrap h3, #allTheInfoThreeWrap h3 {
    font-family: 'josschrift_serifregular',Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-weight: normal;
    line-height: 30px;
    text-align: center;
    text-shadow: 1px 1px 1px #FFFFFF;}
#allTheInfoOne, #allTheInfoTwo, #allTheInfoThree {float: left; width: 100%; background-color:#FFF; padding: 10px 0 10px 0; min-height:415px;}
#allTheInfoThreeWrap, #allTheInfoThree {margin-right: 0px;}
.allTheInfoContent {float: left; width: 95%; margin-left: 10px; color: #660033; font-style: italic; min-height: 80px;}
.allTheInfoContentList { float: left; width: 55%; margin-top: 10px; margin-left: 10px; color: #575757; font-size: 13px; line-height: 19px;}
.allTheInfoImage {float: right; margin-right: 10px;}
.allTheInfoImage img {height:auto;}
#howItWorksHeadingWrap {float:left; width: 100%; margin-top: 12px; margin-bottom: 30px;}
#howItWorksWrap {float: left; position: relative; width: 100%;}
#howItWorksArrow1 {position: absolute; top: 120px; left: 230px;}
#howItWorksArrow2 {position: absolute; top: 120px; left: 550px;}
#howItWorksArrow3 {position: absolute; top: 120px; right: 230px;}
#howItWorksLeft {float: left; width: 50%;}
#howItWorksRight {float: right; width: 38%; text-align:right;}
#howItWorksRight .contentStrapLine {float: left;}
.btn-howItWorks-wrap {float: right; margin-top: -30px;}
.stepWrapper {margin-right: 18px!important; min-height: 415px;}
.stepWrapper.noRightMargin {margin-right: 0px!important;}
.stepWrapperInner {margin: 20px auto; width: 85%;}
.stepWrapperInner h3 {font-family: 'josschrift_serifregular',Arial,Helvetica,sans-serif; font-size: 18px !important;line-height: 28px;text-align: center;text-shadow: 1px 1px 1px #FFFFFF; margin-bottom: 15px;}
.stepWrapperInner img {display: block; margin: auto;}
#step4 img {margin-top: -20px;}
#step1List, #step2List, #step3List, #step4List {font-size: 13px;}
#step1List {margin-top: 52px;}
#step2List {margin-top: 45px;}
#step4List {margin-top: 1px;}
.howItWorksExtra {width: 100%;}
.howItWorksExtraContent {width: 50%;}
.howItWorksExtraButtons {width: 45%;}
.howItWorksExtraButtons .btn-secondary {font-size: 20px;}
.clinicalStudyDownload {margin-bottom: 20px;}

/* the menu page styles + top image and content in menu categories */
#theMenuMainImage {width: 1170px; height: 100%; background: url("../img/theMenu/mainMenuStaticBgFoodBox.jpg") no-repeat 100% 0 transparent;}
#theMenuMainImage.col-12 {border: none;}
#theMenuMainImageInnerWrap {float:left; width: 100%;}
#theMenuMainImageInnerWrap h1 {padding-bottom: 15px;}
#theMenuTopContent {float: left; width: 36%;}
#theMenu-btn-primary-wrap {float: right; margin-top: 185px;}
#menuTickWrapper {float: left; width: 100%; margin-top: 10px;}
#menuTickWrapper .right {margin-right: 80px;}
#menuTickWrapper li {line-height: 30px;}

#menuCategoryWrap {float: left; width:100%;}
#menuCategoryWrap .btn-primary {width: 100%; font-size: 20px; padding: 10px 25px;}
#menuCategoryWrap a:hover {text-decoration: none;}
.menuCategoryWrapper.col-md-3 {border-color: #E5E5E5;}
.menuCategoryWrapper {margin-right: 18px!important;}
.menuCategoryWrapper.noRightMargin {margin-right: 0px!important;}
.menuCategoryWrapper {float: left;}
.menuCategoryWrapperInner {float:left; padding: 20px; width: 100%;}
.menuCategoryWrapperInner h2 {font-size: 30px; line-height: 32px; margin-bottom: 5px;}
.menuCategoryWrapperInner img {display: block; margin: 0 auto 20px auto; text-align:center;}
.menuCategoryWrapperInner .greenTicks {font-size: 13px; padding-bottom: 10px; margin-top: 15px;}
.menuCategoryWrapperInner .btn-primary {display: block; margin: auto; text-align: center; width: 170px; padding: 10px 15px;}

/* the menu category styles */
#theMenuMainImage.breakfastCategory {width: 1170px; height: 372px; background: url("../img/theMenu/mainBreakfastStaticBg.jpg?dccb=001") no-repeat 100% 0 transparent; background-position: 0px 20px;}
#theMenuMainImage.lunchCategory {width: 1170px; height: 372px; background: url("../img/theMenu/mainLunchStaticBg.jpg?dccb=001") no-repeat 100% 0 transparent; background-position: 0px 20px; padding-bottom: 20px;}
#theMenuMainImage.dinnerCategory {width: 1170px; height: 372px; background: url("../img/theMenu/mainDinnerStaticBg.jpg?dccb=002") no-repeat 100% 0 transparent; background-position: 0px 20px; padding-bottom: 20px;}
#theMenuMainImage.snackCategory {width: 1170px; height: 372px; background: url("../img/theMenu/mainSnackStaticBg.jpg?dccb=001") no-repeat 100% 0 transparent; background-position: 0px 20px; padding-bottom: 20px;}
#menuCategoryListWrap .menuMealItemWrapper {float: left; width: 28%; margin-right:8%; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
#menuCategoryListWrap .menuMealItemWrapper.product-three {float: right; margin-right:0%;}
#menuCategoryListWrap .menuMealItemTitle {float: left; width: 100%; display: block; font-family: 'BirchCMedium', Arial, Helvetica, sans-serif; color: #660033; font-size: 28px; line-height: 36px; min-height: 75px;}
#menuCategoryListWrap .mealItemSmallImage {width: 100%; text-align: center; margin-bottom: 10px;}
#menuCategoryListWrap .mealItemSmallImage .img-responsive {display: inline;}
#menuCategoryListWrap .menuMealItemDescription {float: left; width: 100%; min-height: 40px; margin-bottom: 10px;}
#menuCategoryListWrap .menuMealItemWeight, #menuCategoryListWrap .menuMealItemCalories {float: left; width: 60%; text-align: left; color: #660033;}
#menuCategoryListWrap .menuMealItemCalories {margin-bottom: 10px;}
#menuCategoryListWrap .readMoreMealItem.btn-primary.btn-small {float: right; width: 30%; margin-top: -15px; font-size: 14px; text-shadow: none; color:#FFF; padding: 0; font-weight: normal; text-align: center; line-height: 1.9em;}
#menuCategoryListWrap .readMoreMealItem.btn-primary.btn-small a {color:#FFF; cursor: pointer; display: block; padding: 5px 10px;}
#menuCategoryListWrap .readMoreMealItem.btn-primary.btn-small a:hover {color:#FFF; text-decoration:none;}

/* the menu individual styles */
#menuMealWrap .mealItemSmallImage {display: none;}
#menuMealWrap .menuMealItemTitle {float: left; width: 100%; display: block; font-family: 'BirchCMedium', Arial, Helvetica, sans-serif; color: #660033; font-size: 40px; line-height: 46px; margin-bottom: 10px;}
#menuMealWrap .mealItemLargeImage {float: left; width: 38%; margin-bottom: 20px; min-height:500px;}
#menuMealWrap .mealItemLargeImage .img-responsive {display: inline;}
#menuMealWrap .viewPlansMealItem .btn-primary {float: left; margin-top: 10px;}
#menuMealWrap .viewPlansMealItem.btn-primary a {color:#FFF;}
#menuMealWrap .viewPlansMealItem.btn-primary a:hover {color:#FFF; text-decoration:none;}
#menuMealWrap .menuMealItemDescription {float: right; text-align: left; width: 60%; margin-top: 20px;}
#menuMealWrap .menuMealItemDescription span.whyNotTryFoodDesc {display: block; margin-top: 10px; margin-bottom: 10px; padding-top: 10px; color: #660033; font-family: 'myriad_proregular',Arial,Helvetica,sans-serif; font-size: 17px; font-style: italic;}
#menuMealWrap .menuMealItemNutritionWrapOther {float: right; width: 60%;}
#menuMealWrap .menuMealItemNutritionWrapTitle {float: right; width: 100%; background: #ddd; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; padding: 10px 1%; margin-bottom: 10px;}
#menuMealWrap .menuMealItemNutritionQuantity {width: 100%; font-weight:bold; margin-bottom: 5px;}
#menuMealWrap .menuMealItemNutritionWrap {border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 10px;}
#menuMealWrap .menuMealItemNutritionItemWrap.nutriLowlight {float: left; width: 100%; background-color: #f7f6cf; padding: 1% 1% 0% 1%;}
#menuMealWrap .menuMealItemNutritionItemWrap.nutriHighlight {float: left; width: 100%; background-color: #eeed9f; padding: 1% 1% 0% 1%;}
#menuMealWrap .menuMealItemWeight, #menuMealWrap .menuMealItemCalories {float: right; color: #660033; width: 60%; text-align:right;}
#menuMealWrap .menuMealItemCalories {margin-bottom: 20px;}
#menuMealWrap .menuMealItemNutritionWrap, #menuMealWrap .mealMenuItemIngredientsWrap, #menuMealWrap .mealMenuItemAllergensWrap, #menuMealWrap .mealMenuItemIconsWrap {float: right; width: 60%; text-align:left; margin-bottom: 10px;}
#menuMealWrap .menuMealItemNutritionWrap {width: 100%;}
#menuMealWrap .mealMenuItemsInfoStrong {font-weight:bold;}
#menuMealWrap .mealMenuIconsItemWrap {float: left; width: 100%; text-align:left;}
#menuMealWrap .menuMealItemNutritionItemTitle {float: left; font-weight:bold; color: #660033; width: 20%;}
#menuMealWrap .menuMealItemNutritionItemVal {float: left; text-align: left; width: 80%; margin-bottom: 5px;}
#menuMealWrap .mealMenuItemIconsWrap {border: 1px solid #ddd; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -0-border-radius: 5px; padding-top: 10px; margin-bottom: 20px;}
#menuMealWrap .mealMenuIconsItemWrap {margin: 0px 20px 10px 20px;}
#menuMealWrap .mealMenuIconsItemIcon {float: left; margin: 0 10px 0 0;}
#menuMealWrap .mealMenuIconsItemText {float: left;}
#menuMealWrap #backButton {float: right; width: 60%; text-align:right; margin-bottom: 20px;}
#menuMealWrap #backButton .btn-secondary {cursor: pointer; font-size: 14px; font-weight: normal; text-shadow: none; padding: 5px 10px;}

/* the menu individual styles USA */
#menuMealWrap .menuMealItemNutritionWrapUSA {float: right; border: 1px solid #dddddd; width: 60%; padding: 10px; margin-bottom: 10px;}
.menuMealItemNutritionWrapTitleUSA {font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #4C4C4C; margin-bottom: 10px;}
.menuMealItemNutritionServingsUSA, .menuMealItemNutritionDailyValuesUSA {float: left; width: 100%; padding-bottom: 10px; border-bottom: 10px solid #000;}
.menuMealItemNutritionServingsTitleUSA, menuMealItemNutritionServingsInfoUSA, .menuMealItemNutritionAmountPerServingleftUSA, .menuMealItemNutritionAmountPerServingRightUSA, .menuMealItemNutritionValuesLeftUSA, .menuMealItemNutritionValuesRightUSA {float: left; width: 50%;}
.menuMealItemNutritionServingsTitleUSA span, .menuMealItemNutritionServingsInfoUSA span {display: block;}
.menuMealItemNutritionAmountPerServingUSA {float: left; width: 100%; padding-bottom: 10px; border-bottom: 5px solid #000;}
.menuMealItemNutritionAmountPerServingTitleUSA, .menuMealItemNutritionDailyValueTitleUSA, .menuMealItemNutritionDailyValuesIndividualFullUSA, .menuMealItemNutritionDailyValuesIndividualPartUSA {float: left; width: 100%; padding-bottom: 5px; border-bottom: 1px solid #000;}
.menuMealItemNutritionDailyValuesIndividualFullUSA.bottom {border-bottom: none;}
.menuMealItemNutritionDailyValuesIndividualPartUSA { width: 98%; margin-left: 2%;}
.menuMealItemNutritionDailyValuesIndividualFullUSA .menuMealItemNutritionValuesRightUSA, .menuMealItemNutritionDailyValuesIndividualPartUSA .menuMealItemNutritionValuesRightUSA {text-align: right;}
.menuMealItemNutritionDailyValueTitleUSA {float: right; text-align: right;}
.menuMealItemNutritionVitaminsUSA {float: left; width: 100%;}
.menuMealItemNutritionVitaminLeftUSA {float: left; width: 49%; padding-bottom: 5px; border-bottom: 1px solid #000;}
.menuMealItemNutritionVitaminRightUSA {float: right; width: 49%; padding-bottom: 5px; border-bottom: 1px solid #000;}
.menuMealItemNutritionVitaminTitleUSA {float: left; width: 50%;}
.menuMealItemNutritionVitaminValUSA {float: right; text-align: right; width: 50%;}

/* overrides for modal menu meal page */
#modalMealNutritionWrap .menuMealItemNutritionWrapTitle { width:100% ;}
#mealModalLabel {width: 95%;}
.modalImageDescriptionWrap {float: left; width: 40%;}
.modalImageDescriptionWrap.fullwidth { width:100%; }
#menuMealWrap.modalNutritionWrap.fullwidth{ float:none; }
.modalMealImageWrap, .menuMealItemDescription, .mealMenuItemIngredientsWrap {float: left; width: 100%;}
.modalMealImageWrap.fullwidth {float:none; width: 50%; margin: 0px auto;}
.modalImageDescriptionWrap .menuMealItemDescription {float: left; border-bottom: 1px solid #dddddd; margin-bottom: 10px; padding-bottom: 10px;}
.modalMealImageWrap img {width: 100%;}
#menuMealWrap.modalNutritionWrap {float: right; width:56%;}
#menuMealWrap.modalNutritionWrap .menuMealItemNutritionWrapUSA {width:100%;}

.modalNutritionWrap#menuMealWrap .menuMealItemNutritionWrapTitle {width: 100%; padding: 10px 3%;}
.modalNutritionWrap#menuMealWrap .menuMealItemNutritionWrap {width: 100%;}
.modalNutritionWrap#menuMealWrap .menuMealItemNutritionItemTitle {width:40%;}
.modalNutritionWrap#menuMealWrap .menuMealItemNutritionItemVal {width:60%;}

/* customer stories page styles - also uses styles from generic 2 column layout above */
#customerCategory {width:75%; float:left;}
#customerCategory p {width:97%; margin:0 0 20px 0;}
#storyNav {float: left; width: 100%; margin-top: 10px; margin-bottom: 20px;}
#storyNav a {color:#777;}

#customerCategory .col-md-3 {overflow:hidden; position:relative; float:left; border:none; padding:0 10px 15px 0; width:31%; padding: 0 1%;}

.customerContainer, #smallImage {margin:0 auto; width:95%; height:95%;  background-color: #f4f4f4; float:left; overflow:hidden;
*background-color: #f4f4f4;
background-image: -moz-linear-gradient(top, #fff, #f4f4f4);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f4f4f4));
background-image: -webkit-linear-gradient(top, #fff, #f4f4f4);
background-image: -o-linear-gradient(top, #fff, #f4f4f4);
background-image: linear-gradient(to bottom, #fff, #f4f4f4);
filter: none;
border-radius:5px;
opacity:1;
}

.customerContainer a:hover {text-decoration:none;}	 
.customerContainer h2 {padding:3%; font-size:32px;}
.customerContainer h2:hover {text-decoration:underline;}
.customerContainer img {max-width:none;}	 
.customerContainer .before {width:50%;} 
.customerContainer .after {width:50%;} 

.storyButton {position:absolute; bottom:4%; left:6%; background:#fff; padding:10px; border-radius:10px;}
.storyButton a {padding:10px; color:#660033; font-size:15px;}

#customerTrustPilot {width:24.9%; float:right;}
#customerTrustPilot .btn-primary {font-size: 22px; float: left; text-align: center; margin: 0 0 20px 0; padding:10px 0; width:100%;}

/* Customer inside page */
#customerInside {width:100%; float:left;}
#successTopQuote {
font-family: 'myriad_pro_lightregular', Arial, Helvetica, sans-serif;
font-size: 29px;
text-align: left;
color: #660033;
float:left;
width: 66%;
line-height: 35px;
margin:0 0 20px 0;}

#successTopQuote:before {content: url(../img/customerStories/openQuote.png);}
#successTopQuote:after {content: url(../img/customerStories/closeQuote.png);}

#twoImages {width:30%; float:left; margin:0 2% 0 0;}

#fullImage {margin-bottom: 20px;}

#testimonial {float: left; width: 68%;}

#successBottomSignature, #successBottomSignature p {
font-family: 'BirchCMedium', Arial, Helvetica, sans-serif;
font-size: 26px;
line-height:30px;
color: #660033;
clear:both;
float: left;
width: 70%;
margin: 10px 0px 20px 0;
}
#customerInside .btn-primary {text-align:center;}

/* view our plans page styles */
#plansWrapper {float: left; width: 100%;}
#plansWrapper h1 {    
	float: left;
	color: #8B8A8A;
    font-size: 32px;
	/*font-size: 40px;*/
	line-height: 40px;
    font-weight: normal;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
}
.planWrap {float: left; width: 370px; margin-right: 30px;}
.planWrapSmall {margin-top: 30px;}
.planWrap h2 {
    font-size: 28px;
	text-align:center;
	margin-bottom: 10px;
}
.planWrapLarge h2 {font-size: 32px;}
.planWrap#lastPlan {margin-right: 0px;}
.planGradientMiddle {min-height: 330px; position: relative;}
.planGradient.col-md-4, .planGradientMiddle.col-md-4 {border: 1px solid #c3c3c3; -webkit-box-shadow:  0px 2px 0px 0px #dddddd; -moz-box-shadow: 0px 2px 0px 0px #dddddd; box-shadow:  0px 2px 0px 0px #dddddd;}
.planGradient.lightGreenGradient {
	background: #fafac8; /* Old browsers */
	background: -moz-linear-gradient(top,  #fafac8 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafac8), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fafac8 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fafac8 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fafac8 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fafac8 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafac8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.planGradientMiddle.lightPurpleGradient {
	background: #f6ebf2; /* Old browsers */
	background: -moz-linear-gradient(top,  #f6ebf2 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6ebf2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f6ebf2 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f6ebf2 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f6ebf2 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f6ebf2 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6ebf2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.mostPopularIcon {position: absolute; top: 10px; right: -30px;}
.ribbonIcon {position: absolute; margin:-5px 0 0 -3px;}
.planGradient h3 { background-color: #CCCC00; padding: 12px 0 12px 0; border-radius: 5px 5px 0 0;} 
.planGradientMiddle h3 { background-color: #660033; padding: 14px 0 14px 0; border-radius: 5px 5px 0 0;}
.planGradient h3, .planGradientMiddle h3 {
    color: #FFFFFF;
    font-size: 26px;
    font-weight: normal !important;
    margin-bottom: 15px;
    margin-top: -2px;
    text-shadow: 0 1px 1px #3D3D3D;
	text-align: center;
}
.planGradientMiddle h3 {font-size: 27px;}
.planGradient h3 span {font-size: 20px;}
.planLogo { height:56px; margin-bottom:24px; }
.planPrice {color: #525252; font-size: 49px; margin-bottom: 15px;}
.planGradientMiddle .planPrice  {font-size: 55px; padding-top: 15px;}
.planGradientMiddle .planPriceMonthly  {font-size: 18px;}
.planPrice span {color: #999898; font-size: 20px;}
.planGradientMiddle .planPrice span {font-size: 25px;}
.planContent {width: 330px; margin: 30px auto 30px auto; text-align: center;}
.planPriceMonthly {color: #999898; font-size: 16px; margin-bottom: 12px;}
.planText {margin-bottom: 20px;}
.planButton .btn-secondary {font-size: 20px; padding: 10px 25px;}
.planGradientMiddle .planText {margin-bottom: 30px;}
.planCheckListWrapMobile.col-md-4 {border: none; border-radius: 0px; width: 385px;}
.planCheckListWrapMobile.col-md-4.checkList3 {border-right: none !important;}
.planCheckListWrapMobile.col-md-4.checkList1, .planCheckListWrapMobile.col-md-4.checkList3 {/*margin-top: 14px !important;*/ margin-top: 8px !important;}
#shopListOne, #shopListTwo, #shopListThree {float: left; margin-bottom: 20px; margin-left: 40px; width: 90%;}
.checkList3 #shopListThree {width: 68% !important;}
#shopListOne, #shopListTwo {padding-right: 50px; min-height: 200px; border-right: 1px solid #E9E8E8;}
.greenTicks li.doubleLineList {line-height:24px;}
.planFooter {float: left; width: 100%; font-size: 12px; color: #949393; margin-bottom: 20px;}

/* about us page styles */
#mainWrap.col-12 {width: 100%; border: none;}
#aboutUs1stContent {float: left; width: 700px;}
#aboutUs1stContentImage {float: right; margin-right: 50px;}
#dietChefVideoContent {float: left; margin-top: 40px; background-image: url("../img/aboutUs/videoBG.png"); background-repeat: no-repeat; height: 252px; padding: 42px 47px 0 45px; width: 392px;}
#aboutUs2ndContent {float: right; width: 700px;}
#aboutUs3rdContent {float: left; width: 700px; margin-top: 20px;}
#aboutUsSig {float: left; width: 150px;}
#aboutUsSocial {float: left; width: 500px; margin-top: 51px; margin-left: 40px;}
#aboutUsSocial p {font-size: 22px;}
#aboutUs3rdContentImage {float: right; margin-top: 20px; margin-right: 50px; clear:both;}

/* delivery/returns page styles */
.deliveryReturnsBanner-en-gb {background-image: url("../img/deliveryReturns/speed-en-gb.jpg"); background-repeat: no-repeat; width: 100%; height: 187px; background-position:right;}
.deliveryReturnsBanner-en-us {background-image: url("../img/deliveryReturns/speed-en-us.jpg"); background-repeat: no-repeat; width: 100%; height: 187px; background-position:right;}
#deliveryReturnsTopContent {float: left; width: 45%; margin: 2%;}
#deliveryReturnsTop .btn-secondary {float: right; font-size: 16px; padding: 10px 15px; margin: 130px 80px 0 0}
#deliveryReturnsInnerWrap {margin: 20px auto; width: 96%;}
.deliveryReturnsImage {float: left; width: 100%; text-align: center;}
#deliveryReturnsImageOne {min-height: 110px; margin-top: 30px;}
#deliveryReturnsImageTwo {min-height: 140px;}
#deliveryReturnsImageThree {min-height: 130px; margin-top: 10px;}
#deliveryReturnsInnerWrap h2 {width: 100%; padding: 10px 0 10px 0;}
#deliveryReturnsOneWrap, #deliveryReturnsTwoWrap, #deliveryReturnsThreeWrap {float: left; width: 356px; margin-right: 25px;}
#deliveryReturnsOne, #deliveryReturnsTwo, #deliveryReturnsThree {float: left; width: 100%; background-color:#FFF; padding: 20px 20px 20px 20px; min-height:560px;}
#deliveryReturnsThreeWrap, #deliveryReturnsThree {margin-right: 0px;}
.deliveryContent {float: left; width: 100%;}
.deliveryContentLeft {float: left; width: 50%;}
.deliveryContentRight {float: left; width: 45%;}
.deliveryContentBottom {float: left; width: 100%;}
.deliveryReturnsContentList { float: left; width: 100%;}
#deliveryReturnsContentListLeft {margin-bottom: 0px;}

/* PPC landing pages */
#ppcLandingPagesContent {width:72%; float:left; margin-bottom: 20px;}
#ppcLandingPagesTopImageMobile {display: none;}
#ppcLandingPagesContent h1.largePageHeading {font-size: 42px; line-height: 50px;}
#ppcLandingPagesContent h2 {float: left;}
#ppcLandingPagesTopContent {float: left; width: 50%;}
#ppcLandingPagesContent p {margin:0 0 20px 0;}
#ppcLandingPagesTopImage {float: right; width: 45%;}
#ppcComparisonTable {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #434242;
    background: -moz-linear-gradient(top,  #FFF 0%, #f5f2f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFF), color-stop(75%,#FFF), color-stop(100%,#f5f2f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #FFF 0%, #FFF 75%, #f5f2f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #FFF 0%, #FFF 75%, #f5f2f2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #FFF 0%, #FFF 75%, #f5f2f2 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #FFF 0%, #FFF 75%, #f5f2f2 100%); /* W3C */
    border: 1px solid #dedede;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    margin-bottom: 10px;
	clear:both;
	border-collapse: separate;
}

#ppcComparisonTable td {padding: 8px 15px 8px 10px;}
.monthHeadings1 {color: #660033; font-family: Verdana, Geneva, sans-serif; font-size: 14px; font-weight: bold; border-color: #dedede; border-style: solid;}
.monthHeadings1 {border-width: 0px 0px 0px 1px}

.comparisonHeadings {
    color: #660033;
	font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
	font-weight: bold;
    background-color: #FFF;
    border-color: #dedede;
    border-width: 1px 0px 0px 0px;
    border-style: solid;
}

#comparisonHeadingsBottom {border-radius: 0px 0px 0px 5px;}
.comparisonCol1Logo {border-color: #dedede; border-width: 1px 1px 0px 1px; border-style: solid;}
.comparisonCol1 {border-color: #dedede; border-width: 1px 1px 0px 1px; border-style: solid; color:#55aa00; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:24px;}
.comparisonCol2 {color:#d41c00; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:24px;}
.twoline {line-height: 28px;}

.comparisonCol2, .comparisonCol2Logo {
    border-color: #dedede;
    border-width: 1px 0px 0px 0px;
    border-style: solid;
}

.comparisonCol3, .comparisonCol3Logo {
    border-color: #dedede;
    border-width: 1px 1px 0px 0px;
    border-style: solid;
}

.comparisonCol4, .comparisonCol4Logo {
    border-color: #dedede;
    border-width: 1px 0px 0px 0px;
    border-style: solid;
}

.percentageSavings {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #55aa00;
}

.percentageSavings span {font-family: Verdana, Geneva, sans-serif; font-size: 14px; color: #494949; font-weight:normal;}

#ppcLandingPagesContent .col-md-8 {width: 100%;}
#ppcLandingPagesContent #mainOfferInnerWrap {float: left; padding: 15px;} 
#ppcLandingPagesContent #mainOfferInnerWrap h2 {padding-bottom: 10px;}
#ppcLandingPagesContent #mainOfferInnerWrap p {font-size: 12px;}
#ppcLandingPagesContent #mainOfferInnerWrap #mainOfferLeftWrap {float: left; width: 37%; border-right: 1px solid #b5b5a8;}
#ppcLandingPagesContent #mainOfferInnerWrap #mainOfferRightWrap {float: right; width: 60%;}
#ppcLandingPagesContent #mainOfferInnerWrap #mainOfferRightWrap #mainOfferPlan {float: left; margin: 0px;}
#ppcLandingPagesContent #mainOfferInnerWrap #mainOfferRightWrap #mainOfferPlanPrice {float: left; font-size: 16px; padding-top: 12px; width: 220px;}
#ppcLandingPagesContent #mainOfferInnerWrap #mainOfferRightWrap #mainOfferPlan .offerSubmitForm {float: right;}
#ppcLandingPagesContent #PPCOfferTerms {float: left; font-size: 12px; width: 100%; color: #949393;}

#ppcLandingPagesRight {float: right; width: 25%;}
#ppcLandingPagesRight .btn-primary {display: none;}

/* Shop progress bar */
div.mnav{margin-top: 20px; height: 42px; margin-bottom: 40px;}
div.mnav_bar_wrapper{position: relative; height: 10px; margin-left: 42px; margin-right: 42px; background: blue; min-width:213px;}
div.mnav_bar{position: relative; height: 10px; width: 33.33%; background: #BDBABA; float: left;}
div.mnav_bar_green{background: #CCCC00 !important ;}
div.mnav_circles_wrapper{position: relative; height: 42px ;margin-left: 42px; margin-right: 42px; min-width:213px;}
div.mnav_circle_wrapper{position: relative; margin-top: -26px; height: 42px; width: 33%; float: left;}
div#mnav_circle_1{position: relative; width: 41px; height: 41px; background-image: url('../img/chooseMeals/mnav/oneGrey.png');left: -21px;}
div.mnav_circle_1_green{background-image: url('../img/chooseMeals/mnav/oneGreen.png') !important;}
div#mnav_circle_2{position: relative; left: -21px; display: block; width: 41px; height: 41px; background-image: url('../img/chooseMeals/mnav/twoGrey.png');}
div.mnav_circle_2_green{background-image: url('../img/chooseMeals/mnav/twoGreen.png') !important;}
div#mnav_circle_3{position: relative; left: -21px; display: block; width: 41px; height: 41px; background-image: url('../img/chooseMeals/mnav/threeGrey.png');}
div.mnav_circle_3_green{background-image: url('../img/chooseMeals/mnav/threeGreen.png') !important;}
div#mnav_circle_4_wrapper{width: 0px;}
div#mnav_circle_4{position: relative; left: -21px; width: 41px; height: 41px; background-image: url('../img/chooseMeals/mnav/fourGrey.png');}
div.mnav_circle_4_green{background-image: url('../img/chooseMeals/mnav/fourGreen.png') !important;}
div.mnav_circle_text{width: 80px ; margin-left: -40px ; text-align: center ; color: #BDBABA ;}
div.mnav_circle_text_green{color: #CCCC00 !important;}
div.mnav_link{cursor: auto;}

/* Choose meals */
#mainChooseMealsWrap {width: 100%;}
#chooseMealsOuter {float: left; width: 100%; padding: 20px;}
#chooseMealsInner {float: left; width: 73%;}
.chooseMealsPlanHeadingWrap {margin-bottom: 10px;}
#chooseMealsInner .accordionMainContent .panel-heading {padding: 0px;}
.accordionMainContent .panel-heading .accordion-toggle .chooseMealsHeadingWrap {padding: 10px 15px 10px 15px;}
.chooseMealsHeadingWrap a, .chooseMealsHeadingWrap a:hover {text-decoration: none;}
.chooseMealsHeading {font-family: Arial, Helvetica, sans-serif; font-size: 21px; font-weight: bold; color: #888888; display: inline;}
.chooseMealsHeadingRightInfo {float: right; width: 250px; text-align: right; margin-top: 7px;}
.mealAmounts {display: block; float: left; font-size: 14px; margin-right: 10px;}
.editMealsButton {background: #FFFFFF; border: 1px solid #666666; border-radius: 5px; font-size: 14px; font-weight: normal; text-align: center; padding: 5px 10px 5px 10px; width:50%; display:inline-block ; position:relative; top: -6px;}
.planHeading, #checkoutSubTotal {font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color:#333 !important; display: inline;}
.timePlanAdded {font-size: 12px;}
.foodPanel {float: left; margin-bottom: 10px; width: 100%; border:1px solid #ddd; border-radius:4px; padding: 10px;}
.foodPanelTop, .foodChoiceMealTitle {float: left;}
.foodPanelTop {width: 100%; margin-bottom: 5px;}
foodChoiceMealTitle {width: 90%;}
.foodChoiceMealIcons {float: right; width: 10%; text-align:right;}
.foodChoiceMealPlusMinus {float: left; font-size: 26px; margin-right: 15px; margin-top: 20px;}
.plusMinusButton a {color: #888888; font-size: 32px; font-weight:bold; border-radius:4px; display: inline-block; background-color: #C8C8C8; width: 45px; height: 45px; text-align: center; padding-top: 10px; text-decoration: none; cursor:pointer;}
.plusMinusButton a:hover {background-color: #888888; color: #FFF; text-decoration: none;}
.plusMinusButton.invalidButton a, .plusMinusButton.invalidButton a:hover {background-color: #e9e7e7; color: #888888;}
.mealNumber {padding: 0 5px 0 5px;}
.mealNumber input{border:0px; width: 50px !important; text-align:center;}
.foodChoiceMealImageSmall {float: left; margin-right: 15px;}
.foodChoiceMealImageSmall img {width: 120px; height: auto;}
.totalWrapper {float: left; width: 100%; border: 1px solid #cccc00; border-radius: 4px; margin-top: 5px; margin-bottom: 20px; padding: 10px 25px 10px 25px;}
.totalWrapper span {display: block;}
.totalPlanName {float: left;}
.totalPlanTotal, .totalPlanRemove {float: right;}
.totalPlanTotal {margin-right: 20px;}
.removePlan {text-align: center;}
#shortOnTime {float: left; margin-top: 20px;}
#checkoutRightCol {float: right; width: 26%; text-align:right;}
#checkoutSubTotal {float: right; margin-bottom: 13px;}
#checkoutDiscountPlan, #guaranteeWrap, #checkoutAddAnotherPlan {float: right; width: 96%; font-size: 12px; margin-bottom: 10px;}
#addAPlan {float: right;}
#guaranteeWrap {border: 1px solid #cccc00; background-color: #FDFDDA; border-radius: 5px; padding: 10px;}
#guaranteeWrapTopContent {float: left; width: 100%; font-size: 13px; text-align:center; margin-bottom: 15px;}
#guaranteeWrapTopImage {float: left;}
#guaranteeWrapTopContent span {display: block;}
#guaranteeWrapTopContentLarge {font-size: 17px; font-weight: bold; margin-top: 10px;}
#guaranteeWrapBottom {float: left; width: 100%; text-align: center;}
#AllergensWrapper {float: right; width: 96%; font-size: 12px;}
#AllergensWrapper span {display: block;}
#checkout_submit { margin-bottom:10px; }
#id_code { width:160px; height:26px; color:#999999; border: 1px solid #CCCCCC; border-radius: 5px; float:right; padding: 2px 6px;}
#code_submit {float:right; margin-left:12px;}
.discount_info { font-size:10px; }
.discount_info_good { color:#00AA00; }
.discount_info_bad { color:#AA0000; }
#discountCancel { margin-left:8px; }
.strikethrough {text-decoration:line-through;}
.placeholder {color: #777777;}
/* My Account Nav */
.myAccountNav {padding-left: 0;}
.myAccountNav li {display: inline; list-style-type: none; padding: 0 15px 0 15px; border-right: 1px solid #b5b4b4; white-space: nowrap; line-height: 30px;}
.myAccountNav .lastNav {border-right: none;}

/*Checkout Login + Top Nav Login + Checkout Pages + My Account */
#loginWrapper .col-md-6 {min-height: 300px; padding: 20px;}

#loginWrapper h1 {
	color: #888888;
    font-family: 'myriad_pro_lightregular',Arial,Helvetica,sans-serif;
    font-size: 27px;
    font-weight: normal;
    line-height: 28px;
    margin: 0;
    padding: 0 0 10px;
}

#loginWrapper h2 {
	width: 100%;
	color: #660033;
    float: left;
    font-family: 'myriad_proregular',Arial,Helvetica,sans-serif;
    font-size: 26px;
    line-height: 120%;
    outline: medium none;
    text-decoration: none;
}

#loginWrapper .control-label, #checkoutWrapper .control-label, #checkoutWrapper .controls label, .myaccountWrapper label {float:left; width: 160px; text-align:left; margin-right: 10px; color: #494949; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; font-weight: bold; line-height: 120%; margin-top: 6px; margin-bottom: 5px;}
.myaccountWrapper.emailPrefs label {width: 100%;}
#checkoutWrapper .controls label {width: 80px; margin-top: 15px;}
.myaccountWrapper .controls {margin-left: 180px;}
#loginWrapper .controls input, #loginWrapper .controls select, #checkoutWrapper .controls input, #checkoutWrapper .controls select, .myaccountWrapper select, .myaccountWrapper .controls select, .myaccountWrapper .controls input {
	border: 1px solid #CCCCCC;
    border-radius: 5px;
    color: #666666;
    font-size: 12px;
    height: 36px;
    margin-bottom: 10px;
    margin-top: 5px;
    padding: 5px;
    text-align: left;
    width: 220px;
}

.myaccountWrapper.emailPrefs .controls input {width: 50px; height: auto;}

#checkoutWrapper .controls input, #checkoutWrapper .controls select {width: 300px;}

#checkoutWrapper .controls #cardExpirationMonth, #checkoutWrapper .controls #cardExpirationYear, #checkoutWrapper .controls #id_security_no, .myaccountWrapper .controls #id_title, .myaccountWrapper #cardExpirationMonth, .myaccountWrapper #cardExpirationYear, .myaccountWrapper #id_security_no {width: 100px;}

#loginWrapper .controls #id_first_name, #loginWrapper .controls #id_last_name {width: 130px;}

#loginWrapper .controls select {float: left; width: 60px; margin-right: 5px !important;}

#loginWrapper #forgottenPassword {float: right; width: 100%; text-align:right;}

#loginWrapper .btn-primary {float: right; width: 200px; clear: both;}

/*#loginWrapper input.btn-primary {
background-image: url('../img/icons/buttonPadlockIcon.png');
background-repeat: no-repeat;
background-position: 15%;
padding-right: 15px;}*/

#loginWrapper .btn-primary#loginGetStartedButton {float: left; width: 260px;}

#loginWrapper #checkoutLoginButton, #loginWrapper #loginButton {margin-top: 31px;}

#checkoutWrapper, #checkoutDeliveryWrapper, .myaccountWrapper {width: 100%; padding: 20px;}

#phoneHelp {width: 100%;}

#checkoutWrapper .controls #checkoutFormCheckbox input {float: left; width: 25px; height: 25px;}

#cardBillingAddressHelp {float: left; display: block; padding-top: 7px;}

#checkoutWrapper  .btn-primary, #checkoutDeliveryWrapper .btn-primary {float: right; margin-top: 20px;}

#checkoutWrapper .pay-with-card {float: left; width: 225px;}

#checkoutCardOrderSummary {float: left; margin-top: 20px;}

#checkoutWithPayPalButton {display: block; 
                           line-height: 20px; 
                           font-size: 22px; 
                           border-radius: 5px; 
                           margin: 12px 5px 8px 5px; 
                           padding: 15px; 
                           height: 50px; 
                           text-align: center; 
                           cursor: pointer; 
                           color: #333333; 
                           background-color: #ffc439; 
                           background-image: 
                               linear-gradient(
                                   to bottom, #ffc439, #f2bc3a
                               );
                           filter: none; 
                           border-color: #333333; 
                           width: 225px;
                          }

hr.or-divider {display: block; width: 220px; height: 26px; clear: both; border: none; border-top: 1px dashed #000; color: #000; font-style: italic; text-align: center; margin: 8px; overflow: visible; position: relative; top: 16px; }

hr.or-divider:after {content: "or"; display: inline-block; position: relative; top: -9px; font-size: 16px; padding: 0 10px; background: #fff;}

.col-12 .myAccountTopSecition {width: 100%; padding: 20px;}

#paymentCards {margin-left: -40px;}

.myaccountWrapper .btn {margin-bottom: 10px;}

/* My Account Update */
#myAccountContentWrapper {float: left; width: 100%;}
.myAccountCellWrap {float: left; width: 100%; border-top: 1px solid #dddddd; padding-top: 10px; padding-bottom: 10px;}
.myAccountContentLeft, .myAccountContentMiddle, .myAccountContentRight {float: left;}
.myAccountContentLeft {width: 25%; font-weight: bold;}
.myAccountContentMiddle {width: 35%;}
.myAccountContentRight {width: 40%;}
.myAccountContentPlainText {float: left; width: 100%;}

/* My Account Order History */
.myAccountInfoHeadings {font-weight: bold; padding-right: 10px;}
.myAccountContentColOne, .myAccountContentColTwo, .myAccountContentColThree, .myAccountContentColFour {float: left; width: 25%;}

/* My Account Order Shipment */
.myAccountContentShipOne, .myAccountContentShipTwo, .myAccountContentShipThree {float: left;}
.myAccountContentShipOne {width: 40%;}
.myAccountContentShipTwo, .myAccountContentShipThree {width: 30%;}
.myAccountShipHeading {font-weight: bold; border-bottom: 1px solid #dddddd; padding-bottom: 10px; margin-bottom: 10px;}
.myAccountShipTotalsHeading  {float: left; font-weight: bold; padding-bottom: 10px; width: 40%;}
.shipSpacer {float: left; width: 30%;}
.shipTotals {float: left; width: 30%;}

/* Temp Sold Out Page */
#soldOutWrap {width: 100%; margin-bottom: 10px;}
#soldOutWrapInnerWrap {float: left; width: 100%; text-align:center;}
#soldOutWrapInnerWrap img {display: inline;}
h1.soldOut {font-family: 'myriad_proregular', Arial, Helvetica, sans-serif; font-size: 36px; line-height: 46px;}
#soldOutWrapInnerWrap h1 span {display: block;}
#soldOutContent {float: left; text-align:center; width: 100%; margin-bottom: 20px;}
#soldOutContent p {width: 80%; margin-left: auto; margin-right: auto; font-size: 15px; line-height: 24px;}

/* Trust Footer */
.trustBlock.col-md-3 {float: left; width:276px; border-right: 1px solid #dddddd; border-left: none; border-top: none; border-bottom: none; border-radius: 0px; margin-right: 15px !important; padding-right: 15px;}
.trustBlock.col-md-3#block1 {margin-left: 10px !important;}
.trustBlock.col-md-3#block4 {border-right: none; margin-right: 0px !important;}
.trustBlockTop {min-height: 80px;}
.trustBlock.col-md-3#block1 img, .trustBlock.col-md-3#block2 img, .trustBlock.col-md-3#block4 img {float: left;}
.trustBlock.col-md-3#block3 img {margin: auto;}
.trustBlock.col-md-3#block3 .trustBlockLargeText {display: none;}
.trustBlockLargeText {float: right; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; color: #494949; text-align: center; margin-top: 15px; margin-right: 5px;}
.trustBlockLargeText span {font-size: 14px; color: #aeadad; display: block;}
.trustBlockSmallText {float: left; width: 100%; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #494949; text-align: center;}
.trustBlockSmallText span {color: #aeadad; display: block;}
#footerTrustLiveChat img {cursor:pointer;}

/* Footer*/
#footer {
	width: 1170px;
	margin: 0 auto 0 auto;
	border-top: 1px solid #ebebeb;
	background-color: #FFF;
	padding-top: 10px;
	color: #CCCCCC;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	clear: both;
}
#footer a {color: #ACACAC;}
#footer a span.movefreshlink {color: #709148;}
#footer a span.movefreshlinkblack {color: #000000;}
#footer a:hover {color: #949393; text-decoration: underline;}

.accordion-toggle-off, .footerLinkHeading, .accordion-toggle {
	color: #949393;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding-bottom: 5px;
}

.panel-group {margin-bottom: 0px;}
.panel-body {border-top: 0px;}

#footer .panel-default > .panel-heading {
	background-color: #FFF;
    border-color: #FFF;
    color: #ACACAC;
}
#accordionFooter .panel-heading {padding:0px;}
#footer .panel {float: left; box-shadow: none; width: 230px;}
#footer .panel.panel-default, #footer .panel-default > .panel-heading + .panel-collapse .panel-body {border: none; border-color: #FFF;}
#footer  .panel-group .panel + .panel {margin-top: 0px;}
#footer .panel-heading {float: left; margin-bottom: 2px; width: 100%;}
#footer .collapse {display: block; height: auto;}
#footer .panel-body {float: left; padding: 0; }
.footerList {float: left; display: block; width: 200px;}
.footerList ul {list-style-type: none; margin-left: -40px;}
#socialFooter {padding: 5px 0px;}
.socialFooterWrap .footerLinkHeading {padding-bottom: 0px; clear:both;}
.socialFooterIcon, .internationalFooterIcon {float: left; padding-right: 8px;}
#underFooterWrap {float: left; width: 100%; border-top: 1px solid #ebebeb; padding-top: 10px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 9px;}
#underFooterLeft {float: left; width: 70%;}
#footerPhoneNumber {color: #949393;}
#underFooterRight {float: right; width: 30%; text-align: right;}