/********** Tesco Diets Diet Resources Stylesheet Developed by PS - June 2009 Contains: - General Diet Resources Rules - Structure - Female & Male Colour Schemes **********/ h1, #dietToolsContainer h2.lft { font-size: 2.2em; line-height: 1em; font-weight: normal; margin-bottom: 20px; width: 620px; } p { margin-bottom: 10px; } ul h4 { font: 1.2em Georgia, "Times New Roman", Times, serif; } #introjoinnow { margin-top: 10px; } /********** Generic Styles **********/ .new-section { border-top: 5px solid #FAF7EB; padding-top: 5px; } #m .new-section { border-top: 5px solid #666; padding-top: 5px; } #m #diettoolsWrap .new-section { border-top:0;} .new-section img { border: 0; } .news-main-img {float:left; margin-right:10px;} .container_12 li { list-style: url(/design/structure/img/icons/bullet_f.png); margin-left: 15px; font-size: 1.1em; } .container_12 ol li { margin-left: 15px; font-size: 1em; } #m .container_12 li { list-style: url(/design/structure/img/icons/bullet_m.png); margin-left: 15px;} #m .container_12 li a{color:#333;} #m .container_12 li h4 a{color:#7F9504; margin:5px 0 10px; float:left; width:99%;} .recipe-details li { list-style: url(/design/structure/img/icons/bullet_f.png); margin: 10px 0 20px 15px; font-size: .95em; } .border-bottom { border-bottom: 1px dotted #ccc; padding-bottom: 10px; margin-bottom: 10px; } #m .container_12 #additional-links li,#m .container_12 #nut-details ul li{list-style:none !important; margin-left:0; font-size:.85em} #m ol.method li{ font-size:1em;} /********** Diet Resources **********/ #healthyrecipes, #health, #diet-nutrition, #diet-tools, #fitness, #diet-tips, #motivation { margin-bottom: 10px; } .section-img { width: 300px; height: 130px; display: inline; } .news-container h3 {font: 1.6em Georgia, "Times New Roman", Times, serif; display: inline; } .news-container li { line-height: 1.4em; } li.headline-news, #m li.headline-news { margin: 0; padding: 0; list-style-image:none; list-style-type: none; } .other-news-links { margin-top: 10px; } #breakingnews li.other-news-links { list-style-type:none; list-style:none; padding: 0; margin: 10px 0 0 0; } .editorsnote { padding: 10px; } .articleImage { float: left; margin: 0 10px 10px 0; } #resources-articles li, #breakingNewsItems li { list-style-type:none; list-style: none; margin-left: 0; display: block; clear:both; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #ccc;} #resources-articles li img, #breakingNewsItems li img { margin-right: 10px; } /********** Page Numbering **********/ #paging { padding: 20px 0; font-size: 11px; } #paging a { padding: 10px; text-decoration: none; } #paging a:hover, #paging a .selectedPage { text-decoration: underline; font-weight: bold; } /********** Healthy Recipes **********/ .headline-news { border-bottom: 1px dotted #ccc; padding-bottom: 5px; margin-bottom: 10px; } .article-img { background: url(/design/structure/img/bg/article-img-shadow.jpg) no-repeat; padding: 8px; float: right; margin: 0 0 10px 10px; } .recipe, .method { margin-bottom: 20px; } .featured-in { margin: 10px 0 0 20px; } #banner-recipeclub { background: url(/design/structure/img/sales/banner-recipeclub.jpg) no-repeat; margin-bottom: 20px; } #banner-recipeclub dt { visibility:hidden; } #banner-recipeclub dd { font-size: 0.9em; width: 205px; line-height: 1.2em; } #banner-recipeclub dd.body { margin: 50px 0 5px 80px; } #banner-recipeclub dd.banner-bottom { width: 280px; padding: 10px; } #banner-eatsmart { background: #569BCA url(/design/structure/img/sales/banner-eatsmart.jpg) top right no-repeat; color: #fff; width: 210px; Padding: 10px 80px 10px 10px; font-size: .9em; line-height: 1.2em; } #banner-eatsmart p { color: #fff; } #banner-eatsmart dt { font-size: 1.4em; font-weight: bold; } #banner-eatsmart a { color: #fff; } /********** Recipe GDA **********/ #gda { background: url(/design/structure/img/icons/gda.gif) no-repeat; } #gda ul { float: left; width: 58px; margin-right: 2px; } #gda li { list-style: none; list-style-image:none; font-size: .8em; text-align: center; margin: 0; padding: 0; } #gda .gda-value { font-weight: bold; padding-top: 20px; } #gda .gda-total { padding-bottom: 10px; } #gda .gda-percentage { padding-bottom: 20px; } /********** Diet Tools **********/ .see-also li { margin-bottom: 10px; } .diettool { background: #f6f6f6; } #m .diettool { background: #E8EAEE; } .diettool h3, .diettool p { padding: 0 10px; } .diettool span { margin: 10px 0 5px 10px; display: block; width: 200px; height: 129px;} #m .diettool span { width: 196px; height: 125px; border:2px solid #666; } .caloriecounter span { background: url(/design/structure/img/bg/diet-tools-images.jpg) 0 0 no-repeat; } .bmr span { background: url(/design/structure/img/bg/diet-tools-images.jpg) 0 -125px no-repeat; } .target-heart span { background: url(/design/structure/img/bg/diet-tools-images.jpg) 0 -250px no-repeat; } .cardio-fitness span { background: url(/design/structure/img/bg/diet-tools-images.jpg) 0 -375px no-repeat; } .bmi-chart span { background: url(/design/structure/img/bg/diet-tools-images.jpg) 0 -500px no-repeat; } .weight-conversion span { background: url(/design/structure/img/bg/diet-tools-images.jpg) 0 -625px no-repeat; } .q-1 span { background: url(/design/structure/img/bg/diet-tools-images.jpg) 0 -750px no-repeat; } .q-2 span { background: url(/design/structure/img/bg/diet-tools-images.jpg) 0 -875px no-repeat; } .bottjump { display: none; } #f #dietToolsContainer .calculatebox, #m #dietToolsContainer .calculatebox { border: 1px solid #f6f6f6; background: #f6f6f6; margin-bottom: 20px; } #f #dietToolsContainer .calculatebox form, #m #dietToolsContainer .calculatebox form{ font-size:.75em;} .displayresults{display:none;} .calculatebox table { border: 1px dotted #ccc; background: #fff; } .mainwaist p { width: 500px; } #f #dietToolsContainer .converttable td, #m #dietToolsContainer .converttable td { border-bottom: 1px dotted #ccc; } #f #quizlist li, #m #quizlist li { background: #fff; border: 1px dotted #ccc; padding: 2px 10px 2px 5px; } #f #dietToolsContainer .converttable th, #m #dietToolsContainer .converttable th { border-bottom: 1px dotted #ccc; } /*a.detailsLink{display: block; float: left; height: 37px; padding-right: 10px; text-decoration: none; font-size:1em; font-weight:bold;} a.detailsLink span {display: block; line-height: 14px; padding: 5px 0 7px 10px; color:#fff; font-size:1em;} a.detailsLink:hover span{text-decoration:underline;} a.detailsLink {background:transparent url(/design/structure/img/btn/btn-right-blu2.jpg) no-repeat top right;} a.detailsLink span{background: transparent url(/design/structure/img/btn/btn-left-blu.jpg) 0 -47px no-repeat;}*/ /********** Male & Female Colour Schemes **********/ #f #banner-recipeclub dd.banner-bottom { background: #569BCA; } #f #banner-recipeclub dd.banner-bottom a { color: #fff; font-weight: bold; display: block; } #m #banner-recipeclub dd.banner-bottom { background: #333; } #m #banner-recipeclub dd.banner-bottom a { color: #fff; font-weight: bold; display: block; } #f .editorsnote { background: #D6E69F; } #f .editorsnote h3 { color: #7B9D06; } #m .editorsnote { background: #D6E69F; } #m .editorsnote h3 { color: #7B9D06; } #f #paging a { background: #eef3f9; } #f #paging a:hover { background: #4E9FCE; color: #fff; } #f #paging a .selectedPage { background: #FAF7EB; } #m #paging a { background: #f2f2f2; } #m #paging a:hover { background: #cc0000; color: #fff; } #m #paging a .selectedPage { background: #FAF7EB; } #f #healthyrecipes .section-img { background: url(/design/structure/img/bg/diet-resources-images.jpg) 0 0 no-repeat; } #f #health .section-img { background: url(/design/structure/img/bg/diet-resources-images.jpg) 0 -130px no-repeat; } #f #diet-nutrition .section-img { background: url(/design/structure/img/bg/diet-resources-images.jpg) 0 -260px no-repeat; } #f #diet-tools .section-img { background: url(/design/structure/img/bg/diet-resources-images.jpg) 0 -390px no-repeat; } #f #fitness .section-img { background: url(/design/structure/img/bg/diet-resources-images.jpg) 0 -521px no-repeat; } #f #diet-tips .section-img { background: url(/design/structure/img/bg/diet-resources-images.jpg) 0 -652px no-repeat; } #f #motivation .section-img { background: url(/design/structure/img/bg/diet-resources-images.jpg) 0 -781px no-repeat; } #f #breakingnews .section-img { background: url(/design/structure/img/bg/diet-resources-images.jpg) 0 -912px no-repeat; } #m #healthyrecipes .section-img { background: url(/design/structure/img/bg/diet-resources-images_m.jpg) 0 0 no-repeat; } #m #health .section-img { background: url(/design/structure/img/bg/diet-resources-images_m.jpg) -5px -130px no-repeat; } #m #diet-nutrition .section-img { background: url(/design/structure/img/bg/diet-resources-images_m.jpg) -5px -260px no-repeat; } #m #diet-tools .section-img { background: url(/design/structure/img/bg/diet-resources-images_m.jpg) -5px -390px no-repeat; } #m #fitness .section-img { background: url(/design/structure/img/bg/diet-resources-images_m.jpg) -5px -521px no-repeat; } #m #diet-tips .section-img { background: url(/design/structure/img/bg/diet-resources-images_m.jpg) -5px -652px no-repeat; } #m #motivation .section-img { background: url(/design/structure/img/bg/diet-resources-images_m.jpg) -5px -781px no-repeat; } #m #breakingnews .section-img { background: url(/design/structure/img/bg/diet-resources-images_m.jpg) -5px -912px no-repeat; } /*Press Releases*/ #pressRels{width:600px;} #pressRels li {clear:both; height:30px; _padding-top:7px; *padding-top:9px;} #pressRels h4 {display:inline; width:450px; float:left;} #pressRels span {width:80px; float:left;} /* Press Release article*/ #pressRelsArt {float:left;} #pressRelsArt span {margin:0 0 20px 0; font-weight:bold; float:left;} #pressRelsArt p {float:left; clear:both; width:100%;} #pressRelsArt #shopping {float:left; margin:0 0 10px 0; clear:both;} #pressRelsArt h1 {margin-bottom:10px; /*width:470px;*/} #pressRelsArt table {margin:10px 0 20px 0; clear:both; float:left;} #pressRelsArt th {font-weight:bold; } #pressRelsArt th {background:#FAF7EB; color:#000; font-weight:bold;} #pressRelsArt td,#pressRelsArt th {border:1px solid #DFDFDF;padding:2px 5px;} #pressRelsArt td {border-top:1px solid #ccc;} #pressRelsArt .end {background:#7B9D06; font-weight:bold; color:#fff;} #f #related-links #press a {color:#559BCC; font-size:1em;} #m #related-links #press a{color:#7F9504; font-size:1em;} #pressRelsArt a.green span {padding:5px 140px;} #day {margin:10px 0 10px 0; float:left; clear:both;} #day span {float:left;width:60px; font-weight:bold;} #day li {list-style:none; margin:0; float:left; clear:both;} #crCrunchPlan em {font-style:italic; display:block; color:#cc0000;} .container_12 #press-rel li{background:url(/design/structure/img/icons/bullet_f.png) no-repeat left 8px;padding-left:15px;margin-left:0px;} #backPR li{font-weight:bold; border:none;} /*Temporary styling for BMI Tool*/ body#f.gradient{ background:#fff url(/px/images/td/bg/home_intro_bg.jpg) repeat-x 0 -50px; } #f #bmi_nm .restmetabolic .intro{ background:none; padding:0; width:100%;} #f #bmi_nm .restmetabolic .intro .main, #f #bmi_nm .restmetabolic .intro .sidebar{ width:48%;} #f #bmi_nm .restmetabolic .intro .main h2, #f #bmi_nm .restmetabolic .intro .sidebar h3{ margin:0;} #f #bmi_nm .calculatebox, #f #bmi_nm #displaybmiresults{ float:left; width: auto; margin-top:15px; border:2px solid #fff; -webkit-border-radius: 10px; /* Saf3-4, iOS 1-3.2, Android <1.6 */ -moz-border-radius: 10px; /* FF1-3.6 */ border-radius: 10px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ } #f #bmi_nm .bmicalc ol{float:left; width:100%; border-bottom:1px solid #ccc; padding-bottom:10px;} #f #bmi_nm .bmicalc form ol{ border:0; font-size:1.3em;} #f #bmi_nm .bmicalc form ol li{ margin-right:10px;} #f #bmi_nm .bmicalc form ol li input.text, #f #bmi_nm .bmicalc form ol li select{ padding: 2px 5px; width:70px; border:1px solid #ccc; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; } #f #bmi_nm .bmicalc form ol li input.text{ width:50px; padding:3px 5px 4px; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #f #bmi_nm .bmicalc form ol li input.text:focus, #f #bmi_nm .bmicalc form ol li select:focus { box-shadow: 0 0 5px rgba(86, 155, 202, 1); -webkit-box-shadow: 0 0 5px rgba(86, 155, 202, 1); -moz-box-shadow: 0 0 5px rgba(86, 155, 202, 1); } #f #bmi_nm .bmicalc form ol li input#calcbmicalc{ background:#86C543; color:#fff; padding-top:5px; height:25px; margin-top:4px; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} #f #bmi_nm .notebox.bmi{ border-top:1px solid #ccc; background:#fff; padding:5px; width:auto;} #f #bmi_nm .grid_10, #f #bmi_nm #dietToolsContainer{ width:940px; } #f #bmi_nm #dietToolsContainer{ width:940px; margin-top:25px; position:relative; float:left; height:480px; } #f #bmi_nm #dietToolsContainer .calculatebox .intro, #f #bmi_nm #dietToolsContainer .calculatebox .intro .main { width:900px; } #f #bmi_nm .grid_2{ display:none;} #f #bmi_nm #introjoinnow{ width:50%; margin-left:25%;} #f #bmi_nm .jstoggle{ display:none;} #f #bmi_nm .restmetabolic .intro .main div, #f #bmi_nm .restmetabolic .intro .sidebar div{ display:block!important;} #f #bmi_nm #displaybmiresults{ width:97%; margin-top:30px; background:#f5f5f5;} #f #bmi_nm #displaybmiresults h2{ position:absolute; top:-20px;} #f #bmi_nm #displaybmiresults .intro { padding-left:5px; width:480px; height:230px;} #f #bmi_nm #displaybmiresults .intro h5{ color:#85C543;} #f #bmi_nm #displaybmiresults .intro .main{width:240px; margin-top:10px;} #f #bmi_nm #displaybmiresults .intro .sidebar{ margin-left:10px; padding:0 10px; margin-top:0; height:200px; float:left; width:200px; border-right:1px dotted #ccc;} #f #bmi_nm #dietToolsContainer .bmiresults{ position:absolute; top:22px; right:15px; width:430px;} #f #bmi_nm #dietToolsContainer .bmiresults .displayresults{border:0;} /*Recipes Pages*/ #m .recipeGuides { float: none; display: block; margin: 5px 0 10px 0; } #m .recipeGuides li { float: left; border-right: 1px solid #ccc; padding: 15px 10px 15px 30px; list-style: none; margin-left: 0; } #m .recipeGuides li:last-child { border: 0; } #m .recipeGuides .prep { background: url(/px/images/td/icons/recipe-sprite.png) no-repeat 5px 10px; } #m .recipeGuides .yeild { background: url(/px/images/td/icons/recipe-sprite.png) no-repeat 10px -26px; } #m .teaser { border: 1px solid #ccc; border-width: 1px 0; font-size: 1.2em; padding: 20px 0 20px 50px; display:block; float: none; clear: both; margin-bottom: 20px; } #m .teaser.speech { background: url(/design/structure/img/bg/male_quote.jpg) no-repeat left 8px transparent; } #m #ingredients { background: #f5f5f5; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #m #ingredients h2 { font-family: 'DancingScriptOTRegular',Georgia,Times,serif; color: #333; font-size: 2.4em; padding: 10px 0 0 10px; } #m #ingredients ul { list-style: none; } #m #ingredients li { list-style:none; padding: 2px 10px; float:none; font-size: .95em; margin-left: 0; } #m #gda { background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin: 10px 5px; clear:both; font-size: .9em; } #m #gda ul { display: block; clear:both; width: 100%; margin: 5px 0; margin-left: 5px; } #m #gda li { width: 35px; height: 55px; float: left; margin-right: 1px; margin-left: 0; padding: 5px 0 0 0; } #m #gda p { padding: 10px 0 0 5px; font-size: 1em; display: block; margin-bottom: 0; } #m #gda .calories { background: url(/px/images/td/icons/recipe-sprite.png) no-repeat 0 -79px; } #m #gda .sugar { background: url(/px/images/td/icons/recipe-sprite.png) no-repeat 0 -145px; } #m #gda .fat { background: url(/px/images/td/icons/recipe-sprite.png) no-repeat 0 -211px; } #m #gda .saturates { background: url(/px/images/td/icons/recipe-sprite.png) no-repeat 0 -274px; } #m #gda .salt { background: url(/px/images/td/icons/recipe-sprite.png) no-repeat 0 -335px; } #m #gda span { font-size: .7em; display: block; text-align:center; } #m #gda .value { font-size: 1em; font-weight: bold; padding: 5px 0 5px 0; } #m #method h2 { font-family: 'DancingScriptOTRegular',Georgia,Times,serif; font-size: 2.4em; padding-top: 10px; padding-left: 10px; } #m #method p { padding-left: 10px; } #m .grid_12.recipeGuides { width: 620px; } #m #ingredients.grid_4 { width: 220px } #m #method.grid_8 { width: 380px }