/* Author: Keith O'Sullivan Creation Date: 13th Nov 2006 Last modified by: Paul Sturrs Modification Date: 31/10/2008 /* Global Styles */ * { margin: 0; padding: 0; } /*remove for the moment , fix footer*/ /*img {display:block; border:0;}*/ legend, .hidden { display:none; height:0; } /* Rule added for the female site -- Ivan Frantar 15/02/2007 */ /* Uncomment if female masthead banner image to be re-applied -- Tiana Sweeney 14/11/07 */ /*body#tdfemale { background:transparent url(../images/masthead380.jpg) top center no-repeat; }*/ /* Comment out if masthead banner image to be re-applied -- Tiana Sweeney 14/11/07 */ body { margin: 0; padding: 0; } body#tdfemale { background:transparent url(../images/mastheadnone2.jpg) 0 30px no-repeat; } body#tdmale { background:transparent url(../images/mastheadnone2_m.jpg) 0 30px no-repeat; } /* Rule added for the login loading page -- Keith O'Sullivan 23/02/2007 */ body#tdloading { background-color: #FFFFFF; background-image:none; } /* This is where the subpage background image is specified*/ body { padding: 0; font: 77%/160% Verdana, Arial, Tahoma, Helvetica, sans-serif; } .loginDetails {margin-left: 8px; font-size: 0.95em; font-weight: bold; color:#ffaf35;} .skip { display: none; } p { font-size: 0.95em; line-height:1.3em; color:#333333; /*dark grey*/ } h1 { font-size: 1.6em; font-weight: 400; margin:0px; } #tdfemale h1 { color:#559bcc; /*blue*/ } #tdmale h1 { color:#cc0000; /*red*/ } h2 { font-size: 1.6em; font-weight: 400; margin-bottom: 0.5em; padding-bottom:2px; /*blue*/ } #tdfemale h2 { color:#559bcc; /*blue*/ } #tdmale h2 { color:#cc0000; /*red*/ } h3 { font-size: 1.2em; font-weight: 600; margin-bottom: 0.5em; /*blue*/ } #tdfemale h3 { color:#559bcc; /*blue*/ } #tdmale h3 { color:#cc0000; /*red*/ } h4 { font-size: 1.1em; color: #ffaf35; } #tdfemale h4 { color:#559bcc; /*blue*/ } #tdmale h4 { color:#cc0000; /*red*/ } h5 { font-size: 0.95em; } ul{ font-size: 1.1em !important; font-size: 1.1em; /* The !important hack is not recognised by IE allowing two different font-sizes to be set*/ line-height:1.1em; color:#333333; /*Replace this hex value*/ } .blue10 {padding: 10px; color:#559ccc} .blue10B {padding: 10px 5px 10px 0; color:#559ccc} .shoppingListLhs {float:left; width: 48%; margin-right: 15px;} .shoppingListLhs li {list-style:inside; list-style-image:url(/images/orangeArrowBullet.gif); font-size:0.80em; line-height:1.25em;} .shoppingListRhs {width: 48%; float:right;} .shoppingListRhs li { list-style:inside; list-style-image:url(/images/orangeArrowBullet.gif); font-size:0.80em; line-height:1.25em;} .shoppingListContainer { float: left; width: 95%; padding: 10px; background:url(../images/contentBg.gif) bottom center repeat-x; border: solid 1px #d6e1e8; margin-bottom:20px;} #tdfemale a { color:#559ccc; /*Replace this hex value*/ text-decoration:none;} #tdmale a { color:#cc0000; /*Replace this hex value*/ text-decoration:none;} #tdfemale a:hover, #tdmale a:hover { /*Replace this hex value*/ text-decoration:underline; } p a { color:#559ccc; /*Replace this hex value*/ text-decoration:underline; } #orangeArrowlink { float:left; background:url(../images/orangeArrowBullet.gif) left center no-repeat; height:20px; padding-left:20px; margin-top:10px; } #orangeArrowlink a {color: orange;} select { border-top:solid 1px #a9a9a1; /*Replace this hex value*/ border-left:solid 1px #a9a9a1; /*Replace this hex value*/ border-right:solid 1px #e2e7eb; /*Replace this hex value*/ border-bottom:solid 1px #e2e7eb; /*Replace this hex value*/ padding:1px; margin-top:2px; font-size:11px; color:#000; /*Replace this hex value*/ } #hrule { border-top:#e0e8ee solid 1px; float:left; width:98%; margin-top:10px; } /* 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;} .mar10-0-0-10{margin: 10px 0 0 10px;} .fltLftMarLft15{float:left; margin-left: 15px;} .fltLftMarLft10{float:left; margin-left: 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;} /* General Floats */ .lft {float:left;} .rht {float:right;} .lft100 {float:left; width:100%;} .clearBoth {clear:both; margin:0px;} /* General fonts etc. */ .DrkText {color:#000066;} .fnt1dot2blue{font-size:1.2em; color:#559ccc;} .colrBlue {color:#559bcc;} .colrOrange {color:#ffaf35} .colrRed { color: #cc0000; } /* General width styles - used for select elements to force width in FireFox */ .wdth40pixels { width:40px; } .wdth100pixels { width:100px; } #pageContainer input { border-top:solid 1px #a9a9a1; /*Replace this hex value*/ border-left:solid 1px #a9a9a1; /*Replace this hex value*/ border-right:solid 1px #e2e7eb; /*Replace this hex value*/ border-bottom:solid 1px #e2e7eb; /*Replace this hex value*/ } #mastheadContainer input { padding:1px; margin-top: 2px; font-size:1em; /*color:#7F9DB9;*/ /*Replace this hex value*/ } #mastheadContainer input.button{ border:0px; vertical-align:top; margin-top:1px; } #mastheadContainerSub input { border-top:solid 1px #a9a9a1; /*Replace this hex value*/ border-left:solid 1px #a9a9a1; /*Replace this hex value*/ border-right:solid 1px #e2e7eb; /*Replace this hex value*/ border-bottom:solid 1px #e2e7eb; /*Replace this hex value*/ padding:1px; margin-top: 2px; font-size:0.85em; color:#7F9DB9; /*Replace this hex value*/ } #mastheadContainerSub input.button{ border:0px; vertical-align:top; margin-top:1px; } #tdfemale #mastheadContainer { background: url(/images/mastheadnone2.jpg) no-repeat 0 30px; } #tdmale #mastheadContainer { background: url(/images/mastheadnone2_m.jpg) no-repeat 0 30px; } /* This container is wrapped around everything but the footer*/ #pageContainer { width: 955px; /*change 100% for fluid design*/ margin: 0 auto; } #wth760FltLeftContainer { width: 760px; } /* This is a the container for the mast head area */ #mastheadContainer { width:955px; margin: 0 auto; /*height: 120px;*/ } #mastheadContainer .LogoContainer { width:955px; float:left; height:120px; margin-top: 0px; } #mastheadContainer .logo { float:left; height:30px; margin-top: 35px; width: 223px; } #mastheadContainer .poweredBy { width:111px; float:right; height:21px; margin-top: 16px; background:url(../images/powered_by.gif) no-repeat left top; } #mastheadContainer .mastHeadPhoto { width:760px; height:80px!important; height:75px; margin-top:25px; float:left; } /* This is where the subpage background image is specified*/ body#sub { padding: 0; font: 77%/160% Verdana, Arial, Tahoma, Helvetica, sans-serif; background: url(../images/mastheadSub.jpg) top center repeat-x; /*Replace this file for new subpage background*/ } #mastheadContainerSub .LogoContainer { width:955px; float:left; height:21px; margin-top: 6px; } #mastheadContainerSub .logo { float:left; height:26px; } #mastheadContainerSub .poweredBy { width:111px; float:right; height:21px; background: url(../images/powered_by.gif) no-repeat left top; } #mastheadContainerSub .mastHeadPhoto { width:760px; height:51px!important; height:69px; margin-top:0px; float:left; } /* End a subpage container style*/ /* Search Container Styles */ #searchContainer { float: left !important; float: none; margin-top: -2px;/* margin-left: 10px;*/ width: 100%; font-size:0.9em; font-weight:bold; } body#sub #searchContainer { float: left !important; float: none; margin-top:-2px !important; margin-top:-14px; /* The !important hack is not recognised by IE allowing two different margins to be set*/ margin-left: 10px; width: 100%; font-size:0.9em; font-weight:bold; } #searchContainer .left { float:left; } #searchContainer span { font-weight:normal; float: left; margin-right: 10px; } #searchContainer .right { float:right; margin-right:25px !important; margin-right:12px; /* The !important hack is not recognised by IE allowing two different margins to be set*/ } #searchContainer select { float: left; } /* End Navigation Styles */ /* Body Content Container*/ #bodyContainer { width: 955px; /*change 100% for fluid design*/ float:left; margin: 20px auto 0 auto; } /* Inner Container */ #innerCtr { width: 635px; float: left; margin-top: 5px; } /* Ads Space Container */ .ad { padding: 10px 0; z-index: 100; } #adsCtr { width: 300px; float: left; margin-left: 13px; margin-top: 5px; } #adsCtr p { padding: 0; font-size: .9em; } #adsCtrSales { width: 180px; float: left; margin-left: 15px; } #adsCtrSales p { padding: 0; } .ad300x250 { float: left; width: 300px; height: 250px; margin: 0 0 20px 0; clear: both; } .ad160x600 { float: left; width: 160px; height: 600px; margin-right: 20px; } .ad120x600 { float: left; width: 120px; height: 600px; } #adsDT {border:1px dotted #CCCCCC;display:inline;float:left;font-weight:normal;margin-left:30px;padding-bottom:5px;text-align:center;width:160px;} #contentCtr { width: 955px; margin: 0 auto; } #contentCtr .contentInner { width: 760px; float: left; } #rightSalesAdspace { float: right; width: 160px; text-align: center; } .salesCtrRight { float: left; border: 1px dotted #ccc; padding: 10px; clear: both; width: 120px; } /* Standalone Sign In Container */ #signIn { width: 300px; margin-bottom: 10px; margin-top: 15px; padding-bottom: 0; } #signIn h5 { line-height: 25px; padding: 10px 10px 0 0; font: 1.4em Georgia, "Times New Roman", Times, serif; font-weight: lighter; float: left; margin-left: 40px!important; margin-left: 20px; color: #559CCC;} #signIn h5 a { font-weight: lighter; } #signIn p { padding: 0 10px 10px 0; margin-left: 40px; line-height:1.1em; color: #333333; } #signIn a { color: #fff; font-weight: bold; text-decoration: none; } #signIn a:hover { text-decoration: underline; } #signIn label { font-size: 10px; } #signIn fieldset { border: 0; margin-left: 0; } #signIn span { display: block; padding-top: 16px; padding-bottom:5px;clear:right;} #signIn .signInUserPass { margin-left: 10px; } #signIn fieldset.signInUserPass {background-color: #F3F8FB; margin-left: 0; margin-top:5px;} #signIn .signInUserPass label { width: 140px; float: left; font-weight: bold; } #signIn .signInUserPass input { padding: 3px; } #signIn .signInUserPass input#user, #signIn .signInUserPass input#password { width: 130px; } #signIn .signInUserPass .signInBtn { display: block; width: 65px; height: 20px; border: 0; position: relative; top: 20px;} .rememberPass { width: 250px; font-size: 0.9em; padding-top: 5px; } #signIn .rememberPass { color: #333333; margin-bottom:3px;} #tdfemale #signIn { background: transparent url(/images/loginIcon_f.png) no-repeat 0 0; color: #559CCC; } #tdfemale #signIn h5 { color: #559CCC; } #tdfemale #signIn h5 a { color: #fff; } #tdfemale #signIn p { color: #fff; } #tdfemale #signIn form { border-top: 5px #559CCC solid;} #tdfemale #signIn .signInUserPass input { border: 1px #CCDDDD solid; } #tdfemale #signIn #loginBtn { background: url(/images/signInBtn_f.png) no-repeat; padding: 8px 0; width: 240px; display: block; border: 0; font-weight: bold; } #tdmale #signIn { background: transparent url(/images/loginIcon_m.png) no-repeat 0 0; color: #fff; } #tdmale #signIn h5 { color: #CC0000; } #tdmale #signIn h5 a { color: #fff; } #tdmale #signIn p { color: #fff; } #tdmale #signIn form { border-top: 5px #333333 solid;} #tdmale #signIn fieldset.signInUserPass {background-color: #F7F7F7; margin-left: 0; margin-top:5px;} #tdmale #signIn .signInUserPass input { border: 1px #dbdbdb solid; } #tdmale #signIn #loginBtn { background: url(/images/signInBtn_m.jpg) no-repeat; padding: 8px 0; width: 240px; display: block; border: 0; } #tdmale #signIn, #tdfemale #signIn { background-position: 0 0;} #tdfemale #signIn p, #tdfemale #signIn a, #tdmale #signIn p, #tdmale #signIn a {color: #333333;} #tdfemale #signIn #loginBtn, #tdmale #signIn #loginBtn {background: url(/images/signInBtn_f.png) no-repeat 0 0; width: 300px; padding: 5px 0pt 8px 0; } #signIn fieldset.signInUserPass label, #signIn .rememberPass {margin-left: 10px;} fieldset.fltLftMarLft10 {margin-top: -2px;} #tdfemale #signIn p, #tdfemale #signIn a, #tdmale #signIn p, #tdmale #signIn a {color: #333333;} #signIn .signInUserPass input#user, #signIn .signInUserPass input#password { width: 120px;} /* Full Page Width Container*/ /* Full Page Width Container*/ .fullWdthContainer { float:left; background: url(../images/contentBg.gif) bottom center repeat-x; width:728px; border: solid 1px #d6e1e8; margin-bottom:20px; padding:15px; } .fullWdthInnerContainer { float:left; width:723px; } .fullWdthContainer .fullWdthInnerContainer img { padding: 1px; border: solid 1px #ccd9e2; float:left; margin-right: 10px; margin-bottom: 7px; } .fullWdthInnerContainer .threeUpContainer { float:left; height:218px; margin: 0 0 20px 0; width:231px!important; border: solid 1px #d6e1e8; background-image:url(../images/3UpcontainerBG.gif); background-position: bottom left; background-repeat:repeat-x; } .fullWdthInnerContainer .threeUpContainer img{ margin:0 0 7px 0; padding:0; border: solid #d6e1e8; border-width:1px 0 1px 0; } .fullWdthInnerContainer h4 { padding: 5px; font-size: 1.1em; color: #ffaf35; } .fullWdthInnerContainer img { border-top: solid 1px #d6e1e8; border-bottom: solid 1px #d6e1e8; margin:0px; padding-top:1px; padding-bottom:1px; } .fullWdthInnerContainer .threeUpContainer p, .fullWdthInnerContainer .threeUpContainerMid p { padding:6px; float:left; } .fullWdthInnerContainer a { padding:6px; color: #ffa620; margin-left: 12px; } .fullWdthInnerContainer .threeUpContainerMid { float: left; height:218px; margin: 0 10px 0 10px; width:231px; border: solid 1px #d6e1e8; background-image:url(../images/3UpcontainerBG.gif); background-position: bottom left; background-repeat:repeat-x;} .fullWdthInnerContainer .threeUpContainerMid img{ margin:0 0 7px 0; border: solid #d6e1e8; border-width:1px 0 1px 0; } .fullWdthInnerContainer .orangeArrowlink { float:left; background:url(../images/orangeArrowBullet.gif) no-repeat left center; width: 100%; height:20px; } #leftSubContainer { width:440px; padding:0 10px 0 0; margin: 0 10px 20px 0; text-align:left; float: left; font-size: 0.95em; } #leftSubContainer p { font-size: 1em; } #leftSubContainer h4 { font-size: 1.2em; margin-left: -15px; padding: 0 0 5px 0; } #leftSubContainer img { border: solid 1px #fff; padding:1px; margin-right:10px; float:left; } #leftSubContainer .lft { float:left; } .threeUpContainerPlus { float:left; height:218px; margin: 0 0 25px 0; width:231px!important; border: solid 1px #d6e1e8; background-image:url(../images/3UpcontainerBG.gif); background-position: bottom left; background-repeat:repeat-x; } .threeUpContainerPlus img{ margin:0 0 7px 0; padding:0px; border: solid #d6e1e8; border-width:1px 0 1px 0; } .threeUpContainerPlus p, .threeUpContainerMidPlus p { padding:6px; float:left; } .threeUpContainerPlus h4, .threeUpContainerMidPlus h4 { padding: 5px; font-size: 1.1em; color: #ffaf35; } .threeUpContainerPlus a, .threeUpContainerMidPlus a { padding:0 6px 6px 26px; float:left; color: #ffa620; background:url(../images/orangeArrowBullet.gif) left center no-repeat; } .threeUpContainerMidPlus { float: left; height:218px; margin: 0 30px 0 30px; width:231px; border: solid 1px #d6e1e8; background-image:url(../images/3UpcontainerBG.gif); background-position: bottom left; background-repeat:repeat-x; } .threeUpContainerMidPlus img{ margin:0 0 7px 0; border: solid #d6e1e8; border-width:1px 0 1px 0; } /* RHS column*/ #rhs1Column{ float:left; background:url(../images/orangeArrowBullet.gif) left center no-repeat; width: 145px; padding: 10px; margin-top:29px; border: solid 1px #d6e1e8; } /* Two Thirds Page Width Container*/ #twoThirdsWdthContainer { float:left; background:url(../images/contentBg.gif) bottom center repeat-x; width:541px; border: solid 1px #d6e1e8; margin-bottom:20px; padding:15px; } .twoThirdsWdthInnerContainer { float:left; width:541px; } .twoThirdsWdthInnerContainer .twoThirdsContainer { float: left; height:200px; margin: 0 0 20px 0; width:263px!important; width:261px; border: solid 1px #d6e1e8; background:url(../images/3UpcontainerBG.gif) bottom left repeat-x; } .twoThirdsWdthInnerContainer h4 { padding: 5px; font-size: 1.1em; color: #ffaf35; } .twoThirdsWdthInnerContainer img { border-top: solid 1px #d6e1e8; border-bottom: solid 1px #d6e1e8; margin:0px; padding-top:1px; padding-bottom:1px; } .twoThirdsWdthInnerContainer p { padding:6px; } .twoThirdsWdthInnerContainer a { padding:6px; color: #ffa620; margin-left: 12px; } .twoThirdsWdthInnerContainer .orangeArrowlink { float:left; background:url(../images/orangeArrowBullet.gif) left center no-repeat; width: 100%; height:20px; } .twoThirdsWdthInnerContainer .twoThirdsContainerRht { float: right; height:200px; margin: 0 0 20px 11px; width:263px!important; width:261px; border: solid 1px #d6e1e8; background:url(../images/3UpcontainerBG.gif) bottom left repeat-x; } /* split containers */ .splitSubContainer { width: 300px; float: left; padding-right: 10px; } .splitSubContainer ul { padding-top: 5px; margin-bottom: 20px; } .splitSubContainer li { list-style: none; margin-bottom: 10px; } .splitSubContainer a { text-decoration: none; } .splitSubContainer a:hover { text-decoration: underline; } .splitSubContainer p { font-size: 0.95em; } .splitSubContainer h4 { margin-bottom: 5px; } #homereasons h5 { padding: 7px 5px 0 5px; } #homereasons p { padding: 0 5px; } #tdfemale #homereasons h5 { color: #4E9FCE; } #tdmale #homereasons h5 { color: #cc0000; } #homeSuccessCtr { border: 1px dotted #ccd9e2; border-width: 1px 0; margin: 0 0 20px 0; padding: 10px 0 20px 0; float:left; } #homeSuccess { padding: 0 0 0 200px; margin: 0 0 10px 0; height: 250px; width: 423px; } #homeSuccess .btnMoreSuccess { width: 420px; height: 87px; font-size: 1em; font-weight: bold; display: block; line-height: 120px; text-indent: 20px; } #tdfemale #homeSuccess { background: url(/images/homepage/success_dale.jpg) no-repeat left; } #tdfemale #homeSuccess .btnMoreSuccess { /*background: url(/images/homepage/btn_moresuccess_f.jpg) no-repeat;*/ background: url(/images/homepage/btn_moresuccess_christmas_f.jpg) no-repeat; } #tdmale #homeSuccess { background: url(/images/homepage/success_dave.jpg) no-repeat left; } #tdmale #homeSuccess .btnMoreSuccess { /*background: url(/images/homepage/btn_moresuccess_m.jpg);*/ background: url(/images/homepage/btn_moresuccess_christmas_m.jpg) no-repeat; } .newsSplitHome .home-health, .newsSplitHome .home-fit { padding: 110px 0 10px 0; } #tdfemale .newsSplitHome .home-health { background: url(/images/homepage/newsCtr_health_4.jpg) no-repeat; } #tdfemale .newsSplitHome .home-fit { background: url(/images/homepage/newsCtr_health_3.jpg) no-repeat; } #tdmale .newsSplitHome .home-health { background: url(/images/homepage/newsCtr_health_4.jpg) no-repeat; } #tdmale .newsSplitHome .home-fit { background: url(/images/homepage/newsCtr_health_3.jpg) no-repeat; } .noRightBrd { border-width: 0; } /* accordion styling */ .new { color: #FFCC00; font-weight: bold; } #dietplans-accordion-ctr { background: url(/images/homepage/accordionBgTop.jpg) no-repeat top; width: 300px; font-size: 0.95em; margin-bottom: 10px; } #dietplans-accordion-ctr h2 { font-size: 1.2em; font-weight: bold; padding: 10px 10px; } #dietplans-accordion-ctr p, #dietplans-accordion-ctr h5 { padding: 0 10px 10px 10px; font-size: 1em; } #diets-accordion, .ui-accordion { padding: 0; list-style-type: none; width: 290px; padding: 0 5px 5px 5px; margin: 0; } #diets-accordion li, .ui-accordion li { width: 290px; margin-bottom: 1px; padding: 0; } #diets-accordion .main-acc-head, .ui-accordion li .ui-accordion-header { display: block; height: 24px; text-decoration: none; line-height: 24px; padding-left: 10px; } .ac-lc { background: url(/images/homepage/ac-lc.jpg) no-repeat top; padding-top: 85px; } .ac-gi { background: url(/images/homepage/ac-gi.jpg) no-repeat top; padding-top: 85px; } .ac-lf { background: url(/images/homepage/ac-lf.jpg) no-repeat top; padding-top: 85px; } .ac-db { background: url(/images/homepage/ac-db.jpg) no-repeat top; padding-top: 85px; } .ac-db { background: url(/images/homepage/ac-db.jpg) no-repeat top; padding-top: 85px; } .ac-cl { background: url(/images/homepage/ac-cl.jpg) no-repeat top; padding-top: 85px; } .ac-md { background: url(/images/homepage/ac-md.jpg) no-repeat top; padding-top: 85px; } .ac-gl { background: url(/images/homepage/ac-gl.jpg) no-repeat top; padding-top: 85px; } .ac-lbd { background: url(/images/homepage/ac-lbd.jpg) no-repeat top; padding-top: 85px; } .ac-sf { background: url(/images/homepage/ac-sf.jpg) no-repeat top; padding-top: 85px; } #tdfemale #diets-accordion { background: url(/images/homepage/accordionBgBottom_f.jpg) no-repeat 0 bottom; } #tdfemale .ui-accordion li .ui-accordion-header { background:#4DA0CE; color: #fff; border-bottom: 1px solid #358FBF; } #tdfemale .ui-accordion li:hover .ui-accordion-header { background: #358FBF; text-decoration: none; } #tdfemale .ui-accordion li.selected .ui-accordion-header { background: #3082AD; } #tdmale #diets-accordion { background: url(/images/homepage/accordionBgBottom_m.jpg) no-repeat 0 bottom; } #tdmale .ui-accordion li .ui-accordion-header { background:#333; color: #fff; border-bottom: 1px solid #fff; } #tdmale .ui-accordion li:hover .ui-accordion-header { background: #666; } #tdmale .ui-accordion li.selected .ui-accordion-header { background: #cc0000; } .newsSplitHome { width: 295px; float: left; padding-right: 10px; } .newsSplitHome ul { padding-top: 5px; margin-bottom: 20px; } .newsSplitHome li { list-style: none;/* border-bottom: 1px dotted #CCD9E2;*/ } .newsSplitHome a { text-decoration: none; } .newsSplitHome a:hover { text-decoration: underline; } .newsSplitHome p { font-size: 0.95em; } .newsSplitHome h4 { margin-bottom: 5px; } #tdfemale .newsSplitHome ul { border-top: 5px solid #4E9FCE; } #tdmale .newsSplitHome ul { border-top: 5px solid #333; } /* Why Join */ #leftSubContainer .mainPic{ width: 400px; height: 210px; padding: 20px; margin: 0; } #leftSubContainer .mainPic p { float: right; width: 200px; text-align: right; font-size: 1em; } #leftSubContainer .mainPic h1{ font-size: 2em; margin-bottom: 20px; text-align: right; } #leftSubContainer .mainPic h2{ font-size: 18px; line-height: 1.25em; text-align: right; } #leftSubContainer .mainPic h3 { font-size: 14px; text-align: right; } #leftSubContainer .mainPic div{ width:180px; float: right; } #leftSubContainer .containerTop{ background:url(/images/whyJoin447Bg.jpg) no-repeat; float:left; width: 407px; height:41px; margin-top: 20px; padding: 20px 20px 20px 20px; } #leftSubContainer .containerTop h2{ color: #000033; font-size: 2em; } #leftSubContainer .mainText { background: url(/images/whyjoinMainText2.jpg) no-repeat 0 40px; clear:both; width: 440px; margin-bottom: 20px; border-bottom: 1px dotted #CCD9E2; padding-bottom: 20px; } #leftSubContainer .mainText div {width: 290px; float: right;} #leftSubContainer .mainText h3 {margin-top: 10px;} #leftSubContainer .mainText p { font-size: 1em; } #leftSubContainer .whyJoinButPic { width: 440px; clear: both; height: 215px; border-bottom: 1px dotted #CCD9E2; margin-bottom: 20px; } #leftSubContainer .whyJoinButPic h3{font-size:1.2em; font-weight:bold;} #leftSubContainer .whyJoinButPic h4{margin: 10px 0 0 0; width: 85%; } #leftSubContainer .whyJoinButPic div{width: 300px; } #leftSubContainer .whyJoinButPic span{width: 215px;} #leftSubContainer .whyJoinButPic p { font-size: 1em; } #leftSubContainer .whyJoinButPic p.btn{font-size: 3em; margin: 0 40px 30px 0; padding:10px;} #leftSubContainer .whyJoinButPic p.btn a{color: #fff; text-decoration: none;} #leftSubContainer .whyJoinButPic p.btn a:hover{color: #fff; text-decoration: underline;} #leftSubContainer .additionalCtr { margin-bottom: 20px; } #leftSubContainer .additionalCtr h4 { margin: 0; } #leftSubContainer .additionalCtr div { width: 290px; float: right; } #leftSubContainer .additionalCtr .additionalClrBtn { background: #FFFAF2; padding: 10px; margin: 10px 0 20px 0; } #leftSubContainer .additionalCtr .additionalClrBtn strong { font-weight: normal; color: #DF8600; } #leftSubContainer .additionalCtr p { font-size: 1em; } #tdfemale #leftSubContainer .mainPic { background:url(/images/whyJoinMainPhoto3.jpg) no-repeat; } #tdfemale #leftSubContainer .mainPic h1{ color: #ffaf35; } #tdfemale #leftSubContainer .whyJoinButPic { background:url(/images/whyJoinGirlBg3.jpg) no-repeat right; } #tdfemale #leftSubContainer .additionalCtr { background: url(/images/additionalOptionsBg2.jpg) no-repeat left top; } #tdmale #leftSubContainer .mainPic { background:url(/images/whyJoinMainPhoto3_m.jpg) no-repeat; } #tdmale #leftSubContainer .mainPic h1{ color: #CC0000; } #tdmale #leftSubContainer .whyJoinButPic { background:url(/images/whyJoinMaleBg.jpg) no-repeat right; } #tdmale #leftSubContainer .additionalCtr { background: url(/images/additionalOptionsBg2_m.jpg) no-repeat left top; } /* News section */ .newsSplit { width: 300px; float: left; border-right: 1px solid #f4f4f4; padding-right: 10px; } .newsSplit ul { padding-top: 5px; margin-bottom: 20px; } .newsSplit li { list-style: none; border-bottom: 1px dotted #CCD9E2; } .newsSplit a { text-decoration: none; } .newsSplit a:hover { text-decoration: underline; } .newsSplit p { font-size: 0.95em; } .newsSplit h4 { margin-bottom: 5px; } #tdfemale .newsSplit ul { border-top: 5px solid #4E9FCE; } #tdmale .newsSplit ul { border-top: 5px solid #333; } #tdfemale .brdTop5 { border-top: 5px solid #4E9FCE; padding-top: 5px; } #tdmale .brdTop5 { border-top: 5px solid #333; padding-top: 5px; } .news-caption { padding: 5px 0; } .news-caption p.subLink { padding-left: 10px; } .news-caption img { margin: 10px 0; } .news-caption a img { border: 0; } .news-caption p { font-size: 0.95em; clear:both;} .news-caption h3{float:left; display:block;margin-top:9px;} .news-caption .sectionsfeed{float:left; margin-right:8px;} #tdfemale li.news-caption { background:url(/images/news/bullet.gif) no-repeat 0 10px; } #tdfemale #innerCtr li.news-caption { background: none; } #tdfemale .news-caption p.subLink { background:url(/images/news/bullet.gif) no-repeat 0 5px; } #tdfemale #toolsSection ul.dtLink { list-style-image:url(/images/news/bullet.gif); margin:10px 0 0 110px;} #tdfemale #toolsSection ul.dtLink li{font-size:0.85em !important; line-height:1em; margin-top:5px;} #tdmale li.news-caption { background:url(/images/news/bullet_m.gif) no-repeat 0 10px; } #tdmale #innerCtr li.news-caption { background: none; } #tdmale .news-caption p.subLink { background:url(/images/news/bullet_m.gif) no-repeat 0 5px; } #tdmale #toolsSection ul.dtLink { list-style-image:url(/images/news/bullet.gif); margin:10px 0 0 110px;} #tdmale #toolsSection ul.dtLink li{font-size:0.85em !important; line-height:1em; margin-top:5px;} .morenews { padding: 2px 0 2px 20px; } #tdfemale .morenews { background: url(/images/news/moreicon.gif) no-repeat; } #tdmale .morenews { background: url(/images/news/moreicon_m.gif) no-repeat; } ul.dietnutrition-news, ul.adfero-news, ul.health-news, ul.food-news, ul.top10-news, ul.getmotivated-news, ul.fitness-news, ul.all-news, ul.diettools-news, , ul.caloriecounter-news { list-style:none; } ul.all-news li img { margin-right: 10px; margin-top: 0; } ul.all-news li.news-caption { border-bottom: 1px dotted #CCD9E2; padding: 10px 0; } #tdfemale ul.all-news li img { border: 5px solid #F0F6FA; } #tdmale ul.all-news li img { border: 5px solid #f2f2f2; } .paging { padding: 20px 0; font-size: 11px; } .paging a { padding: 10px; text-decoration: none; } .paging a:hover, .paging a.active { text-decoration: underline; font-weight: bold; } #tdfemale .paging a { background: #eef3f9; } #tdfemale .paging a:hover { background: #4E9FCE; color: #fff; } #tdmale .paging a { background: #f2f2f2; } #tdmale .paging a:hover { background: #cc0000; color: #fff; } #rightSubContainer { float: left; width: 140px; border-left: 1px dotted #ccd9e2; padding-left:10px; display:inline; } #rightSubContainer img { padding: 5px 0; } #rightSubContainer h4{ color: #000033; } #rightSubContainer p { font-size: 0.9em; } #rightSubContainer li{ font-size: 0.85em!important; font-size: 0.85em; padding: 5px 0 5px 10px; list-style: none; border-bottom: 1px dotted #ccd9e2; display:block;} #rightSubContainer select { font-size: 0.9em; width: 145px; padding: 3px; } #tdfemale .listItems { background: url(/images/news/bullet.gif) 0 0 no-repeat; } #relatedDietsContainerSub { float: left; width: 160px; margin-top:20px; } #relatedDietsContainerSub h4{color: #000033} #relatedDietsContainerSub li{ font-size: 0.85em; background-image:url(/images/orangeArrowBullet.gif); background-repeat: no-repeat; background-position:center left; padding: 0 0 10px 20px; list-style: none; } .subContainer{ width: 623px; border-right: dotted 1px #ccd9e2; padding: 0 10px 0 0; margin-bottom: 10px; } .subContainer table { border-collapse:collapse; border: 1px solid #fff; font-size:0.85em; width:100%; } .subContainer th{ background-color:#ffd088; border-collapse:collapse; border: 1px solid #fff; padding: 5px; font-weight:bold; text-align:left; } .subContainer td.row2{ background-color:#ffeccf; border-collapse:collapse; border: 1px solid #fff; padding: 5px; } .subContainer .hd { /*background:url(/images/hd_bg.gif) repeat-x bottom left;*/ margin: 1px; height: 23px; padding: 5px 0; width:100%; } .subContainer .hd h4{font-size:1.2em;} .subContainer .hd h5, .subContainer h5.hd{font-size:1.2em;} .subContainer select{font-size:1.2em;} #tdfemale .subContainer .hd h4{color:#559ccc;} #tdfemale .subContainer .hd h5, .subContainer h5.hd{color:#559ccc;} #tdmale .subContainer .hd h4{color:#cc0000;} #tdmale .subContainer .hd h5, .subContainer h5.hd{color:#cc0000;} #container561 {width: 561px;} /* */ /* Container for the hero space at the top of the mt diet page, it spans 3/4 of the page*/ #memTopHeroContainer { float:left; width:500px; background:url(../images/contentBg.gif) bottom center repeat-x; border: solid 1px #d6e1e8; margin-bottom:20px; } #memTopHeroContainer .memTopHeroInnerContainer img { padding: 1px; border: solid 1px #ccd9e2; float:left; margin-right: 10px; margin-bottom: 7px; } .memTopHeroInnerContainer { float:left; padding: 15px; } #memTopHeroContainer h4 { padding: 5px; font-size: 1.1em; color: #ffaf35; } #memTopHeroContainer img { border-top: solid 1px #d6e1e8; border-bottom: solid 1px #d6e1e8; margin:0px; padding-top:1px; padding-bottom:1px; } #memTopHeroContainer p { padding:6px; } #memTopHeroContainer a { padding:6px; color: #ffa620; margin-left: 12px; } /* End Container*/ /* Right hand side container*/ #rhsCol { width:175px; float:right; } #rhsCol .rhsAD600x160 { width: 176px; height:627px; border:1px solid #e0e8ee; float:right; } .rhsAD600x160 span { font-size:0.8em; color:#ccd9e2; } /* Free Diet Profile Promo styles - Right hand side Promo */ body #freeDietProfileContainer { background:url(../images/RHSfreeDietProfileBG.jpg) top center no-repeat; float:left; width:173px; margin-bottom:5px!important; margin-bottom:20px; } body #freeDietProfileContainer h2 { color:#3681b4; font-size:12px; text-align:center; height:20px; font-weight: bold; margin-bottom: 0px; padding-top: 12px; padding-left: 2px; width:168px; } body #freeDietProfileContainer .content { float:left; width:171px; padding-top:0px; text-align:center; } body #freeDietProfileContainer p { font-size:0.8em; color:#3681b4; line-height:12px; padding:5px 5px 122px 5px; } body #freeDietProfileContainer .weight { float:left; margin-bottom:0px; margin-top: 0px; padding:2px 5px; } body #freeDietProfileContainer .height { float:left; margin-bottom:0px; margin-top: 0px; padding:2px 5px; } body #freeDietProfileContainer .sex { float:left; text-align:left; margin-top: 0px; margin-bottom:0px; padding:2px 26px; } body #freeDietProfileContainer .content span { font-size:0.85em; font-weight:bold; } body #freeDietProfileContainer .startToday { float:left; height:30px; margin-bottom:20px; } body #freeDietProfileContainer .startToday h3 { color:white; margin:0px; font-size: 1.5em; padding-left: 30px; padding-top:5px; text-decoration:none; } /* Footer styles */ /* Don't forget to reskin the list border color for the footer nav */ #footerContainer { float:none; } #footer { /*background:url(../images/footerBG.gif) repeat-x top;*/ position: relative; z-index: 13; float:left; clear: both; width: 100%; text-align: center; margin-top: 20px; padding: 10px 0; color: #999; } #footer h3 { display: none; } #footer p { margin-top: 40px; margin-bottom:10px; padding-left: 1em; font-size:.9em; color: #4CA0CC; } #footer ul { list-style: none; margin: 0 auto 15px auto; width: 665px;/* amend this width for changes to footer content*/ } #footer li { padding: 0 1em .5em 1em; float: left; font-size: 11px; font-weight: normal; } #footer li a { color: #4CA0CC; text-decoration:underline; } #footer li a:hover { color: #333; text-decoration:none; } #tdfemale #footer li.firstLink, #tdmale #footer li.firstLink { border: 0; } #tdfemale #footer li a#feedsfooter, #tdmale #footer li a#feedsfooter{color:#F37C1E;} .footerItal { margin-top: 5px; font-style:italic; } #tdfemale #footer { background:url(../images/footerBG.gif) repeat-x right; color: #999; } #tdfemale #footer p { color: #4CA0CC; } #tdfemale #footer li { border-left: 1px solid #4CA0CC; } #tdfemale #footer li a { color: #4CA0CC; } #tdfemale #footer li a:hover { color: #333; } #tdmale #footer { background:url(../images/footerBG_m.gif) repeat-x right; color: #999; } #tdmale #footer p { color: #999; } #tdmale #footer li { border-left: 1px solid #ccc; } #tdmale #footer li a { color: #cc0000; } #tdmale #footer li a:hover { color: #333; } /* End Footer styles */ /* Members section */ /* Weigh-in container */ #weighin { float: left; border:1px solid #feddac; width:117px; height:154px; margin-left: 8px; } #weighin .secondLayer { border:1px solid #ffa620; width:115px; height:152px; background:url(../images/weighinBG.jpg) bottom center no-repeat; } #weighin h4 { margin-top: 0px; margin-bottom: 15px; font-size: 1.2em; color:#559bcc; } #weighin h4 a{ color:#559ccc; font-size: 1.1em; text-decoration:none; margin-left: 0px; } #weighin p { margin-top: 22px; margin-bottom: 0px; } #weighin span { font-size: 1.4em; color:#ffa620; font-weight:600; line-height:1.4em; margin-top: 3px; margin-bottom: 3px; } #weighin a { text-decoration:underline; color:#000066; } #weighin a:hover { text-decoration:none; color:#000066; } /* End Weigh-in Container*/ /* Weigh-in container */ #referAfriend { float: right; border:1px solid #feddac; width:117px; height:154px; margin-left: 8px; } #referAfriend .secondLayer { border:1px solid #ffa620; width:115px; height:152px; background:url(../images/weighinBG.jpg) bottom center no-repeat; } /* End Weigh-in Container*/ /* Live Chat styles * img * container * h3 * a * span */ #topHeadingLiveChat { float:left; margin-bottom:10px; width: 100%; } #topHeadingLiveChat img { padding: 1px; float:left; margin-right: 10px; margin-bottom: 0px; } #liveChatContainer { float:right; width:155px; border-top: solid 1px #ccd9e2; border-left: solid 1px #ccd9e2; border-bottom: solid 1px #8ca8bb; border-right: solid 1px #8ca8bb;padding:2px; padding-left: 30px; background:url(../images/live_chat_rep_pic.gif) left bottom no-repeat; } #liveChatContainer h3 { margin:0px;} #liveChatContainer a{color:#559ccc; text-decoration:none;} #liveChatContainer p{ font-size:0.7em; line-height:1.25em; margin-top:0px; } #liveChatContainerNew { float:right; width:124px; padding:15px 2px 7px 2px; background: url(/images/livechatcontainerBg.jpg) left bottom no-repeat; } #liveChatContainerNew h3 { margin: -2px 0 3px 8px; } #liveChatContainerNew h3 a { text-decoration: none; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #000; } #liveChatContainerNew h3 a:hover { color: #b94d55; } #liveChatContainerNew3 { width:300px; padding:15px 2px 7px 3px; margin-top: 20px; } #tdfemale #liveChatContainerNew3 { background: url(/images/bgLivechat3_f.jpg) left no-repeat; } #tdfemale #liveChatContainerNew3 h3, #tdfemale #liveChatContainerNew3 h3 a { color: #000; font-size: 0.95em; } #tdmale #liveChatContainerNew3 h3 a { color: #333; font-size: 0.95em; } #tdmale #liveChatContainerNew3 h3 a:hover { color: #3e94ca; } #tdmale #liveChatContainerNew3 { background: url(/images/bgLivechat3_m.jpg) left no-repeat; } /* Containers*/ /* Container: Dimensions 467 x 131: Used for Calorie Breakdown, Your Progress */ #container467x131 { float:left; width:467px; } #container467x131 h3 { color:#559ccc; } #container467x131 .content { border:1px solid #ccd9e2; padding:0 10px 0 0; background:url(../../images/contentBg.gif) bottom center repeat-x; } #container467x131 .content table{ border: solid 1px #c2d3df; border-collapse:collapse; font-size:0.85em; margin-bottom: 20px; } #container467x131 .content .wte { background-color:#fff; padding:2px; } #container467x131 .content th{ border: solid 1px #c2d3df; background-color:#f0f6fa; padding-left: 5px; font-weight:normal; } #container467x131 .content td{ border: solid 1px #c2d3df; padding:2px; font-weight:normal; } #container467x131 .content h4{ font-size:1em; color:#ffaf35; } #container467x131 .content h5{ font-size:0.95em; color:#ffaf35; } /* Container: Dimensions 278 x 148*/ #container245x148{ float:right; width:245px; margin:0; } #container245x148 h3 { color:#559ccc; } #container245x148 .content{ border: 1px solid #ccd9e2; background:url(../../images/contentBg.gif) bottom center repeat-x; float:right; } /* Our Support */ .conSubSec { padding-top: 10px; margin-bottom: 20px; float:left; width:613px; } .conSubSec img { float: left; margin-right: 20px; } .conSubSec .info { float: left; width: 400px; } .conSubSec ul { margin-top: 20px; } #tdfemale .conSubSec { border-top: 5px solid #4E9FCE; } #tdfemale .conSubSec img { border: 5px solid #ECF3F8; } #tdmale .conSubSec { border-top: 5px solid #333; } #tdmale .conSubSec img { border: 5px solid #f2f2f2; } #tdfemale img.noBorder, #tdmale img.noBorder { border: 0; } .imgandstrap { float: left; width: 155px; } /*Our Experts*/ .expSubSec { padding-top: 10px; margin-bottom: 20px; } .expSubSec img { float: left; margin:0 20px 15px 0; } .expSubSec .info { float: left; width: 480px; } #tdfemale .expSubSec { border-top: 5px solid #4E9FCE; } #tdfemale .expSubSec img { border: 5px solid #ECF3F8; } #tdmale .expSubSec { border-top: 5px solid #333; } #tdmale .expSubSec img { border: 5px solid #f2f2f2; } /* Contact Form */ .contactForm { padding: 10px; background: #FFF4E2; margin: 20px 0; } /* Live Help */ .helpdeskCtr { float: left; margin-left: 10px; width: 250px;} .hours{ margin:10px 0 10px 0; padding:0; border:none;} .hours img{border:0;} .hours span{font-weight:bold;} .hours .mon-fri{ font-weight:normal;} .bullet li { font-size: 0.95em; padding: 5px 0 5px 20px; list-style: none; border-bottom: 1px dotted #ccd9e2; } #tdfemale .bullet li { background:url(/myediets2/myDiet/images/bulletYellow.gif) no-repeat 0 10px; } #tdmale .bullet li { background:url(/myediets2/myDiet/images/bulletYellow.gif) no-repeat 0 10px; } /* Support Boards Container: Dimensions 250 x 122*/ #supportBoardsContainer50Plus { float:left; border:1px solid #feddac; width:250px; height:112px; margin-bottom:10px; } #supportBoardsContainer50Plus .details{ border:1px solid #ffa620; width:248px; height:110px; background:url(../images/50plusSupportBoardsBG.jpg) bottom center no-repeat; } #supportBoardsContainer50Plus .details span{ font-size:0.85em; line-height:1.5em; } /* Blogs Container: Dimensions 250 x 122*/ #blogsContainer { float:left; border:1px solid #a6d2ed; width:250px; height:63px; margin-bottom:10px; } #blogsContainer .details{ border:1px solid #d4ecfb; width:248px; height:61px; background:url(../images/blogsBG.gif) bottom left no-repeat; } #blogsContainer .details h4{ margin-left:75px; } #blogsContainer .details h4 a{ color:#ffa620; text-decoration:none; font-size:1em; } #blogsContainer .details span{ margin-left:75px; font-size:0.85em; line-height:1.5em; } /* Next Online Meeting Container: Dimensions 250 x 122*/ .nextMeetingContainer { float:left; border:1px solid #a6d2ed; width:250px; margin-bottom:10px; } .nextMeetingContainer .details{ float:left; border:1px solid #d4ecfb; width:248px; background:url(/images/onlineMeeting.gif) bottom right no-repeat; } .nextMeetingContainer h5{ margin-bottom: 0px; margin-top: 0px; } .nextMeetingContainer .details h4{ margin-left:0px; } .nextMeetingContainer .details h4 a{ color:#ffa620; text-decoration:none; font-size:1em; } .nextMeetingContainer .details span{ margin-left:0px; font-size:0.85em; line-height:1.5em; } /* Diet Mentor Container: Dimensions 250 x 122*/ #dietMentorContainer { float:left; border:1px solid #feddac; width:250px; height:45px!important; height:35px; margin-bottom:10px; } #dietMentorContainer .details { border:1px solid #ffa620; width:173px; height:43px!important; height:33px; background:url(/images/dietMentorBg.gif) bottom left no-repeat; padding-left: 75px; } #dietMentorContainer .details span { font-size:0.85em; line-height:1.5em; } /* Advertisments*/ #advertisement468x60 { float:left; border: 1px solid #ccd9e2; width:518px; padding:5px; margin-bottom:20px;} #advertisement468x60 span{ color:#ccd9e2; font-size:0.85em; margin-top:0px; padding-top:0px; } #advertisement468x60 .ad468x60Container { width:470px; height:62px; padding:0px; margin:0px; } #advertisement468x60 img { padding:0px; border:0px; } .pNeutral {margin:0px; padding:0px;} #dietplan {width: 100%; float:left;} dl {list-style:none;} dt {display:block; width:70px; height:70px; background-color:#FFFF33; float:left; margin:5px; text-align:center;} #loginCon {float:right; width:315px; margin-top: 4px; margin-right: 55px; height: 45px; } #loginCon .but {float: right;} .memLogin {float:left; font-size:0.85em;} /* updated styles for the MyDiet Getting Started page*/ .picContainer70x70 {float:left; width: 90px;} .picContainer70x70 img{float:left; margin-right:5px;border: solid 1px #ccd9e2; padding:1px;} .rht635 {float:left; width: 635px;} .rht635 p {margin-bottom: 10px;} /* Important information container*/ #importantInfoBox {float: left; width: 99%; border: solid 1px #D6E1E8; margin-top:20px; background-color:#fff7ec;} #importantInfoBox .innerContainer {background-color:#fff7ec; margin:1px; padding:3px;} #importantInfoBoxRgt66 {float: right; width: 66%; border: solid 1px #D6E1E8; margin-top:10px; background-color:#fff7ec;} #importantInfoBoxRgt66 .innerContainer {background-color:#fff7ec; margin:1px; padding:10px;} #importantInfoBox100 {float: left; width: 100%; border: solid 1px #D6E1E8; margin-top:20px; background-color:#fff7ec;} #importantInfoBox100 .innerContainer { background:url(/dietprofile/images/FDP_info_hd.gif) bottom repeat-x #fff; margin:1px; padding:10px;} #importantInfoBox h5, #importantInfoBoxRgt66 h5, #importantInfoBox100 h5{font-size:1em; color:#ff0000;} #importantInfoBox p, #importantInfoBoxRgt66 p, #importantInfoBox100 p{color: #c67b08;} #importantInfoBoxRgt66 .note{font-size:0.85em; color: #c67b08;} #flashHPsuccess { z-index:10; float: right; width: 240px; height: 200px; margin-left: 13px; position: absolute; top: 550px; } /*print*/ ul#print li{padding:10px 0 10px 20px; border:0; border-top: 5px solid #4E9FCE; background: url(/images/bookmark/print.gif) no-repeat 0 10px; } /* Bookmarking Widget */ .socialBookmark{ clear:both; position:relative; margin: 0 0 20px 0; padding-top:5px;} .socialBookmark p { padding:0; margin:0; } .socialBookmark 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; } .socialBookmark ul#additionalTools { padding: 8px 0 0 5px; border-bottom:1px solid #ccc; float:left; width:295px;} #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;} #tdfemale .socialBookmark { border-top: 5px solid #4E9FCE; } #tdfemale ul#additionalTools {background:#EEF3F9;} #tdmale .socialBookmark { border-top: 5px solid #333; } #tdmale ul#additionalTools { background:#f4f4f4; } .socialBookmark #friendForm{float:left; width:290px; padding:5px 5px 15px 5px; background:#EEF3F9;} #tdmale .socialBookmark #friendForm{float:left; width:290px; padding:5px 5px 15px 5px; background:#f4f4f4;} .socialBookmark #friendForm fieldset{padding-top:10px; border:0;} .socialBookmark #friendForm label{float:left;font-size:11px; width:140px; margin:0 2px;} .socialBookmark #friendForm label span{float:left; width:120px; font-size:11px;} .socialBookmark #friendForm input{width:135px; border:1px solid #ccc; font:11px Verdana, Arial, Helvetica, sans-serif } .socialBookmark #friendForm label.note{width:285px; float:left; } .socialBookmark #friendForm label.note textarea{width:283px; max-width:283px; max-height:50px; height:50px; border:1px solid #ccc;} .socialBookmark #friendForm .submitBtn{margin:5px 0 0 2px;} .socialBookmark #friendForm ul{margin:5px 0; list-style-type:none; float:left; width:290px;} .socialBookmark #friendForm ul li{font-size:11px; color:#CC0000;} .socialBookmark #friendForm .confirmation{color:#CC0000; float:left; padding:10px 0px; width:290px;} /* 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; } #tdfemale #errorCtr { border: 1px solid #ffc25d; background: #fff5e5; } #tdmale #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;} /* New Free Diet Profile */ #rhsFdp{background: url(/images/FDP_rhs_bg.jpg) no-repeat top left; width: 154px; height:369px; float:left; margin:0 0 20px 0; padding:12px;} #rhsFdp h4{font-size:17px; font-weight:400;} #rhsFdp span{font:10px/14px Verdana, Arial, Helvetica, sans-serif; margin:20px 0 10px 0; display:block;} #rhsFdp ol{font:bold 9px/14px Verdana, Arial, Helvetica, sans-serif;} #rhsFdp ol li{ margin:12px 0 0 0; padding:0; width:154px;} #rhsFdp ol li select{margin:0;} #rhsFdp ol li.submit{margin-top:153px; margin-left:25px!important; margin-left:0px; font-size:20px; font-weight:normal; color:#fff; width:100px} /* Login Form Styles */ #loginInputs { width:460px; margin: 4px 5px 0 0px; height:49px; float:right;} #loginInputs #forgotPass { width: 100px; float:left; font-family: Tahoma, Arial, Helvetica, sans-serif; position: relative; top: 14px;} #loginInputs #forgotPass p { margin: 0; padding: 0; font-weight: bold; } #loginInputs #forgotPass a { display: block; margin: 0; padding: 0; } #loginInputs #userInput { width: 125px; float:left; margin:-5px 3px 0 0; display: inline; } #loginInputs #userInput label { font-size:10px; color: #ffaf35; font-weight: bold; } #loginInputs #userInput #user { margin:-2px 0 0 0; width: 125px; color: #559bcc; font-size: 0.95em; font-weight: bold; border: 1px solid #ccc; } #loginInputs #pwdInput { width: 150px; float:left; margin:-5px 0 0 0; } #loginInputs #pwdInput label { font-size:10px; color: #ffaf35; font-weight:bold; } #loginInputs #pwdInput #password { margin:-2px 0 0 0; width: 125px; color: #333333; font-size: 0.95em; border: 1px solid #ccc; } #passRmb { clear: both; margin:-3px 0 0 99px; width: 250px; float: left; } #passRmb #autologin { border:0; position: relative; top: 2px; height: 16px; width: 16px; margin: 2px 0 0 0; } #passRmb label { font-size:9px; color: #92BBD9; font-family:Arial; margin: 0; padding: 0; } #loginInputs #loginBtn { border: 0; margin:0; padding: 0; position: relative; top: -4px; float: right; } h1#pgHeader { width: 100%; } .newsImg { float: left; } .jstoggle { visibility: hidden; } .js .jstoggle { visibility: visible; cursor: pointer; } .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%;} .alreadymember { margin-bottom: 10px; text-align: center; } .leftJoinBtn { text-align: center; height: 50px; padding: 10px 0; margin-top: 2px;float:left;} #tdfemale .leftJoinBtn a, #tdmale .leftJoinBtn a { color: #000; line-height: 30px; font-size: 13px; font-weight: bold; text-decoration: none; display: block; } #tdfemale .leftJoinBtn a:hover, #tdmale .leftJoinBtn a:hover { color: #C27C14; } .btn370 { background: url(/images/btn_orange370.jpg) no-repeat; width: 370px; } .btn435 { background: url(/images/btn_orange435.jpg) no-repeat; width: 440px; } .btn595 { background: url(/images/btn_orange595.jpg) no-repeat; width: 595px; } .btn623 { background: url(/images/btn_orange623.jpg) no-repeat; width: 623px; margin-bottom: 20px; } .btn635 { background: url(/images/btn_orange635.jpg) no-repeat; width: 635px; } .btn760 { background: url(/images/btn_orange760.jpg) no-repeat; width: 760px; } #removeCtr p { font-size: 1em; margin-bottom: 10px; } .removeBgCtr{padding: 10px; margin: 20px 0;} #tdfemale .removeBgCtr { background: #EEF3F9; } #tdmale .removeBgCtr { background: #f4f4f4; } .blueCtr { border: 1px solid #E1EAF4; padding: 10px; margin: 20px 0; } .chart {float:right;padding:10px 20px 10px 10px; } div.blockquote { color: #3C83B5; font: 16px bold Georgia, "Times New Roman", Times, serif; background: #FFF4E2; padding: 10px; border-bottom: 2px solid #FFE2B3; width: 200px; float: right; margin: 0 0 10px 10px; } #loginClock { margin: 20px auto 50px auto; text-align: center; } #loginClock h1 { margin-bottom: 20px; font-size:30px; line-height: 40px; } #loginClock h2 { margin-bottom: 20px; font-size:22px; } #loginClock a { text-decoration: none; } p#breadcrumb { float: left; padding: 1px 0 0 0; font-size: 1em; } #tdfemale p#breadcrumb a { color: #559bcc; font-weight: normal; } #tdmale p#breadcrumb a { color: #cc0000; font-weight: normal; } .newDietIcon { background: transparent url(/images/newDietIcon.gif) no-repeat right top; padding: 8px 28px 0 0;} #tdmale #signIn fieldset.signInUserPass label, #tdmale #signIn .rememberPass { color: #333333 } #twlr_banner{margin:30px 0 30px 0; border:none;} #homeSuccess_twoCol img{float:left;} #homeSuccess_twoCol p {color:#333333; font-size:0.95em; line-height:1.6em; text-align:center;margin-top:20px;} #homeSuccess_twoCol .toStory{margin:10px 0px 0px 0px; clear:both; float:left;} #homeSuccess_twoCol h3{font-size:1.1em;} #homeSuccess_twoCol_left {width:295px; float:left; height:300px; } #homeSuccess_twoCol_right{ width:295px; float:left; z-index:-1} .margleft20 {margin-left:20px;} #tdfemale #homeSuccessCtr {background:none;} #tdmale #homeSuccessCtr {background:none;} #homeSuccess_twoCol .btnMoreSuccess{float:left; clear:none; width:287px; height:145px; padding:0; margin:20px 0 0 0; border:4px solid #EEF3F9; background:#fff url(/images/homepage/moreSucHomeBg.jpg) no-repeat right bottom;} #homeSuccess_twoCol .btnMoreSuccess p{margin:0;padding:0;} #homeSuccess_twoCol .btnMoreSuccess p a{float:left; font-weight: normal; font-size:1.5em;margin:4px 0 0 13px;} #homeSuccess_twoCol .btnMoreSuccess p.pad{float:left; width:150px; margin:7px 0 0 13px; display:inline; text-align:left; line-height:1.3em;} /*Value Pledge*/ #valuePledgeInt{float:left; position:relative; width:598px; margin:0 0 30px 0; padding:10px 10px 20px 10px;} #valuePledgeInt p{line-height:1.3em; margin-bottom:5px;} #valuePledgeInt ul { float:left; width:300px; padding-left:190px; display:inline;} #valuePledgeInt ul li {font-size:1.05em; list-style-type:none; font-weight:700; margin:5px 0;} #tdmale #valuePledgeInt ul { padding-left: 150px; } #tdfemale #valuePledgeInt{background:#EEF5F9 url(/images/valuePledgeSmall.gif) no-repeat 10px 10px;} #tdmale #valuePledgeInt{background:#F4F4F4 url(/images/valuePledgeSmall2_m.gif) no-repeat 10px 10px;} #tdmale #leftSubContainer #valuePledgeInt{background:#f4f4f4 url(/images/valuePledgeSmall_m.gif) no-repeat 5px 10px; width:420px;} #tdmale #leftSubContainer #valuePledgeInt h2, #tdmale #leftSubContainer #valuePledgeInt p{margin-left:150px;} #valuePledgeInt h2.pad, #valuePledgeInt p.pad{margin-left:190px;} /* CS profiles */ #teamContainer { float: left; margin-bottom: 10px;} #teamContainer div { float:left; width:140px; height:40px; margin:0 3px 10px 0; display:inline;} #teamContainer div p {font:0.8em Tahoma, Verdana, Arial, Helvetica, sans-serif; } #teamContainer div img { margin: 0 3px 0 0; float:left; width:40px; height:40px; } #tdfemale #teamContainer div{ border: 5px solid #ECF3F8; } #tdmale #teamContainer div { border: 5px solid #f2f2f2; } #tdfemale .conSubSec img { border:0; } #tdmale .conSubSec img { border:0; } #tdfemale #teamContainer div:hover, #tdfemale #teamContainer div.active{ border:5px solid #fdbd5b; } #tdmale #teamContainer div:hover, #tdmale #teamContainer div.active{ border: 5px solid #cc0000; } #teamContainer div.active p a { display: none; } body #teamdescriptions img.lft { border: none; margin-bottom: 10px; margin-right: 15px; } #tdmale #teamContainer div a:focus { outline: none; } #teamContainer p strong, #teamContainer p span, #teamContainer p a { display: block; } #teamContainer p strong{margin-top:2px;} #supportContainer ul { clear: both; } #supportContainer h4 { margin-top: 15px; margin-bottom: 5px; } #teamdescriptions { clear: both; margin-bottom: 10px; padding-bottom: 10px; } #teamdescriptions table { margin-bottom: 10px; } #teamdescriptions p { margin-bottom: 10px; } #tdfemale #teamdescriptions td { background: #ECF3F8; font-size: 1em; border: 1px solid #FFFFFF; padding: 5px; } #tdmale #teamdescriptions td { background: #F2F2F2; font-size: 1em; border: 1px solid #FFFFFF; padding: 5px; } .js #teamdescriptions div { display: none; min-height:210px; } #tdfemale #teamdescriptions { border-bottom: 5px solid #4E9FCE; } #tdmale #teamdescriptions { border-bottom: 5px solid #333333; } #tdfemale #teamdescriptions img { border: 5px solid #ECF3F8; } #tdmale #teamdescriptions img { border: 5px solid #f2f2f2; } * html #supportCont .leftJoinBtn { margin-right: -3px; } #facebook_badge img { border: 0; } #HPsubLinks #rssarticles li{margin-left:4px; } #HPsubLinks #rssarticles p{float:left; width:110px;} .feedicon {margin-right:6px; position:relative; top:2px; float:left; border:none;} #homeBreakingNews .feedicon{position:relative; top:2px;float:left; border:none;top:10px;left:5px;} /*Feed icon on resources*/ #resourcesfeed{margin-right:6px; position:relative; top:2px;border:none;} #tdfemale #pgHeader span{margin-left:600px;font-size:.6em;color:#F37C1E;} #tdfemale #pgHeader span a{color:#F37C1E;} /* Diabetes and Low-fat box at home */ #diabetesBox #promo, #lowfatBox #promo{float:left; width:619px; height:257px; margin-bottom:15px; border:1px solid #DFE1E0; background:transparent url(/images/homepage/diabetesPromo.jpg) no-repeat;} #lowfatBox #promo{background:transparent url(/images/homepage/lowfatPromo.jpg) no-repeat;} #diabetesBox #promo h2, #lowfatBox #promo h2{text-indent:-10000px; overflow:hidden; display:none;} #diabetesBox #promo p, #lowfatBox #promo p{width:279px; font-size:1.14em; float:left; margin:110px 0 0 316px; display:inline;} #diabetesBox #promo a, #lowfatBox #promo a{text-indent:-10000px; overflow:hidden; float:left; width:128px; height:52px; margin:25px 0 0 465px; background:transparent url(/images/homepage/diabetesBtn.gif) no-repeat;} #lowfatBox #promo a{height:64px; margin-top:15px; background:transparent url(/images/homepage/lowfatBtn.gif) no-repeat;} #diabetesBox .leftJoinBtn, #lowfatBox .leftJoinBtn{height:auto;} #fdp #bmiDiabetes .HPfreeDietProfileCon{background:transparent url(/images/bmiDiabetes.jpg) no-repeat;} #fdp #bmiDiabetes .HPfreeDietProfileCon h3{color:#98266F;} #tdfemale #bmiLowfat .HPfreeDietProfileCon{background:transparent url(/images/bmiLowfat.jpg) no-repeat;} #tdmale #bmiLowfat .HPfreeDietProfileCon{background:transparent url(/images/bmiLowfat_m.jpg) no-repeat;} #fdp #bmiLowfat .HPfreeDietProfileCon h3{color:#DC4D60;} #overlayBackground { position: absolute; background-color:#000; top: 0; left: 0; z-index: 15; opacity: 0.7; } * html #overlayBackground { filter: alpha(opacity=70); } *:first-child+html #overlayBackground { filter: alpha(opacity=70); } #frontdoor { background: url(/images/bg_frontdoor.png) no-repeat; width: 306px; height: 350px; z-index: 20; 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; }