/********** Tesco Diets Diet Plans Stylesheet Developed by PS - May 2009 Contains: - General Diet Plan Rules - Structure - Female & Male Colour Schemes **********/ h1, p { margin-bottom: 10px; } #m h1{ font-size:1.9em; padding:3px 0;} #m #dietplans .clearfix h1{ padding-left:10px;} #m a.green {background:url("/design/structure/img/btn/btn-right-grn.gif") no-repeat right top transparent; margin-top:10px;} #m a.green span {background:url("/design/structure/img/btn/btn-left-grn.gif") no-repeat 0 0 transparent;} #dietplans {margin-bottom:100px;} #dietplans .clear{margin:20px 0px; float:left;} #successrh {margin:0 10px 0 0;float:right;_margin:0 5px 0 0;} #f #successrh a,#m #successrh a{color:#fff;} #plansdiff {clear:both;} #linksmpu {margin:0 10px 0 0;float:right;} #f #plansDiffWrap { border-top: 5px solid #FAF7EB; padding-top: 10px; } #m #plansDiffWrap { border-top: 5px solid #E8EAEE; width:785px; background:#E8EAEE; padding:10px 0; margin-left: 10px; } #m #plansDiffWrap h2{ color:#333;} /********** Diet Plans Structure **********/ #m #dietplansIntroCtr {padding:10px 10px 10px 395px; margin-bottom:20px;height: 185px;} #f .dietplansDietChoiceCtr { padding-bottom: 20px; padding-top: 10px; margin-bottom: 20px; border-top: 5px solid #FAF7EB; } .dietplansDietChoiceCtr li { font-size: .9em; } .dietplansDietChoiceCtr h3{margin-top:5px;} #m .dietplansDietChoiceCtr{ width: 785px; background:#fff; margin-left:10px; margin-bottom:20px; border-top: 5px solid #E8EAEE; } #m .dietplansDietChoiceCtr .grid_5{margin-left:0; margin-right:0;} #m .dietplansDietChoiceCtr .dietChoice{ padding-left:10px;} .js .weightLossPlans {display:none;} .weightLossPlans { float: left; width: 380px; } .weightLossPlans li, .specialistHealthPlans li, #plansdiff li, .doityourwayPlans li { font-size: .95em; margin: 0 0 8px 0; padding-left: 10px; list-style:none; } #f .weightLossPlans li,#f .specialistHealthPlans li,#f #plansdiff li, #f .doityourwayPlans li { background: url(/myediets2/myDiet/images/bulletYellow.gif) no-repeat 0 5px;} #m .weightLossPlans li,#m .specialistHealthPlans li,#m #plansdiff li, #m .doityourwayPlans li { background: url(/design/structure/img/btn/red-bullet.jpg) no-repeat 0 5px;} .weightLossPlans div.grid_2, .specialistHealthPlans div.grid_2 .doityourwayPlans div.grid_2 { width: 160px; } p.viewsample { margin-left: 10px; } p.viewsample a { font-size: 0.9em; } * html #dietplansIntroCtr { margin-right: 0; } * html #firstsuccess { margin: 0; } * html #plansecondsuccess, * html #articlefirst, * html #articlesecond, * html #mpu { margin-left: 0; margin-right: 0; } * html #content #plansuccess .rhsSuccessContainer blockquote { font-size: 1.4em; } #f #weightlossCtr { padding-top: 10px; width:800px; border-top: 5px solid #FAF7EB; } #m #weightlossCtr { padding-top: 10px; width:785px; border-top: 5px solid #E8EAEE; } .weightLossPlans span { background: #000; float: left; width: 193px; height: 250px; } .weightLossPlans span.plan1 { background: url(/design/structure/img/bg/dietplans_weightloss_bg.jpg) -386px -250px no-repeat; } .weightLossPlans span.plan10 { background: url(/design/structure/img/bg/dietplans_weightloss_bg.jpg) 0 0 no-repeat; } .weightLossPlans span.plan12 { background: url(/design/structure/img/bg/dietplans_weightloss_bg.jpg) -386px 0 no-repeat; } .weightLossPlans span.plan17 { background: url(/design/structure/img/bg/dietplans_weightloss_bg.jpg) -193px 0 no-repeat; } .weightLossPlans span.plan18 { background: url(/design/structure/img/bg/dietplans_weightloss_bg.jpg) 0 0 no-repeat; } .weightLossPlans span.plan19 { background: url(/design/structure/img/bg/dietplans_weightloss_bg.jpg) -193px -250px no-repeat; } .weightLossPlans span.plan21 { background: url(/design/structure/img/bg/dietplans_weightloss_bg.jpg) 0 -250px no-repeat; } .weightLossPlans span.plan25 { background: url(/design/structure/img/bg/dietplans_weightloss_bg.jpg) -579px 0 no-repeat; } .weightLossPlans span.plan27 { background: url(/design/structure/img/bg/dietplans_weightloss_bg.jpg) 0 -500px no-repeat; } .weightLossPlans span.plan31 { background: url(/design/structure/img/bg/dietplans_weightloss_bg.jpg) 0 -500px no-repeat; } .specialistHealthPlans { float: left; width: 380px; display:block; clear:both; } .specialistHealthPlans span { background: #000; float: left; width: 193px; height: 250px; } .specialistHealthPlans span.plan2 { background: url(/design/structure/img/bg/dietplans_healthspecific_bg.jpg) 0 0 no-repeat; } .specialistHealthPlans span.plan3 { background: url(/design/structure/img/bg/dietplans_healthspecific_bg.jpg) -193px -250px no-repeat; } .specialistHealthPlans span.plan4 { background: url(/design/structure/img/bg/dietplans_healthspecific_bg.jpg) -386px -250px no-repeat; } .specialistHealthPlans span.plan5 { background: url(/design/structure/img/bg/dietplans_healthspecific_bg.jpg) -580px -250px no-repeat; } .specialistHealthPlans span.plan6 { background: url(/design/structure/img/bg/dietplans_healthspecific_bg.jpg) -386px 0 no-repeat; } .specialistHealthPlans span.plan7 { background: url(/design/structure/img/bg/dietplans_healthspecific_bg.jpg) -772px 0 no-repeat; } .specialistHealthPlans span.plan8 { background: url(/design/structure/img/bg/dietplans_healthspecific_bg.jpg) -193px 0 no-repeat; } .specialistHealthPlans span.plan9 { background: url(/design/structure/img/bg/dietplans_healthspecific_bg.jpg) -579px 0 no-repeat; } .specialistHealthPlans span.plan20 { background: url(/design/structure/img/bg/dietplans_healthspecific_bg.jpg) 0 -250px no-repeat; } .doityourwayPlans span { background: #000; float: left; width: 193px; height: 250px; } .doityourwayPlans span.plan22 { background: url(/design/structure/img/bg/dietplans_doityourway_bg.jpg) no-repeat; } #totalssteps { margin-top: 10px; margin-bottom: 30px; } #totalssteps p { padding-left: 235px; width: 380px; padding-top: 1px; padding-bottom: 10px; margin-bottom: 5px; } #tstep1 { background: url(/design/structure/img/bg/totalssteps1.gif) no-repeat; } #tstep2 { background: url(/design/structure/img/bg/totalssteps2.gif) no-repeat; } #tstep3 { background: url(/design/structure/img/bg/totalssteps3.gif) no-repeat; } #tstep4 { background: url(/design/structure/img/bg/totalssteps4.gif) no-repeat; } .js .specialistHealthPlans {display:none;} /*.dietChoice{background:#cc0000; *width:350px;}*/ .dietChoice li { text-indent:-1000px;display: inline; margin-left:10px;} .dietChoice li a { float: left; width: 60px; height: 60px; margin-right: 20px; margin-bottom: 10px; background-image: url(/design/structure/img/btn/btn-60x60-all.png); background-repeat: no-repeat; } .dietChoice #planimg1 a { background-position: -248px 0; } .dietChoice #planimg2 a { background-position: -62px -248px; } .dietChoice #planimg3 a { background-position: -124px -248px; } .dietChoice #planimg4 a { background-position: -186px -124px; } .dietChoice #planimg5 a { background-position: -248px -248px; } .dietChoice #planimg6 a { background-position: -124px -124px; } .dietChoice #planimg7 a { background-position: -248px -124px; } .dietChoice #planimg8 a { background-position: -310px -248px; } .dietChoice #planimg9 a { background-position: 0 -248px; } .dietChoice #planimg10 a { background-position: 0 0; } .dietChoice #planimg12 a { background-position: -124px 0; } .dietChoice #planimg17 a { background-position: -62px 0; } .dietChoice #planimg18 a { background-position: 0 -186px; } .dietChoice #planimg19 a { background-position: -310px 0; } .dietChoice #planimg20 a { background-position: -186px -248px; } .dietChoice #planimg21 a { background-position: -62px -124px; } .dietChoice #planimg22 a { background-position: 0 -372px; } .dietChoice #planimg24 a { background-position: 0 0; } .dietChoice #planimg25 a { background-position: -186px 0; } .dietChoice #planimg27 a { background-position: -310px -124px; } .dietChoice #planimg27bb a { background-position: -62px -372px; } .dietChoice #planimg31 a { background-position: -124px -372px; } .dietChoice #planimg1 a:hover { background-position: -248px -62px; } .dietChoice #planimg2 a:hover { background-position: -62px -310px; } .dietChoice #planimg3 a:hover { background-position: -124px -310px; } .dietChoice #planimg4 a:hover { background-position: -186px -186px; } .dietChoice #planimg5 a:hover { background-position: -248px -310px; } .dietChoice #planimg6 a:hover { background-position: -124px -186px; } .dietChoice #planimg7 a:hover { background-position: -248px -186px; } .dietChoice #planimg8 a:hover { background-position: -310px -310px; } .dietChoice #planimg9 a:hover { background-position: 0px -310px; } .dietChoice #planimg10 a:hover { background-position: 0px -62px; } .dietChoice #planimg12 a:hover { background-position: -124px -62px; } .dietChoice #planimg17 a:hover { background-position: -62px -62px; } .dietChoice #planimg18 a:hover { background-position: 0 -248px; } .dietChoice #planimg19 a:hover { background-position: -310px -62px; } .dietChoice #planimg20 a:hover { background-position: -186px -310px; } .dietChoice #planimg21 a:hover { background-position: -62px -186px; } .dietChoice #planimg22 a:hover{ background-position: 0 -434px; } .dietChoice #planimg24 a:hover { background-position: 0 -62px; } .dietChoice #planimg25 a:hover { background-position: -186px -62px; } .dietChoice #planimg27 a:hover { background-position: -310px -186px; } .dietChoice #planimg27bb a:hover { background-position: -62px -434px; } .dietChoice #planimg31 a:hover { background-position: -124px -434px; } #findplanbtn {margin-top:15px;} #plansjoinnow span{ padding:5px 140px 5px 160px;width:60px; cursor: pointer; } #dietplansIntroCtr #plansjoinnow{ margin-top:-12px;} #dietplansIntroCtr #plansjoinnow span{ width:80px; font-size:.85em;} #dietplansIntroCtr img{ float:left; margin:0 35px 10px 0;} div#mealPlanTour { z-index: 200; position: absolute; top: 20px; left: 20px; padding: 10px 10px 50px 10px; background: #fff; } .js div#mealPlanTour { display: none; } #mealPlanTourClose { position: absolute; right: 10px; bottom: 10px; } #dietintrobtn { width: 620px; margin-left: 10px; } /********** Male & Female Colour Schemes **********/ /*#f #dietplansIntroCtr { background: url(/design/structure/img/bg/dietplans_introImg_f.jpg) no-repeat; }*/ #m #dietplansIntroCtr { background:#666 url(/design/structure/img/bg/dietplans_introImg_m.jpg) no-repeat 10px 10px; } #m #dietplansIntroCtr p{color:#fff;} #f .weightLossPlans, #f .specialistHealthPlans, #f .doityourwayPlans { background: #FAF7EB; } #m .weightLossPlans, #m .specialistHealthPlans, #m .doityourwayPlans { background: #F2F2F2; } /*Diet Intro*/ /*Diet plans right nav*/ /*#planlinks {background:#00cc00;}*/ #planlinks {margin-right:0px;} #planlinks h3{font-family:Georgia, "Times New Roman", Times, serif;} #m #planlinks a {color:#666;} #dietintro .bullet li, #dietsummary li, #ingredients li{list-style:none;padding-left:10px;margin:0 0 10px 0;} #f #dietintro .bullet li, #f #dietsummary li, #f #ingredients li{background:transparent url(/myediets2/myDiet/images/bulletYellow.gif) no-repeat 0px 5px ;} #m #dietintro .bullet li, #m #dietsummary li, #m #ingredients li{background:transparent url(/design/structure/img/btn/red-bullet.jpg) no-repeat 0px 5px ;} #rhscontent{display:inline; float:right; margin:0px 0px 0px 10px; padding-bottom:10px; width:140px;} #f #rhscontent a,#m #rhscontent a{color:#fff; text-decoration:none;} #f #rhscontent a:hover,#m #rhscontent a:hover{color:#fff;text-decoration:underline;} #plansuccess .rhsSuccessContainer, #articles .rhsSuccessContainer{padding-bottom:5px; margin-left:0;} #m #plansuccess #successrh{ margin-top:28px;} #plansuccess #loss {margin:5px 0px 20px 0px;} #plansuccess #loss span{ display:block; font-weight:bold; font-size:1.2em; margin-bottom:5px;} #plansuccess p{margin:0px; padding:5px;} #plansecondsuccess{margin-top:20px;} #articles .img110{margin:10px; border:4px solid #fff;} #articlesecond {margin-top:20px;} /*#articlefirst {display:inline; float:right; margin:0px 0px 0px 10px; padding-bottom:10px; width:140px;}*/ #planintro {float:left; display:inline;} /*Diet introduction text/icons */ #dietintro_introtext #firstpar{padding-top:10px; font-weight:bold;} #dietintro_introtext #dietplanimg {width:100px; height:100px; float:left; margin:0px 20px 0px 0px; display:block; position: relative; top: 0; left: 0;} #dietintro_introtext #dietplanimg.plan22 { margin: 0 15px -15px 0; } #dietintro_introtext .plan1 {background:url(/design/structure/img/bg/plan-icons.jpg) -300px -200px no-repeat; } #dietintro_introtext .plan2 {background:url(/design/structure/img/bg/plan-icons.jpg) -100px 0 no-repeat; } #dietintro_introtext .plan3 {background:url(/design/structure/img/bg/plan-icons.jpg) -200px 0 no-repeat; } #dietintro_introtext .plan4 {background:url(/design/structure/img/bg/plan-icons.jpg) -300px 0 no-repeat; } #dietintro_introtext .plan5 {background:url(/design/structure/img/bg/plan-icons.jpg) 0 -100px no-repeat; } #dietintro_introtext .plan6 {background:url(/design/structure/img/bg/plan-icons.jpg) -400px 0 no-repeat; } #dietintro_introtext .plan7 {background:url(/design/structure/img/bg/plan-icons.jpg) -100px -100px no-repeat; } #dietintro_introtext .plan8 {background:url(/design/structure/img/bg/plan-icons.jpg) -300px -100px no-repeat; } #dietintro_introtext .plan9 {background:url(/design/structure/img/bg/plan-icons.jpg) -200px -100px no-repeat; } #dietintro_introtext .plan10 {background:url(/design/structure/img/bg/plan-icons.jpg) -400px -100px no-repeat; } #dietintro_introtext .plan12 {background:url(/design/structure/img/bg/plan-icons.jpg) 0 0 no-repeat; } #dietintro_introtext .plan17 {background:url(/design/structure/img/bg/plan-icons.jpg) 0 -200px no-repeat; } #dietintro_introtext .plan18 {background:url(/design/structure/img/bg/plan-icons.jpg) 0 0 no-repeat; } #dietintro_introtext .plan19 {background:url(/design/structure/img/bg/plan-icons.jpg) -400px -200px no-repeat; } #dietintro_introtext .plan20 {background:url(/design/structure/img/bg/plan-icons.jpg) -100px -200px no-repeat; } #dietintro_introtext .plan21 {background:url(/design/structure/img/bg/plan-icons.jpg) 0 -300px no-repeat; } #dietintro_introtext .plan22 {background:url(/design/structure/img/bg/plan-icons.jpg) -198px -304px no-repeat; } #dietintro_introtext .plan24 {background:url(/design/structure/img/bg/plan-icons.jpg) 0 0 no-repeat; } #dietintro_introtext .plan25 {background:url(/design/structure/img/bg/plan-icons.jpg) -200px -200px no-repeat; } #dietintro_introtext .plan27 {background:url(/design/structure/img/bg/plan-icons.jpg) -100px -300px no-repeat; } #dietintro_introtext .plan27bb {background:url(/design/structure/img/bg/plan-icons.jpg) -315px -300px no-repeat; } #dietintro_introtext .plan31 {background:url(/design/structure/img/bg/plan-icons.jpg) -315px -300px no-repeat; } #dietintro_introtext .plan34 {background:url(/design/structure/img/bg/plan-icons.jpg) -95px -300px no-repeat; } /*Diet bulletpoints/image */ #dietsummary div{ padding:10px 15px; clear:both;} #dietsummary ul{font-size:.9em;} #f #dietsummary{background:#FAF7EB;} #m #dietsummary{background:#F2F2F2;} #f #dietsummary h3{color:#4DA0CE} #m #dietsummary h3{color:#000;} #dietsummary h3{font-family:Georgia, "Times New Roman", Times, serif; font-size:1.3em; font-weight:normal;} #dietsummary #plan21 h3{font-size:1.2em;} #dietsummary span{width:220px; height:80px; float:left;} #dietsummary span.plan1{background:url(/design/structure/img/bg/intro_meal_imgs.jpg) 0 0 no-repeat; } #dietsummary span.plan2{background:url(/design/structure/img/bg/intro_meal_imgs.jpg) -220px 0px no-repeat; } #dietsummary span.plan3{background:url(/design/structure/img/bg/intro_meal_imgs.jpg) -440px 0px no-repeat; } #dietsummary span.plan4{background:url(/design/structure/img/bg/intro_meal_imgs.jpg) -660px 0px no-repeat; } #dietsummary span.plan5{background:url(/design/structure/img/bg/intro_meal_imgs.jpg) -880px 0px no-repeat; } #dietsummary span.plan6{background:url(/design/structure/img/bg/intro_meal_imgs.jpg) 0 -80px no-repeat; } #dietsummary span.plan7{background:url(/design/structure/img/bg/intro_meal_imgs.jpg) -220px -80px no-repeat; } #dietsummary span.plan8{background:url(/design/structure/img/bg/intro_meal_imgs.jpg) -440px -80px no-repeat; } #dietsummary span.plan9{background:url(/design/structure/img/bg/intro_meal_imgs.jpg) -660px -80px no-repeat; } #dietsummary span.plan10{background:url(/design/structure/img/bg/intro_meal_imgs.jpg) -880px -80px no-repeat; } #dietsummary span.plan12{background:url(/design/structure/img/bg/intro_meal_imgs.jpg) 0 -160px no-repeat; } #dietsummary span.plan17{background:url(/design/structure/img/bg/intro_meal_imgs.jpg) -220px -160px no-repeat; } #dietsummary span.plan18{background:url(/design/structure/img/bg/intro_meal_imgs.jpg) -220px -160px no-repeat; } #dietsummary span.plan19{background:url(/design/structure/img/bg/intro_meal_imgs.jpg) -440px -160px no-repeat; } #dietsummary span.plan20{background:url(/design/structure/img/bg/intro_meal_imgs.jpg) -660px -160px no-repeat; } #dietsummary span.plan21{background:url(/design/structure/img/bg/intro_meal_imgs.jpg) -880px -160px no-repeat; } #dietsummary span.plan22{background:url(/design/structure/img/bg/intro_meal_imgs.jpg) -440px -239px no-repeat; } #dietsummary span.plan24{background:url(/design/structure/img/bg/intro_meal_imgs.jpg) no-repeat; } #dietsummary span.plan25{background:url(/design/structure/img/bg/intro_meal_imgs.jpg) 0px -240px no-repeat; } #dietsummary span.plan27{background:url(/design/structure/img/bg/intro_meal_imgs.jpg) -220px -240px no-repeat; } #dietsummary span.plan27bb {background:url(/design/structure/img/bg/intro_meal_imgs.jpg) -0px -240px no-repeat; } #dietsummary span.plan31 {background:url(/design/structure/img/bg/intro_meal_imgs.jpg) -0px -240px no-repeat; } /*Plan sample meals*/ #mealplanoptions {display:block; float:left;height:327px; margin:20px 0 5px; width:640px;} #dietintro #mealtypes{height:30px; margin:20px 0px 20px 10px; padding-left:75px; width:533px;} #dietintro #mealtypes li{display:inline; margin:0px; float:left; background:#fff url(/design/structure/img/btn/mealtypebtns.jpg) 0 -34 no-repeat; height:22px;} #f #dietintro #mealtypes {border-bottom:1px solid #4D9FCE;} #m #dietintro #mealtypes {border-bottom:1px solid #7A8237;} #f #dietintro #mealtypes li{background:#fff url(/design/structure/img/btn/mealtypebtns.jpg) 0 -62px no-repeat;} #m #dietintro #mealtypes li{background:#fff url(/design/structure/img/btn/mealtypebtns.jpg) 0 -93px no-repeat;} #f #dietintro #mealtypes .currentmt{background:#fff url(/design/structure/img/btn/mealtypebtns.jpg) 0 0 no-repeat;} #m #dietintro #mealtypes .currentmt{background:#fff url(/design/structure/img/btn/mealtypebtns.jpg) 0 -31px no-repeat;} #f #dietintro #mealtypes a,#m #dietintro #mealtypes a{color:#fff;} #f #dietintro #mealtypes .currentmt a {color:#052362;} #m #dietintro #mealtypes .currentmt a {color:#363A18;} #mealtypecmb, .currentmt #mealtypecmb{padding:8px 0 0 0; width: 154px; text-align: center;} #mealtypecon{padding:8px 0 0 0; width: 154px; text-align: center;} #mealtyper{padding:8px 0 0 0; width: 154px; text-align: center;} #mealtypecmb:hover,#mealtypecon:hover,#mealtyper:hover{ cursor:pointer; } #mealtyper a { white-space: nowrap; } /* Change width/padding of mealtype options dependant on number of type */ #dietintro #mealplanoptions .singlemealtype {padding-left:235px;width:385px;} #dietintro #mealplanoptions .dualmealtype {padding-left:157px;width:463px;} #dietintro .sampleMeals {margin:0 0 0 10px;} #dietintro .sampleMeals li {margin:10px 16px 0 0; } #dietintro .sampleMeals li p:hover { text-decoration:underline; } #dietintro .sampleMeals ul ul{ display: none; } .sampleMeals .mealtabs { height:17px; padding: 5px 0 0 20px;color:#fff; display:none;} .sampleMeals #tabsB{background:#fff url(/design/structure/img/btn/b_tab.jpg) no-repeat; } .sampleMeals #tabsL{background:#fff url(/design/structure/img/btn/l_tab.jpg) no-repeat; } .sampleMeals #tabsD{background:#fff url(/design/structure/img/btn/d_tab.jpg) no-repeat; } .sampleMeals #tabsS{background:#fff url(/design/structure/img/btn/s_tab.jpg) no-repeat; } #sB_details h1{color:#4C9ECD;} #sL_details h1 {color:#45B8B3;} #sD_details h1 {color:#EB81A9;} #sS_details h1{color:#FEA817;} #content .container_12 .mealinstrucs {width:570px; margin:0px 0px 20px 10px; float: none; clear: left; } .mealinstrucs {background:#FAF7EB; margin:20px 0; padding:20px;} .js .mealinstrucs { display:none; } .mealIngredients li { padding-left: 8px; background: url(/design/structure/img/bullet.gif) 0 6px no-repeat; } /* nutritional details */ #nut-details{background:url(/design/structure/img/bg/nut-details.jpg) top left no-repeat; float:right; height:65px; width:199px;} #nut-details ul{width:45px;} #calories, #protein, #carbs, #fat{float:left; margin:6px 0 0 0;} #calories{padding:5px 0 0 3px;} #protein {padding:5px 0 0 5px;} #carbs{padding:5px 0 0 5px;} #fat{padding:5px 0 0 3px;} #calories li, #protein li, #carbs li, #fat li{ font-size:10px;font-size:10px;margin:0 0 1px; list-style:none; text-align:center; clear:both;} #calories span, #protein span, #carbs span, #fat span{font-weight:bold;font-size:12px; margin:0px;} #dyk {width:560px; padding:10px; background:#fff; margin:20px 0px;} #dyk p{margin:0px;} #dyk span{font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:bold; color:#000;} .mealdetails {cursor:pointer;} #recipe{margin-top:20px; text-decoration:none;} #ingredients{ background:#fff; font-size:.9em; float:left; margin-right:20px; padding:5px 10px 10px;width:145px;} #method{float:left; width:380px; } #method h3 { font-size: 1.08em; margin: 10px 0; } #method li{list-style:decimal; list-style-position: inside;} #cookstip {font-style:italic; padding:30px; float:left; text-align:center; background:#fff; width:515px; margin-top:20px;} #dietintro_success {background: url(/design/structure/img/bg/dietplansintro_success_bg.jpg) top left repeat-x; height:282px; width:620px; float:left;margin:20px 10px; clear:both; position:relative;} #s_tab{position:relative;} /* 3D plan */ #dietintro .threeD { font-family: Verdana, Tahoma, Helvetica, sans-serif; margin:10px 0 0 15px; } #dietintro .threeD h1 { background:url('/design/structure/img/logo/3dplan_logo.jpg') no-repeat; border-bottom:1px solid #ccc; color: #032363; font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 25.32px; height:80px; padding-left:185px; } #dietintro .threeD #quote { background:transparent url('/design/structure/img/staff/3dplan_claire.jpg') no-repeat left bottom; border-bottom:1px solid #ccc; padding-left:185px; width: 435px; float:left; } #dietintro .threeD #quote blockquote { color: #032363; font-family: Georgia, "Times New Roman", Times, serif; font-size:17px; line-height:1.3em; margin-bottom:15px; } #dietintro .threeD #quote p { margin-bottom:15px; } #dietintro .threeD #quote h2 { color: #032363; font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size:13px; margin-bottom:15px; } #dietintro .threeD .phase { border:1px solid #cccccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; float:left; height:235px; margin:20px 5px 0 0; width:201px; } #dietintro .threeD .phase p { padding:10px; } #dietintro .threeD .phase img { float:right; } #dietintro .threeD .phase h3 { -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; color:#fff; padding:10px; margin:0; font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size:17px; } #dietintro .threeD .phase h3 span { font-size:38px; } #dietintro .threeD .phase.one h3 { background: #82A92F; } #dietintro .threeD .phase.two h3 { background: #569BCA; } #dietintro .threeD .phase.three { margin-right:0; } #dietintro .threeD .phase.three h3 { background: #FFA640; clear:both; } #dietintro .threeD .time { background: url(/design/structure/img/icons/3dplan_clock.gif) no-repeat; height:35px; margin:20px 0 20px 10px; padding-left:55px; float:left; } #dietintro .threeD .core { background: url(/design/structure/img/recipes/3dplan_chicken.jpg) no-repeat right bottom; border:1px solid #cccccc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; float:left; height:235px; margin:0 20px 0 0; width:100%; } #dietintro .threeD .core h2 { background: #82A92F; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; color:#fff; padding:10px; margin:0; font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size:17px; } #dietintro .threeD .core ul { line-height:1.7em; margin: 35px 10px 10px 35px; } #dietintro .threeD .core li { background: url(/design/structure/img/icons/3dplan_greentick.gif) no-repeat; padding-left:20px; } #dietintro .threeD #dietintrobtn { margin-top:20px; }