/********** Tesco Diets Base Stylesheet Developed by PS & AC - Apr 2009 Contains: - Reset & Clearfix - General Rules - Structure - Navigation - Female & Male Colour Schemes **********/ /********** Reset & Clearfix Starts **********/ html { color: #000; background: #FFF; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, tbody th, tbody td { margin: 0; padding: 0; } th, td, tbody th, tbody td, fieldset { background:none; border:0; } table { border-collapse: collapse; border-spacing: 0; border:0; } fieldset, img { border: 0; } address, caption, cite, code, dfn, em, th, var, optgroup { font-style: inherit; font-weight: inherit; } strong { font-style: inherit; font-weight: bold; } del, ins { text-decoration: none; } li { list-style: none; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } q:before, q:after { content: ''; } abbr, acronym { border: 0; font-variant: normal; } sup { vertical-align: baseline; } sub { vertical-align: baseline; } /*because legend doesn't inherit in IE */ legend { color: #000; } input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } /*@purpose To enable resizing for IE */ /*@branch For IE6-Win, IE7-Win */ input, button, textarea, select { *font-size: 100%; } legend, .hidden, .skip { display:none; height:0; } .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%; } /********** Reset & Clearfix Ends **********/ /********** General Rules **********/ body { font: 76%/160% Verdana, Tahoma, Helvetica, sans-serif; height:100%; padding: 0; } body#f { background: #fff; } body#m { background: #E0E0E0; } h1,h2,h3,h4,h5,h6{ font-family:Georgia, "Times New Roman", Times, serif;font-weight: normal; color:#333;} h1 { font-size: 1.65em; clear: both; margin-bottom:10px; } h2 { font-size: 1.5em; margin-bottom: 0.5em; clear: both;} h3{ font-size: 1.4em; margin:10px 0; clear: both; } h4{ font-size: 1.3em; margin-bottom: 0.5em; clear: both; } h5, h6 { font-size: 1.1em; margin-bottom: 0.5em; clear: both; font-family:Verdana, Geneva, sans-serif; } /*h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.6em; font-weight: 400; margin:0px; } h2 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.6em; font-weight: 400; margin-bottom: 0.5em; padding-bottom:2px; line-height: 1.3em; } h3 { font: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; font-weight: 600; margin-bottom: 0.5em; } h4 { font: Georgia, "Times New Roman", Times, serif; font-size: 1.1em; } h5 { font: Georgia, "Times New Roman", Times, serif; font-size: 0.95em; }*/ p, ol p { font-size: 0.95em; line-height:1.3em; } p a { text-decoration:none; } p a:hover { text-decoration:underline; } ul { font-size: 0.95em !important; font-size: 0.95em; line-height:1.1em; } a { text-decoration:none; } a:hover { text-decoration:underline; } /* General Padding and spacing styles */ .pad8 {padding:8px;} .pad10 {padding:10px;} .pad20 {padding: 20px;} .padTopBot8 {padding-top:8px; padding-bottom:8px;} .marTop30Flt {margin-top: 30px; float:left;} .marBot20 {margin-bottom: 20px;} .marTop5 {margin-top:5px;} .marTop10 {margin-top:10px;} .marTop20 {margin-top:10px;} .marLeft10 { margin-left: 10px; } .mar10-0-0-10 {margin: 10px 0 0 10px;} .fltLftMarLft15 {float:left; margin-left: 15px;} .fltLftMarLft10 {float:left; margin-left: 10px;} .fltLftMarRgt10 {float:left; margin-right: 10px;} .fltLftMar20-0-0-10 {float:left; margin: 20px 0 0 10px;} .fltLftWdh50PcentMarLft15 {float:left; width: 50%; margin-left: 15px;} .fltLhfMarRht8 {float: left; margin-right: 8px;} .lftMarLft10 {float:left; margin-left: 10px;} .wdth250 {width: 250px;} .marBot10 { margin-bottom: 10px; } .inline, .js .inline, .js #content .inline { display: inline; } #f .highlight { color: #559bcc; } #m .highlight { color: #7F9504; } #f .nobg, #m .nobg { background: none; } /* General Floats */ .lft {float:left;} .rht {float:right;} .lft100 {float:left; width:100%;} .clearBoth {clear:both; margin:0;} .clear { clear: both; } /* Styles reusable throughout the site */ .feedicon { border:medium none; float:left; margin-right:6px; position:relative; top:2px; } .sectionsfeed { float:left; margin-right: 10px; position: relative; padding-top: 7px; display:inline; width:14px;} blockquote{ border:0;} /********** Structure Starts **********/ .container_12 { margin-left:auto; margin-right:auto; width:960px } .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 { display:inline; float:left; margin-left:10px; margin-right:10px } .alpha { margin-left:0 } .omega { margin-right:0 } .container_12 .grid_1 { width:60px } .container_12 .grid_2 { width:140px } .container_12 .grid_3 { width:220px } .container_12 .grid_4 { width:300px } .container_12 .grid_5 { width:380px } .container_12 .grid_6 { width:460px } .container_12 .grid_7 { width:540px } .container_12 .grid_8 { width:620px } .container_12 .grid_9 { width:700px } .container_12 .grid_10 { width:780px } .container_12 .grid_11 { width:860px } .container_12 .grid_12 { width:940px } .container_12 .prefix_3 { padding-left:240px } .container_12 .prefix_6 { padding-left:480px } .container_12 .prefix_9 { padding-left:720px } .container_12 .prefix_1 { padding-left:80px } .container_12 .prefix_2 { padding-left:160px } .container_12 .prefix_4 { padding-left:320px } .container_12 .prefix_5 { padding-left:400px } .container_12 .prefix_7 { padding-left:560px } .container_12 .prefix_8 { padding-left:640px } .container_12 .prefix_10 { padding-left:800px } .container_12 .prefix_11 { padding-left:880px } .container_12 .suffix_3 { padding-right:240px } .container_12 .suffix_6 { padding-right:480px } .container_12 .suffix_9 { padding-right:720px } .container_12 .suffix_1 { padding-right:80px } .container_12 .suffix_2 { padding-right:160px } .container_12 .suffix_4 { padding-right:320px } .container_12 .suffix_5 { padding-right:400px } .container_12 .suffix_7 { padding-right:560px } .container_12 .suffix_8 { padding-right:640px } .container_12 .suffix_10 { padding-right:800px } .container_12 .suffix_11 { padding-right:880px } .inner { padding: 10px; } #wrapper{ position:relative;} /* HEADER */ header, #header { /*margin-top:10px; position:relative; z-index:2;*/ } header #logo, #header #logo { display:block; } #headerAdd{width:100%;height:100px; padding:10px 0 5px;} #f #headerAdd{background:#60A8D2; border-bottom:1px solid #86BEDD;} #m #headerAdd{background:#ACACAC; border-bottom:1px solid #909090;} #headerAdd .container_12{height:105px} #headerAdd #topBanner{ margin:0 auto; width:758px; height:90px; } #headerAdd #topBanner .ad{float:left; margin:0; padding:0;} #headerAdd #topBanner span{ float:left; text-indent:-9999px; overflow:hidden; width:10px; height:75px; margin:8px 5px 0 0; background:transparent url(/design/structure/img/bg/advertisement.png) no-repeat;} /*#headerAdd #secondaryBanner { float: left; width: 185px; text-align: right;}*/ #headerAdd .forH{ float:right; } #headerAdd .forH a{float:left; width:190px; height:90px; text-indent:-99999px; overflow:hidden;} #bannerContent { width: 728px; height: 90px; } #bannerContent body, #mpuContent body { margin: 0; } #mpuContent { width: 300px; height: 250px; } /* MEMEBER LOGIN */ /*body #header input { color: #666; font-size:0.86em; line-height:1.2em; font-family:Arial, Helvetica, sans-serif; } #member_login { padding:10px 10px 20px 10px; font-family:Arial, Helvetica, sans-serif; width:140px; height:130px; background: transparent url(/design/structure/img/bg/member_login.png) no-repeat 0 0;} #member_login h2 { color:#003273!important; font-weight:normal; padding:0; margin:0 0 3px 0; font-family:Arial, Helvetica, sans-serif;} #f #member_login a { color:#569BCA } #m #member_login a { color:#666 } #member_login a, #member_login label { font-size: .95em;} #member_login h2, #member_login input { line-height:.5; font-size:1em; } #member_login input { vertical-align:middle; border:1px solid #ccc; } #member_login .check { margin-left:0; border:0;} #member_login .submit { display:inline; margin:5px 0 5px; border:0; } #member_login input.autoclear { width:137px; margin:5px 0 2px 0; } #member_login .rmb{ color:#757575;}*/ /* LOGIN BOX */ .signin { background:#81a92f url(/design/structure/img/btn/down.png) 120px 9px no-repeat; border-radius:5px;-moz-border-radius:5px; color:#fff;display:block; font-weight:bold; padding:3px 5px; margin:50px 0 0 0; transition: background-color .25s ease; -moz-transition-property: background-color; -moz-transition-duration: .25s; -moz-transition-timing-function: ease; -webkit-transition: background-color .25s ease; width:130px; } #m .signin { margin:26px 0 0 0; } .signin:hover { background-color:rgb(200,200,200); transition: background-color .25s ease; -moz-transition-property: background-color; -moz-transition-duration: .25s; -moz-transition-timing-function: ease; -webkit-transition: background-color .25s ease;} #f a.signin, #m a.signin {color:#FFFFFF;} .signin.menu-open {background:none rgb(200,200,200)/* url(/design/structure/img/btn/up.png) 120px 9px no-repeat*/;border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;transition: background-color .25s ease; -moz-transition-property: background-color; -moz-transition-duration: .25s; -moz-transition-timing-function: ease; -webkit-transition: background-color .25s ease;} #signin_menu {background:rgb(200,200,200);border-radius:0 5px 5px 5px;-moz-border-radius:0 5px 5px 5px;color:rgb(200,200,200);display:none;left:0px;padding:5px;position:absolute;top:98px;width:200px;z-index:100;} #signin_menu form{background-color: #fff;border-radius:2px;padding:10px;-moz-border-radius:2px;} #signin_menu form .autoclear {border:rgb(200,200,200) 1px solid;color:#999;width:100%;} #signin_menu form .check{vertical-align:text-bottom;} #signin_menu form .remember{color:#666;font-size:11px;letter-spacing:-1px;} #signin_menu form .forgot{font-size:11px;letter-spacing:-1px;text-align:left;display:block;} #signin_menu form .close{padding-top:10px;} /* GENERAL MAIN NAV ELEMENTS */ #header #menus, #header #menus a { color:#fff; } #header #menus ul { height:30px;} #header #menus li { height:25px; padding:5px 3px; margin:0; position:relative; float:left; font-size:1.4em; line-height:1.47em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal!important;} /* hide the sub levels and give them a positon absolute so that they take up no room */ #header ul ul { visibility:hidden; position:absolute; height:0; top:32px; left:0; width:175px; padding:1px 0; z-index:500; } #header #menus ul ul li{ min-width:175px; line-height:11px; font-size:.8em; } #header #menus ul ul ul li{ font-size:1.05em;} /* position the third level flyout menu */ #header ul ul ul{left:194px; top:-1px; width:175px; padding: 1px 0; z-index:1000; display:none;} /* position the third level flyout menu for a left flyout */ #header ul ul ul.left {left:194px;} /* style the table so that it takes no part in the layout - for IE */ #header table {position:absolute; top:0; left:0; border-collapse:collapse;} /* style the second level links */ #header ul ul a, #header #nav ul ul a:visited {height:auto; line-height:1.3em; padding:1px 10px; width:175px; border-width: 0 1px 0; text-align:left; float:left; } /* make the second level visible when hover on first level list OR link */ #header ul li:hover ul, #header ul a:hover ul{visibility:visible; } /* keep the third level hidden when you hover on first level list OR link */ #header ul :hover ul ul{visibility:hidden; display:none;} /* make the third level visible when you hover over second level list OR link */ #header ul :hover ul :hover ul{ visibility:visible; display:block;} /* Forcing font-size on second & third level menus */ #header li ul li { font-size: 12px; height:auto!important; } /* MAIN MENU */ #header #menus { height:35px; width:100%; margin-top:20px; } #header #menus ul { margin-right:3px; color:#FFFFFF; } /* HOME ICON */ #header #home_menu { position:relative; height:30px; width:35px; padding:3px 0 0 5px; background:url(../img/bg/home_bg.png); } /* MAIN OPTIONS */ #header #main_menu { overflow:visible; } #header #main_menu .first, #header #main_menu .last, #header #gender_select .first, #header #gender_select .last { width:5px; padding:0; } #header #menus li.active a { text-decoration:underline; } /* female colour */ #f #header #main_menu li, #m #header #gender_select li { background:#569BCA; } /* male colour */ #m #header #main_menu li, #f #header #gender_select li { background:#82A92F; } #f #header #main_menu .first, #m #header #gender_select .first { background: url(../img/bg/main_menu_left_corner_f.png); height:35px;} #f #header #main_menu .last, #m #header #gender_select .last { background: url(../img/bg/main_menu_right_corner_f.png); height:35px; } #m #header #main_menu .first, #f #header #gender_select .first { background: url(../img/bg/main_menu_left_corner_m.png); height:35px; } #m #header #main_menu .last, #f #header #gender_select .last { background: url(../img/bg/main_menu_right_corner_m.png); height:35px; } /* SOCIAL MEDIA LINKS */ #header #social_icons { margin-top:5px; } #header #social_icons a { height:24px; padding:0; } #header #social_icons li { margin:0 0 0 4px; padding:0; } #header #social_icons .last. { margin:0 0 0 5px; padding:0; } #header #social_icons li:hover { margin-top:-1px; } #header #social_icons img:hover { background:none; -moz-box-shadow: 0px 0px 4px #AECFE5; -webkit-box-shadow: 0px 0px 4px #AECFE5; box-shadow: 0px 0px 4px #AECFE5; } /* Body Content Container*/ #content {position:relative;margin: 0 auto; padding:10px 0; float: none !important; padding-top: 75px; } #content.freedietProfile{ padding-top:10px;} #content.clearfix {display: block; clear:none;} #f #content{ margin-top:0!important;} #m #content{ margin-top:0;background: #fff;} /* Footer */ #footer { float:left; width:100%; border-top:1px solid #d4d4d4; background:#f5f5f5; color:#666666 } #footer li{ list-style:none!important; margin-left:0!important;} #socialmedia { padding:10px 0 15px; } #socialmedia li{ float:left;} #socialmedia p { font-size:.85em; } #sitelinks, #terms { padding:20px 0 0; margin-top:0; border-top:1px solid #ccc; } #natuk a, #natirl a, #facebook a, #twitter a, #youtube a, #cmo, #pp { float:left; width:30px; height:30px; text-indent:-99999px; overflow:hidden; margin-right:5px; background:transparent url(/px/images/td/bg/footer_sprite.gif) no-repeat 0 0; } #natirl a { background-position:-42px 0; } #social { width:40%; } #facebook a, #twitter a, #youtube a { margin:0 0 0 20px; height:34px; } #facebook a { width:96px; background-position:-85px 5px; } #twitter a { width:134px; background-position:-210px 3px; } #youtube a { width:86px; background-position:-370px 0; } #sitelinks .copyright { font-size:.73em; padding-top:35px; width:220px; float:left; background:transparent url(/px/images/td/bg/footer_sprite.gif) no-repeat 0 -38px; } #sitelinks .nav { margin-top:5px; } #sitelinks .nav li { font-size:.95em; margin:0; } #sitelinks .nav li a { margin:0 6px 0 0; padding:0 6px 0 0; border-right:1px solid #569BCA; } #cmo { width:112px; height:36px; background-position:-224px -35px; } #pp { width:38px; height:38px; background-position:-345px -34px; margin:0; } /********** Subpage Structure **********/ /*#contentLeft { float: left; width: 755px; margin-right: 20px; } #contentRight { float: left; width: 175px; background: #ccc; }*/ /********** Structure Ends **********/ /********** Logo ***/ .logoUK { background: url(/design/structure/img/logo/logo.png) no-repeat; width: 200px; height: 28px; display: block; text-indent: -9999px; } .logoIE { background: url(/design/structure/img/logo/logo_ie.png) no-repeat; width: 189px; height: 28px; display: block; text-indent: -9999px; } /********** Navigation Starts ********** Based on http://www.cssplay.co.uk/menus/final_drop.html Copyright (c) 2005-2008 Stu Nicholls. */ #nav p { display: none; } #nav { width:100%; height:32px; position:relative; z-index:100; clear:both; } #nav ul { padding:0;margin:0;list-style-type:none; } /* float the list and positon relatively to control the dropdown menu positon */ #nav li { float:left; position:relative; /*width:119px;*/ } #nav ul ul { width:175px; display: block; } /* top level links */ #header #nav a, #header #nav a:visited { display:block; padding: 0 12px; float: left; height:32px; line-height:35px; font-size:0.9em; text-decoration:none; font-weight:bold; text-align: center; } /* hide the sub levels and give them a positon absolute so that they take up no room */ #header #nav ul ul { visibility:hidden; position:absolute; height:0; top:32px; left:0; width:175px; padding: 1px 0; } * html #header #nav ul li.active ul { left: 14px; } /* position the third level flyout menu */ #header #nav ul ul ul{left:196px; top:-1px; width:175px; padding: 1px 0; z-index:1000;} /* position the third level flyout menu for a left flyout */ #header #nav ul ul ul.left {left:196px;} #header #nav ul li.active ul ul.left {left:210px;} /* style the table so that it takes no part in the layout - for IE */ #header #nav table {position:absolute; top:0; left:0; border-collapse:collapse;} /* style the second level links */ #header #nav ul ul a, #header #nav ul ul a:visited {height:auto; line-height:1em; padding:8px 10px; width:175px; border-width: 0 1px 0; text-align:left; } /* make the second level visible when hover on first level list OR link */ #header #nav ul li:hover ul, #header #nav ul a:hover ul{visibility:visible; } /* keep the third level hidden when you hover on first level list OR link */ #header #nav ul :hover ul ul{visibility:hidden;} /* make the third level visible when you hover over second level list OR link */ #header #nav ul :hover ul :hover ul{ visibility:visible;} /* Forcing font-size on second & third level menus */ #header #nav li ul li { font-size: 12px; } /* for him/her link */ #header a#gendermenu, #header a#gendermenu:visited { float: right; border: 0; text-align: right; padding: 0 12px; border-width: none; } /* Breadcrumbs */ #breadcrumb { clear: both; margin-bottom: 10px; width: 920px; padding: 5px 10px; } #breadcrumb .divider { width: 5px; height: 8px; margin: 0 5px; } /********** Navigation Ends **********/ /********** Frontdoor start **********/ #overlayBackground { position: absolute; background-color:#000; top: 0; left: 0; z-index: 150; opacity: 0.7; } * html #overlayBackground { filter: alpha(opacity=70); } *:first-child+html #overlayBackground { filter: alpha(opacity=70); } #overlayBackgroundWhite { position: absolute; background-color:#fff; top: 0; left: 0; z-index: 150; opacity: 0.9; } * html #overlayBackgroundWhite { filter: alpha(opacity=90); } *:first-child+html #overlayBackgroundWhite { filter: alpha(opacity=90); } #frontdoor { background: url(/images/bg_frontdoor.png) no-repeat; width: 306px; height: 350px; z-index: 200; position: absolute; } * html #frontdoor { background: url(/images/bg_frontdoor.gif) no-repeat; } #fdintro { position: absolute; top: 24px; left: 48px; font-weight: bold; font-size: 1.1em; } #tdmale #fdintro { left: 40px; } #fdintro img { position: relative; top: 2px; } #frontdoor #fdher { position: absolute; top: 79px; left: 16px; font-weight: bold; color: #fff; width: 131px; height: 252px; text-align: center; vertical-align: text-bottom; display: block; } #frontdoor #fdher:hover { background: url(/images/bg_frontdoor.png) -16px -355px no-repeat; text-decoration: none; } #frontdoor #fdhim { position: absolute; top: 79px; left: 157px; font-weight: bold; color: #fff; width: 131px; height: 252px; text-align: center; vertical-align: text-bottom; display: block; } #frontdoor #fdhim:hover { background: url(/images/bg_frontdoor.png) -157px -355px no-repeat; text-decoration: none; } #fdher span { position: absolute; bottom: 6px; left: 42px; cursor: pointer; } #fdhim span { position: absolute; bottom: 6px; left: 39px; cursor: pointer; } /********** Frontdoor end **********/ /********** BMI Start **********/ .HPfreeDietProfileCon { width: 178px; height: 225px; border: 1px solid #e5e5e5; padding: 5px 5px 0 120px; background: none; } .HPfreeDietProfileCon p, .HPfreeDietProfileCon fieldset { font-size: .9em; } .HPfreeDietProfileCon label { display: inline-block; width: 45px; padding: 1px 0; } #submitBMIbtn { width: 303px; height: 30px; display: block; border: none; font-size: 0.95em; font-weight: bold; line-height: 28px; } /********** BMI End **********/ /********** RHS Container Start **********/ #rhsLiveChat { width: 140px; margin-bottom: 20px; } #rhsLiveChat h5 { font: bold 1em Georgia, "Times New Roman", Times, serif; line-height: 20px; height: 89px; padding: 10px 5px 0 50px; } #rhsLiveChat .block { width: 140px; height: 25px; } #rhsLiveChat .block a { display: block; font-size: .95em; font-weight: bold; color: #fff; text-decoration: none; padding: 5px 10px 0 10px; } #rhsLiveChat .block a:hover { text-decoration: underline; } .rhsSuccessContainer { width: 140px; } .rhsSuccessContainer blockquote { font: 1.5em Georgia, "Times New Roman", Times, serif; padding: 10px; } .rhsSuccessContainer img { margin-left: 5px; } .rhsSuccessContainer p { padding: 10px; } /********** RHS Container End **********/ /********** BMI Sign Up Start **********/ #bmiSignup { margin-bottom: 15px; padding: 0; border: 0; width: auto; height: auto; } #bmiSignup h3 { font-family: Georgia, "Times New Roman", Times, serif; padding: 5px 6px; } #bmiSignup form { margin: 0 10px 10px 10px; } #bmiSignup fieldset { margin-bottom: 5px; } #bmiSignup #age_pos { float: left; width: 90px; } #bmiSignup #age_pos label { width: 30px; } #bmiSignup #sex_pos { float: left; width: 150px; } #bmiSignup #sex_pos label { width: 25px; } #bmiSignup fieldset#submit_btn { margin: 10px 0 0 0; } #m #bmiSignup {height:300px; padding:0; margin-top:40px;} #m #bmiSignup h3{ padding:10px;} #m #bmiSignup form { margin: 0; } #m #bmiSignup fieldset{ padding: 0} #m #bmiSignup fieldset input, #m #bmiSignup fieldset select{ width:75px;} #m #bmiSignup #age_pos { float: left; width: 90%; } #m #bmiSignup #sex_pos { float: left; width: 90%; } #m .HPfreeDietProfileCon fieldset label, #m .HPfreeDietProfileCon div fieldset label,#m #bmiSignup #sex_pos label, #m #bmiSignup #age_pos label{width:60px;} #m #bmiSignup fieldset#submit_btn { margin: 10px 0 0 0; } #m #bmiSignup fieldset#submit_btn input {left:0; background:url("/design/structure/img/btn/bmi_m_home.jpg") no-repeat right center transparent;border:medium none;color:#FFFFFF;cursor:pointer;font:1.4em Georgia,"Times New Roman",Times,serif;height:39px;margin:0;padding:0 20px 0 0;text-align:right;width:290px;} #m #bmiSignup p, #m #bmiSignup fieldset label{ padding:0 0 10px 10px;} /******** Related News ********/ #related-links { width: 139px; float: left; margin-bottom: 10px; } .grid_2 #related-links { float: none; } #related-links li { margin: 0; padding: 5px 0; list-style-image:none; list-style-type: none; border-bottom: 1px dotted #ccc; } #related-links #additional-links li { border-bottom: 0; } #related-links .diet-tools { background: url(/design/structure/img/bg/diettools-img.jpg) no-repeat; width: 140px; display: block; padding-top: 170px; } #related-links .more-diet-news { background: url(/design/structure/img/bg/more-health.jpg) no-repeat; width: 140px; display: block; padding-top: 170px; margin-bottom: 20px; } #related-links .find-a-diet { background: url(/design/structure/img/bg/find-a-diet.jpg) no-repeat; width: 140px; display: block; padding-top: 170px; margin-bottom: 20px; } #related-links .more-diet-tools { background: url(/design/structure/img/bg/diet-tools.jpg) no-repeat; width: 140px; display: block; padding-top: 170px; margin-bottom: 20px; } #related-links .more-diet-news li, #related-links .diet-tools li, #related-links .find-a-diet li { list-style:none; list-style-image:none; } #related-links .more-diet-news h3, #related-links .diet-tools h3, #related-links .find-a-diet h3 { background: #333; padding: 5px; } #related-links h3 a { color: #fff; font-size: 0.8em; font-weight: bold; } .skyscraper-banner { background: #f6f6f6; padding: 10px; } /* Bookmarking Widget */ #additionalTools { clear:both; position:relative; margin: 0 0 20px 0; padding-top:5px;} #additionalTools p { padding:0; margin:0; } #additionalTools p a{ position:absolute; top:0px; right:0px; padding:3px 5px 0 0; } ul li.articleTools { font-weight: bold; padding-top: 10px; list-style:none; } .js #additionalTools, .js #friendForm { display: none; } ul#additionalTools { padding: 8px 0 0 5px; float:left; width:295px; margin-top: 5px; margin-bottom: 0; } #additionalTools li { list-style-type: none; display:inline; float:left; margin:0 0 0 0; padding: 0px 7px 12px 18px; font-size: 11px; border: 0; } #additionalTools li a{color:#333;} #additionalTools li.emailafriend { background: url(/images/bookmark/print.gif) no-repeat; } #additionalTools li.fav{background: url(/images/bookmark/fav.gif) no-repeat;} #additionalTools li.email{background: url(/images/bookmark/email.gif) no-repeat;} #additionalTools li.del{background: url(/images/bookmark/delicious.gif) no-repeat;} #additionalTools li.face{background: url(/images/bookmark/facebook.gif) no-repeat;} #additionalTools li.stumble{background: url(/images/bookmark/stumbleupon.gif) no-repeat;} #additionalTools li.digg{background: url(/images/bookmark/digg.gif) no-repeat;} #additionalTools li.yahoo{background: url(/images/bookmark/yahoo.gif) no-repeat;} #f ul#additionalTools, #f #friendForm {background: #FAF7EB;} #f ul#additionalTools a, #f #friendForm a { color: #569BCA; } #m ul#additionalTools, #m #friendForm { background: #E8EAEE; } #m ul#additionalTools a, #m #friendForm a { color: #7F9504; } #friendForm { clear: both; margin-top: 5px; padding: 5px 3px; } #friendForm h5 { font-weight: bold; font-size: 0.9em; color: #000; } #additionalTools #friendForm{float:left; width:290px; padding:5px 5px 15px 5px; background:#EEF3F9;} #m #friendForm{float:left; width:290px; padding:5px 5px 15px 5px; background:#f4f4f4;} #friendForm fieldset{padding-top:10px; border:0;} #friendForm label{float:left;font-size:11px; width:140px; margin:0 2px;} #friendForm label span{float:left; width:120px; font-size:11px; color: #000;} #friendForm input{width:135px; font:11px Verdana, Arial, Helvetica, sans-serif } #friendForm label.note{width:285px; float:left; } #friendForm label.note textarea{width:283px; max-width:283px; max-height:50px; height:50px; } #friendForm .submitBtn{margin:5px 0 0 2px;} #friendForm ul{margin:5px 0; list-style-type:none; float:left; width:290px;} #friendForm ul li{font-size:11px; color:#CC0000;} #friendForm .confirmation{color:#CC0000; float:left; padding:10px 0px; width:290px;} .sharebuttons { height:30px; margin-bottom:25px; } .sharebuttons .fbbutton { float: left; width: 300px; height: 33px; } .sharebuttons .tweetbutton { float: right; height: 33px; } /* Error Container */ #errorCtr { width:100%; padding:10px; margin: 10px 0 20px 0; list-style-type:circle; clear: both; } #errorCtr strong { color: #FF3300; } #errorCtr p { color: #000; font-size: 0.95em; margin-bottom: 10px; } #errorCtr ul { padding-left: 80px;} #errorCtr li { font-size: 0.95em; margin: 5px; list-style-type: disc; } #errorCtr a { color: #000; } #errorCtr img { margin: 0 5px 5px 0; } #errorCtr h5 { color: #FF3300; font-weight: bold; } #errorCtr .errorBtn { float: right; } #f #errorCtr { border: 1px solid #ffc25d; background: #fff5e5; } #m #errorCtr { border: 1px solid #ffc25d; background: #fff5e5; } /********** BMI Sign Up End **********/ /********** Newsletter Sign Up Start **********/ #newsletterSignup { margin-bottom: 15px; border-radius: 5px; } #newsletterSignup h3 { font-family: Georgia, "Times New Roman", Times, serif; padding: 5px 6px; margin-bottom: 0; } #newsletterSignup p { padding: 10px; margin: 0; font-size: 0.9em; } #newsletterSignup fieldset { padding: 0 10px 10px 10px; } #email_newsletter, #newsletterSignup #name { font-size: 0.85em; padding: 3px; width:120px; margin-bottom: 5px; } #signup_btn { border: 0; padding: 0; margin: 0; width: 60px; height: 25px; color: #fff; font-weight: bold; cursor: pointer; vertical-align: middle; *vertical-align: text-bottom; font-size: 0.9em; } /********** Newsletter Sign Up Start **********/ /********** Sharing & Bookmarks Start **********/ #sharing { padding: 7px 0 0 0; margin-bottom: 10px; color: #999; } #sharingInner { padding: 0 0 7px 0; } #sharing a { font-family: Georgia, "Times New Roman", Times, serif; padding-top: 2px; } a#bookmarks { padding-left: 20px; } a#emaltofriend { padding-left: 29px; } /********** Sharing & Bookmarks End **********/ /********** Rotating Promo Container **********/ #tabbedPromo { width: 620px; margin-bottom: 10px; } #tabbedPromo h1 { font-size: 1.8em; width: 600px; padding: 5px 10px; font-weight: normal; } #tabbedPromo h2 { font-size: 1.4em; width: 600px; padding: 5px 10px; font-weight: normal; } #tabbedPromo h3 { font: 1.4em Georgia, "Times New Roman", Times, serif; } #tabbedPromo ul { padding: 4px 10px 10px 10px; margin: 0 0 0 2px; } #tabbedPromo li { display: inline; margin: 0; padding: 0; } #tabbedPromo li a { padding: 10px 5.7px; margin: 0; text-align:center; display: inline-block; } #tabbedPromo dt { font: 1.4em Georgia, "Times New Roman", Times, serif; padding-left: 5px; margin-bottom: 10px; } #tabbedPromo dd { font-size: .9em; padding-left: 5px; line-height: 1.6em; } /* These have had an order change. The jpeg numbers no longer relate to the order in the rotator - DAVID*/ #tabbedPromo dl.wj-t4 { background: url(/design/structure/img/bg/wj-ti-6.jpg) 10px 0 no-repeat; width: 140px; height: 230px; padding: 0 10px 0 470px; } #tabbedPromo dl.wj-t1 { background: url(/design/structure/img/bg/wj-ti-2.jpg) 10px 0 no-repeat; width: 140px; height: 230px; padding: 0 10px 0 470px; } #tabbedPromo dl.wj-t5 { background: url(/design/structure/img/bg/wj-ti-3.jpg) 10px 0 no-repeat; width: 140px; height: 230px; padding: 0 10px 0 465px; } #tabbedPromo dl.wj-t6 { background: url(/design/structure/img/bg/wj-ti-4.jpg) 10px 0 no-repeat; width: 140px; height: 230px; padding: 0 10px 0 470px; } #tabbedPromo dl.wj-t2 { background: url(/design/structure/img/bg/wj-ti-5.jpg) 10px 0 no-repeat; width: 140px; height: 230px; padding: 0 10px 0 470px; } #tabbedPromo dl.wj-t3 { background: url(/design/structure/img/bg/wj-ti-results.jpg) 10px 0 no-repeat; width: 140px; height: 230px; padding: 0 10px 0 470px; } #tabbedPromo dl.wj-t7 { background: url(/design/structure/img/bg/wj-ti-7.jpg) 10px 0 no-repeat; width: 140px; height: 230px; padding: 0 10px 0 470px; } #tabbedPromo dl.wj-t8 { background: url(/design/structure/img/bg/wj-ti-8.jpg) 10px 0 no-repeat; width: 140px; height: 230px; padding: 0 10px 0 470px; } #tabbedPromo dl.wj-t9 { background: url(/design/structure/img/bg/wj-ti-9.jpg) 10px 0 no-repeat; width: 140px; height: 230px; padding: 0 10px 0 470px; } #m #tabbedPromo { width: 600px; height:276px; margin-bottom: 10px; padding:10px;} #m #tabbedPromo h1 { font-size: 1.8em; width: 600px; padding: 5px 10px; font-weight: normal; } #m #tabbedPromo h2 { display:none; } #m #tabbedPromo h3 { font: 1.4em Georgia, "Times New Roman", Times, serif; } #m #tabbedPromo ul { padding: 15px 0 0; margin: 0; } #m #tabbedPromo li { display: inline; margin: 0; padding: 0; } #m #tabbedPromo li a { padding: 10px 19.5px; margin: 0; text-align:center; display: inline-block; } #m #pricePlansMain #tabbedPromo li a { padding: 10px 5px; } #m #tabbedPromo dl{width: 135px; padding: 0 10px 0 465px;} #m #tabbedPromo dl.wj-t1 { background: url(/design/structure/img/bg/wj-ti-1.jpg) no-repeat;} #m #tabbedPromo dl.wj-t2 { background: url(/design/structure/img/bg/wj-ti-2_m.jpg) no-repeat;} #m #tabbedPromo dl.wj-t3 { background: url(/design/structure/img/bg/wj-ti-3_m.jpg) no-repeat;} #m #tabbedPromo dl.wj-t4 { background: url(/design/structure/img/bg/wj-ti-4_m.jpg) no-repeat;} #m #tabbedPromo dl.wj-t5 { background: url(/design/structure/img/bg/wj-ti-5_m.jpg) no-repeat;} #m #tabbedPromo dl.wj-t6 { background: url(/design/structure/img/bg/wj-ti-6_m.jpg) no-repeat;} #m #tabbedPromo dl.wj-t7 { background: url(/design/structure/img/bg/wj-ti-7_m.jpg) no-repeat;} #m #tabbedPromo dl.wj-t8 { background: url(/design/structure/img/bg/wj-ti-8_m.jpg) no-repeat;} #m #tabbedPromo dl.wj-t9 { background: url(/design/structure/img/bg/wj-ti-9_m.jpg) no-repeat;} .js #tabbedPromo dl { display: none; } .js #tabbedPromo dl.active { display: block; } #tabbedPromo.success{ border:0;} /*Price comparison table*/ #pricecomp .grid_6, #pricePlansMain div#pricePlansTop, #pricePlansMain div#paymentFormsWrapper { width:97%;} #pricePlansMain div#pricePlansTop, #pricePlansMain div#paymentFormsWrapper { margin: 10px; } .currency, .pricedrop{ font: 8em/.8em Georgia, Times, serif; float:left; margin:0 20px 10px 0; color:#143358; font-style: italic;} .pricedrop{ float: left; width:127px; height:117px;background:transparent url(/px/images/td/logo/big_price_drop.png) no-repeat 0 0;} #pricetable{ border:0; margin-top:15px; } #pricetable th, #pricetable td {border:1px solid #fff;padding:5px 8px; border-bottom:2px solid #fff; font-weight: normal; background: #f5f5f5;} #pricetable td{ width:16%;} #pricetable thead th{ background: #88C646; color:#fff; font: normal 1.333em/1em Georgia, Times, serif; padding:8px 8px; -webkit-border-radius: 10px 10px 0 0; /* Saf3-4, iOS 1-3.2, Android <1.6 */ -moz-border-radius: 10px 10px 0 0; /* FF1-3.6 */ border-radius: 10px 10px 0 0; border:0; border-bottom:2px solid #fff; } #pricetable th.first{ width:40%;} #pricetable #td{ font: bold 1.333em/1em Georgia, Times, serif; color: #143358;} #pricetable #td td, #pricetable #td th{background:#DBEEC7} #pricetable td.small{ -webkit-border-radius: 0 0 10px 10px; /* Saf3-4, iOS 1-3.2, Android <1.6 */ -moz-border-radius: 0 0 10px 10px; /* FF1-3.6 */ border-radius: 0 0 10px 10px; background:#f9f9f9; text-align:center;} /********** Banner Space Starts **********/ #banner-120x600 { padding: 20px 0; text-align: center; } /********** Error Container **********/ #errorCtr { width:95%; padding:10px; margin: 10px 0 20px 0; list-style-type:circle; clear: both; } #errorCtr strong { color: #FF3300; } #errorCtr p { color: #000; font-size: 0.95em; margin-bottom: 10px; } #errorCtr ul { padding-left: 80px;} #errorCtr li { font-size: 0.95em; margin: 5px; list-style-type: disc; } #errorCtr a { color: #000; } #errorCtr img { margin: 0 5px 5px 0; } #errorCtr h5 { color: #FF3300; font-weight: bold; } #errorCtr .errorBtn { float: right; } #f #errorCtr { border: 1px solid #ffc25d; background: #fff5e5; } #m #errorCtr { border: 1px solid #ffc25d; background: #fff5e5; } #errorCtr ul.liveHelp { background-color:#FFFBF5; border: 2px solid #fff; padding:7px 0 0 0; margin:15px 5px 10px 5px; height: 45px;} #errorCtr .liveHelp h4 { font-size: .85em; color: #000; margin-top: 5px;} #errorCtr .liveHelp li { padding-left:0px; font-size: 1em; margin: 0 0 0 20px; list-style-type: none; width: 75%; float: left; } #errorCtr li.btnLiveHelp, #tdfemale #errorCtr li.btnLiveHelp { background: url(/images/btnLiveHelp_f.jpg) no-repeat 0 0; float: right; width:130px; height:35px; margin: 0 25px 0 0;} #errorCtr .liveHelp a {margin-left: 10px; font-weight: bold; line-height:35px; font-size: .85em;} #tdmale #errorCtr li.btnLiveHelp { background: url(/images/btnLiveHelp_m.jpg) no-repeat 0 0;} #fitnesstour { margin-top: 0; cursor: pointer; float: right; clear: right; } .js div#fitnesstourcontent { display: none; } div#fitnesstourcontent { background:#FFFFFF none repeat scroll 0 0; left:20px; padding:10px 10px 50px; position:absolute; top:20px; z-index:200; } #overlayBackground { position: absolute; background-color:#000; top: 0; left: 0; z-index: 150; opacity: 0.7; filter: alpha(opacity=70); } #fitnesstourclose { position:absolute; right: 20px; bottom: 20px; } #recipetour { margin-top: 25px; cursor: pointer; float: left; margin: 0 0 15px 0; } .js div#recipetourcontent { display: none; } div#recipetourcontent { background:#FFFFFF none repeat scroll 0 0; left:20px; padding:10px 10px 50px; position:absolute; top:20px; z-index:200; } #recipetourclose { position:absolute; right: 20px; bottom: 20px; } /********** Sample Meals Starts **********/ .sampleMeals { clear: both; } .sampleMeals li { float: left; width: 140px; margin-right: 20px; padding: 0; list-style:none; } .sampleMeals li h4 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.4em; padding: 5px; } .sampleMeals li h5 { font-size: .9em; padding: 0 5px; height: 60px; } .sampleMeals li p { font-size: .9em; padding: 2px 5px; } #sB { background: #4DA0CE url(/design/structure/img/bg/bgSampleMeals.jpg) 0 0 no-repeat; } #sL { background: #45B8B3 url(/design/structure/img/bg/bgSampleMeals.jpg) -210px 0 no-repeat; } #sD { background: #EB81A9 url(/design/structure/img/bg/bgSampleMeals.jpg) -420px 0 no-repeat; } #sS { background: #FFA815 url(/design/structure/img/bg/bgSampleMeals.jpg) -630px 0 no-repeat; } /* Light Choices */ div#lc_cmb_b { height: 100px; background: url(/design/structure/img/bg/lc_cmb.jpg) 0 0 no-repeat; margin: 2px; } div#lc_cmb_l { height: 100px; background: url(/design/structure/img/bg/lc_cmb.jpg) -175px 0 no-repeat; margin: 2px; } div#lc_cmb_d { height: 100px; background: url(/design/structure/img/bg/lc_cmb.jpg) 0 -100px no-repeat; margin: 2px; } div#lc_cmb_s { height: 100px; background: url(/design/structure/img/bg/lc_cmb.jpg) -175px -100px no-repeat; margin: 2px; } div#lc_cnv_b { height: 100px; background: url(/design/structure/img/bg/lc_cnv.jpg) 0 0 no-repeat; margin: 2px; } div#lc_cnv_l { height: 100px; background: url(/design/structure/img/bg/lc_cnv.jpg) -175px 0 no-repeat; margin: 2px; } div#lc_cnv_d { height: 100px; background: url(/design/structure/img/bg/lc_cnv.jpg) 0 -100px no-repeat; margin: 2px; } div#lc_cnv_s { height: 100px; background: url(/design/structure/img/bg/lc_cnv.jpg) -175px -100px no-repeat; margin: 2px; } div#lc_rec_b { height: 100px; background: url(/design/structure/img/bg/lc_rec.jpg) 0 0 no-repeat; margin: 2px; } div#lc_rec_l { height: 100px; background: url(/design/structure/img/bg/lc_rec.jpg) -175px 0 no-repeat; margin: 2px; } div#lc_rec_d { height: 100px; background: url(/design/structure/img/bg/lc_rec.jpg) 0 -100px no-repeat; margin: 2px; } div#lc_rec_s { height: 100px; background: url(/design/structure/img/bg/lc_rec.jpg) -175px -100px no-repeat; margin: 2px; } /* Lower Cholesterol */ div#ch_cmb_b { height: 100px; background: url(/design/structure/img/bg/ch_cmb.jpg) 0 0 no-repeat; margin: 2px; } div#ch_cmb_l { height: 100px; background: url(/design/structure/img/bg/ch_cmb.jpg) -175px 0 no-repeat; margin: 2px; } div#ch_cmb_d { height: 100px; background: url(/design/structure/img/bg/ch_cmb.jpg) 0 -100px no-repeat; margin: 2px; } div#ch_cmb_s { height: 100px; background: url(/design/structure/img/bg/ch_cmb.jpg) -175px -100px no-repeat; margin: 2px; } div#ch_cnv_b { height: 100px; background: url(/design/structure/img/bg/ch_cnv.jpg) 0 0 no-repeat; margin: 2px; } div#ch_cnv_l { height: 100px; background: url(/design/structure/img/bg/ch_cnv.jpg) -175px 0 no-repeat; margin: 2px; } div#ch_cnv_d { height: 100px; background: url(/design/structure/img/bg/ch_cnv.jpg) 0 -100px no-repeat; margin: 2px; } div#ch_cnv_s { height: 100px; background: url(/design/structure/img/bg/ch_cnv.jpg) -175px -100px no-repeat; margin: 2px; } div#ch_rec_b { height: 100px; background: url(/design/structure/img/bg/ch_rec.jpg) 0 0 no-repeat; margin: 2px; } div#ch_rec_l { height: 100px; background: url(/design/structure/img/bg/ch_rec.jpg) -175px 0 no-repeat; margin: 2px; } div#ch_rec_d { height: 100px; background: url(/design/structure/img/bg/ch_rec.jpg) 0 -100px no-repeat; margin: 2px; } div#ch_rec_s { height: 100px; background: url(/design/structure/img/bg/ch_rec.jpg) -175px -100px no-repeat; margin: 2px; } /* Heart Smart */ div#hs_cmb_b { height: 100px; background: url(/design/structure/img/bg/hs_cmb.jpg) 0 0 no-repeat; margin: 2px; } div#hs_cmb_l { height: 100px; background: url(/design/structure/img/bg/hs_cmb.jpg) -175px 0 no-repeat; margin: 2px; } div#hs_cmb_d { height: 100px; background: url(/design/structure/img/bg/hs_cmb.jpg) 0 -100px no-repeat; margin: 2px; } div#hs_cmb_s { height: 100px; background: url(/design/structure/img/bg/hs_cmb.jpg) -175px -100px no-repeat; margin: 2px; } div#hs_cnv_b { height: 100px; background: url(/design/structure/img/bg/hs_cnv.jpg) 0 0 no-repeat; margin: 2px; } div#hs_cnv_l { height: 100px; background: url(/design/structure/img/bg/hs_cnv.jpg) -175px 0 no-repeat; margin: 2px; } div#hs_cnv_d { height: 100px; background: url(/design/structure/img/bg/hs_cnv.jpg) 0 -100px no-repeat; margin: 2px; } div#hs_cnv_s { height: 100px; background: url(/design/structure/img/bg/hs_cnv.jpg) -175px -100px no-repeat; margin: 2px; } div#hs_rec_b { height: 100px; background: url(/design/structure/img/bg/hs_rec.jpg) 0 0 no-repeat; margin: 2px; } div#hs_rec_l { height: 100px; background: url(/design/structure/img/bg/hs_rec.jpg) -175px 0 no-repeat; margin: 2px; } div#hs_rec_d { height: 100px; background: url(/design/structure/img/bg/hs_rec.jpg) 0 -100px no-repeat; margin: 2px; } div#hs_rec_s { height: 100px; background: url(/design/structure/img/bg/hs_rec.jpg) -175px -100px no-repeat; margin: 2px; } /* High Fibre */ div#hf_cmb_b { height: 100px; background: url(/design/structure/img/bg/hf_cmb.jpg) 0 0 no-repeat; margin: 2px; } div#hf_cmb_l { height: 100px; background: url(/design/structure/img/bg/hf_cmb.jpg) -175px 0 no-repeat; margin: 2px; } div#hf_cmb_d { height: 100px; background: url(/design/structure/img/bg/hf_cmb.jpg) 0 -100px no-repeat; margin: 2px; } div#hf_cmb_s { height: 100px; background: url(/design/structure/img/bg/hf_cmb.jpg) -175px -100px no-repeat; margin: 2px; } div#hf_cnv_b { height: 100px; background: url(/design/structure/img/bg/hf_cnv.jpg) 0 0 no-repeat; margin: 2px; } div#hf_cnv_l { height: 100px; background: url(/design/structure/img/bg/images_misc.jpg) no-repeat; margin: 2px; } div#hf_cnv_d { height: 100px; background: url(/design/structure/img/bg/hf_cnv.jpg) 0 -100px no-repeat; margin: 2px; } div#hf_cnv_s { height: 100px; background: url(/design/structure/img/bg/hf_cnv.jpg) -175px -100px no-repeat; margin: 2px; } div#hf_rec_b { height: 100px; background: url(/design/structure/img/bg/hf_rec.jpg) 0 0 no-repeat; margin: 2px; } div#hf_rec_l { height: 100px; background: url(/design/structure/img/bg/hf_rec.jpg) -175px 0 no-repeat; margin: 2px; } div#hf_rec_d { height: 100px; background: url(/design/structure/img/bg/hf_rec.jpg) 0 -100px no-repeat; margin: 2px; } div#hf_rec_s { height: 100px; background: url(/design/structure/img/bg/hf_rec.jpg) -175px -100px no-repeat; margin: 2px; } /* Lower Sugar Plan */ div#lsgr_cmb_b { height: 100px; background: url(/design/structure/img/bg/lsgr_cmb.jpg) 0 0 no-repeat; margin: 2px; } div#lsgr_cmb_l { height: 100px; background: url(/design/structure/img/bg/lsgr_cmb.jpg) -175px 0 no-repeat; margin: 2px; } div#lsgr_cmb_d { height: 100px; background: url(/design/structure/img/bg/lsgr_cmb.jpg) 0 -100px no-repeat; margin: 2px; } div#lsgr_cmb_s { height: 100px; background: url(/design/structure/img/bg/lsgr_cmb.jpg) -175px -100px no-repeat; margin: 2px; } div#lsgr_cnv_b { height: 100px; background: url(/design/structure/img/bg/lsgr_cnv.jpg) 0 0 no-repeat; margin: 2px; } div#lsgr_cnv_l { height: 100px; background: url(/design/structure/img/bg/lsgr_cnv.jpg) -175px 0 no-repeat; margin: 2px; } div#lsgr_cnv_d { height: 100px; background: url(/design/structure/img/bg/lsgr_cnv.jpg) 0 -100px no-repeat; margin: 2px; } div#lsgr_cnv_s { height: 100px; background: url(/design/structure/img/bg/lsgr_cnv.jpg) -175px -100px no-repeat; margin: 2px; } div#lsgr_rec_b { height: 100px; background: url(/design/structure/img/bg/lsgr_rec.jpg) 0 0 no-repeat; margin: 2px; } div#lsgr_rec_l { height: 100px; background: url(/design/structure/img/bg/lsgr_rec.jpg) -175px 0 no-repeat; margin: 2px; } div#lsgr_rec_d { height: 100px; background: url(/design/structure/img/bg/lsgr_rec.jpg) 0 -100px no-repeat; margin: 2px; } div#lsgr_rec_s { height: 100px; background: url(/design/structure/img/bg/lsgr_rec.jpg) -175px -100px no-repeat; margin: 2px; } /* Dairy Free */ div#df_cmb_b { height: 100px; background: url(/design/structure/img/bg/df_cmb.jpg) 0 0 no-repeat; margin: 2px; } div#df_cmb_l { height: 100px; background: url(/design/structure/img/bg/df_cmb.jpg) -175px 0 no-repeat; margin: 2px; } div#df_cmb_d { height: 100px; background: url(/design/structure/img/bg/df_cmb.jpg) 0 -100px no-repeat; margin: 2px; } div#df_cmb_s { height: 100px; background: url(/design/structure/img/bg/df_cmb.jpg) -175px -100px no-repeat; margin: 2px; } div#df_cnv_b { height: 100px; background: url(/design/structure/img/bg/df_cnv.jpg) 0 0 no-repeat; margin: 2px; } div#df_cnv_l { height: 100px; background: url(/design/structure/img/bg/df_cnv.jpg) -175px 0 no-repeat; margin: 2px; } div#df_cnv_d { height: 100px; background: url(/design/structure/img/bg/df_cnv.jpg) 0 -100px no-repeat; margin: 2px; } div#df_cnv_s { height: 100px; background: url(/design/structure/img/bg/df_cnv.jpg) -175px -100px no-repeat; margin: 2px; } div#df_rec_b { height: 100px; background: url(/design/structure/img/bg/df_rec.jpg) 0 0 no-repeat; margin: 2px; } div#df_rec_l { height: 100px; background: url(/design/structure/img/bg/df_rec.jpg) -175px 0 no-repeat; margin: 2px; } div#df_rec_d { height: 100px; background: url(/design/structure/img/bg/df_rec.jpg) 0 -100px no-repeat; margin: 2px; } div#df_rec_s { height: 100px; background: url(/design/structure/img/bg/df_rec.jpg) -175px -100px no-repeat; margin: 2px; } /* Low Fat */ div#lf_cmb_b { height: 100px; background: url(/design/structure/img/bg/lf_cmb.jpg) 0 0 no-repeat; margin: 2px; } div#lf_cmb_l { height: 100px; background: url(/design/structure/img/bg/lf_cmb.jpg) -175px 0 no-repeat; margin: 2px; } div#lf_cmb_d { height: 100px; background: url(/design/structure/img/bg/lf_cmb.jpg) 0 -100px no-repeat; margin: 2px; } div#lf_cmb_s { height: 100px; background: url(/design/structure/img/bg/lf_cmb.jpg) -175px -100px no-repeat; margin: 2px; } div#lf_cnv_b { height: 100px; background: url(/design/structure/img/bg/lf_cnv.jpg) 0 0 no-repeat; margin: 2px; } div#lf_cnv_l { height: 100px; background: url(/design/structure/img/bg/lf_cnv.jpg) -175px 0 no-repeat; margin: 2px; } div#lf_cnv_d { height: 100px; background: url(/design/structure/img/bg/lf_cnv.jpg) 0 -100px no-repeat; margin: 2px; } div#lf_cnv_s { height: 100px; background: url(/design/structure/img/bg/lf_cnv.jpg) -175px -100px no-repeat; margin: 2px; } div#lf_rec_b { height: 100px; background: url(/design/structure/img/bg/lf_rec.jpg) 0 0 no-repeat; margin: 2px; } div#lf_rec_l { height: 100px; background: url(/design/structure/img/bg/lf_rec.jpg) -175px 0 no-repeat; margin: 2px; } div#lf_rec_d { height: 100px; background: url(/design/structure/img/bg/lf_rec.jpg) 0 -100px no-repeat; margin: 2px; } div#lf_rec_s { height: 100px; background: url(/design/structure/img/bg/lf_rec.jpg) -175px -100px no-repeat; margin: 2px; } /* Low Salt */ div#lst_cmb_b { height: 100px; background: url(/design/structure/img/bg/lst_cmb.jpg) 0 0 no-repeat; margin: 2px; } div#lst_cmb_l { height: 100px; background: url(/design/structure/img/bg/lst_cmb.jpg) -175px 0 no-repeat; margin: 2px; } div#lst_cmb_d { height: 100px; background: url(/design/structure/img/bg/lst_cmb.jpg) 0 -100px no-repeat; margin: 2px; } div#lst_cmb_s { height: 100px; background: url(/design/structure/img/bg/lst_cmb.jpg) -175px -100px no-repeat; margin: 2px; } div#lst_cnv_b { height: 100px; background: url(/design/structure/img/bg/lst_cnv.jpg) 0 0 no-repeat; margin: 2px; } div#lst_cnv_l { height: 100px; background: url(/design/structure/img/bg/lst_cnv.jpg) -175px 0 no-repeat; margin: 2px; } div#lst_cnv_d { height: 100px; background: url(/design/structure/img/bg/lst_cnv.jpg) 0 -100px no-repeat; margin: 2px; } div#lst_cnv_s { height: 100px; background: url(/design/structure/img/bg/lst_cnv.jpg) -175px -100px no-repeat; margin: 2px; } div#lst_rec_b { height: 100px; background: url(/design/structure/img/bg/lst_rec.jpg) 0 0 no-repeat; margin: 2px; } div#lst_rec_l { height: 100px; background: url(/design/structure/img/bg/lst_rec.jpg) -175px 0 no-repeat; margin: 2px; } div#lst_rec_d { height: 100px; background: url(/design/structure/img/bg/lst_rec.jpg) 0 -100px no-repeat; margin: 2px; } div#lst_rec_s { height: 100px; background: url(/design/structure/img/bg/lst_rec.jpg) -175px -100px no-repeat; margin: 2px; } /* Diabetes */ div#db_cmb_b { height: 100px; background: url(/design/structure/img/bg/db_cmb.jpg) 0 0 no-repeat; margin: 2px; } div#db_cmb_l { height: 100px; background: url(/design/structure/img/bg/db_cmb.jpg) -175px 0 no-repeat; margin: 2px; } div#db_cmb_d { height: 100px; background: url(/design/structure/img/bg/images_misc.jpg) 0 -100px no-repeat; margin: 2px; } div#db_cmb_s { height: 100px; background: url(/design/structure/img/bg/db_cmb.jpg) -175px -100px no-repeat; margin: 2px; } div#db_cnv_b { height: 100px; background: url(/design/structure/img/bg/db_cnv.jpg) 0 0 no-repeat; margin: 2px; } div#db_cnv_l { height: 100px; background: url(/design/structure/img/bg/db_cnv.jpg) -175px 0 no-repeat; margin: 2px; } div#db_cnv_d { height: 100px; background: url(/design/structure/img/bg/images_misc.jpg) -175px 0 no-repeat; margin: 2px; } div#db_cnv_s { height: 100px; background: url(/design/structure/img/bg/db_cnv.jpg) -175px -100px no-repeat; margin: 2px; } div#db_rec_b { height: 100px; background: url(/design/structure/img/bg/db_rec.jpg) 0 0 no-repeat; margin: 2px; } div#db_rec_l { height: 100px; background: url(/design/structure/img/bg/db_rec.jpg) -175px 0 no-repeat; margin: 2px; } div#db_rec_d { height: 100px; background: url(/design/structure/img/bg/db_rec.jpg) 0 -100px no-repeat; margin: 2px; } div#db_rec_s { height: 100px; background: url(/design/structure/img/bg/db_rec.jpg) -175px -100px no-repeat; margin: 2px; } /* Vegetarian */ div#vg_cmb_b { height: 100px; background: url(/design/structure/img/bg/vg_cmb.jpg) 0 0 no-repeat; margin: 2px; } div#vg_cmb_l { height: 100px; background: url(/design/structure/img/bg/vg_cmb.jpg) -175px 0 no-repeat; margin: 2px; } div#vg_cmb_d { height: 100px; background: url(/design/structure/img/bg/vg_cmb.jpg) 0 -100px no-repeat; margin: 2px; } div#vg_cmb_s { height: 100px; background: url(/design/structure/img/bg/vg_cmb.jpg) -175px -100px no-repeat; margin: 2px; } div#vg_cnv_b { height: 100px; background: url(/design/structure/img/bg/vg_cnv.jpg) 0 0 no-repeat; margin: 2px; } div#vg_cnv_l { height: 100px; background: url(/design/structure/img/bg/vg_cnv.jpg) -175px 0 no-repeat; margin: 2px; } div#vg_cnv_d { height: 100px; background: url(/design/structure/img/bg/vg_cnv.jpg) 0 -100px no-repeat; margin: 2px; } div#vg_cnv_s { height: 100px; background: url(/design/structure/img/bg/vg_cnv.jpg) -175px -100px no-repeat; margin: 2px; } div#vg_rec_b { height: 100px; background: url(/design/structure/img/bg/vg_rec.jpg) 0 0 no-repeat; margin: 2px; } div#vg_rec_l { height: 100px; background: url(/design/structure/img/bg/vg_rec.jpg) -175px 0 no-repeat; margin: 2px; } div#vg_rec_d { height: 100px; background: url(/design/structure/img/bg/vg_rec.jpg) 0 -100px no-repeat; margin: 2px; } div#vg_rec_s { height: 100px; background: url(/design/structure/img/bg/vg_rec.jpg) -175px -100px no-repeat; margin: 2px; } /* GI Diet */ div#gi_cmb_b { height: 100px; background: url(/design/structure/img/bg/gi_cmb.jpg) 0 0 no-repeat; margin: 2px; } div#gi_cmb_l { height: 100px; background: url(/design/structure/img/bg/gi_cmb.jpg) -175px 0 no-repeat; margin: 2px; } div#gi_cmb_d { height: 100px; background: url(/design/structure/img/bg/gi_cmb.jpg) 0 -100px no-repeat; margin: 2px; } div#gi_cmb_s { height: 100px; background: url(/design/structure/img/bg/gi_cmb.jpg) -175px -100px no-repeat; margin: 2px; } div#gi_cnv_b { height: 100px; background: url(/design/structure/img/bg/gi_cnv.jpg) 0 0 no-repeat; margin: 2px; } div#gi_cnv_l { height: 100px; background: url(/design/structure/img/bg/gi_cnv.jpg) -175px 0 no-repeat; margin: 2px; } div#gi_cnv_d { height: 100px; background: url(/design/structure/img/bg/gi_cnv.jpg) 0 -100px no-repeat; margin: 2px; } div#gi_cnv_s { height: 100px; background: url(/design/structure/img/bg/gi_cnv.jpg) -175px -100px no-repeat; margin: 2px; } div#gi_rec_b { height: 100px; background: url(/design/structure/img/bg/gi_rec.jpg) 0 0 no-repeat; margin: 2px; } div#gi_rec_l { height: 100px; background: url(/design/structure/img/bg/gi_rec.jpg) -175px 0 no-repeat; margin: 2px; } div#gi_rec_d { height: 100px; background: url(/design/structure/img/bg/gi_rec.jpg) 0 -100px no-repeat; margin: 2px; } div#gi_rec_s { height: 100px; background: url(/design/structure/img/bg/gi_rec.jpg) -175px -100px no-repeat; margin: 2px; } div#tgi_cmb_b { height: 100px; background: url(/design/structure/img/bg/tgi_cmb.jpg) 0 0 no-repeat; margin: 2px; } div#tgi_cmb_l { height: 100px; background: url(/design/structure/img/bg/tgi_cmb.jpg) -175px 0 no-repeat; margin: 2px; } div#tgi_cmb_d { height: 100px; background: url(/design/structure/img/bg/tgi_cmb.jpg) 0 -100px no-repeat; margin: 2px; } div#tgi_cmb_s { height: 100px; background: url(/design/structure/img/bg/tgi_cmb.jpg) -175px -100px no-repeat; margin: 2px; } /* Meditteranean Plan */ div#med_cmb_b { height: 100px; background: url(/design/structure/img/bg/med_cmb.jpg) 0 0 no-repeat; margin: 2px; } div#med_cmb_l { height: 100px; background: url(/design/structure/img/bg/med_cmb.jpg) -175px 0 no-repeat; margin: 2px; } div#med_cmb_d { height: 100px; background: url(/design/structure/img/bg/med_cmb.jpg) 0 -100px no-repeat; margin: 2px; } div#med_cmb_s { height: 100px; background: url(/design/structure/img/bg/med_cmb.jpg) -175px -100px no-repeat; margin: 2px; } div#med_cnv_b { height: 100px; background: url(/design/structure/img/bg/med_cnv.jpg) 0 0 no-repeat; margin: 2px; } div#med_cnv_l { height: 100px; background: url(/design/structure/img/bg/med_cnv.jpg) -175px 0 no-repeat; margin: 2px; } div#med_cnv_d { height: 100px; background: url(/design/structure/img/bg/med_cnv.jpg) 0 -100px no-repeat; margin: 2px; } div#med_cnv_s { height: 100px; background: url(/design/structure/img/bg/med_cnv.jpg) -175px -100px no-repeat; margin: 2px; } div#med_rec_b { height: 100px; background: url(/design/structure/img/bg/med_rec.jpg) 0 0 no-repeat; margin: 2px; } div#med_rec_l { height: 100px; background: url(/design/structure/img/bg/med_rec.jpg) -175px 0 no-repeat; margin: 2px; } div#med_rec_d { height: 100px; background: url(/design/structure/img/bg/med_rec.jpg) 0 -100px no-repeat; margin: 2px; } div#med_rec_s { height: 100px; background: url(/design/structure/img/bg/med_rec.jpg) -175px -100px no-repeat; margin: 2px; } /* TWB Diet */ div#twb_rec_b { height: 100px; background: url(/design/structure/img/bg/twb_rec.jpg) 0 0 no-repeat; margin: 2px; } div#twb_rec_l { height: 100px; background: url(/design/structure/img/bg/twb_rec.jpg) -175px 0 no-repeat; margin: 2px; } div#twb_rec_d { height: 100px; background: url(/design/structure/img/bg/twb_rec.jpg) 0 -100px no-repeat; margin: 2px; } div#twb_rec_s { height: 100px; background: url(/design/structure/img/bg/twb_rec.jpg) -175px -100px no-repeat; margin: 2px; } /* Low Carb */ div#lowc_rec_b { height: 100px; background: url(/design/structure/img/bg/lowc_rec.jpg) 0 0 no-repeat; margin: 2px; } div#lowc_rec_l { height: 100px; background: url(/design/structure/img/bg/lowc_rec.jpg) -175px 0 no-repeat; margin: 2px; } div#lowc_rec_d { height: 100px; background: url(/design/structure/img/bg/lowc_rec.jpg) 0 -100px no-repeat; margin: 2px; } div#lowc_rec_s { height: 100px; background: url(/design/structure/img/bg/lowc_rec.jpg) -175px -100px no-repeat; margin: 2px; } /* Gluten Free */ div#gf_rec_b { height: 100px; background: url(/design/structure/img/bg/gf_rec.jpg) 0 0 no-repeat; margin: 2px; } div#gf_rec_l { height: 100px; background: url(/design/structure/img/bg/gf_rec.jpg) -175px 0 no-repeat; margin: 2px; } div#gf_rec_d { height: 100px; background: url(/design/structure/img/bg/gf_rec.jpg) 0 -100px no-repeat; margin: 2px; } div#gf_rec_s { height: 100px; background: url(/design/structure/img/bg/gf_rec.jpg) -175px -100px no-repeat; margin: 2px; } div#twb_rec_b { height: 100px; background: url(/design/structure/img/bg/twb_rec.jpg) 0 0 no-repeat; margin: 2px; } div#twb_rec_l { height: 100px; background: url(/design/structure/img/bg/twb_rec.jpg) -175px 0 no-repeat; margin: 2px; } div#twb_rec_d { height: 100px; background: url(/design/structure/img/bg/twb_rec.jpg) 0 -100px no-repeat; margin: 2px; } div#twb_rec_s { height: 100px; background: url(/design/structure/img/bg/twb_rec.jpg) -175px -100px no-repeat; margin: 2px; } /* Spring Fresh */ div#spf_cmb_b { height: 100px; background: url(/design/structure/img/bg/spf_cmb.jpg) 0 0 no-repeat; margin: 2px; } div#spf_cmb_l { height: 100px; background: url(/design/structure/img/bg/spf_cmb.jpg) -175px 0 no-repeat; margin: 2px; } div#spf_cmb_d { height: 100px; background: url(/design/structure/img/bg/spf_cmb.jpg) 0 -100px no-repeat; margin: 2px; } div#spf_cmb_s { height: 100px; background: url(/design/structure/img/bg/spf_cmb.jpg) -175px -100px no-repeat; margin: 2px; } div#spf_cnv_b { height: 100px; background: url(/design/structure/img/bg/spf_cnv.jpg) 0 0 no-repeat; margin: 2px; } div#spf_cnv_l { height: 100px; background: url(/design/structure/img/bg/spf_cnv.jpg) -175px 0 no-repeat; margin: 2px; } div#spf_cnv_d { height: 100px; background: url(/design/structure/img/bg/spf_cnv.jpg) 0 -100px no-repeat; margin: 2px; } div#spf_cnv_s { height: 100px; background: url(/design/structure/img/bg/spf_cnv.jpg) -175px -100px no-repeat; margin: 2px; } div#spf_rec_b { height: 100px; background: url(/design/structure/img/bg/spf_rec.jpg) 0 0 no-repeat; margin: 2px; } div#spf_rec_l { height: 100px; background: url(/design/structure/img/bg/spf_rec.jpg) -175px 0 no-repeat; margin: 2px; } div#spf_rec_d { height: 100px; background: url(/design/structure/img/bg/spf_rec.jpg) 0 -100px no-repeat; margin: 2px; } div#spf_rec_s { height: 100px; background: url(/design/structure/img/bg/spf_rec.jpg) -175px -100px no-repeat; margin: 2px; } /* LBD */ div#lbd_cmb_b { height: 100px; background: url(/design/structure/img/bg/lbd_cmb.jpg) 0 0 no-repeat; margin: 2px; } div#lbd_cmb_l { height: 100px; background: url(/design/structure/img/bg/lbd_cmb.jpg) -175px 0 no-repeat; margin: 2px; } div#lbd_cmb_d { height: 100px; background: url(/design/structure/img/bg/lbd_cmb.jpg) 0 -100px no-repeat; margin: 2px; } div#lbd_cmb_s { height: 100px; background: url(/design/structure/img/bg/lbd_cmb.jpg) -175px -100px no-repeat; margin: 2px; } div#lbd_cnv_b { height: 100px; background: url(/design/structure/img/bg/lbd_cnv.jpg) 0 0 no-repeat; margin: 2px; } div#lbd_cnv_l { height: 100px; background: url(/design/structure/img/bg/lbd_cnv.jpg) -175px 0 no-repeat; margin: 2px; } div#lbd_cnv_d { height: 100px; background: url(/design/structure/img/bg/lbd_cnv.jpg) 0 -100px no-repeat; margin: 2px; } div#lbd_cnv_s { height: 100px; background: url(/design/structure/img/bg/lbd_cnv.jpg) -175px -100px no-repeat; margin: 2px; } div#lbd_rec_b { height: 100px; background: url(/design/structure/img/bg/lbd_rec.jpg) 0 0 no-repeat; margin: 2px; } div#lbd_rec_l { height: 100px; background: url(/design/structure/img/bg/lbd_rec.jpg) -175px 0 no-repeat; margin: 2px; } div#lbd_rec_d { height: 100px; background: url(/design/structure/img/bg/lbd_rec.jpg) 0 -100px no-repeat; margin: 2px; } div#lbd_rec_s { height: 100px; background: url(/design/structure/img/bg/lbd_rec.jpg) -175px -100px no-repeat; margin: 2px; } /* Body Boost div#lbd_cmb_b { height: 100px; background: url(/design/structure/img/bg/bb_cmb.jpg) 0 0 no-repeat; margin: 2px; } div#lbd_cmb_l { height: 100px; background: url(/design/structure/img/bg/bb_cmb.jpg) -175px 0 no-repeat; margin: 2px; } div#lbd_cmb_d { height: 100px; background: url(/design/structure/img/bg/bb_cmb.jpg) 0 -100px no-repeat; margin: 2px; } div#lbd_cmb_s { height: 100px; background: url(/design/structure/img/bg/bb_cmb.jpg) -175px -100px no-repeat; margin: 2px; } div#lbd_cnv_b { height: 100px; background: url(/design/structure/img/bg/bb_cnv.jpg) 0 0 no-repeat; margin: 2px; } div#lbd_cnv_l { height: 100px; background: url(/design/structure/img/bg/bb_cnv.jpg) -175px 0 no-repeat; margin: 2px; } div#lbd_cnv_d { height: 100px; background: url(/design/structure/img/bg/bb_cnv.jpg) 0 -100px no-repeat; margin: 2px; } div#lbd_cnv_s { height: 100px; background: url(/design/structure/img/bg/bb_cnv.jpg) -175px -100px no-repeat; margin: 2px; } div#lbd_rec_b { height: 100px; background: url(/design/structure/img/bg/bb_rec.jpg) 0 0 no-repeat; margin: 2px; } div#lbd_rec_l { height: 100px; background: url(/design/structure/img/bg/bb_rec.jpg) -175px 0 no-repeat; margin: 2px; } div#lbd_rec_d { height: 100px; background: url(/design/structure/img/bg/bb_rec.jpg) 0 -100px no-repeat; margin: 2px; } div#lbd_rec_s { height: 100px; background: url(/design/structure/img/bg/bb_rec.jpg) -175px -100px no-repeat; margin: 2px; } */ #f .sampleMeals h4 { color: #000; } #f .sampleMeals li p { color: #fff; } #m .sampleMeals h4 { color: #000; } #m .sampleMeals li p { color: #fff; } /********** Sample Meals Ends **********/ /********** Success Stories Starts **********/ #success-videos div { width: 300px; margin-bottom: 20px; } #success-videos .play-video, #success-videos-mid .play-video { float:left; width:240px; height:38px; margin:30px 0 48px 5px; padding:16px 0 0 50px; font-weight:bold;background:transparent url(/design/structure/img/successStories/arrow_btn.gif) no-repeat 10px 0;} #success-videos .details, #success-videos-mid .details { width: 250px; /*height: 218px;*/ clear: left; } #success-videos .details a, #success-videos-mid .details a { color: #fff; font-weight: bold; } .side-videos-collette { background:#F6F6F6 url(/design/structure/img/successStories/stories_bg_f.gif) no-repeat 10px -15px;} .side-videos-natalie { background:#F6F6F6 url(/design/structure/img/successStories/stories_bg_f.gif) no-repeat 10px -242px;} .side-videos-donna { background:#F6F6F6 url(/design/structure/img/successStories/stories_bg_f.gif) no-repeat 10px -717px; } .side-videos-fiona { background:#F6F6F6 url(/design/structure/img/successStories/stories_bg_f.gif) no-repeat 10px -952px; } .side-videos-carole { background:#F6F6F6 url(/design/structure/img/successStories/stories_bg_f.gif) no-repeat 10px -477px; } .side-videos-john { background:#F6F6F6 url(/design/structure/img/successStories/stories_bg_m.png) no-repeat 10px 0; } .side-videos-kevin { background:#F6F6F6 url(/design/structure/img/successStories/stories_bg_m.gif) no-repeat 10px -242px; } .side-videos-chris { background:#F6F6F6 url(/design/structure/img/successStories/success-sprite-sept2010_m.png) no-repeat 10px -224px; } .side-videos-bryan { background:#F6F6F6 url(/design/structure/img/successStories/success-sprite-sept2010_m.png) no-repeat 10px -448px; } .side-videos-karl { background:#F6F6F6 url(/design/structure/img/successStories/stories_bg_m.gif) no-repeat; } .side-videos-sally { background:#F6F6F6 url(/design/structure/img/successStories/success-sprite-sept2010.png) no-repeat 10px 0;} .side-videos-stephanie { background:#F6F6F6 url(/design/structure/img/successStories/success-sprite-sept2010.png) no-repeat 10px -225px;} .side-videos-sue { background:#F6F6F6 url(/design/structure/img/successStories/success-sprite-sept2010.png) no-repeat 10px -460px;} .side-videos-emma { background:#F6F6F6 url(/design/structure/img/successStories/success-sprite-sept2010.png) no-repeat 10px -935px;} .side-videos-alisonbell { background:#F6F6F6 url(/design/structure/img/successStories/success-sprite-sept2010.png) no-repeat 10px -701px;} .side-videos-mandy { background:#F6F6F6 url(/design/structure/img/successStories/success-sprite-sept2010.png) no-repeat 10px -1169px;} .side-videos-carol { background:#F6F6F6 url(/design/structure/img/successStories/success-sprite-sept2010.png) no-repeat 10px -1403px;} #success-videos-mid .grid_4{ margin-bottom:20px; height:218px;} #successCalendar h1{ text-indent:-9999px; overflow:hidden; float:left; width:620px; height:250px; margin-top:10px; background:#fff url(/design/structure/img/successStories/calendar-cover.jpg) no-repeat;} #calendar-videos-mid{ margin-bottom:50px;} #calendar-videos-mid h3{ padding-bottom:20px;} #calendar-videos-mid .play-video, #successCalendar .play-video { float:left; width:240px; height:35px; margin:30px 0 34px 5px; padding:16px 0 0 50px; font-weight:bold;background:transparent url(/design/structure/img/successStories/arrow_btn.gif) no-repeat 10px 0;} #calendar-videos-mid .details { width: 257px; /*height: 218px;*/ clear: left; } #calendar-videos-mid .details a { color: #fff; font-weight: bold; } #calendar-videos-mid .grid_4{margin-bottom:20px; height:218px; background:#fff url(/design/structure/img/successStories/success-calendar-sprite.png) no-repeat 0 0;} #calendar-videos-mid .calendar-videos-helen{ background-position:0 -902px; } #calendar-videos-mid .calendar-videos-sue{ background-position:0 -2554px; } #calendar-videos-mid .calendar-videos-indiya{ background-position:0 -1133px; } #calendar-videos-mid .calendar-videos-grere{ background-position:0 -447px; } #calendar-videos-mid .calendar-videos-alexis{ background-position:0 0; } #calendar-videos-mid .calendar-videos-irene{ background-position:0 -1364px; } #calendar-videos-mid .calendar-videos-linda{ background-position:0 -1600px; } #calendar-videos-mid .calendar-videos-sharon{ background-position:0 -2311px; } #calendar-videos-mid .calendar-videos-michaela{ background-position:0 -1836px; } #calendar-videos-mid .calendar-videos-pat{ background-position:0 -2075px; } #calendar-videos-mid .calendar-videos-gwawr{ background-position:0 -672px; } #calendar-videos-mid .calendar-videos-amanda{ background-position:0 -221px; } #calendar-irene .details{ width:275px;} #calendar-irene span.charName{ font-size:.8em;} #successCalendar #behindScenes{display:none;} .js #successCalendar #behindScenes{ display:block;} #successCalendar #behindScenes{ position:relative; margin-top:20px; height:250px; background:#FFF URL(/design/structure/img/successStories/calendar-group.jpg) no-repeat 0 -40px;} #successCalendar #behindScenes #behindDetails{ float:left; width:300px; padding:180px 0 0 20px;} #successCalendar #behindScenes #behindDetails h3{ margin:0; padding:0;} #calendar-girls .play-video{ position:absolute; margin-bottom:0; top:155px; width:100px; left:400px;} #successCalendar a#behindScenes{ padding:180px 10px 0; height:auto;} #successCalendar a#behindScenes:hover{ text-decoration:none;} #successCalendar a#behindScenes h3{ font-size:1.6em; font-weight:normal;} #videoOverlay {position:absolute;z-index:100;top:0; left:0; width:100%;background:#000;} #videoLightbox {position:absolute;z-index:200; border:1px solid #000; padding:10px; background:#FFFFFF; -moz-box-shadow: 0px 0px 10px black; -webkit-box-shadow: 0px 0px 10px black; box-shadow: 0px 0px 10px black;} #videoLightbox p{ float:left; width:350px;} #videoLightbox .close{ position:absolute; top:-30px; right:-25px; text-indent:-9999px; overflow:hidden; width:45px; height:45px; background:transparent url(/design/structure/img/bg/close-video.png) no-repeat;} .js .play-video{display:block;} #successCalendar div.details{padding: 115px 0 2px 20px;} div.details{padding: 130px 0 2px 20px;} .js #successCalendar div.details{padding:3px 0 2px 20px;} .js div.details{padding: 0 0 2px 20px;} div.details h4{ margin-bottom:0;} /********** Success Stories Ends **********/ .recipes-shadow { background: url(/design/structure/img/bg/recipes-shadow.jpg) 0 0 no-repeat; display: block; padding: 8px; } /********** General button properties **********/ #introjoinnow { margin: 0 0 20px 0; text-align: center; width: 95%; clear: left; } #f a.green span , #m a.green span { padding:5px 60px; } a.button {display: block; float: left; height: 37px; padding-right: 10px; text-decoration: none; font-size:1.5em; font-weight:bold; margin-bottom: 10px;} a.button span {display: block; line-height: 27px; padding: 7px 0 5px 10px; color:#fff; font-size:1em;} a.button:hover span{text-decoration:underline;} a.button-small {display: block; float: left; height: 37px; padding-right: 10px; text-decoration: none; font-size:1em; font-weight:bold;} a.button-small span {display: block; line-height: 14px; padding: 5px 0 7px 10px; color:#fff; font-size:1em;} a.button-small:hover span{text-decoration:underline;} /*Green button*/ a.green {background:transparent url(/design/structure/img/btn/btn-right-grn.jpg) no-repeat scroll top right; } a.green span{background: transparent url(/design/structure/img/btn/btn-left-grn.jpg) no-repeat; padding:5px 70px 5px 90px;} /*Blue button*/ a.blue {background:transparent url(/design/structure/img/btn/btn-right-blu.jpg) no-repeat scroll top right;} a.blue span{background: transparent url(/design/structure/img/btn/btn-left-blu.jpg) no-repeat;} a.blue-small {background:transparent url(/design/structure/img/btn/btn-right-blu2.jpg) no-repeat top right;} a.blue-small span{background: transparent url(/design/structure/img/btn/btn-left-blu.jpg) 0 -47px no-repeat;} a.green-small {background:transparent url(/design/structure/img/btn/btn-right-green2.jpg) no-repeat top right;} a.green-small span{background: transparent url(/design/structure/img/btn/btn-left-grn.jpg) 0 -47px no-repeat;} /********** Colours Start **********/ #f h1, #f h2, #f h3, #f h4, #f h5, #f h6 { color:#333; } #m h1, #m h2, #m h3, #m h4, #m h5, #m h6 { color:#333; } #f dt { color: #333; } #m dt { color: #333; } /********** Links Color Values **********/ #f a { color:#569bca; } /*#f a:hover { color:#559ccc; }*/ #m a { color:#7F9504; } /*#m a:hover { color:#559ccc; }*/ /*#f p a { color:#559ccc; } #m p a { color:#7F9504; }*/ p, ul { color:#333; } #f .new-section { border-top: 5px solid #FAF7EB; padding: 5px 0; } #m .new-section { border-top: 0; padding: 5px 0; } /********** Rotating Promo Container **********/ #f #tabbedPromo { background: #d6e69f; } #f #tabbedPromo h1 { color: #7b9d06; } #f #tabbedPromo h2 { background: #7b9d06; color: #fff; } #f #tabbedPromo dt { color: #506604; } #f #tabbedPromo li a { background: #fff; color: #7b9d06; } #f #tabbedPromo li.active a { background: #7b9d06; color: #fff; } #m #tabbedPromo { background: #666; } #m #tabbedPromo h1 { color: #7b9d06; } #m #tabbedPromo h2 { background: #7F9504; color: #fff;} #m #tabbedPromo dt { color: #fff; } #m #tabbedPromo dd { color:#fff;} #m #tabbedPromo li a { background: #fff; color: #7b9d06; } #m #tabbedPromo li.active a { background: #7b9d06; color: #fff; } /* Breadcrumb */ #f #breadcrumb { background: /*#FAF7EB*/#C4E0F5 url(/design/structure/img/bg/breadcrumb-xmas-bg.jpg) top repeat-x; background-image: -moz-linear-gradient(100% 100% 90deg, #fff, #C4E0F5); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C4E0F5), to(#fff)); } #f #breadcrumb a { color: #559ccc; } #f #breadcrumb a:hover { color: #333; } #m #breadcrumb { background: #e8eaee; } #f #breadcrumb a:hover { color: #333; } #f #breadcrumb .divider { background: url(/design/structure/img/bg/breadcrumb-bullet.gif) 0 4px no-repeat; } #m #breadcrumb .divider { background: url(/design/structure/img/bg/breadcrumb-bullet_m.gif) 0 4px no-repeat; } /* BMI Colour Start */ #f #tdBmi { background: url(/design/structure/img/sales/bmi_f.jpg) left top no-repeat; } #m #tdBmi { background: url(/design/structure/img/sales/bmi_m.jpg) left top no-repeat; } #f #submitBMIbtn { color: #fff; background: url(/design/structure/img/btn/bmi.jpg) 0 0 no-repeat; } #m #submitBMIbtn { color: #fff; background: url(/design/structure/img/btn/bmi.jpg) 0 -30px no-repeat; } #f #bmiSignup { background: #dfecf4 url(/design/structure/img/bg/bmibg.png) right bottom no-repeat; } #f #bmiSignup h3 { background: #569bca; color: #fff; border-bottom: 1px solid #fff; } #f #newsletterSignup { background: #dfecf4; } #f #newsletterSignup h3 { background: #569bca; color: #fff; border-bottom: 1px solid #fff; } #f #signup_btn { background: url(/design/structure/img/btn/bg.gif) no-repeat; } #m #signup_btn { background: url(/design/structure/img/btn/bg_m.gif) no-repeat; } #m #bmiSignup { background: #666 url(/design/structure/img/bg/bmi-tape-m.jpg) no-repeat right top; color:#fff;} #m #bmiSignup h3, #m #bmiSignup p { color: #fff; } #m #bmiSignup p { width:200px; } #m #newsletterSignup h3{ background: #666; color: #fff; border-top-right-radius: 5px; border-top-left-radius: 5px; } #m #newsletterSignup { background: #e8eaee; } #m #introContainers #newsletterSignup, #m #introContainers #newsletterSignup h3 { background: none; } #sharing { background: url(/design/structure/img/bg/dot.gif) repeat-x; } #sharingInner { background: url(/design/structure/img/bg/dot.gif) bottom repeat-x; } #f #sharing a { color: #7e9500; } a#bookmarks { background: url(/design/structure/img/bg/sharing.gif) no-repeat; } a#emaltofriend { background: url(/design/structure/img/bg/sharing.gif) 0 -27px no-repeat; } /* RHS Container */ #f #rhsLiveChat h5 { color: #569BCA; } #m #rhsLiveChat h5 { color: #A3B63D; } #f #rhsLiveChat .block { background: #569BCA; } #m #rhsLiveChat .block { background: #7C9300; } #f #rhsLiveChat { border: 1px solid #D6E4EC; background: url(/design/structure/img/sales/rhs_livechat.jpg) -3px 0 no-repeat; } #m #rhsLiveChat { border: 1px solid #CCC; background: url(/design/structure/img/sales/rhs_livechat.jpg) -5px -126px no-repeat; } #f .rhsSuccessContainer blockquote { color: #fff; } #f .rhsSuccessContainer { background: #4DA0CE url(/design/structure/img/bg/rhs-bgSuccess_f.jpg) repeat-x; } #f .rhsSuccessContainer p { color: #fff; } #m .rhsSuccessContainer blockquote { color: #fff; } #m .rhsSuccessContainer { background: #7F9504 url(/design/structure/img/bg/rhs-bgSuccess_m.jpg) repeat-x; } #m .rhsSuccessContainer p { color: #fff; } /********** Colours End **********/ #promobanner { font: 20px Georgia, "Times New Roman", Times, serif; margin: 1px 0 0 10px; } #promobanner a { width: 920px; display: block; padding: 5px 0 5px 20px; } #promobanner a span { padding: 0 0 0 75px; } #f #promobanner { background: url(/design/structure/img/bg/hp-banner-supportcall.jpg) no-repeat; } #f #promobanner a { color: #fff; text-decoration: none; } #f #promobanner a span { color: #fff; } #m #promobanner { background: url(/design/structure/img/bg/hp-banner-supportcall-m.jpg) no-repeat; } #m #promobanner a { color: #fff; text-decoration: none; } #m #promobanner a span { color: #fff; } #promobanner2 { font: 20px Georgia, "Times New Roman", Times, serif; margin: 1px 0 0 10px; width: 920px; display: block; padding: 5px 0 5px 20px; background: url(/design/structure/img/bg/hp-banner-supportcall-fdp.jpg) no-repeat; color: #fff; text-decoration: none; } #promobanner2 p { color: #fff; } #promobanner2 span { padding: 0 0 0 75px; color: #fff; } #mpu{ margin:0 0 10px 0; width:300px; height:300px;} #mpuHolder_dietIntro{ position:absolute; top:990px; left:805px;} .indent { padding-left: 30px; } @font-face { font-family: 'ChunkFiveRegular'; src: url('/design/structure/font/Chunkfive-webfont.eot'); src: url('/design/structure/font/Chunkfive-webfont.eot?#iefix') format('embedded-opentype'), url('/design/structure/font/Chunkfive-webfont.ttf') format('truetype'), url('/design/structure/font/Chunkfive-webfont.svg#ChunkFiveRegular') format('svg'); font-weight: normal; font-style: normal; } #m .chunk {font-family: 'ChunkFiveRegular', Georgia, Times, serif;} #m #content, #m #sitemap_box {margin-bottom: 20px;} /*FDP fix */ .clubcardB .noFloat { float:left; } .feedback_tag { cursor:pointer; display:block; /*allow the anchor tag to take block styling*/ overflow: hidden; position:fixed; right: 0; bottom:20%; /*place the top of the element in the middle*/ margin-top:-56px; padding:0; z-index: 1000; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 10px; -webkit-border-radius: 10px 0px 0px 10px; border-radius: 10px 0px 0px 10px; -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */ -moz-transition: all 0.3s ease-out; /* FF4+ */ -ms-transition: all 0.3s ease-out; /* IE10? */ -o-transition: all 0.3s ease-out; /* Opera 10.5+ */ transition: all 0.3s ease-out; -webkit-box-shadow: 2px 2px 4px rgba(40, 105, 145, .3); /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 2px 2px 4px rgba(40, 105, 145, .3); /* FF3.5 - 3.6 */ box-shadow: 2px 2px 4px rgba(40, 105, 145, .3); /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */ } #m .feedback_tag h1 a { color: #fff; } .feedback_tag:hover { -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.75); /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.75); /* FF3.5 - 3.6 */ box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.75); /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */ -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */ -moz-transition: all 0.3s ease-out; /* FF4+ */ -ms-transition: all 0.3s ease-out; /* IE10? */ -o-transition: all 0.3s ease-out; /* Opera 10.5+ */ transition: all 0.3s ease-out; } .feedback_tag .inner { padding-right:5px; margin:0; width:20px; -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */ -moz-transition: all 0.3s ease-out; /* FF4+ */ -ms-transition: all 0.3s ease-out; /* IE10? */ -o-transition: all 0.3s ease-out; /* Opera 10.5+ */ transition: all 0.3s ease-out; } .feedback_tag:hover .inner { width:410px; -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */ -moz-transition: all 0.3s ease-out; /* FF4+ */ -ms-transition: all 0.3s ease-out; /* IE10? */ -o-transition: all 0.3s ease-out; /* Opera 10.5+ */ transition: all 0.3s ease-out; } .feedback_tag h1 { background: url(/px/images/td/bg/feedback-tag.png) no-repeat right center; color:white; float:right; margin:0; padding:40px 30px 40px 10px; text-align:center; text-decoration:underline; width:400px; } .feedback_tag:hover h1 { float:left; } #m a.feedback_tag h1, #f a.feedback_tag h1 { color: #fff; } #f .feedback_tag { background:#569bca; } #m .feedback_tag { background:#666; }