/********** 
Global Styling for This Morning Healthy Starts
Created: 06/11/2009
**********/

body{ font-size:100%; font-family: Arial,Trebuchet MS,Sans-Serif; background:#fff;}
body#popup, body#shpList, body#favourite, body#popup, body#fitnessPopup, body#framesize, body#ingred{background:none; background-image:none; background-color:#fff;}
h1{font-family:Trebuchet MS,Arial,Sans-Serif; font-size:1.3em; line-height: 1.2em; font-weight:400; color:#004354;}
h2{font-family:Trebuchet MS,Arial,Sans-Serif; font-size:1.2em; line-height: 1.2em; font-weight:400; color:#004354; background:none; margin:0 0 10px 0;}
h3{font-family:Trebuchet MS,Arial,Sans-Serif; font-size:1.125em; color:#000; line-height:.75em; font-weight:300; padding:6px 0 7px 0; margin-top:0px;}
h4{font-family:Trebuchet MS,Arial,Sans-Serif; font-size:.9em; line-height:1.4em; font-weight:700; margin:2px 0 20px 0;}
h5{}
h6{}
p, label, span, li, dt, dd, /*a:link, a:visited,*/ input{font-size:.83em; line-height:1.4em; margin:0; padding:0;}
p a:link, p a:visited , li a:link, li a:visited{font-size:1em;}
a:link, a:visited{color:#8D014D; text-decoration:none; font-size:.9em;}
a:hover {text-decoration:underline;}
strong{font-weight:700;}
h2.joinNowBtn a:link, h2.joinNowBtn a:visited{position:relative;width:295px; height:38px; float:left; padding:7px 0 0 5px; color:#FFF !important; font-family:Trebuchet MS,Arial,Sans-Serif; font-size:15px; font-weight:700; background:#fff url(/dietprofile2/images/joinNowBtn.gif) no-repeat left top;}
h2 span{font-family:Trebuchet MS,Arial,Sans-Serif; font-size:1em;}
img{border:0;}
.highlightBox{border:1px solid #ED1A5D; background:#FBEAF0; margin:20px 0; padding:10px;}
.left{float:left;}
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix {	display: block; }
* html .clearfix { height: 1%; }
.highlight{color:#CB104B;}
.dotLineTop {background:none;}
.dotLine{background:none; border-bottom:2px solid #ED1A5D;}
.margRht10{margin-right:10px;}

/*////////////////Site structure//////////////////////*/
#siteWrapper{ position:relative; width:980px; height:auto; margin:0;}
#headerContainer,#contentContainer,#backdropFooter{width:960px;display: block;}
#headerContainer #logo, #headerContainer #navigation, #headerContainer #section {float:left; width:100%;}

#itv-header-09 { height: 90px; }

/*header*/
#headerContainer{height:176px;background:transparent;}

/*logo area*/
#headerContainer #logo{height:110px; width:232px; background:transparent url(/design/images/yourslogo.gif) no-repeat 0 0; margin:9px 0 0 24px;}
#logo h1{text-indent:-9999px; overflow:hidden;}
.logo-container { height: 87px; }

/*navigation*/
#headerContainer #navigation ul{ margin:11px 0 0 23px;}
#headerContainer #navigation ul li{display:inline;}
#headerContainer #navigation ul li a:link, #navigation ul li a:visited{font-family:Trebuchet MS, Arial,Sans-Serif;color:#FFFFFF;font-size:.95em;line-height:28px;margin:0;padding:4px 7px;text-decoration:none;font-weight:bold;} 
#headerContainer #navigation ul li a:hover {background:#68142F;color:#FF3C7B;}

#home #headerContainer #navigation ul li a.home{background:#fff;color:#AE214E;}
#benefits #headerContainer #navigation ul li a.whyJoin{background:#fff;color:#AE214E;}
#programmes #headerContainer #navigation ul li a.plans{background:#fff;color:#AE214E;}
#experts #headerContainer #navigation ul li a.bio{background:#fff;color:#AE214E;}
#news #headerContainer #navigation ul li a.news{background:#fff;color:#AE214E;}
#successStories #headerContainer #navigation ul li a.success{background:#fff;color:#AE214E;}
#help_nm_contactUs #headerContainer #navigation ul li a.contact{background:#fff;color:#AE214E;}
#dietprofile #headerContainer #navigation ul li a.joinNow{background:#fff;color:#AE214E;}

#home #headerContainer #navigation ul li a.home:hover{color:#ED145A;}
#benefits #headerContainer #navigation ul li a.whyJoin:hover{color:#ED145A;}
#programmes #headerContainer #navigation ul li a.plans:hover{color:#ED145A;}
#experts #headerContainer #navigation ul li a.bio:hover{color:#ED145A;}
#news #headerContainer #navigation ul li a.news:hover{color:#ED145A;}
#successStories #headerContainer #navigation ul li a.success:hover{color:#ED145A;}
#help_nm_contactUs #headerContainer #navigation ul li a.contact:hover{color:#ED145A;}
#dietprofile #headerContainer #navigation ul li a.joinNow:hover{color:#ED145A;}

#headerContainer div.globalNavWrap {left:415px; position:absolute; text-align:right; top:5px; width:600px;}
#headerContainer div.globalNavWrap ul#globalNav {color:#FFFFFF;float:right;font-family:Trebuchet MS,Arial,Sans-Serif;font-size:.926em;font-weight:normal;list-style-image:none;list-style-position:outside;list-style-type:none;}
#headerContainer div.globalNavWrap ul#globalNav li {border-right:1px solid #E0E0E0;display:inline;float:left;}
#headerContainer div.globalNavWrap ul#globalNav li.last {border-right:0 none;}
#headerContainer div.globalNavWrap ul#globalNav li a {color:#FFFFFF;margin:0 1px;padding:2px 6px;text-decoration:none;}
#headerContainer div.globalNavWrap ul#globalNav li a:hover {background:#68142F none repeat scroll 0 0;color:#ED145A;}


/*Header advert*/
#headerContainer div.HeaderAdvert {height:80px;left:240px;position:absolute;text-align:right;top:28px;width:780px;}
#headerContainer div.HeaderAdvert a img {}


/*160x600 Banner*/
#bnr160 { position: absolute; top: 105px; left: 980px; width: 160px; }


/*Content colunms*/
div#contentContainer{ background:transparent; width:1003px; padding:10px; margin-top: 0;}
div.x{display:inline;float:left;width:170px;margin:0 0 10px 0;padding:0;}
div.xx{display:inline;float:left;margin:0 10px 0 0;width:300px;}
div.xxx{display:inline;float:left;margin:0 10px;width:517px;}
div.homexxx{display:inline;float:left;margin:0 0 0 0;width:530px;}
div.xxxx{display:inline;float:left;padding-left:10px;width:673px;}
div.xxxxx {width:960px; float:left;}

.aboveFold h1 { margin-left: 10px; width: 270px; margin-bottom: 5px; }
body#successStories .aboveFold h1, body#benefits .aboveFold h1 { margin-left: 20px; }

.belowFold { padding-left: 100px; margin-bottom: 20px;/* background-color: #ebebeb; */}
.belowFold h2, .belowFold2 h2 { background: #fff; width: 497px; padding: 5px 10px; color: #8D014D; }
.belowFold2 h3 { color: #8D014D; }
.belowFold2 { position: relative; padding-left: 100px; /*background-color: #ebebeb;*/ }
.subcontainer { background: #fff; width: 497px; padding: 10px 10px 20px 10px; margin: 0 0 5px 0; overflow: hidden; }
.subcontainer h3 { color: #8D014D; line-height: 1.2em; }
.subcontainer h3 a { font-weight: bold; }
.subcontainer-img { float: left; width: 153px; margin-right: 10px; }
.subcontainer-content { float: left; width: 316px; }

/*.subpageJoinBtn { position: relative; left: -5px; }*/


/* Home page styling */

#flashtour { background: url(/images/tourBg.jpg) no-repeat top left; margin: 10px 0 0 5px; width: 264px; height: 245px; padding: 13px; }

.homesuccess { height: 258px; background: #fff url(/images/tmhs_large_sprite.png) no-repeat -300px 212px; }
.homesuccess img { padding: 5px; }
.homesuccess h3 { line-height: 1.4em; color: #8D014D; padding: 5px 10px; }
.homesuccess p { padding: 0 10px; }

.dietplans-container {position:relative; width: 355px; float: left; background: #EBEBEB url(/images/tmhs_home_sampleplan.jpg) no-repeat;  }
.dietplans-container span.decoration{ position:absolute; bottom:-28px; left:90px; width:85px; height:91px; background:transparent url(/images/tmhs_large_sprite.png) no-repeat -973px -57px;}
.dietplans-links { float: left; width: 170px; }
.dietplans-links p { font: 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 10px 0; }
.dietplans-links ul { width: 150px; }
.dietplans-links li { padding: 0 10px; width: 150px; }
.homedietplan, .homedietplan a { width: 175px; height: 255px; margin: 0; float: left;}
.homedietplan a{ text-indent:-99999px; overflow:hidden;}
.homedietplan img, .homedietplan2 img { padding: 5px; }
.homedietplan p, .homedietplan2 p { line-height: 1em; color: #8D014D; padding: 5px 10px; font-size: .95em; font-weight: bold; }
.homedietplan2 { width: 170px; height: 255px; margin: 0 0 10px 0; float: left; background: #FFFFFF url("/images/tmhs_large_sprite.png") no-repeat -300px 210px; }
.homedietplan2 p{ padding:5px 10px 0;}
.homedietplan2 ul li{ line-height:1.3em;}
.homedietplan2 ul li a{ color:#000000;}



.community-container { width: 510px; background: #fff; overflow: hidden; padding: 10px; margin-bottom: 10px; }

/* Diet Plans */
.dietdetails-container { background: #fff; overflow: hidden; padding: 10px; width: 497px; margin-left: -10px; }
.samplePlan .sampleMenu { background: #fff; overflow: hidden; padding: 10px; width: 497px; margin-left: 0; }
.samplePlan { margin-left: -10px; }
.moreAbout h4 { font-size: 12px; color: #8D014D; }

/*//////////////////////
Right side Col
//////////////////////*/

/* login Box*/

#headerContainer #login{ position: relative; top: 35px; left:10px; width:300px; margin: -25px 0 10px 0; }
#rightSideCol #login{display:inline; float:right; width:300px; margin: 0 0 10px 0; background: url(/images/line.jpg) no-repeat bottom left; padding-bottom: 10px; }
#headerContainer #login p strong { margin-left: 5px; color: #004354; }
#rightSideCol #login p { margin: 0 0 0 0; }
#headerContainer #login fieldset, #rightSideCol #login fieldset{ width:298px; height:30px; }
#headerContainer #login label, #rightSideCol #login label{display:none;}
#headerContainer #login input, #rightSideCol #login input{border:1px solid #809DB9; display:inline; float:left; font-size:0.8em; line-height:1em; margin:6px 0 0 5px; padding:3px 0 0; width:90px;}
#headerContainer #login input.btn, #rightSideCol #login input.btn{width:auto; height:auto;margin:0 10px 2px 5px; float:right; _float:left; border:0;}
#headerContainer #login div.rememberMe, #rightSideCol #login div.rememberMe{margin:0; font-size:.85em;}
#headerContainer #login div.rememberMe span, #rightSideCol #login div.rememberMe span{float:left;padding-top:3px;}
#headerContainer #login div.rememberMe a, #rightSideCol #login div.rememberMe a{float:left;font-size:0.8em;padding-top:7px;}
#headerContainer #login div.rememberMe input, #rightSideCol #login div.rememberMe input{width:auto; height:10px; float:left; border:0; margin-right:5px;}

/* Right side add*/
#rightSideCol { margin-left: 5px; }
#rightSideCol #rightSideAdd{ background: url(/images/success/tmhs_elaine.jpg) no-repeat 10px top; width:290px; height:250px; margin:20px 0 0 0; }
#rightSideCol #rightSideAdd p { position: relative; top: 110px; left: 10px; width:200px; }
#rightSideCol #rightSideAdd p a#rightSideAddLink{color:#FFFFFF; float:left;font-family:Trebuchet MS,Arial,Sans-Serif;font-size:1.1em;font-weight:600;line-height:normal; padding:7px 0 0 0; *padding-top:14px; _padding-top:15px;}
#rightSideCol #rightSideAdd p a#rightSideAddLink:hover {color:#000000; text-decoration:none; }

/*success stories*/
#rightSideCol #successRightSide{position:relative;float:left; margin:3px 0 20px; _margin:0 0 20px;padding:0 0 20px 0px; background:#f0f0f0 url(/design/images/successtitle_home_bg.gif) no-repeat left top; width:299px; height:13.5em}
#rightSideCol #successRightSide h2{padding:0 0 0 10px; margin:0; line-height:1.5em; color:#fff; }
#rightSideCol #successRightSide img{position:absolute; top:0; right:0;}
#rightSideCol #successRightSide p{float:left; padding:5px 125px 0 10px; margin:0;}
#rightSideCol #successRightSide p#title { padding:5px 100px 0 10px; } 
#rightSideCol #successRightSide p a{color:#C61049; font-size:1em;}
#rightSideCol #successRightSide p a:hover{text-decoration:underline;}

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


/* Home intro styling */

#home #howdoesitwork{float:left; margin:0 10px 0 0; width:345px;}
#home #howdoesitwork h2{width:auto;}
#home .howdoesitwork {text-align: left; font-weight: bold; color: #fff; width: 345px; padding:0; float:left; }
#home .howdoesitwork li {float:left; background:#fff url(/images/tmhs_wj_sprite.png) no-repeat; padding: 5px; width:154px; height:90px;}
#home .howdoesitwork li a { color: #8E004D; float:left; width:105px; height:85px; padding-right:50px; }
#home .howdoesitwork li.bg-tm-1 {margin:0 15px 15px 0; background-position:0 3px; }
#home .howdoesitwork li.bg-tm-2 {margin:0 0 15px 0; background-position:0 -96px;}
#home .howdoesitwork li.bg-tm-3 {background:transparent url(/images/tmhs_wj_sprite.png) no-repeat; background-position:0 -316px; padding-bottom:12px; margin:0 15px 0 0;}
#home .howdoesitwork li.bg-tm-4 {background-position:0 -197px;}



/*News / Benefits / success / Nutritionists/ Eating Plan / profile*/

p.info { width: 270px; padding-left: 10px; }
body#successStories p.info, body#benefits p.info { width: 260px; padding-left: 20px; }
.homeintro { position: relative; left: 10px; _padding-left:20px; }
.homeintro h1 { width: 270px; }
.homeintro p { width: 270px; margin-left: 10px; }
.homeintro h2 { margin: 10px 0 0 10px; width: 270px; }

.homeintro #welcome{float:left;position:relative; top:-10px;background: #fff url(/images/welcome_home_bg.jpg) no-repeat; padding:0 10px 20px 0; margin-left:5px; width:260px;}
.homeintro #welcome h1{margin-top:5px;width:250px;}
.homeintro #welcome p{width:255px;}



body#benefits div.xxxx div, body#experts div.xxxx div, body#news div.xxxx div, body#successStories div.xxxx div, body#successStoriesMember div.xxxx div
{float:left; width:100%; padding-top:5px; padding-bottom:20px;}
body#benefits div.xxxx img, body#news div.xxxx img, body#news_subSection div.xxxx img, body#successStories div.xxxx img, body#successStoriesMember div.xxxx img {float:left; margin-right:20px; width:140px; height:140px;}
.news-features h2{ width: 492px; background:transparent url(/images/tmhs_large_sprite.png) no-repeat scroll 0 -56px; color: #fff; font-size: 1em; font-weight: bold; padding: 15px 0 10px 25px; border:none; margin:0 0 5px 0;}

body#experts div.xxxx div {padding:0;}
body#experts div.xxxx img {float:left; margin-right:20px; width:140px; height:160px;}
body#experts div.xxxx h4 span {display:block; font-size:1.6em; margin-top:10px;}

body#news .xxx p{margin-top:auto;}
body#news_subSection .xxx h2{margin-bottom:3px;}
/*body#news_subSection .xxx br{display:none;}*/
body#news_subSection .xxx .newsbody br { margin-bottom: 0; }
body#news_subSection img{ margin-right:20px;}
body#news_subSection div.x {padding:0; margin-right:20px; width:140px; float: left;}
body#news_subSection div.xx {margin:0; width: 300px; float: left;}
body#news_subSection div.xxx {width:517px;}
body#news_subSection .newsbody { background: #fff; padding: 10px; margin-bottom: 10px; }
body#news_subSection .newsbody p { margin-bottom: 10px; }
body#news_subSection .xxx img { margin: 10px; }
body#news_subSection .article-container { background: #fff; padding: 10px; margin-bottom: 5px; width: 497px; }
body#news_subSection .subpageJoinBtn img { margin-left: 0; margin-right: 0; }

body#successStoriesArticle .xxx div.copy, body#experts div.xxx div.copy{float:left; width:330px;}
body#successStoriesArticle .copy p {margin:5px 0 20px 0;}
body#successStoriesArticle .xxx .copy img { float: right; margin: 0 0 10px 10px; }
body#successStoriesArticle .xxx img{margin:5px 20px 20px 0; float:left;}
a.toStory {margin:10px 0 0 0; float:left;}
.success-content { background: #fff; overflow: hidden; padding-top: 10px; width: 517px; }

#selectEatingPlanDD { width: 517px; display: block; }
body div.xxxx div#selectEatingPlanDD { margin:0 10px 0 0; height:240px; padding:0 0px 20px 0; width:530px;}
.selectEating-intro { background: #fff url(/images/dietplan-into-img.jpg) no-repeat right center; width: 497px; padding: 10px; }
div#selectEatingPlanDD p {padding:0 0 10px 0; width:280px;}
div#selectEatingPlanDD h4 {width:250px; float:left; margin-left:20px; _margin-left:20px;}
div#selectEatingPlanDD form{background: transparent url(/images/tmhs_large_sprite.png) no-repeat 0 -56px; width:512px; height:34px; padding: 12px 0 0 5px; margin:10px 0 0 0; display:block; color: #fff;}
div#selectEatingPlanDD h2{color:#FFF; float:left; padding-bottom:0;}
div#selectEatingPlanDD select{float:left; margin-left:20px; font-size:.9em;}

div.dietDetails{width:497px; padding:0 10px 10px 10px; margin-bottom:10px;}
div.dietDetails h4 {padding:3px 0 5px 0; font-family:Trebuchet MS,Arial,Sans-Serif; font-size:.9em; color:#000; line-height:1.6em; font-weight:bold; margin:0px; color: #004354; }

/*trying to fix ie7 proble, ??*/
div#planDetails {clear:both; /*position:relative; top:5px;*/ width:517px; padding:0; min-height:1;}
#planDetails h2 { margin-bottom: 0; width: 497px; color: #8D014D; }
div.eatingPlanRow h4 {width:497px; clear: both;}
div.eatingPlanRow ul{width:328px;float: left;}
div.eatingPlanRow ul li{ background:transparent url(/design/images/list_bullet.gif) no-repeat 0 2px; padding:0 0 10px 20px; line-height:1.2em;}
div.eatingPlanRow img{margin:-25px 5px 0 0; float:right;}
div.moreAbout{float:left; width:497px; margin:10px 0;}

div.samplePlan{ margin:10px 0 0 -10px; width: 497px;}
div.samplePlan ul{margin-top:5px;}
div.samplePlan li{display:inline; width:120px; float:left; margin-right:5px;}
div.samplePlan li.noMargin{margin-right:0;}
div.samplePlan img{width:120px; height:120px;}
div.samplePlan span{color: #8E004D;font-weight:700; float:left;width:120px; font-size:1em;}
div.samplePlan h4 { background-color: #fff; font-size: 1.2em; color: #8D014D; padding-left:10px; font-weight: normal; width: 507px; }

body#programmes div#freeprofile2{margin:-10px 0 20px 0;}

/* ----- Free Diet Profile Form 1 -------*/
#metric {visibility: hidden; float:left; width: 290px; }
#imperial {visibility: visible; float:left; width: 290px; }
#freeprofile1 { width:290px; height:16em; margin:0 0 10px 5px; padding: 0 0 20px 0; background: #fff url(/images/tmhs_large_sprite.png) no-repeat 0 230px; overflow: hidden;}
#freeprofile1 h2 span { font-size: 14px; }
#freeprofile1 h2 { width: 255px; font-size:1.6em; line-height:1em; color:#fff; margin-bottom:10px; padding:15px 0 15px 35px; background: url(/images/fdpHomeTitBg.png) no-repeat 0 0; border:none;}
#freeprofile1 .formfields{display:inline;}
#freeprofile1 .formfields label{padding-bottom:10px;margin-left:15px;  float:left; font-size:1em;}
#freeprofile1 .formfields input, #freeprofile1 .formfields select{font-size:.8em; margin-left:10px; width:66px;}
#freeprofile1 .formfields fieldset#ageField, #freeprofile1 .formfields fieldset#sex_pos{float:left;}
#freeprofile1 .formfields input#age{width:20px; margin-right:20px;}
#freeprofile1 .formfields select#sex_set{width:85px;}
#freeprofile1 .formfields #submit_btn{width:280px; padding:0; margin:0; float:left; clear:left;}
#freeprofile1 .formfields #submit_btn label{margin:3px 0 0 0;}
#freeprofile1 .formfields #submit_btn input{padding:0; margin:0; width:auto;}
#freeprofile1 .formfields p.prefer{float:left; width:280px; margin:5px 0 0 15px; display:inline;}
#freeprofile1 .formfields p.prefer a{color:#8D014D !important;}

#freeprofile2 { width:350px; height:16em; margin:0 10px 10px 0; padding: 0 0 20px 0; background: #fff url(/images/tmhs_large_sprite.png) no-repeat 50px 230px; overflow: hidden; float: left;}
#freeprofile2 h2 span { font-size: 14px; }
#freeprofile2 h2 {font-size:1.6em; line-height:1em; color:#fff; margin: -3px 0 10px 0; padding:15px 0 15px 35px; background: url(/images/fdpHomeTitBg.png) no-repeat 0 0; border:none;}
#freeprofile2 .formfields{display:inline;}
#freeprofile2 .formfields label{padding-bottom:10px;margin-left:15px;  float:left; font-size:1em;}
#freeprofile2 .formfields input, #freeprofile2 .formfields select{font-size:.8em; margin-left:10px; width:66px;}
#freeprofile2 .formfields fieldset#ageField, #freeprofile2 .formfields fieldset#sex_pos{float:left;}
#freeprofile2 .formfields input#age{width:20px; margin-right:20px;}
#freeprofile2 .formfields select#sex_set{width:85px;}
#freeprofile2 .formfields #submit_btn{width:280px; padding:0; margin:5px 0 0 0; float:left; clear:left;}
#freeprofile2 .formfields #submit_btn label{margin:3px 0 0 0;}
#freeprofile2 .formfields #submit_btn input{padding:0; margin:0; width:auto;}
#freeprofile2 .formfields p.prefer{float:left; width:280px; margin:5px 0 0 15px; display:inline;}
#freeprofile2 .formfields p.prefer a{color:#8D014D !important;}

#home #freeprofile2 { width:270px; position:relative; top:-20px; margin:0 0 0 10px; display:inline; height:14em;  }
#home #freeprofile2 h2 {padding:10px 0 10px 35px; width:225px;}
#home #freeprofile2 .formfields label{padding-bottom:5px; margin-left:12px;}
#home #freeprofile2 .formfields #submit_btn label{margin-left:0;}
#home #freeprofile2 .formfields p.prefer{margin-left:10px;}

.welcome-tracking { position: absolute; left: -9999px; }


/* Rotating container */
#home #tabbedPromo { left: 5px; top: 0; }

#tabbedPromo { width: 520px; position: relative; top: 0; left: 5px; }
#tabbedPromo h1 { font-size: 1.8em "Trebuchet MS", Arial, Helvetica, sans-serif; width: 480px; padding: 5px 10px; font-weight: normal; }
#tabbedPromo h2 { font-size: 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif; width: 480px; padding: 5px 10px; font-weight: normal; }
#tabbedPromo h3 { font: 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif; }
#tabbedPromo ul { padding: 0; margin: 0; width: 30px; float: left; }
#tabbedPromo li { margin: 0 0 1px 0; padding: 0; width: 20px; line-height: 39px; font-size: .8em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
#tabbedPromo li a { margin: 0; height: 39px; text-align:center; display: block; background: #000; color: #fff; }
#tabbedPromo li a:hover { background: #8D014D; }
#tabbedPromo li.active a { width: 22px; background: #fff url(/images/tabbed-active.png) no-repeat 0 0; color: #000; text-align: left; padding: 0 0 0 8px; font-weight: bold; }

#successStories #tabbedPromo li { line-height: 106px; display: block; }
#successStories #tabbedPromo li a { height: 106px; }

#tabbedPromo dl { float: left; width: 475px; }
#tabbedPromo dt { font: 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; width: 475px; padding-left: 5px; margin-bottom: 10px; color: #004354; }
#tabbedPromo dd { font-size: .8em; width: 475px; padding-left: 5px; line-height: 1.6em; }
#tabbedPromo dl.wj-t1 { background: transparent url(/images/wj-ti-1.jpg) 5px 0 no-repeat; width: 475px; padding: 324px 10px 0 0; }
#tabbedPromo dl.wj-t2 { background: transparent url(/images/wj-ti-2.jpg) 5px 0 no-repeat; width: 475px; padding: 324px 10px 0 0; }
#tabbedPromo dl.wj-t3 { background: transparent url(/images/wj-ti-3.jpg) 5px 0 no-repeat; width: 475px; padding: 324px 10px 0 0; }
#tabbedPromo dl.wj-t4 { background: transparent url(/images/wj-ti-4.jpg) 5px 0 no-repeat; width: 475px; padding: 324px 10px 0 0; }
#tabbedPromo dl.wj-t5 { background: transparent url(/images/wj-ti-5.jpg) 5px 0 no-repeat; width: 475px; padding: 324px 10px 0 0; }
#tabbedPromo dl.wj-t6 { background: transparent url(/images/wj-ti-6.jpg) 5px 0 no-repeat; width: 475px; padding: 324px 10px 0 0; }
#tabbedPromo dl.wj-t7 { background: transparent url(/images/wj-ti-7.jpg) 5px 0 no-repeat; width: 475px; padding: 324px 10px 0 0; }
#tabbedPromo dl.wj-t8 { background: transparent url(/images/wj-ti-8.jpg) 5px 0 no-repeat; width: 475px; padding: 324px 10px 0 0; }

#tabbedPromo dl.ss-t1 { background: transparent url(/images/success/ss-ti-1.jpg) 5px 0 no-repeat; width: 475px; padding: 324px 10px 0 0; }
#tabbedPromo dl.ss-t2 { background: transparent url(/images/success/ss-ti-2.jpg) 5px 0 no-repeat; width: 475px; padding: 324px 10px 0 0; }
#tabbedPromo dl.ss-t3 { background: transparent url(/images/success/ss-ti-3.jpg) 5px 0 no-repeat; width: 475px; padding: 324px 10px 0 0; }

#tabbedPromo dl.hp-t1 { background: transparent url(/images/wj-ti-10.jpg) 5px 0 no-repeat; width: 475px; padding: 324px 10px 0 0; }
#tabbedPromo dl.hp-t1 img { position: absolute; top: 0; left: 5px; }
#tabbedPromo dl.hp-t2 { background: transparent url(/images/success/ss-ti-4.jpg) 5px 0 no-repeat; width: 475px; padding: 324px 10px 0 0; }
#tabbedPromo dl.hp-t3 { background: transparent url(/images/wj-ti-1.jpg) 5px 0 no-repeat; width: 475px; padding: 324px 10px 0 0; }
#tabbedPromo dl.hp-t4 { background: transparent url(/images/wj-ti-2.jpg) 5px 0 no-repeat; width: 475px; padding: 324px 10px 0 0; }
#tabbedPromo dl.hp-t5 { background: transparent url(/images/wj-ti-3.jpg) 5px 0 no-repeat; width: 475px; padding: 324px 10px 0 0; }
#tabbedPromo dl.hp-t6 { background: transparent url(/images/wj-ti-4.jpg) 5px 0 no-repeat; width: 475px; padding: 324px 10px 0 0; }
#tabbedPromo dl.hp-t7 { background: transparent url(/images/wj-ti-5.jpg) 5px 0 no-repeat; width: 475px; padding: 324px 10px 0 0; }
#tabbedPromo dl.hp-t8 { background: transparent url(/images/wj-ti-8.jpg) 5px 0 no-repeat; width: 475px; padding: 324px 10px 0 0; }
#home #tabbedPromo dt a{ color: #004354; }
/*#home #tabbedPromo dl.hp-t1 dt{ text-indent:-9999px; overflow:hidden; height:0;}*/


.js #tabbedPromo dl { display: none; }
.js #tabbedPromo dl.active { display: block; }

.homepagepromo { background: #000; width: 512px; height: 410px; position: relative; top: -5px; left: 5px; }

/*Footer*/

div#backdropFooter {background:#666; padding: 3px 0; margin: 0 10px 0 10px; width: 964px;}
div#subfooter {height:39px;position:relative;text-align:center;z-index:2;}
#subfooter ul#primaryNav {padding:10px 0 0;}
div#subfooter ul#primaryNav li {border-right:1px solid #FDD7E3;display:inline;font-family:Trebuchet MS,Arial,Sans-Serif;font-size:.928em;line-height:10px;margin:0 0 0 7px;padding:0 7px 0 0;}
div#subfooter ul#primaryNav li a {color:#FFFFFF;line-height:13px;}
div#subfooter ul#primaryNav li a:hover {color:#FFFFFF;text-decoration:underline;}
div#footer {clear:both;color:black;float:right;font-family:Trebuchet MS,Arial,Sans-Serif;font-size:.9em;position:relative;text-align:center;width:100%;z-index:2; padding-top:5px;}
div#footer p {color:#fff;margin-bottom:5px;}
div#footer span {color:#000000;}
div#footer p a {font-weight: bold;color:#fff;text-decoration:none;}
div#footer p a:hover {color:#FFFFFF;text-decoration:underline;}
div#footerAds {text-align:center;}
div#bottomAdd {clear:both; margin:20px 0 20px 0; height:180px;}

/* Buttons */
a.joinBtn {background:transparent url(/images/join-main-btn.jpg) no-repeat scroll 0 0; margin:10px 0 20px 5px; float:left;color:#ffffff; text-align:center; width:660px; height:36px; padding:4px 0 0;  _padding:10px 0 0; font-weight:bold;}
a.joinBtn span  {font-family:Trebuchet MS,Arial,Sans-Serif; font-size:1.2em; font-weight:400; color:#ffffff;}
a.joinBtn:hover {color:#f90; text-decoration:none;}

a.linkBtn { background: transparent url('/images/btn-right.gif') no-repeat scroll top right; display: block; float: left; height: 28px; 
margin-right: 6px; padding-right: 20px; text-decoration: none; color: #ffffff; font-family:Trebuchet MS,Arial,Sans-Serif; font-size:auto;
font-weight:bold;}
a.linkBtn span { background: transparent url('/images/btn-left.gif') no-repeat; display: block; line-height: 18px; padding: 5px 0 5px 18px; 
color:#ffffff;} 
a.linkBtn:hover span{color:#fc0; text-decoration:none;}

#successStoriesArticle a.linkBtn {margin:10px 0 10px 150px; font-size:1em;}
#popup a.linkBtn, #favourite a.linkBtn { margin-top:20px; }

/*Lists*/
ul#general li {background:#FFFFFF url(/design/images/list_bullet.gif) no-repeat scroll 0 4px;line-height:1.4em;padding:0 0 0 25px;}
body#dietprofile .errorMsg li { background: transparent url(/design/images/list_bullet.gif) no-repeat scroll 0 4px;}

/*Subnav*/
#subNav { margin-left: 10px; }
#subNav h2 {margin:0 0 10px 0;}
ul.subNav li a{background: transparent url(/design/images/list_bullet.gif) no-repeat scroll 0 -2px;line-height:1.4em;padding:0 0 0 25px;}

#news_subSection ul.subNav li a{ float: left; margin-right: 10px; line-height:1.4em; padding:0 0 0 15px;}

/* Error Message */
body#help_nm_contactUs .errorMsg {width:465px; background: transparent url(/images/errorBG.png) no-repeat left bottom; padding:10px 20px 45px 20px; /*width:100%; _width:640px;*/ border-top: 2px solid #F0C000; display: block; clear: both;}
body#dietprofile .errorMsg, body#dietprofileReg .errorMsg, body#login .errorMsg, body#myProfile .errorMsg, body#promoRegistration .errorMsg{width:477px; background: transparent url(/images/errorBG.png) no-repeat left bottom; padding:10px 20px 50px 20px; /*width:100%; _width:640px;*/ margin-bottom:5px; border-top: 2px solid #F0C000; display: block; clear: both;}
body#help_nm_contactUs .errorMsg span, body#dietprofile .errorMsg span{display:block; font-size:1.4em; font-weight:bold; margin:0 0 10px 0; font-size:1.1em; }
body#dietprofileReg .screenName, body#promoRegistration .screenName{ background:#FBEAF0; display:block; float:left; width:472px; padding:10px; margin: 0 0 10px 10px; }
body#dietprofileReg .errorMsg {margin:10px 0 20px 0; clear:both; display:block; height:auto;}
body#login .errorMsg {margin-bottom:10px;}
body#myProfile .errorMsg {margin:10px 0; width:633px;}
body#promoRegistration .errorMsg h3 {margin:0 0 10px 0;}

/*Forgot password*/
body#login #submitForgotForm {background:url(/images/formBtn.gif); border:none; width:359px; height:28px; color:#FFFFFF; font-weight:bold; cursor:pointer;}


body#fitnessPopup div{width:630px; height:330px; padding:10px; background:transparent url(/images/fitnessPopBg.jpg) no-repeat 0 0;}
body#fitnessPopup h2{color:#fff; font-family:Trebuchet MS,Arial,Sans-Serif; font-size:1.1em; font-weight: normal; padding:0 0 10px 0; margin:94px 0 20px 175px; }
body#fitnessPopup p { width: 400px; margin-left: 175px; }
body#fitnessPopup p strong{color:#000; font-family:Arial, Helvetica, sans-serif; font-size:.9em; padding:0; margin:0;}
body#fitnessPopup ul{ list-style-position:outside; list-style:none; margin:20px 0 20px 160px; padding:0; width:400px;}
body#fitnessPopup ul li{margin-left:10px; font-family:Arial, Helvetica, sans-serif; font-size:.8em; padding-bottom:12px; background:url(/design/images/list_bullet.gif) no-repeat scroll 0 4px; padding:0 0 0 25px;}
body#fitnessPopup p.close a:link, body#fitnessPopup p.close a:visited{color:#000; font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:700; position: absolute; top: 20px; left: 540px;}

/* Welcome page*/

body#WelcomePage #confirmationHeader {background:transparent url(../images/welcome_headerBG.jpg) no-repeat center top; margin:20px 0;width:517px;}
/*body#WelcomePage .clearfix {float:none;}*/
body#WelcomePage #paymentDetails, body#WelcomePage #loginDetails  { width:517px; float: left; margin:0 10px 10px 0; display:inline;}
body#WelcomePage #loginDetails {margin-right:0px;display:inline;}
body#WelcomePage #loginDetails div { background: #fff; padding: 10px; }
body#WelcomePage #paymentDetails h2, body#WelcomePage #loginDetails h2{ width: 492px; background:transparent url(/images/tmhs_large_sprite.png) no-repeat scroll 0 -56px; color: #fff; font-size: 1em; font-weight: bold; padding: 15px 0 10px 25px; border:none; margin:0 0 5px 0;} 
body#WelcomePage #paymentDetails h4{ margin:0 0 5px 0;}
body#WelcomePage #loginDetails p { padding:0; }
body#WelcomePage #remember p , body#WelcomePage #loginDetails p{ padding:0 0 10px 0;}
/*body#WelcomePage div.xx {float:right; padding:0; margin:0;}*/
body#WelcomePage #gettingStarted { float:left; margin:0; /*width:585px;*/}
body#WelcomePage #gettingStarted h2 { margin-bottom: 5px; }
body#WelcomePage #gettingStarted img{float:right; padding:3px; margin:0 0 10px 10px;}
body#WelcomePage #gettingStarted p {margin-bottom:10px;}
body#WelcomePage #contactCtr div { background: #fff; overflow: hidden; padding: 10px 0 0 0; width: 517px; }
body#WelcomePage #contactCtr img { float:left; margin:0 5px;}
body#WelcomePage #contactCtr ul#general{margin:10px 0 10px 10px; float:left; width:520px;}
body#WelcomePage #readyCtr {margin:0; width:517px;}
body#WelcomePage #readyCtr img {float:left; padding:3px; margin:0 10px 10px 0;}
body#WelcomePage #readyCtr p { padding: 0 10px; }
body#WelcomePage #date {margin:10px 0 0px 0px;}
/*body#WelcomePage .greyCtr { background: #f0f0f0; padding: 10px; margin:0 0 10px 0;}*/
body#WelcomePage #remember { background: #fff; width: 497px; padding:10px; margin-bottom:10px;}
#WelcomePage #cancelAcc { margin:10px 0; }
#WelcomePage #cancelAcc div, #WelcomePage .paymentDiv div { background: #fff; padding: 10px; width: 497px; }
body#WelcomePage .congrats { padding: 5px 10px; }

body#WelcomePage a.linkBtn , body#WelcomePage .clearfix a.linkBtn{ margin:15px 0; float:none; text-align:center;}


/*Framesize*/
body#framesize .btn { background:url(/images/btn-sml.gif) no-repeat; width:80px; height:19px; border:none; color:#ffffff; cursor:pointer; font-weight:bold;padding-bottom:3px; _padding-bottom:0px; *padding-bottom:0px;display:block; clear:both;}

/* Print meal plan*/
body#popup .recipePrintdisplaybordercolour .mealdisplayinnerCtr table{ font-size:.8em; line-height:1.6em;}

/* join now banner */
.joinnowBanner { float: left; width: 115px; position: relative; left: 0; }
.joinnowBanner2 { float: left; width: 115px; position: relative; left: 0; top: 0; display: inline-block; }

/* Terms and conditions */
ol#termsConds { list-style-type:decimal; list-style-position:outide; font-size: 1em; }
ol#termsConds li { margin-left: 20px; }
ol#termsConds li ul { margin: 10px 5px; }
ol#termsConds li li { font-size: 1em; list-style: square; }

#termsConds h4 { margin:20px 0 5px 0; font-size: 1em; }
#termsConds h5 { margin: 10px 0; }
#termsConds p { font-size: 1em; margin-bottom: 10px; }

.hp-terms { color: #666; font-size: .8em; margin-bottom: 10px; }


body#help_nm label.btn input { background:url(/myediets/images/btn.jpg) no-repeat; width:117px; height:28px; border:none; color:#ffffff; cursor:pointer; font-weight:bold;padding-bottom:5px; _padding-bottom:0px; *padding-bottom:0px;display:block; clear:both; text-align:center; width:120px;}

img#lostPwrd { margin-right:10px;}

body#Billing form#ccUpdate {background: #fff url(/myediets/images/fold-right.jpg) no-repeat right bottom; padding:10px; width:653px; overflow: hidden; margin-top: 10px;}
body#Billing form#ccUpdate p { padding:10px 10px 10px 0;}
body#Billing form#ccUpdate p label {clear:both;float:left;font-size:1em;margin-right:10px;width:300px; font-weight:bold;}
body#Billing form#ccUpdate input,body#Billing form#ccUpdate select {width:200px;}
body#Billing form#ccUpdate #expMon, #expYr {width:70px;}
body#Billing form#ccUpdate .btnB {background:url(/myediets/images/btnB.gif) no-repeat; width:140px; height:28px; border:none; color:#ffffff; cursor:pointer; font-weight:bold;padding-bottom:5px; float:left; clear:both; margin:10px 0 0 310px;}
body#Billing #contactDetails {float:left; clear:both; margin-top:20px; width:300px;}
body#Billing .btn{ background:url(/myediets/images/btn.jpg) no-repeat; width:117px; height:28px; border:none; color:#ffffff; cursor:pointer; font-weight:bold;padding-bottom:5px; _padding-bottom:0px; *padding-bottom:0px;display:block; clear:both; text-align:center; width:120px; margin:20px 0;}

div#ccDetails { clear:both; display:block; clear:right;}
div#ccDetails .cardsImg{ margin:10px 0; }
div#ccDetails .cardsImg img{ margin:10px 15px 0 0; }
div#contactDetails {clear:both; margin:0 0 10px 0; }

.sentDetails { background: #f5f5f5; padding: 10px; width: 480px; margin: 5px 0; overflow: scroll; height: 100px; }
.botPad { padding-bottom: 5px; }

body#help_m #editAccBtn { margin:20px 0;}

body#popup #printCal {float:right; font-size:1em;}
body#login #emailSent h3 {margin:0 0 10px 0;}
body#login #forgotForm { background: #fff url(/images/tmhs_large_sprite.png) no-repeat 231px 104px; padding: 10px; /*width: 503px;*/ height: 130px; }
body#login #emailSent #forgotForm { margin:20px 0;}
body#login #emailSent #forgotForm .check{ margin:0 0 0 180px;}

.pad10lr { padding: 0 10px; }

p.goalBMI { width: 140px; float: left; }
iframe#paymentcontainer  {border:0 none;height:700px;width:770px;}

#viewprogress { clear: both; text-align: center; padding: 1px 0; background: #ebebeb; margin-top: 10px; }