/***************************************************************************** * Main screen CSS file. * * * Revision History * ---------------- * 2008-01-21 jdp created * *****************************************************************************/ /* 1. initial setup - lots of generics */ /* 1a. HTML generics */ * { padding: 0; margin: 0; } html, body { font: 9pt Arial, helvetica, sans-serif; text-align: center; background: #E6F1F8; color: #5B79A0; } a { color: #005bab; } a:visited, a:hover, a:active {} img { display: block; border: 0; } h1 {font-weight: bold;} h2 { font-size: 1.6em; margin: 0 0 1em 0; text-align: left; color: #005bab; font-weight: bold; } h3 { font-size: 1.2em; margin: 1.5em 0 0.7em 0; color: #005bab; font-weight: bold;} h4 { font-size: 1em; margin: 1em 0 0.5em 0; font-weight: bold; color: #005bab; } ul { list-style: none outside; } li { } p { margin-bottom: 1em; line-height: 1.3em; } /* because EM and STRONG are /not/ semantically the same as I and B, and should /not/ be used as such - sorry */ em { font-style: normal; } strong { font-weight: normal; } /* 1b. generic styles */ .hide { display: none; } .offScreen { position: absolute; left: -5000px; width: 1px; } .help { cursor: help; } .smallText { font-size: 0.8em; } .clearLeft { clear: left; } .clearRight { clear: right; } .clearBoth { clear: both; } .fir { display: block; text-indent: -5000px; text-decoration: none; font-size: 1px; } /* 2. Wrapper styles */ #wrapper { width: 758px; background: #FFF; text-align: left; margin: 15px auto 0 auto; padding: 1px 1px 0px 1px; } /* 3. header pane and login */ #headerPane { height: 80px; margin-bottom: 1px; background: url('/a/img/global/headerBackground.jpg') no-repeat top left; text-align: right; } /* 3a. actual header */ h1 { float: left; margin: 0 0 0 20px; z-index: 5; } h1 a { display: block; height: 80px; width: 180px; background: url('/a/img/global/aptamilLogo.jpg') no-repeat 0 0; } .logo{width:380px; float:left;} .logo .left{float:left; width:160px; height:70px; } .logo .right{float:left; width:62px; height:69px; margin:8px 0 0 40px;} /* 3b. control pane */ #profilePane { width: 105px; height: 35px; padding: 5px 5px 0 0; text-align: right; z-index: 1; margin: 0 0 0 auto;} #profilePane ul.topLinks { list-style-type: none; margin: 0; padding: 0; float: right; } #profilePane ul.topLinks li { margin: 0; height: 19px; display: block; float: left; text-align: left; } #profilePane ul.topLinks a { background: url('/a/img/global/profileLogoutLogin.gif') no-repeat 0 0; height: 19px; } #profilePane ul.topLinks li.mi0 { margin: 4px 10px 0 0;} #profilePane ul.topLinks li.mi1 { margin-right: 26px; } #profilePane ul.topLinks li.mi1, #profilePane ul.topLinks li.mi1 a { width: 44px; } #profilePane ul.topLinks li.mi2, #profilePane ul.topLinks li.mi2 a { width: 65px; } #profilePane ul.topLinks li.mi2 a { background-position: -44px 0;} #profilePane ul.topLinks li.mi3, #profilePane ul.topLinks li.mi3 a { width: 55px; } #profilePane ul.topLinks li.mi3 a { background-position: -109px 0;} /* 3c. login pane */ #profileLogin { height: 80px; width: 365px; background: url('/a/img/global/headerLoginBackground.jpg') no-repeat 0 0; float: right; overflow: hidden; text-align: left; line-height: 1em; } #profileLogin a.closeBox { float: right; height: 16px; width: 15px; background: url('/a/img/global/btnClose.gif'); margin: 5px 5px 0 0; } #profileLogin a.fgp { font-size: 0.91em; } /* Remove dotted line from Login link in Firefox */ #profileLogin :-moz-any-link:focus { outline: none; } #profileLogin div.content { width: 120px; margin: 5px 0 0 15px; float: left; font-size: 0.91em; } #profileLogin h2 { font-weight: bold; font-size: 1.2em; margin: 0 0 0.3em 0; color: #005bab; } #profileLogin div.leftHand { margin: 5px 0 0 5px; padding: 0; float: left; width: 175px; background: transparent; } #profileLogin div.formRow { margin-bottom: 0.5em; background: transparent; } #profileLogin label { float: none; display: block; } #profileLogin div.leftHand input { width: 175px; } #profileLogin div.formRowFinal { width: 30px; margin: 31px 0 0 10px; float: left; } #profileLogin div.formRowFinal input { width: 30px; margin: 0; } /* 3d. search pane */ #miniSearchPane { height: 25px; padding: 10px 10px 0 0; width: 220px; text-align: right; float: right; } #miniSearchPane form { margin: 0; padding: 0; vertical-align: bottom; } #miniSearchPane input, #miniSearchPane label { margin: 0 0; } /* 4. main navigation pane */ #mainNavigationPane { height: 30px; margin-bottom: 1px; width:980px; } #mainNavigationPane ul { list-style-type: none; } #mainNavigationPane ul li { margin: 0 1px 0 0; float: left; height: 30px; width: 68px; } #mainNavigationPane ul li.mia { margin: 0; } #mainNavigationPane ul li, #mainNavigationPane ul li a { display: block; height: 30px; width: 68px; background: url('/a/img/global/nav-revised.png') no-repeat top left; } #mainNavigationPane ul li.mi0, #mainNavigationPane ul li.mi0 a { background-position: 0 0; } #mainNavigationPane ul li.mi1, #mainNavigationPane ul li.mi1 a { background-position: -69px 0; } #mainNavigationPane ul li.mi2, #mainNavigationPane ul li.mi2 a { background-position: -138px 0; } #mainNavigationPane ul li.mi3, #mainNavigationPane ul li.mi3 a { background-position: -207px 0; } #mainNavigationPane ul li.mi4, #mainNavigationPane ul li.mi4 a { background-position: -276px 0; } #mainNavigationPane ul li.mi5, #mainNavigationPane ul li.mi5 a { background-position: -345px 0; } #mainNavigationPane ul li.mi6, #mainNavigationPane ul li.mi6 a { background-position: -414px 0; } #mainNavigationPane ul li.mi7, #mainNavigationPane ul li.mi7 a { background-position: -483px 0; } #mainNavigationPane ul li.mi8, #mainNavigationPane ul li.mi8 a { background-position: -552px 0; } #mainNavigationPane ul li.mi9, #mainNavigationPane ul li.mi9 a { background-position: -621px 0; } #mainNavigationPane ul li.mia, #mainNavigationPane ul li.mia a { background-position: -690px 0; } #mainNavigationPane ul li.mi0 a:hover, #mainNavigationPane ul li.mi0 a.current { background-position: 0 -30px; } #mainNavigationPane ul li.mi1 a:hover, #mainNavigationPane ul li.mi1 a.current { background-position: -69px -30px; } #mainNavigationPane ul li.mi2 a:hover, #mainNavigationPane ul li.mi2 a.current { background-position: -138px -30px; } #mainNavigationPane ul li.mi3 a:hover, #mainNavigationPane ul li.mi3 a.current { background-position: -207px -30px; } #mainNavigationPane ul li.mi4 a:hover, #mainNavigationPane ul li.mi4 a.current { background-position: -276px -30px; } #mainNavigationPane ul li.mi5 a:hover, #mainNavigationPane ul li.mi5 a.current { background-position: -345px -30px; } #mainNavigationPane ul li.mi6 a:hover, #mainNavigationPane ul li.mi6 a.current { background-position: -414px -30px; } #mainNavigationPane ul li.mi7 a:hover, #mainNavigationPane ul li.mi7 a.current { background-position: -483px -30px; } #mainNavigationPane ul li.mi8 a:hover, #mainNavigationPane ul li.mi8 a.current { background-position: -552px -30px; } #mainNavigationPane ul li.mi9 a:hover, #mainNavigationPane ul li.mi9 a.current { background-position: -621px -30px; } #mainNavigationPane ul li.mia a:hover, #mainNavigationPane ul li.mia a.current { background-position: -690px -30px; } /* 5. Content page—again, we have some templates */ #contentPane { } /* 5a. front-page template */ #contentPane.homePage { width: 758px; } #contentPane.homePage div.fullWidth { width: 758px; margin-bottom: 8px; } #contentPane.homePage div.twoOneOne { width: 740px; margin: 0 9px 8px 9px; } #contentPane.homePage div.twoOneOne div.colOne { float: left; width: 366px; } #contentPane.homePage div.twoOneOne div.colTwo, #contentPane.homePage div.twoOneOne div.colThree { float: left; width: 172px; margin-left: 15px; } #contentPane.homePage div.twoOneOne div.colTwoExtra { width:177px; margin-left:14px; } #contentPane.homePage div.twoOneOne div.footer p.moreLink { text-align: right; } #contentPane.homePage div.twoOneOne div.footer p.moreLink a { text-decoration: none; } #contentPane.homePage div.twoOneOne div.footer p.moreLink a:hover { text-decoration: underline; } #contentPane.homePage div.twoOneOne div.footer p.moreLink a img { display: inline; border: 0; height: 16px; width: 15px; margin-left: 4px; } .contentFixedH{ height:162px; } #contentPane.homePage div.twoOneOne div.colOne div.textHolder, #contentPane.homePage div.twoOneOne div.colTwo div.content div.textHolder, #contentPane.homePage div.twoOneOne div.colThree div.content div.textHolder { height:70px; } #contentPane.homePage div.twoTwo { width: 740px; margin: 0 9px 8px 9px; } #contentPane.homePage div.twoTwo div.colOne, #contentPane.homePage div.twoTwo div.colTwo { float: left; width: 366px; } #contentPane.homePage div.twoTwo div.colTwo { margin-left: 8px; } /* 5b. section intro template */ #contentPane.sectionIntro { margin: 8px 9px; } #contentPane.sectionIntro div.twoOne { margin-left: 136px; } #contentPane.sectionIntro div.twoOne div.colOne { width: 417px; float: left; } #contentPane.sectionIntro div.twoOne div.colOne div.header {} #contentPane.sectionIntro div.twoOne div.colOne div.header h2, #contentPane.sectionIntro div.twoOne div.colOne div.header blockquote, #contentPane.sectionIntro div.twoOne div.colOne div.content p { margin-right: 220px; } #contentPane.sectionIntro div.twoOne div.colOne div.header blockquote { font-size: 1.2em; } #contentPane.sectionIntro div.twoOne div.colTwo { width: 179px; float: left; margin-left: 8px; } #contentPane.sectionIntro div.colTwo div.listContainer { width: 179px; margin-bottom: 8px; } #contentPane.sectionIntro div.colTwo div.listContainer div.header { padding: 8px; } #contentPane.sectionIntro div.colTwo div.listContainer div.content { padding: 0.3em; } #contentPane.sectionIntro div.colTwo div.listContainer div.footer { height: 8px; } #contentPane.sectionIntro div.colTwo div.listContainer ul {} #contentPane.sectionIntro div.colTwo div.listContainer li { margin-bottom: 0.5em; } #contentPane.sectionIntro div.colTwo div.listContainer.ntkm div.header { padding: 0; } #contentPane.sectionIntro div.colTwo div.listContainer.ntkm div.header h3 { height: 59px; width: 179px; margin: 0; padding: 0; } /* 5c. generic content page */ #contentPane.contentPage { margin: 8px 9px; } #contentPane.contentPage #fullWidth { margin-left: 137px; } #contentPane.contentPage #fullWidth ul { list-style: disc outside; margin: 0 0 1.5em 0; } #contentPane.contentPage #fullWidth ul li, #contentPane.contentPage #fullWidth ol li { margin-left: 2em; } #contentPane.contentPage #mainContentFrame { width: 610px; height:500px; margin-left: 10px; float: left; background: #ccc; } #contentPane.contentPage #mainContentFrameBottom{float:right; width:480px; height:200px;} #contentPane.contentPage #mainContentFrameBottom .colOne { width: 298px; float: left; } #contentPane.contentPage #mainContentFrameBottom .colTwo { width: 170px; float: left; margin-left: 8px; } #contentPane.contentPage #mainContent { width: 417px; margin-left: 20px; float: left; } #contentPane.contentPage #mainContent ul { list-style: disc outside; margin: 0 0 1.5em 0; } #contentPane.contentPage #mainContent ul li, #contentPane.contentPage #mainContent ol li { margin-left: 2em; } #contentPane.contentPage #mainContent h2 { width: 265px; } #contentPane.contentPage #mainContent h3 { clear: right; } #contentPane.contentPage #mainContent table { margin: 1em auto 2em auto; font-size: 0.91em; border: 1px solid #F00; border-collapse: collapse; } #contentPane.contentPage #mainContent table caption { font-style: italic; text-align: center; margin-bottom: 0.2em; } #contentPane.contentPage #mainContent table th, #contentPane.contentPage #mainContent table td { padding: 3px 5px; margin: 0; border: 0; } #contentPane.contentPage #mainContent table th { font-weight: bold; text-align: center; border-right: 1px solid #FFF; color: #FFF; } #contentPane.contentPage #mainContent table td { border-right: 1px solid #F00; } #contentPane.contentPage #mainContent table th.last, #contentPane.contentPage #mainContent table td.last { border: none; } /* 5c(i). generic content page */ #contentPane.contentPage #mainContent ul.previousNextArticleLinks { border-left: 1px solid #d4d4d4; float: right; list-style: none; margin: 0 0 2em 0; padding: 0; font-size: 0.85em; margin-right: 10px; } #contentPane.contentPage #mainContent ul.previousNextArticleLinks a { text-decoration: none; } #contentPane.contentPage #mainContent ul.previousNextArticleLinks li { margin-left: 10px; } #contentPane.contentPage #mainContent #footerPaginationAndPrintLinks { border-top: 1px dotted #5990AC; padding-top:10px;} #contentPane.contentPage #mainContent #footerPaginationAndPrintLinks ul.previousNextArticleLinks { border-left: 0; float: left; list-style: none; margin: 0; padding: 0; font-size: 0.85em; margin-right: 10px; } #contentPane.contentPage #mainContent #footerPaginationAndPrintLinks ul.previousNextArticleLinks a { text-decoration: none; } #contentPane.contentPage #mainContent #footerPaginationAndPrintLinks ul.previousNextArticleLinks li { margin-left: 0px; } #contentPane.contentPage #sideBar { width: 179px; float: left; margin-left: 8px; overflow: hidden; } #contentPane.contentPage #sideBar div.listContainer { width: 179px; margin-bottom: 8px; } #contentPane.contentPage #sideBar div.listContainer div.header { padding: 8px; } #contentPane.contentPage #sideBar div.listContainer div.content { padding: 0.3em; } #contentPane.contentPage #sideBar div.listContainer div.footer { height: 8px; } #contentPane.contentPage #sideBar div.listContainer ul {} #contentPane.contentPage #sideBar div.listContainer li { margin-bottom: 0.5em; } #contentPane.contentPage #sideBar div.anyQuestions div.header { padding: 0; height: 33px; } #contentPane.contentPage #sideBar div.anyQuestions div.header h3 { height: 33px; width: 179px; margin: 0; padding: 0; } #contentPane.contentPage #sideBar div.moreInfo div.header { padding: 0; height: 33px; } #contentPane.contentPage #sideBar div.moreInfo div.header h3 { height: 33px; width: 179px; margin: 0; padding: 0; } #contentPane.contentPage #sideBar div.benefits div.header { padding: 0; height: 59px; } #contentPane.contentPage #sideBar div.benefits div.header h3 { height: 59px; width: 179px; margin: 0; padding: 0; } /* 5d. Competition content page */ #contentPane.promoPage, body.promoPage #contentPane { margin: 0px; background: url('/a/img/common/fauxColumns/siteBlue.gif') repeat-y top left; } #contentPane.promoPage #mainContent { margin: 0 205px 0 138px; padding: 8px; } #contentPane.promoPage #featureImage { float: right; width: 205px; height: 206px; background: url('/a/img/win/fourPrizes-revised1.jpg') no-repeat top left; } #contentPane.promoPage ol { margin-bottom: 1em; } #contentPane.promoPage ol li { margin: 0 0 0.4em 2em; } #contentPane.promoPage #enterCompButton { margin-top: 2em; } /* 5d. 'extras' pages */ #leftPane /*.extras*/ { width: 207px; float: left;} #leftPaneNutrient/*.extras*/ { width: 120px; float: left; padding:10px;} #rightPane /*.extras*/ { width: 529px; float: left; padding: 0 10px 0 12px; margin-top: 8px;} #rightPane ul { list-style-type: disc; margin-left: 15px; margin-bottom: 1em; } #rightPane form fieldset textarea { width: 375px; } /* 5e. Article List template */ #contentPane.articleList { margin: 8px; } #contentPane.articleList .mainContent { margin-left: 130px; } #contentPane.articleList .mainContent h2 { width: 388px; float: right; } #contentPane.articleList .mainContent .sectionHeadIntro { float: left; width: 210px; height: 260px; } #contentPane.articleList .mainContent .linkPanel { margin-left: 14px; float: left; width: 388px; } #contentPane.articleList .mainContent .linkPanel ul { list-style-type: none; margin: 0; } #contentPane.articleList .mainContent .linkPanel ul li { margin: 0 0 0.5em 0; } /* 5f. Members template */ #contentPane.memberPages { margin-top: 0px; } #contentPane.memberPages #pageImg { float: left; } #contentPane.memberPages #content { padding-top: 8px; margin-left: 220px; } #contentPane.memberPages #contentFull { margin:0; padding:0; } #contentPane.memberPages #contentFull .top{ width: 760px; height:360px; } #contentPane.memberPages #contentFull .top .inside{ width: 350px; height:244px; padding:190px 0 0 25px;} #contentPane.memberPages #contentFull .top .inside b{color:#044b99; font-weight: bold;} #contentPane.memberPages #contentFull .bottom{ width: 758px; background-color: #87d0f1; } #contentPane.memberPages #contentFull .bottom .form{ width:350px; margin:0 0 10px 234px; color:#03459c; } #contentPane.memberPages #contentFull .top-thankyou{ width: 758px; height:739px; background:url('/a/img/register/milestones/thankyou-bg.jpg') no-repeat;} #contentPane.memberPages #contentFull .top-thankyou .inside{ width: 505px; height:244px; padding:190px 0 0 25px;} #contentPane.memberPages #contentFull .top-thankyou .inside b{color:#044b99; font-weight: bold;} #contentPane.memberPages #contentFull .top-thankyou .offer{ width: 395px; margin:55px 0 0 30px;} #contentPane.memberPages #contentFull .top-thankyou .offer h2{font-size:30px; margin:0; padding:0;} #contentPane.memberPages #contentFull .top-thankyou .offer p{color:#0044ac; margin:15px 0 0 0;} #contentPane.memberPages #contentFull .top-thankyou .offer .btn-signup{margin:40px 0 0 0;width:192px; height:41px; background:url('/a/img/register/milestones/btn-signup.gif') no-repeat;} #contentPane.memberPages #contentFull .top-thankyou .offer .rabologo{margin:10px 0 0 0;width:216px; height:51px; background:url('/a/img/register/milestones/rabodirect-logo.png') no-repeat;} .top-thankyou input { font-size:10px; width:145px; line-height:18px; height:18px; } #contentPane.memberPages #contentFullNonP { margin:0; padding:0; } #contentPane.memberPages #contentFullNonP .top{ width: 758px; height:495px; background:url('/a/img/register/milestones/register-milestones-bg-2.jpg') no-repeat;} #contentPane.memberPages #contentFullNonP .top .inside{ width: 456px; height:244px; padding:190px 0 0 25px;} #contentPane.memberPages #contentFullNonP .top .inside b{color:#044b99; font-weight: bold;} #contentPane.memberPages #contentFullNonP .bottom{ width: 758px; background-color: #87d0f1; } #contentPane.memberPages #contentFullNonP .bottom .form{ width:350px; margin:0 0 10px 234px; color:#03459c; } #contentPane.memberPages #contentFullNonP .top-thankyou{ width: 758px; height:739px; background:url('/a/img/register/milestones/thankyou-bg-2.jpg') no-repeat;} #contentPane.memberPages #contentFullNonP .top-thankyou .inside{ width: 505px; height:244px; padding:190px 0 0 25px;} #contentPane.memberPages #contentFullNonP .top-thankyou .inside b{color:#044b99; font-weight: bold;} #contentPane.memberPages #contentFullNonP .top-thankyou .offer{ width: 395px; margin:55px 0 0 30px;} #contentPane.memberPages #contentFullNonP .top-thankyou .offer h2{font-size:30px; margin:0; padding:0;} #contentPane.memberPages #contentFullNonP .top-thankyou .offer p{color:#0044ac; margin:15px 0 0 0;} #contentPane.memberPages #contentFullNonP .top-thankyou .offer .btn-signup{margin:40px 0 0 0;width:192px; height:41px; background:url('/a/img/register/milestones/btn-signup.gif') no-repeat;} #contentPane.memberPages #contentFullNonP .top-thankyou .offer .rabologo{margin:10px 0 0 0;width:176px; height:38px; background:url('/a/img/register/milestones/rabodirect-logo.png') no-repeat;} #contentPane.memberPages #content h2 { margin-left: 0; margin-bottom: 10px; float: none; } #contentPane.memberPages #content #innerContent { padding-top: 10px; } #contentPane.memberPages #content #prize { float: right; margin-left: 10px; } #contentPane.memberPages #content #innerContentContainer #innerContent { width: 380px; } #contentPane.memberPages #content #innerContentContainer2 { width: 380px; border:1px solid #006666;} #contentPane.memberPages #content #innerContentFullContainer { width: 758px; border:1px solid #006666;} #contentPane.memberPages #content #innerContentContainer #innerContent ol { margin-left: 25px; } #contentPane.memberPages #content form fieldset { border: 0; margin: 5px 0; } #contentPane.memberPages #content form fieldset#submit { margin-top: 20px; } #contentPane.memberPages #content form fieldset legend { display: none; } /* subnav gets defined here because it's the same for most sections */ #subNavPane { width: 115px; float: left; } #subNavPane div.navHolder {} #subNavPane div.navHolder div.header { height: 6px; width: 115px; } #subNavPane div.navHolder div.footer { height: 44px; width: 115px; margin: 1px 0 0 0; background-position: 0 -6px; } #subNavPane ul { list-style-type: none; width: 115px; } #subNavPane ul li { margin: 0 0 1px 0; width: 115px; } #subNavPane ul li a { display: block; height: 23px; width: 115px; } #subNavPane ul li.mi0 a { background-position: 0 -1px; } #subNavPane ul li.mi1 a { background-position: 0 -26px; } #subNavPane ul li.mi2 a { background-position: 0 -51px; } #subNavPane ul li.mi0 a:hover, #subNavPane ul li.mi0 a.current { background-position: -115px -1px; } #subNavPane ul li.mi1 a:hover, #subNavPane ul li.mi1 a.current { background-position: -115px -26px; } #subNavPane ul li.mi2 a:hover, #subNavPane ul li.mi2 a.current { background-position: -115px -51px; } /* banners are also the same */ #bannerHolder { margin-left: 136px; padding: 8px 0 10px 0; clear: both; width:615px; height:100px;} #bannerHolder div.bannerOne, #bannerHolder div.bannerTwo, #bannerHolder div.bannerThree { float: left; margin-left: 1px; width: 201px; height: 93px; } #bannerHolder div.bannerOne { width: 201px; margin: 0; } #bannerHolder div.bannerOne a, #bannerHolder div.bannerTwo a, #bannerHolder div.bannerThree a { width: 201px; height: 93px; display: block; background-repeat: no-repeat; } #bannerHolder div.bannerOne a { width: 201px; background-position: 0 0; } /* 6. footer pane */ #footerPane { text-align: left; width: 760px; margin: 0 auto; padding: 8px 0; font-size: 0.91em; } #footerPane p.copyRight {} #footerPane ul { list-style-type: none; float: right; } #footerPane li { float: left; margin: 0; padding: 0 0.5em; border-right: 1px solid #6990C2; } #footerPane li.last { border: 0; } #footerPane a { color: #6990C2; text-decoration: none; } /* * sIFR settings */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .pdfLogo { display:inline; text-decoration:none; border:none; } .termslist{ width:500px; } .termslist ol{ margin-left:20px; } .termslist li{ } .mlu{padding:20px; width:694px;} .mlu p{color:#0070ba;} .btn-mlu{ width:150px; height:24px; display:block; background:url(/a/img/mlu/btn-visit.gif) no-repeat; float:right;} .btn-continue{ width:152px; height:40px; display:block; background:url(/a/img/common/btn-continue.gif) no-repeat; float:right;} .gap{padding-top:20px;} .follow { width:219px; height:256px; background: url(/a/img/mlu/follow-bg.gif) no-repeat; float: left; margin-right:20px;} .follow .content{ width:185px; padding-top:10px; margin:0 auto;} .follow .content .tile{background:url(/a/img/mlu/followmums.gif) no-repeat; width:183px; height:69px;} .follow .content p{padding-top:5px; color:#6d6e71; width:183px; font-size:11px;} .follow .content .button{ width:150px; height:24px; display:block; background:url(/a/img/mlu/btn-visit.gif) no-repeat; border:none; float:right;} .relatedvideos {width:219px; height:256px; background: url(/a/img/mlu/follow-bg.gif) no-repeat; float: left;} .relatedvideos .content{ width:185px; padding-top:10px; margin:0 auto;} .discussion{width:217px; height:257px; background: url(/a/img/mlu/discussion-bg.gif) no-repeat; float: right;} .discussion .content{ width:185px; padding-top:10px; margin:0 auto;} .highlighted{color:#ca1224;} .promo-right-5day{background:url(/a/img/common/product-detail.jpg) no-repeat; width:75px; height:148px; float:right; margin-right:40px;} .main-panel{width:760px; margin-top:10px; height:224px;} .main-panel .left{width:499px; float:left; height:224px;} .main-panel .left .banner{margin-left:2px;width:499px; height:224px; background:url(/a/img/home/offer-banner2.jpg) no-repeat; } .main-panel .right{width: 247px;float:right; margin-right:4px;} .main-panel .right .products{width:247px; height:108px; background:url(/a/img/home/top-right-product-bg.jpg) no-repeat;} .main-panel .right .products a{text-decoration:none;} .main-panel .right .products .title{padding:10px 0 0 10px; color:#4993e6; font-size: 16px; font-weight: bold;} .main-panel .right .products p{padding:25px 0 0 10px; font-size:11px; color:#123e96;} .main-panel .right .contact{width:247px; height:112px; background:url(/a/img/home/top-right-contact-bg.jpg) no-repeat; margin-top:2px;} .main-panel .right .contact .box-phone{width:140px; height:24px; margin: 9px 0 0 45px;} .main-panel .right .contact .box-phone .intro{color:#79c5eb; font-size:14px; font-weight: bold;} .main-panel .right .contact .box-phone .highlight{color:#fff; font-size:18px; font-weight:bold;} .main-panel .right .contact .box-email{width:140px; height:24px; margin: 15px 0 0 45px;} .main-panel .right .contact .box-email .intro{color:#79c5eb; font-size:14px; font-weight: bold;} .main-panel .right .contact .box-email .highlight{color:#fff; font-size:12px; font-weight:bold;} .main-panel .right .contact .box-email .highlight a{text-decoration:none; color:#fff; font-size:12px; font-weight:bold;} .main-panel .right .contact .title{color:#fff; font-weight:bold; font-size:16px; padding:8px 0 0 10px;} .slider{width:756px; height:215px; background:url(/a/img/home/slider.jpg) no-repeat; margin-top:5px;} .bottom-cols{width:760px; margin:0 0 6px 2px; height:170px;} .col1{margin:3px 4px 0 0; float:left;width:248px; height:160px; background:url(/a/img/home/toddler-nutrient-calc-bg.jpg) no-repeat;} .col1 .click-layer{top:20px; left:30px; height:60px; width:190px; position:relative; cursor:pointer;} .col1 h3{color:#123e96; margin:10px 0 0 10px; font-size:16px; font-weight: bold;} .col1 h3 a{text-decoration:none;} .col1 .bot{width:230px; height:30px; margin:38px 0 0 10px;} .col1 .bot a{text-decoration:none;} .col1 .bot .bullet{margin:0 5px 0 0;float:left;width:24px; height:27px; background:url(/a/img/home/bullet-todd.gif) no-repeat;} .col1 .bot .link{ font-size:12px; color:#144a9a; font-weight: bold; padding:4px 0 0 0;} .col2{margin:3px 4px 0 0; float:left;width:248px; height:160px; background:url(/a/img/home/milestones-club-bg2.jpg) no-repeat;} .click-layer{top:20px; left:30px; height:60px; width:190px; position:relative; cursor:pointer;} .col2 h3{color:#123e96; margin:10px 0 0 10px; font-size:16px; font-weight: bold; line-height:17px;} .col2 h3 a{text-decoration:none;} .col2 .bot{width:230px; height:30px; margin:23px 0 0 10px;} .col2 .bot a{text-decoration:none;} .col2 .bot .bullet{margin:0 5px 0 0;float:left;width:24px; height:27px; background:url(/a/img/home/bullet-col2.gif) no-repeat;} .col2 .bot .link{ font-size:12px; color:#144a9a; font-weight: bold; padding:4px 0 0 0;} .col3{float:left;width:248px; height:163px; background:url(/a/img/home/aptamil-app-bg.jpg) no-repeat;} .col3 h3{color:#123e96; margin:10px 0 0 10px; font-size:16px; font-weight: bold;} .col3 h3 a{text-decoration:none;} .col3 .box{margin:25px 0 0 9px; width:129px; height:40px; font-weight:bold; color:#0054a1;} .col3 .box .bot{width:159px;margin: 32px 0 0 45px;font-size:10px; font-weight:bold; color:#0054a1;} .col3 .box .bot a{text-decoration:none;} /*slider css*/ .slideContainer { margin:0 auto; padding:0; background:url(/a/img/home/slider/back_slider.png) no-repeat; width:756px; height:215px; font:normal 11px Arial, Helvetica, sans-serif; color:#5f7092; position:relative; } #staticBox { float:left; width:124px; position:relative; } #staticBox h1 { margin:0; padding:8px 0 0 8px; font-size:15px; color:#fff; display:block; } #staticBox p { margin:0; padding:35px 0 0 8px; clear:left; font-size:12px; font-weight:bold; color:#0054a1; } .sliderOuter{position:relative; float:right; width:632px;} #slider { display:block; width:614px; height:215px; position:relative;left:11px; } .sliderContent { float:left; width:614px; height:200px; margin:7px 0px; } .sliderContent ul {margin:0; padding:0 0 0 2px; list-style:none;} .sliderContent ul li { float:left; background:url(/a/img/home/slider/back_slide_content.png) no-repeat 0 0; width:120px; height:202px; margin:0 1px; } .sliderContent ul li h3 { margin:0; padding:5px 0 0 5px; color:#fff; font-size:14px; height:35px; overflow:hidden; line-height:15px; } .sliderContent ul li img{margin:0; padding:0;} .sliderContent ul li p{margin:0; padding:0 5px; height:45px;} .sliderContent ul li p img{margin-top:20px;} .sliderContent ul li a.more { text-decoration:none; color:#144a9a; font-size:12px; font-weight:bold; display:inline-block; padding:3px 0 0 30px; } .nav{display:block; position:absolute; z-index:1000 !important; top:59px;} .prev, .next { display:block; text-decoration:none; height:94px; width:22px; outline:none; } .prev { position:absolute;left:-2px; background:url(/a/img/home/slider/arrow.png) no-repeat 0 0; } .next { position:absolute;left:611px; background:url(/a/img/home/slider/arrow.png) no-repeat -24px 0; } /* Andreas Glaser - 2011-02-22 */ .signup-form .error li { color:red; } .signup-form * {font-family: Arial, sans-serif; color: #0055a2;} .signup-form { padding: 5px 0px 25px 45px;} .signup-form hr { margin:10px 0; height: 1px; border: 0; color: #0055a2; background-color: #0055a2; } .signup-form .cols {} .signup-form .cols .fcol1 {width:160px;margin-bottom: 10px; margin-right: 10px;} .signup-form .cols .fcol2 {margin-left: 0px;margin-bottom: 10px;width: 280px; margin-right: 10px} .signup-form .cols .fcol2 input[type="text"], input[type="password"] {width:100%;border:1px solid #dfdfdf;padding:3px;} .signup-form .cols .fcol2 select {border:1px solid #dfdfdf;padding:3px; min-width: 80px;} .signup-form .cols .fcol2 input[type="radio"] { display: inline; margin-left: 0.5em; } abbr.required { display:none; } .signup-form .cols .fcol3 { margin-bottom: 5px; margin-left: 5px; margin-top: 5px;} .signup-form .cols .fcol3 label { padding:3px 0 0 0; } .signup-form .cols .fcol3 label.error { background: url("/a/img/register/invalid.png") transparent left 2px no-repeat; padding-left:20px; color:#a14210; } .signup-form .cols .fcol3 label.valid { background: url("/a/img/register/valid.png") transparent left center no-repeat; padding-left:20px; color:#47ad68; } .signup-form #registerButton { background-image: url("/a/img/register/submit.png"); width:101px; height:30px; border:0; } .hidden {position:absolute; left:-1000em; top:-1000em; width:1px; height:1px; overflow:hidden;} .noscreen {display:none;} .box {min-height:1px;} .box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";} .fix {float:none; clear:both; width:0; height:0; margin:0; padding:0; border:0; line-height:0; font-size:0;} .f-left {float:left !important;} .f-right {float:right !important;} .t-left {text-align:left !important;} .t-center {text-align:center !important;} .t-right {text-align:right !important;} .t-justify {text-align:justify !important;} .va-top {vertical-align:top !important;} .va-middle {vertical-align:middle !important;} .va-bottom {vertical-align:bottom !important;} .nom {margin:0 !important;} .nomt {margin-top:0 !important;} .nomb {margin-bottom:0 !important;} .inline_block { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; vertical-align: top; } .signup-form h2 { margin:0; }