/*
Updated by Paul Sturrs
date: 16 Jan 2008
*/




/*global styles */

* { margin: 0; padding: 0; }

body { margin: 0; background: #fff url(/images/bodyBG2.jpg) repeat-y top; padding: 0; font: 65% Arial, Helvetica, sans-serif; color: #000; }

p, .text { font: 11px Arial, Helvetica, sans-serif; background-color: transparent; color: #000; line-height:15px; margin-bottom: 10px; }

p.indent { padding: 0 0 0 20px; }

p.hdr{ color:#000; }

td { font: 11px Arial, Helvetica, sans-serif; background: none;	color: #000; text-align:left; line-height:15px; padding: 0; margin:0; }

hr { border: none 0; border-top: 1px dotted #ccc; height: 1px; margin: 5px 0; }

table { border-collapse: collapse; }

.hide { display: none; }

ol, ul { margin: 0 0 10px 0; padding: 0; }

input, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin-right: 5px; }

img { border: 0; }

blockquote.successquote { font: 1.4em "Times New Roman", Times, serif; color: #000; margin: 0 0 10px 10px; text-align: left; width: 255px; float: right;  }

ul.inlineList { margin: 0; padding: 0; }

.inlineList li { display: inline; list-style: none; }

img.noBorder, #noBorder { border-width: 0; }

p.successStoriesHeader { position:relative; top: 50px; }

#topBanner { float: right; position: relative; top: 11px; right: 4px; width: 728px; height: 90px; background: #fff;  }

.viewprogress, .viewprogress td { background: #d9edbb; text-align:center; margin: 5px 0; }

/*styles for headers*/

h1 { font: 2em "Times New Roman", Times, serif; margin-bottom: 10px; }

h2 { font: 1.8em "Times New Roman", Times, serif; margin-bottom: 10px; }

h3 { font: 1.6em "Times New Roman", Times, serif; margin-bottom: 10px; }

h4 { font: 1.4em "Times New Roman", Times, serif; margin-bottom: 10px; }

h5 { font: 1.2em "Times New Roman", Times, serif; margin-bottom: 10px; }




/* font colours  */

.black { color:#000000; }	

.red { color:#FF0000; }

.white { color:#FFFFFF; }

.yellow { color:#FFDF00; }

.lightGreen { color: #D3D51D; }



h1#fabulousLogo { background: url(/images/logo_fabulous.gif) no-repeat top left; float: left; }

h1#fabulousLogo a { display: block; width: 258px; height: 133px; padding: 0; margin: 0; }

h1#fabulousLogo a span { display: none; }

h3 a, h4 a  { color: #D3D51D; text-decoration: none; }

#headerMain { background: #D3D51D; width: 996px; height: 143px; padding: 0; margin: 0; clear: both; }

#notw_logo {  background: url(/images/logo_notw.gif) no-repeat top left; float: right; position: relative; top: 14px; right: 4px; }

#notw_logo a { display: block; width: 72px; height: 31px; padding: 0; margin: 0; }

#notw_logo a span { display: none; }




/*styles for hyperlinks*/

a {	color: #008BBF; font-weight: bold; text-decoration:none; }

a:link{ color: #008BBF; text-decoration:none; }

a:active{ color: #008BBF; text-decoration:none; }

a:visited{ color: #008BBF; text-decoration:none; }

a:hover{ color: #0033CC; cursor:pointer; text-decoration:none; }




#wrapper {  width: 996px; margin: 0 auto; position: relative; left: 1px; }

#siteContent { width: 603px; margin:  0 20px 20px 20px; padding: 0; }

#siteContent ul { margin-left: 15px; }

#rightColAds { margin-right: 20px; }

.white { background-color: white; vertical-align: top; }

body#siteContentPopup { background: #fff; padding: 20px; }




/* Styles for secondary navigation across site*/

td.topmenu{	text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#9dad3c; font-weight:normal; vertical-align:middle;	height:25px; }

td.topmenu a, td.topmenu a:active, td.topmenu a:link, td.topmenu a:visited { color: #102f6f; font-weight:normal; text-decoration: none; }

td.topmenu a:hover { color: #fff; font-weight:normal; text-decoration: none; }




/* Revised Styles for secondary navigation across site 10 October 2007*/


#newNav { float:left; background: #D3D51D; width: 996px; margin: 0; padding: 0; border-top: 1px solid #fff; }

#newNav ul { list-style:none; margin: 0 0 0 20px; padding: 0; }
	
#newNav li { list-style:none; float:left; color:#fff; font: 1.1em Arial, Verdana, Arial, Helvetica, sans-serif; padding-right: 5px; display: block; margin: 0; }

#newNav li a { color:#000; font-weight: normal; text-decoration:none; display:block; padding: 5px; line-height: 20px; }

#newNav li a.unselected{ color:#000; text-decoration:none; }

#newNav li a.selected{ color:#FFDF00; background: #EF1C21; text-decoration:none; }

#newNav li a:hover{ color:#FFDF00; background: #EF1C21; text-decoration:none; }




/* Sub Nav */

#subNav { width: 996px; height: 30px; color:#fff; background: #EF1C21; border-top: 1px solid #fff; }

#subNav ul { list-style: none; margin-left: 20px; }

#subNav li { float: left; list-style: none; color: #00648A; padding-right: 12px; }

#subNav li a { display:block; padding: 5px; line-height: 20px; color:#fff; }

#subNav li a:hover { color:#EF1C21; background: #fff; text-decoration: underline; }




/* Second Level Nav */

#secondNav { background: #efefef; clear: both; float: left; height: 30px; margin: -8px 0 20px -8px; }

ul#secondNav  { list-style: none; padding-left: 5px; margin: -9px 0 0 0; width: 603px; }

#secondNav li { float: left; list-style: none; color: #00648A; padding-right: 12px; }

#secondNav li a { display:block; padding: 5px; line-height: 20px; text-decoration: none; }

#secondNav li a:hover { color: #00648A; text-decoration: underline; }

.secondNavdivide { background: url(../images/secondNav_divide.jpg) repeat-y right; }




/* Footer styles */

#footer { background: #C8DD2A; margin: 0; padding: 0; width: 996px; height: 25px; color: #fff; text-align: center; }

#mainFooter ul { padding: 0; margin: 0; }

#footer ul { margin-left: 15px; }

#footer li { display: block; float: left; list-style: none; padding: 5px; margin: 0; }

#footer a { color: #000; text-decoration: none; }

#footer a:hover { color: #fff; text-decoration: underline; }

#makebookmark { background: url(/images/bookmark.gif) no-repeat; position: relative; left: 350px; top: 2px; }

#makebookmark span { display: none; }

#makebookmark a { display: block; width: 223px; height: 22px; }

.colouredBar { clear: both; background: #D3D51D; display: block; height: 20px; margin: 10px 0; }

.footnote { color: #ccc; font-size: 10px; margin: 0 10px; }

#subfooter { background: #fff; width: 800px; height: 60px; margin: 10px 0 10px 20px; clear: both; }

#subfooter a { background: #fff; color: #000; }

#subfooter a:hover { color: #D3D51D; }

#subfooter li, #subfooter li li { width: 80px; list-style:none; float: left; }




/* PopUp Styling */

body#popup { background: #fff; font:Arial, Helvetica, sans-serif 11px; margin: 0; }

#popup .printMealPlan { float: right; position: relative; top: 84px; }

#popup #headerMain { width: 633px; height: 150px; }

#popup #logo { float: left; }

#popup #waterConsumption { float: right; padding: 10px; clear: both; }

#popup #siteContent { width: 603px; position: relative; top: 75px; }

#popup #siteContent h4 { font-family: "Times New Roman", Times, serif; font-size: 20px; }

#popup #siteContent h5 { font-family: Arial, Helvetica, sans-serif; padding-bottom: 3px; color: #EF1C21; font-size: 12px; border-bottom: 1px dotted #666; }

#popup #siteContent p { font-size: 11px; }

#popup .recipePrintdisplaybordercolour { border-width: 0; background: #eaeaea; }




/* Login Panels */

.loginPanel { height: 40px; text-align: left; margin: 0; padding: 1px 5px 5px 25px; }

#loginCTR { margin-right: 25px; text-align:right; }



/* Styles for tertiary(leftpanel) navigation across site*/

ul.leftmenu { list-style-type:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0000ff; font-weight:normal; }

ul.leftmenu a:link, ul.leftmenu a:visited { color:#0000ff; text-decoration:none; }

ul.leftmenu a:hover { color:#0000ff; text-decoration:none; }




/* Headline News Container */
#headlineNewsCtr { background: url(/images/CTRfooter_headNews.gif) bottom no-repeat; float: left; width: 292px; height: 292px; margin: 5px 0 0 0; padding: 0; }

#othernewsitems { margin: 1px 10px 5px 10px; padding-bottom: 5px; }

#othernewsitems a { margin-bottom: 5px; font-weight: bold; }




/* News Scroller */
#newsScroller { border: 1px dotted #666; border-width: 1px 0; margin: 20px 0; padding: 5px; clear: both; }

#newsScroller strong { color: #EF1C21; }




/* Reasons to Join Container */
#reasons2JoinCtr { background: url(/images/CTRfooter_reasons.gif) bottom no-repeat; float: left; width: 292px; margin: 0; padding-bottom: 20px; height: 240px; }

#reasons2JoinCtr h3 { font-family: "Times New Roman", Times, serif; font-size:30px; font-style:italic; font-weight:normal; color:#fff; margin: 20px 0 10px 0; color: #fff; padding: 5px; background: #EF1C21; }

#reasons2JoinCtr ul { margin: 0 0 10px 0; padding: 0; }

#reasons2JoinCtr li { margin: 0 0 0 15px; padding: 0; }



/* Success Stories Container */
#successStoriesCtr { background: url(/images/CTRfooter_success.gif) bottom no-repeat; float: left; width: 292px; margin: 0 0 0 12px; padding-bottom: 20px; height: 240px; }

#successStoriesCtr h3 { font-family: "Times New Roman", Times, serif; font-weight:normal; font-style:italic; font-size:30px; color: #fff; margin: 20px 0 10px 0; color: #fff; padding: 5px; background: #01A89E;  }

#successStoriesCtr h5 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; }

#successStories div { clear: both; }

.before_after { margin: 0 10px 10px 0; }

#successStoriesMembers { background: url(/images/successMembers_headImg.jpg) left no-repeat; width: 603px; margin: 20px 0 20px 12px; padding-bottom: 20px; height: 150px; }

.successStoriesMembersHeader { width: 280px; position: relative; left: 270px; }




/* Latest Diet News */
#latestDietNews { background: url(/images/CTRfooter_latestnews.gif) bottom no-repeat; float: left; width: 292px; padding-bottom: 20px; margin-left: 10px; }

#latestDietNews h3 { font-family: "Times New Roman", Times, serif; font-size:30px; width:292px; font-weight: normal; font-style:italic; margin: 20px 0 10px 0; background: #F7D721; color: #fff; padding: 5px; }

#latestDietNews h5 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; }

#latestDietNews img { margin: 0 0 10px 5px; }

#latestDietNews div { clear: both; }

.newsitem { margin-bottom: 20px; clear:both; }




/* How does it work */
#hdiwCtr { float: left; }

#hdiwCtr h3 { font-family: "Times New Roman", Times, serif; font-size:30px; font-weight: normal; margin: 20px 0 3px 0; background: #F7941D; color: #fff; padding: 5px 0; font-style:italic; width:292px; }

#hdiwCtr h3 span { margin-left: 5px; }

#hdiwCtr ul { width: 295px; height: 143px; margin: 0 0 10px 0; padding: 0; }

#hdiwCtr li { list-style: none; float: left; color: #fff; font: 1.2em "Times New Roman", Times, serif bold; text-transform:uppercase; text-align: center; font-weight: bold; width: 143px; margin: 0 3px 3px 0; }

#hdiwCtr li.hdiw_mealplan { background: url(/images/hdiw_mealplan.gif) no-repeat top; width: 144px; height: 144px; }

#hdiwCtr li.hdiw_monitor { background: url(/images/hdiw_monitor.gif) no-repeat top; width: 144px; height: 144px; }

#hdiwCtr li.hdiw_nutritionist { background: url(/images/hdiw_nutritionist.gif) no-repeat top; width: 144px; height: 144px; }

#hdiwCtr li.hdiw_friends { background: url(/images/hdiw_friends.gif) no-repeat top; width: 144px; height: 144px; }

#hdiw span { width: 135px; }

#hdiwCtr li a { color: #ffffff;position: relative; top: 10px; }




/* ----- Free Diet Profile Form 1 -------*/

#freeprofile1 { width:292px; height: 292px; background: #fff url(/images/fdp_bg1.jpg) repeat-x top; position: relative; float: left; padding: 0; /*left: 12px;*/ margin-right: 12px; }

#freeprofile1 legend { font: 11px Arial, Helvetica, sans-serif; color:#3d2714; padding-bottom:4px; text-align:left; }

#freeprofile1 fieldset { float:left; width:50px; border:none; padding: 0px 10px 0px 0px; margin:0; font: 11px Arial, Helvetica, sans-serif;}

#freeprofile1 h4 { color: #000; position: relative; top: 10px; left: 10px; width: 292px; }

#freeprofile1 h4.getstarted span { font: 24px "Times New Roman", Times, serif normal; color: #000; }

#freeprofile1 select { margin-bottom:10px; font: 11px Arial, Helvetica, sans-serif; width:60px; z-index:10; }

#freeprofile1 input { font:11px Arial, Helvetica, sans-serif; }

#age_field { width:40px; }

#sex_set { width:90px; }

#submit_but{ margin: 0; padding: 0; }

#submit_but a:hover { color: #EF1C21; }	

.prefer { margin:0 0 10px 0; padding:0; width:300px; display:block; float:left;}

#fields { position: absolute; top: 140px; left: 10px;}
			
#metric { visibility: hidden; position: absolute; width: 380px; }
	
#imperial { visibility: visible; position: absolute; width: 380px; }

#freeprofile1 #submit_but { float: left; position:relative; clear:both; }




/* ----- Free Diet Profile Form 2 -------*/

#freeprofile2 { width:593px; height: 121px; background: #E8E8E8 url(/images/fdp_tape.jpg) repeat-x left top; padding:0; margin: 20px 0 30px 0; }

#freeprofile2 legend { font: 11px Arial, Helvetica, sans-serif; color:#3d2714; padding-bottom:4px; text-align:left; }

#freeprofile2 fieldset { position: relative; float:left; width:50px; border:none; padding: 0px 10px 0px 0px; margin:0; font: 11px Arial, Helvetica, sans-serif;}

#freeprofile2 h4 { float: left; color: #000; position: relative; height: 121px; left: 100px; top: 30px; }

#freeprofile2 h4.getstarted span { font: 24px "Times New Roman", Times, serif normal; color: #EF1C21; }

#freeprofile2 select { margin-bottom:10px; font: 11px Arial, Helvetica, sans-serif; width:60px; z-index:10; }

#freeprofile2 input { font:11px Arial, Helvetica, sans-serif; }

#freeprofile2 #fields { position: relative; float: left; top: 20px; left: 130px; }

#freeprofile2 #submit_but { float: left; position:relative; top: -38px; left: 165px; clear:both; }




/* ----- Free Diet Profile 3 ----- */

#freedietprofile3 { background: #E8E8E8 url(/images/fdp3BG.gif) repeat-x left top; padding: 10px; }

#freedietprofile3 h3 { color: #EF1C21; font: 1.4em "Times New Roman", Times, serif bold; }

.fdp_planCTR { position: absolute; left: 0; top: 40px; width: 590px; height: 125px; z-index:3; visibility: hidden; }

.fdp_planCTR img { float: left; margin: 0 20px 0 10px; border: 1px solid #ccc; padding: 3px; }

.fdp_planCTR h3 { margin-top: 10px; }

.fdp_planCTR h3 a { margin-top: 10px; color: #EF1C21; }

.fdp_planCTR p a { color: #EF1C21; text-decoration: underline; }

.fdp_planCTR p a:hover { text-decoration: none; }

p#fdpMainSelection { background: #000; width: 603px; }



/* ----- Free Diet Profile Form 4 -------*/

#freeprofile4 { width:292px; height: 300px; background: #fff url(/images/fdp_bg1.jpg) repeat-x top; position: relative; float: left; padding: 0; /*left: 12px;*/ margin-left: 12px; }

#freeprofile4 legend { font: 11px Arial, Helvetica, sans-serif; clear:right; color:#3d2714; padding-bottom:4px; text-align:left; }

#freeprofile4 fieldset { border:none; padding: 0px 10px 0px 0px; margin:0; font: 11px Arial, Helvetica, sans-serif;}

#freeprofile4 h4 { position: relative; top: 10px; left: 10px; }

#freeprofile4 h4 span { font: 20px "Times New Roman", Times, serif normal; background: #008BC0; color: #FFF; padding: 3px; }

#freeprofile4 a { color:#008BC0; }

#freeprofile4 select { margin-bottom:10px; font: 11px Arial, Helvetica, sans-serif; width:60px; z-index:10; }

#freeprofile4 input { font:11px Arial, Helvetica, sans-serif; }

#freeprofile4 #submit_but { float: left; position:relative; clear:both; }

#freeprofile4 #fields { position: absolute; top: 70px; left: 10px;}

#freeprofile4 #age_pos { float:left; }

#freeprofile4 #age_field { width: 60px; }

#freeprofile4 #sex_pos { width:90px; float:left; }





/*Select Eating Plan */
#eatingPlans_intro { float: left; width: 292px; margin-bottom: 10px; }

#eatingPlans_intro img { float: right; padding-left: 8px; }

#eatingPlans_intro p { float: left; width: 292px; }

#eatingPlans_intro h3 { font-family: "Times New Roman", Times, serif; font-size:22px; font-weight: normal; margin: 5px 0 10px 0; background: #EF1C21; color: #fff; padding: 5px; }

#selectEatingPlanDD { float: left; width: 292px; height: 30px; background: #EF1C21; }

#selectEatingPlanDD h4 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; float: left; line-height: 22px; padding: 5px; font-weight: bold; vertical-align:middle; }

#selectEatingPlanDD select { float: left; padding: 0; margin: 4px 0 0 10px; z-index:10; }

#selectEatingPlan { height: 30px; background: #EF1C21; width: 603px; margin-bottom: 20px; }

#selectEatingPlan h4 { color: #fff; float: left; line-height: 22px; padding: 5px 5px 5px 10px; font-weight: bold; vertical-align:middle; }

#selectEatingPlan select { float: left; padding: 0; width: 200px; margin: 4px 0 0 10px; }


/* Payment Form */

iframe#paymentcontainer { border: 0; width: 920px; height: 700px; }



/* Eating Plan Header */
.eatingPlanHeader { margin: 10px 0; clear:both; }

.eatingPlanHeader span { background: #EF1C21 url(/images/arrow_red_dwn.gif) no-repeat right; padding: 5px 35px 5px 5px; }

.eatingPlanHeader a, .eatingPlanHeader a:visited { color: #fff; text-decoration: none; }

ul#eatingPlanRowList  { margin: 0 0 10px 0; padding: 0; }

#eatingPlanRowList li { margin: 0 0 0 15px; padding: 0; }

ol#eatingPlanRowList { margin-left: 0; }

ol#eatingPLanRowList li { margin-bottom: 10px; }

.eatingPlanHeader h4 { color: #03A0DC; }

h2.eatingPlanHeader a { text-decoration: none; }

#eatingPlanRow { margin-top: 20px; width: 603px; }

.blueText { color: #03A0DC; }

.splLeft { float: left; width: 292px; }

.splRight { float: left; }

.eatingPlanRow { width: 292px; float: left; margin: 10px 0; }

.eatingPlanRow h4 { font-family:"Times New Roman", Times, serif; font-size: 16px; }

.eatingPlanRow h4 span { background: #FFDF00; color: #000; padding: 3px; }

.dottedline { background: #fff; height: 1px; margin: 10px 0; border-bottom: 1px dotted #666; }

.sampleMenu img { border: 4px solid #e8e8e8; padding: 0; margin: 20px 10px 20px 0; }

.sampleMenu strong { color: #EF1C21; }

.sampleMeal { background: #E8E8E8; clear: both; padding: 5px; margin-bottom: 5px; }

.sampleMeal img { float: left; border: 1px solid #fff; padding: 2px; margin-right: 5px; }




.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%; }

.aPad { padding: 10px; }

.highlightBlueTxt { color: #03A0DC; }

.noborder { border: 0; }

.highlightTxt, .highlightTxt a { color: #EF1C21; }

.highlightTxtCaps { color: #EF1C21; text-transform:uppercase; font-family:"Times New Roman", Times, serif; font-size: 14px; }

.loginCtr { position: relative; right: -30px; background: #D3D51D; width: 470px; float:right; margin: 0; padding: 5px 5px 3px 5px; }

.loginCtrInput { border: 1px solid #000; height: 25px; padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; float: left; }

.loginCtrSubmit { border: 0; padding: 0; margin: 0; }

.loginBtnBg { background: url(/images/loginBG.gif) repeat-x top; width: 130px; float: right; }




/* Benefits Page Styling*/

#benefitsHeadCtr { background: #fff url(/images/benefitsHomeCtr.jpg) no-repeat bottom; width: 292px; height: 297px; float: left;  }

#benefitsHeadCtr h3 { font-size: 22px; margin: 10px 0 0 10px; width: 180px; color: #EF1C21; }

#benefitsHeadCtr p { margin: 20px 0 0 10px; width: 135px; }

#benefits_hdtdw { background: url(/images/benefits_hdtdw_bg.png) no-repeat bottom right; clear: both; height: 400px; }

#benefits_hdtdw h3 { font-family: "Times New Roman", Times, serif; font-size:22px; font-weight: normal; margin: 20px 0 10px 0; }

#benefits_hdtdw h3 span { background: #EF1C21; color: #fff; padding: 5px; }

#benefits_hdtdw h5 { font-size: 14px; }

#benefits_hdtdw h5 span { background: #D3D51D; padding: 5px; }

#benefits_splLeft { float: left; width: 260px; margin:0; padding: 0; position: relative; top: 20px; }

#benefits_splRight { float: left; width: 260px; margin:0; padding: 0; position: relative; top: 20px; left: 50px; }

#benefits_hdtdw p { padding-bottom: 10px; }

#loseweightRow { width: 603px; clear: both; margin-top: 20px; }

#loseweightRow img { text-align:left; float: right; display: block; width: 96px; height: 96px; margin: 0 0 0 10px; }

#loseweightRow div { padding: 10px 0; }

#loseweightRow h3 { font-family: "Times New Roman", Times, serif; font-size:22px; width: 260px; background: #92126F; color: #fff; margin: 20px 0 10px 0; padding: 5px; }

#loseweightRow h3 span { color: #FFDF00; }

#loseweightRow h4 span { background: #FFDF00; padding: 5px; }




/* Success Stories */
#successStories h3 span { background: #F7D721; padding: 7px 3px 3px 3px; color: #000; margin-top: 10px; }

#successStories h3 span a { color: #000; text-decoration: none; font-weight: normal; }

#successStories div { padding: 10px 0; }

#successHeadCtr { background: #fff url(/images/success_headImg.jpg) no-repeat bottom; width: 292px; height: 297px; float: left;  }

#successHeadCtr p { width: 150px; position: relative; left: 140px; }

#successStories img, .expertsPic { float: right; margin: 0 0 10px 10px; }

.successCtr { padding: 15px 0; }

.successCtr h3 span a { color: #000; text-decoration: none; padding: 7px 5px 5px 5px; }




/* News */
#newsMainCtr { clear: both; padding: 5px; }





/* The Experts */

.expCtr { padding: 15px 0; }

.expCtr h3 span { background: #F7D721; padding: 7px 3px 3px 3px; color: #000; margin-top: 10px; }

#expHeadCtr { background: #fff url(/images/experts_headImg.jpg) no-repeat bottom; width: 292px; height: 297px; float: left;  }

#expHeadCtr p { width: 150px; position: relative; left: 140px; }




/* Form Styles */
#helpForm fieldset { margin: 0; padding : 1em; border: 1px solid #CCC; }

/* Style the legend, labels and the div containing the submit button. */
#helpForm { text-align: left; }

#helpForm legend { font-weight: bold; color: #333; margin: 0; padding : 0.5em; color: #01A89E; }

#helpForm label { display: inline; }

#helpForm { clear: both; padding-top: 1em; }

.formStyle { border: 1px solid #E7ED9A; padding: 2px 4px; background: #EEF2B7; color: #333; font-size: 100%; }

#btn_send { background: #fff; border: 0; margin: 15px 0; }

#btn_clear { background: #fff; border: 0; margin: 15px 0; }

.helpInf { list-style: none; border: 1px dotted #ccc; border-width: 1px 0; padding: 10px 0; margin: 10px 0; }

.altContact { padding-bottom: 20px; }

.sendBtnStyle { background: #ef1c21; padding: 5px; border: 0; color: #fff; }


.wt_kg { position: left; font-family: Arial; width: 45px; color: #666666; font-size: 11px; padding: 1px; }

.htm { position: left; font-family: Arial; width: 45px; color: #666666; font-size: 11px; padding: 1px; }




/* FDP */
#topStuff { padding:0px; margin-bottom:0px; background-color: transparent; position: relative;}	
						
#loseByTable td { vertical-align:top; font-weight:bold; }

span.step { display:block; padding-top:4px; }

#choose img, #person img { float: left; margin-right: 2px; border: 0px; }

#fdpMainDetails select { margin: 5px; font: 11px Arial, Helvetica, sans-serif; width: 50px; }
						
#dietchoice { font: 10px Verdana, Arial, Helvetica, sans-serif; width: 124px; }

div.image_area { position: absolute; left: 200px; top: 8px; width: 320px; height: 42px; z-index:3; visibility: hidden; text-align: left; font: 10px Verdana, Arial, Helvetica, sans-serif; }

div.image_area img { float: left; margin-right: 0px; margin-left: 0px; margin-bottom: 0px; border: 0px; }

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

.qBG { width: 603px; font: 1.1em Arial, Helvetica, sans-serif bold; background: #008ABF; display: block; padding: 3px 10px; color: #fff; line-height: 25px; height: 25px; margin-bottom: 20px 0 10px 0; }

.qBG strong { float: left; }

.qBG img { float:right; padding: 0; margin: 0; }	

.qBG a { color: #fff; }

.qpoints { width: 45%; float: left; margin-left: 10px; }

.qpoints2 { width: 30%; float: left; margin-left: 10px; }

#fdpQuestions p.qpadd { margin-left: 10px; }

#fdpSelect { background: #008ABF; vertical-align: top; width: 603px; padding: 3px 10px; }

#fdpSelect p { display: inline; color: #fff; font-weight: bold; margin-right: 10px; }

#fdpSelect select { width: 200px; }

#fdpQuestions h4, #fdp_emailPref h4 { margin: 20px 0 10px 0; color: #EF1C21; }

#fdp_emailPref { margin-left: 10px; }

#fdp_emailPref table { color: #01A89E; }

.pointer { cursor:pointer; }



#fdpQuestions { padding-bottom: 20px; border-bottom: 1px dotted #ccc; }


							
.cf:after { content: "."; position: absolute;  height: 0; clear: none; visibility: hidden; }

* html .cf {height: 1%;}

.highlightHead span { background: #FFDF00; padding: 5px; }

.seperationDiv { border: 1px dotted #ccc; border-width: 1px 0; padding: 5px; margin-bottom: 20px; }








/* Members Styling */

.members_sectionHead { font-size: 20px; padding-bottom: 5px; margin: 15px 0 10px 0; clear: both; }

.members_sectionHead h2 { font-family: "Times New Roman", Times, serif; background: #cedb29; float: left; padding: 8px 5px 5px 5px; font-size: 20px; padding-bottom: 5px; }

.members_sectionHead h2 span { color: #000; }

#editweight_stage1 select { width: 45px; }

#editweight_stage1 { margin-bottom: 10px; }

.btnContinue { margin-bottom: 20px; }


/* Calendar Styling */

.calMonth { background: #cedb29; color: #000; width: 187px; margin: 0 0 2px 0; padding: 3px 0; text-align: center; }

.calDay { background: #F5F8D4; width: 25px; text-align: center; line-height: 20px; border: 2px solid #fff;  }

#calCTR { margin-left: 5px; }



/* Homepage */

.btn_myAccount { background: url(/dietprofile2/images/icon_edit.gif) no-repeat right top; text-align: right; margin-right: 10px; position: relative; top: 10px; font-weight: bold; padding: 10px 25px 10px 10px; }

.btn_myAccount a { color: #9BA61C; }

#members_sqBtn { list-style: none; margin: 0 0 20px -5px; padding: 0; }

ul#members_sqBtn { margin-left: -2px; }

ul#members_sqBtn2 { margin-left: -5px; }

#members_sqBtn li { float: left; margin-right: 5px; }

#members_sqBtn2 { list-style: none; margin: 0 0 20px 0; padding: 0; }

#members_sqBtn2 li { float: left; margin-left: 5px; }

.btnMember_mealplan { background: url(/myediets/images/btn_mealplan.jpg) no-repeat; }

.btnMember_journal { background: url(/myediets/images/btn_journal.jpg) no-repeat; }

.btnMember_tips { background: url(/myediets/images/btn_tips.jpg) no-repeat; }

.btnMember_sub { background: url(/myediets/images/btn_substitutions.jpg) no-repeat; }

.btnMember_diningout { background: url(/myediets/images/btn_diningout.jpg) no-repeat; }

.btnMember_mealplan a, .btnMember_journal a, .btnMember_tips a, .btnMember_sub a, .btnMember_diningout a { display: block; height: 154px; width: 187px; }

#members_sqBtn li span, #members_sqBtn2 li span { display: none; }

.memberHome_weighIn { border: 1px dotted #666; border-width: 1px 0; padding: 5px; line-height: 1.6; }

.liveChatMembers { border: 1px dotted #666; border-width: 1px 0; padding: 5px; margin-bottom: 10px; }

.memberHome_weighIn strong { color: #008ABF; }

.foodPyramid { float: left; padding: 10px 30px; }


/* Programme Specs */
.btnMembersChangePlan { background: url(/myediets/images/btn_changeplan.jpg) no-repeat; width: 180px; padding: 0; margin: 0; }

.btnMembersChangePlan span { display: none; visibility: hidden; }

.btnMembersChangePlan a { display: block; height: 54px; padding: 0; margin: 0; }

#programSpecs { background: #e8e8e8; float: left; width: 180px; padding: 10px 0 0 0; }

#programSpecs p { padding: 0 0 0 10px; }

#programSpecs p strong { color: #008ABF; }

#programSpecs h5 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding: 0 0 0 10px; font-weight: bold; }

#barChart { margin-left: 10px; width: 410px; height: 210px; }


/* Weigh-in Current Stats */
#weighin_currentStats { border: 1px solid #cccccc; width: 80%; }

#weighin_currentStats td { padding: 5px 10px; background: #efefef; border-bottom: 1px dotted #666; }

.highlightCTR { border: 1px solid #E7ED9A; padding: 2px 4px; background: #EEF2B7; display: block; }


/* Tips */
#members_tipsMainHead { background: url(/images/tips_mainHeadBG.jpg) no-repeat;height: 200px; }

#members_tipsMainHead p { padding: 50px 0 0 10px; width: 300px; }


#members_supportMainHead { background: url(/images/members_supportMain.jpg) no-repeat; height: 175px; margin-top: 20px; }

#members_supportMainHead p { padding: 50px 0 0 200px; }

#members_profileMainHead { margin-top: 20px; }

#members_profileMainHead p, #members_profileMainHead h4 { padding: 50px 0 0 130px; width:247px; }



#members_mealplanMainHead { background: url(/images/members_mealplanMainHead.jpg) no-repeat right top; height: 175px; width: 410px; float: left; }

#members_mealplanMainHead p { padding: 0; width:215px; }

#members_mealplanMainHead h3 span { padding: 8px 5px 5px 5px; background: #F7D721; }

#members_mealplanMainHead h4 { color: #EF1C21; font-weight: bold; }

#members_mealplanMainHead hr { width: 215px; }

#selectMealPlan { margin-top: 66px; margin-bottom: 20px; }

.recipesBar { background: #eaeaea; display: block; padding: 5px; psoition: relative; top: 30px; }




/* Fitness */

#fitnessHomeCP { clear: both; margin-bottom: 10px; }

.myworkout { color: #fff; background: #00A89B url(/myediets/images/symbol_workout.gif) no-repeat left; line-height:20px; margin: 0; text-indent: 40px; line-height: 30px; font-size: 14px; font-weight: bold;}

.workoutcheckin { color: #fff; background: #00A89B url(/myediets/images/symbol_checkin.gif) no-repeat left; line-height: 20px; margin: 0; text-indent: 40px; line-height: 30px; font-size: 14px; font-weight: bold; }

.changeworkout { color: #fff; background: #00A89B url(/myediets/images/symbol_changeworkout.gif) no-repeat left; line-height: 20px; margin: 0; text-indent: 40px; line-height: 30px; font-size: 14px; font-weight: bold; }

.imgfloatLeft { float: left; }

#fitness_CP { float: left; width: 400px; }

#fitness_CP ul { margin: 0 0 10px 0; padding: 5px 10px; }

.fitness_CP { margin: 0 0 10px 0; padding: 5px 10px 1px 10px; }

.fitness_CP li { display: inline; }

.members_homeSnipet { clear: both; height: 116px; }

.members_homeSnipet h4 span { background: #F7D721; padding: 8px 5px 5px 5px; }

.members_homeSnipet img { float: right; margin-left: 10px; }

.members_homeSnipet h4 span a, .members_homeSnipet h4 span a:visited { color: #000; text-decoration: none; }

.members_profileSnipet { clear: both; float:left; height: 175px; width: 390px; }

.members_profileSnipet img { float: left; margin-right: 10px; }

.members_profileSnipet h4 span { background: #F7D721; color: #fff; padding: 5px; }

.members_profileSnipet a { color: #000; text-decoration: none; }

.floatRight { float: right; }

ul#fitnessTabs { margin: 0 0 -3px 0; padding: 0;}

ul#fitnessTabs li { margin-right: -3px; }

ul#fitnessTabs2 { margin: 0 0 5px 0; padding: 0;}

ul#fitnessTabs2 li { margin-right: -3px; }

.btnRefresh { padding: 5px; }

.guestName { padding: 10px 0; }


.workout_splitContainer { width: 250px; float: left; }

.bmiTable { background: #efefef; }

.bmiTable td { padding: 5px; }

.chartTable { width: 603px; }

#chartTable .chartTableTopRow, #chartTable2 .chartTableTopRow { background: #cedb29; color: #fff; }

#chartTable { background: #efefef; width:100%; margin-bottom: 10px; }

#chartTable td { padding: 5px; }

#chartTable2 { background: #efefef; width:100%; margin-bottom: 10px; }

#chartTable2 tr:hover { background: #fff; display:inline-block; color: #000; }

#chartTable2 td { padding: 5px; }

#chartTable tr,#chartTable2 tr { border-bottom: 1px solid #fff;  }

.chartTableTopRow a { color: #fff; text-decoration: none; }




.classname { background: #efefef; }



/* Collapsable Div */

.expandable { display: none; }




/* Tool Tips */


.tool-tip {	color: #fff; width: 139px; z-index: 13000; }
 
.tool-title { font-weight: bold; font-size: 11px; margin: 0; color: #9FD4FF; padding: 8px 8px 4px; background: #C3DF7D; }
 
.tool-text { font-size: 11px; padding: 4px 8px 8px; background: #C3DF7D; }
 
.custom-tip { color: #000; width: 130px; z-index: 13000; }
 
.custom-title {	font-weight: bold; font-size: 11px;	margin: 0; color: #3E4F14; padding: 8px 8px 4px; background: #C3DF7D;	border-bottom: 1px solid #B5CF74; }
 
.custom-text { font-size: 11px; padding: 4px 8px 8px; background: #CFDFA7; }






/*Miscellaneous*/
td.bgdown { background-repeat:repeat-y; }

td.bgacross { background-repeat:repeat-x; }

td.bgonce { background-repeat:no-repeat; }

td.bdr { border-top:1px; border-bottom:1px; border-left:1px; border-right:0; border-style:solid; border-color:#d8e5ba; margin:0; }

td.bdr2 { border-top:1px; border-bottom:1px; border-right:1px; border-left:0; border-collapse: collapse; border-style:solid; border-color:#d8e5ba; margin:0; }

.server { color:white; }

.server2 {color:#EFEFEF;}

#termsandcond { border-top:1px dotted #ccc; }

#termsandcond p { font:10px/12px Arial, sans-serif; color:#666; }

img.sample { padding:0; margin:10px 10px 10px 0; } 

.sectionHead { font: "Times New Roman", Times, serif; font-size: 22px; background: #D3D51D; color: #000; padding: 5px; margin: 10px 0; }

.sectionHeadDining { font-size: 20px; padding-bottom: 5px; width: 503px; border-bottom: 4px solid #EF1C21; margin-bottom: 10px; }

.sectionSubHead { margin-top: 20px; font-weight: normal; }

.sectionSubHead span, .sectionSubHead strong { background: #FFDF00; padding: 5px; font-weight: normal; }

.sectionSubHead a { color: #000; text-decoration: none; font-weight: normal; }

.blackTxt { color: #000; }

.joinImg { margin: 15px 0; }

#barGraphCTR { background: #F4F8D5 url(/images/bargraphBG.jpg) repeat-x; width: 380px; height: 215px; text-align: center; position: relative; left: 20px; }

.welcometo { float: left; line-height: 30px; }

.welcomeTxt { padding: 15px 0 0 0; }

.verd11blue {font-size: 11px; color: #315A60; font-family: Arial, Helvetica, san-serif;}
	
.menuskin { position:absolute; width:300px; background: #efefef; border:1px solid #ccc; font:normal 11px Arial, Helvetica, sans-serif; line-height:18px; z-index:100; visibility:hidden; padding: 10px; }

.menuskin a { text-decoration:none; color: #008ABF; padding: 0 10px; }

##mouseoverstyle a { color:white; }

.list_xxo li { float: left; width: 50%; }

.alert { color: #03A0DC; font-weight: normal; }

.HPNewsImg { border: 1px solid #ccc; padding: 3px; }

.txtBlack { color: #000; }

.dotw {	color: #fff; text-align:center; font-family: Arial, Helvetica, sans-serif; padding: 5px; }

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

#ExerciseMenu { background: #FAFAFA; padding: 10px; width: 180px; float: left; }

#ExerciseContent { width: 390px; float: left; margin-right: 10px; }

#ExerciseJournalMenu {width: 200px; float: left;}

.changeplanBG { background: url(/myediets/images/changeplan_img.jpg) no-repeat right top; height: 225px }

.changeplanBG p {width: 350px;}

.changeplanDesc { color: #EF1C21; padding: 5px; }

.extPadTop { margin-top: 10px; }

#payformTemplate { margin-top:10px; width:650px; background: #D3D51D; border: 1px solid #712587; }

#payFormDynamic { background-color:#f7f4f2; color:#454e8c; font-family:Arial, Helvetica, sans-serif; font-size: 11px; }

#payFormDynamic h4 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }

.openForumTbl td { background: #eaeaea; } 

.fitnessQuote span { line-height: 30px; background: #018Ac0; color: #fff; padding: 10px; }


/*Maestro Member reniew*/
#membRenew{float:left; width:570px; padding:5px 10px; margin: 0 0 20px 0; background:#018AC0;}
#membRenew h3,#membRenew h3.sm, #membRenew p.impNot{float:left;width:98%; font-family: Georgia, "Times New Roman", Times, serif; font-size:1.6em; color:#fff; font-weight:700; padding:10px 0 5px 0; margin:0;}
#membRenew h3.sm{padding:5px 0 10px 0;font-size:1.45em;}
#membRenew p.impNot{font-size:1em; color:#fff; line-height:1em; margin:3px 0; padding:0;}
#membRenew p{float:left; line-height:1.3em; color:#fff;}
#membRenew p a{text-decoration:underline; font-weight:700; color:#fff;}

/*External Payment*/

#payform{float:left; clear:both;}
#cards{float:left; margin:10px 0;}