/********** 
Tesco Diets Why Join Stylesheet
Developed by PS - June 2009
Contains:
- General Why Join Rules
- Structure
- Female & Male Colour Schemes
**********/ 

* html .grid_8 { margin: 0 20px 0 0; }
* html .grid_4 { margin: 0; }

h1 { font-size: 2.2em; line-height: 1em; font-weight: normal; margin-bottom: 20px; width: 620px; padding-bottom: 10px; }
p { margin-bottom: 10px; }
.container_12 li { list-style: url(/design/structure/img/icons/bullet_f.png); margin-left: 15px; font-size: .95em; }
#m .container_12 li { list-style: url(/design/structure/img/icons/bullet_m.png); margin-left: 15px; font-size: .95em; }


#m h1{ font-size:1.90em; margin-bottom: 5px;}
#m #additional h2{color:#333;}
#m #bmiSignup fieldset#submit_btn input{}

#additional { margin-bottom: 20px; }
#additional dt { visibility:hidden; }
#additional dl.wj-fitness { background: url(/design/structure/img/logo/logo-fitness.gif) 0 0 no-repeat; padding: 110px 0 0 0; }
#additional dl.wj-recipes { background: url(/design/structure/img/logo/logo-recipeclub.gif) 0 0 no-repeat; padding: 110px 0 0 0; }

#additional dl.wj-fitness li.readMore, #additional dl.wj-recipes li.readMore{ list-style-image:none; list-style-type:none; margin-top:10px;}

.jointodayBtn { margin-top: 0; }
a.jointodayBtn { padding-top: 3px; width: 112px; height: 19px; display: block; font-weight: bold; text-align: center; }
a.jointodayBtn { text-decoration: none; }
a.joinTodayBtn { background-image: url(/design/structure/img/btn/join.gif) no-repeat; color: #fff; }

#reasons dl, #additional dl { margin-bottom: 20px; }
#reasons dt, #additional dt { font: 1.4em Georgia, "Times New Roman", Times, serif;  padding:130px 0 0;}
#additional dt {padding:0;}

#reasons dt span, #additional dt span{ float:left; width:99%; background:#FFFFFF; padding:5px 0;}
#m #reasons dt{ height:40px; padding:91px 0 0 10px;}
#m #reasons dt span, #m #additional dt span{ width:auto; float:left; padding:2px 5px;}
#m #reasons .wj-itworks dt{ height:50px; padding:81px 0 40px 10px; width:300px; float:left;}
#m #reasons .wj-itworks dd strong{font: bold 1.6em/1.2em Georgia, "Times New Roman", Times, serif;}

#ctbHowWorks div { background: #FAF7EB; padding: 10px; float: left; width: 280px; margin-right: 10px; height: 325px; }
#ctbHowWorks div img { margin-bottom: 10px; }


.signupContainer form { font-size: 0.9em; }
.signupContainer input.textP { border: 1px solid #999; height: 18px; width: 100%; border: 1px solid #7f9db9; }

.signupContainer { position: relative; }

.upsellIntro { width: 487px; float: left; }
.signupContainer { background: #FAF7EB; width: 220px; /*border-top: 5px solid #ffa620;*/ float: right; padding: 10px; margin-bottom: 10px; }
.notamember { color: #861313; }
#m .signupContainer { background: #f2f2f2;}

#rcheader { background: url(/myediets2/RecipeClub/images/bgIntro.gif) 415px 5px no-repeat; padding-right: 250px; width: 370px; }
#content .upsellIntro h3 { padding-left: 240px; color: #730000; font-size: 1em; padding-top: 10px; margin-top: 5px; }

#dnaInfo h1 {margin:0; }
#dnaInfo p, ol {color:#000000;}
#dnaInfo #dnaInfocontainer { background:url( /design/structure/img/bg/dna-page-header-img.jpg) no-repeat; min-height:100px; height:auto !important;
height:100px;min-height:100px; padding:30px 0 0 330px; margin:0 0 20px 0; }
#dnaInfo #dnaInfocontainer p {line-height:1.6;}
#dnaInfo ol{ margin:0 0 10px 0;}
#dnaInfo .yellowBg { background:#FAF7EB; padding:10px 10px 10px 15px; margin:0 0 10px 0;}
#dnaInfo #congrats {text-align:center;}
#dnaInfo #upsellsbtn {margin:10px 0 5px 0; float:left;}
#dnaInfo #upsellsbtn a.green span {padding:5px 30px;}
#dnaInfo span { font-weight:bold; }
#dnaInfo hr {color:#f2f2f2; border-color:#f2f2f2; }

#dnaInfo .sample { margin:10px 0 10px 0; background:#ffffff;}
#dnaInfo .sample th { padding:3px 3px 3px 5px; }
#dnaInfo .sample td { padding:5px; }
#dnaInfo .sample th {  background:#FAF7EB; font-weight:bold; }
#f #dnaInfo .sample th { color: #569BCA; border: 1px solid #D6E1E8; }
#f #dnaInfo .sample td { border: 1px solid #D6E1E8; }
#m #dnaInfo .sample th { color: #7F9504; border: 1px solid #D0D0D0; }
#m #dnaInfo .sample td { border: 1px solid #D0D0D0; }

#dnaInfo #gdaTitle {text-align:center;}
#dnaInfo #gda { background:url(/design/structure/img/bg/dna-gda.jpg); margin-bottom:20px;}
#dnaInfo #gda th {font-size:.75em; text-align:center;  padding:4px 0 0 0;}
#dnaInfo #gda #perc { font-size:.8em; text-align:center; }
#dnaInfo #gda #perc td {padding:4px 0 0 0;}
#dnaInfo #gda #amt { font-weight:bold; }

#dnaInfo ol span { }

#dnaInfo #signature { margin:10px 0; clear:both;}
#f #dnaInfo #title { font-weight:bold; color:#559BCC; }
#m #dnaInfo #title { font-weight:bold; color:#7F9504; }

#dnaInfo ol#nutriComments { background:#FAF7EB; padding:20px 20px 20px 15px; margin:0 0 20px 0;}
#dnaInfo ol#benefits { background:#FAF7EB; padding:20px 20px 10px 15px; margin:0 0 20px 0;}
#dnaInfo ol#benefits li { margin:0 0 10px 15px; }
#dnaInfo em { font-style:italic; font-size:.9em; margin:0 0 10px 0; display:block; line-height:1.2;}

#dnaInfo #cmIntro{background:transparent url(/design/structure/img/bg/cm.jpg) no-repeat; height:150px; padding:0 0 0 170px; margin:0 0 10px 0; float:left;}
#dnaInfo #lmclIntro{background:transparent url(/design/structure/img/bg/lmcl.jpg) no-repeat; height:150px; padding:0 0 0 170px; margin:40px 0 20px 0; float:left;}

#dnaInfo #learnMore { margin:0 0 10px 0; float:left; _margin:20px 0 50px 0; *margin:20px 0 50px 0;}
#dnaInfo #learnMore li { width:88px; display:inline; float:left; font-size:.9em; text-align:center; margin:0 0 10px 0; }
#dnaInfo #learnMore img {clear:both; display:block; margin:0 0 10px 15px; }

#dnaInfo span.D { color:#7C7D1F; }
#dnaInfo span.N { color:#A71309; }
#dnaInfo span.A { color:#F29C25; }

.upsellIntro { width: 100%; float: left; }
.signupContainer { background: #FAF7EB; width: 220px; /*border-top: 5px solid #ffa620;*/ float: right; padding: 10px; margin-bottom: 15px; }
.fitnessQuotes { clear: right; float: right; width: 220px; background: url(/myediets2/myfitness/images/bgquotes.gif) no-repeat; padding: 10px; font-weight: bold; font-size: 1.3em; color: #9ac9b0; margin-bottom: 5px; }
#fitnessIntro { padding-left: 150px; padding-right: 20px; padding-bottom: 10px; width: 200px; }
#f #fitnessIntro { background: url(/myediets2/myfitness/images/bgintro.jpg) no-repeat; }
#m #fitnessIntro { background: url(/myediets2/myfitness/images/bgintro-m.jpg) no-repeat; }
#content #fitnessIntro h4 { margin-bottom: 10px; font-size: 1em; font-weight: bold; }
#f #fitnessIntro h4 { color:#3D93CC; }
#m #fitnessIntro h4 { color: #CC0000; }
#fitnesstourcontent { margin-bottom: 10px; }
.notamember { color: #861313; }
#content #btnViewWorkout { padding: 0; border: 0; }

#sampleworkout { margin-bottom: 15px; padding: 5px; margin-top: 5px; }
#sampleworkout .col2 h4 { font-weight: bold; margin-bottom: 8px; }
#sampleworkout .col2 h4 a { display: block; float: none; }
#sampleworkout .col3 h4 { font-weight: bold; margin-bottom: 8px; }
#sampleworkout .col2 { float: left; width: 440px; }
#sampleworkout .col2 a { clear: left; float: left; margin-right: 10px; display: inline; }
#sampleworkout .col2 a img { border: 1px solid #CCCCCC; padding: 3px; }
#sampleworkout .col2 a img#btnViewWorkout { border: 0; padding: 0; }
#sampleworkout .col2 div { float: right; width: 310px; }
#sampleworkout .col3 { float: right; width: 150px; }

#upsellsbtn #introjoinnow { width: 610px; }

#f #sampleworkout { border: 1px solid #D6E1E8; }
#m #sampleworkout { background:#f2f2f2; border: 5px solid #666;}
#m #sampleworkout .col2 h4 a, #m #sampleworkout .col3 h4 { color:#333; }

#rccontainer { margin-bottom: 10px; }

#randomRecipeContainer { clear: both; width: 590px; float:left; height:326px; padding:15px; }
#randomRecipeContainer .randomRecipe div.imageContainer { float:right; height:266px; width:256px; }
#randomRecipeContainer .randomRecipe div.imageContainer p.overlay{position:absolute; float:left; width:258px; height:266px; z-index:2; text-indent:-10000px; overflow:hidden;}
#randomRecipeContainer .randomRecipe div.imageContainer p.overlay{/* Hack to show the tranparent png on IE 6 */behavior: url(/myediets2/RecipeClub/css/iepngfix.htc);}

#f #randomRecipeContainer{background:#fff4da url(/myediets2/RecipeClub/images/bgWeeklyRecipe.gif) repeat-x;}
#f #randomRecipeContainer .randomRecipe{background:#FEFEFE url(/myediets2/RecipeClub/images/randomRecipeBg.jpg) repeat-x top;}
#f #randomRecipeContainer .randomRecipe div.lft h3{color:#FFAF35;}
#f #randomRecipeContainer .randomRecipe div.imageContainer p.overlay{background: url(/myediets2/RecipeClub/images/recipeOfWeek.png);}
#f #randomRecipeContainerUpSel h2 { color:#3d83d1; }
#f #randomRecipeContainerUpSel{background:#EDF6FB;}
#f #randomRecipeContainerUpSel .randomRecipe{background:#FEFEFE url(/myediets2/RecipeClub/images/randomRecipeBg.jpg) repeat-x top;}
#f #randomRecipeContainerUpForm{background:#EDF6FB;}
#f #randomRecipeContainerUpForm .randomRecipe{background:#FEFEFE url(/myediets2/RecipeClub/images/randomRecipeBg.jpg) repeat-x top;}

#m #randomRecipeContainer{background:#f2f2f2;}
#m #randomRecipeContainer .randomRecipe{background:#FEFEFE url(/myediets2/RecipeClub/images/randomRecipeBg.jpg) repeat-x top;}
#m #randomRecipeContainer .randomRecipe div.lft h3{color:#cc0000;}
#m #randomRecipeContainer .randomRecipe div.imageContainer p.overlay{background: url(/myediets2/RecipeClub/images/recipeOfWeek_m.png);}
#m #randomRecipeContainerUpSel h2 { color:#FFAF35; }
#m #randomRecipeContainerUpSel{background:#f2f2f2;}
#m #randomRecipeContainerUpSel .randomRecipe{background:#FEFEFE url(/myediets2/RecipeClub/images/randomRecipeBg.jpg) repeat-x top;}
#m #randomRecipeContainerUpForm{background:#f2f2f2;}
#m #randomRecipeContainerUpForm .randomRecipe{background:#FEFEFE url(/myediets2/RecipeClub/images/randomRecipeBg.jpg) repeat-x top;}

#randomRecipeContainer .randomRecipe { border:2px solid #FFFFFF; height:320px; padding:0; width:100%; }

.randomRecipe div.lft { width: 290px; margin: 5px 0 0 12px; }
.randomRecipe div.lft p { margin-bottom: 5px; }

.plansavings { width: 100%; }
.plansavings td { background: #fff; padding: 1px 4px; font-size: 0.9em; }
.plansavings th { background: #fff; color: #569BCA; font-weight: bold; padding: 1px 4px; }
.memblength { width: 320px; }
.plansavings td em { color: #8EA500; }
#f .plansavings th { color: #569BCA; border: 1px dotted #ccc; }
#f .plansavings td { border: 1px dotted #D6E1E8; }
#m .plansavings th { color: #fff; background:#666; border: 1px dotted #ccc; }
#m .plansavings td { border: 1px dotted #ccc; }
#content .plansavings th.noborder { border: 0; background: none; }

#charityPledge #intro{padding-bottom:40px;}
#charityPledge #intro p{margin-left:240px;}
#charityPledge #pledgeForm{background:#f9f9f9;}
#charityPledge #pledgeForm h5{padding:5px;}
#charityPledge #pledgeForm fieldset{padding:5px;}
#charityPledge #pledgeForm fieldset label{float:left; width:140px; margin-right:8px; display:inline;}
#charityPledge #pledgeForm fieldset label.mail{margin-right:40px;}
#charityPledge #pledgeForm fieldset label input{padding:2px 5px; margin:5px 0; border:1px solid #ccc;}
#charityPledge #pledgeForm fieldset input.subBtn{float:left; margin:15px 0 0 10px; display:inline;}

#m #bmiSignup {margin-top:62px;}
/********** Male & Female Colour Schemes **********/


#f dt { color: #569BCA; }
#m dt { color: #AAB857; }

#f .wj-variety dt { background: url(/design/structure/img/bg/why-join-images.jpg) 0 0 no-repeat; }
#f .wj-recipeideas dt { background: url(/design/structure/img/bg/why-join-images.jpg) 0 -130px no-repeat; }
#f .wj-convenient dt { background: url(/design/structure/img/bg/why-join-images.jpg) 0 -260px no-repeat; }
#f .wj-support dt { background: url(/design/structure/img/bg/why-join-images.jpg) 0 -390px no-repeat; }
#f .wj-c2b dt { background: url(/design/structure/img/bg/why-join-images.jpg) 0 -520px no-repeat; }
#f .wj-itworks dt { background: url(/design/structure/img/bg/why-join-images.jpg) 0 -650px no-repeat;  }

#m .wj-variety dt { background: url(/design/structure/img/bg/why-join-images_m.jpg) 0 0 no-repeat; }
#m .wj-recipeideas dt { background: url(/design/structure/img/bg/why-join-images_m.jpg) 0 -131px no-repeat; }
#m .wj-convenient dt { background: url(/design/structure/img/bg/why-join-images_m.jpg) 0 -265px no-repeat; }
#m .wj-support dt { background: url(/design/structure/img/bg/why-join-images_m.jpg) 0 -400px no-repeat; }
#m .wj-c2b dt { background: url(/design/structure/img/bg/why-join-images_m.jpg) 0 -520px no-repeat; }
#m .wj-itworks dt { background: url(/design/structure/img/bg/why-join-images_m.jpg) 0 -535px no-repeat; }
#m #reasons dt span, #m #additional dt span{background:#666;color:#FFFFFF;}
#m #reasons .wj-itworks dt span{ background:none;}
#m #reasons .wj-itworks dd strong{color:#7F9504;}

#charityPledge #intro{background: transparent url(/myediets2/Charity/images/lwd-logo.jpg) no-repeat;}
#f #charityPledge #intro strong{color:#559ccc;}
#m #charityPledge #intro strong{color:#cc0000;}
#f #charityPledge #pledgeForm h5{background:#569BCA; color:#fff;}
#m #charityPledge #pledgeForm h5{background:#7F9504; color:#fff;}