/* project: Abbott Consumer Portal agency: www.AGENDA-asia.com */ /* ======================================== general */ * {margin:0px; padding:0;} img {border:0; vertical-align:top} a {text-decoration:none; color:#0066cc;} a {outline:none;} /* Gets rid of Firefox's dotted borders */ a img { border:none; text-decoration:none; } /* Gets rid of IE's blue borders */ a:hover {text-decoration:underline;} .inactive {color:#cccccc;} h1, h2, h3, h4, h5, h6 {color:#0066cc;} .note { font-size:0.9em; color:#666666;} .small {font-size:1.0em;} .smaller {font-size:0.8em;} .print {display:none;height:0;} .pink {color:#cc0066;} .blue {color:#0066cc;} .green {color:#99cc00;} .yellow {color:#ff9900;} .purple {color:#cc99cc;} .darkpurple {color:#990099;} .orange {color:#FF9900;} .red {color:#ff0000;} .black {color:#000000;} .darkgrey {color:#333333;} .white {color:#ffffff;} .redpink{color:#ca1c68;} .tableTitle {font-size:1.1em;font-weight:bold;padding-top:5px;padding-bottom:5px;} .tablePad {padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:5px;} input.border {border:1px solid #999;color:#666666;} ul#contentList {list-style-type:square;} .NutFacts {color:#ffffff; font-size:0.9em;} body {text-align:left; background:#ffffff; color:#000000; font-family:Arial,Verdana,sans-serif; font-size:62.5%;} /* base font size = 10px */ /* size calculation -- http://pxtoem.com/ */ body {behavior:url("csshover.htc");} /* ======================================== container */ #container {text-align:left; width:864px; position:relative; background:#ffffff; font-size:1.2em;} /* ======================================== masthead */ #masthead {positon:relative; height:154px;} #masthead #leftLogo {position:absolute; width:145px; height:116px; top:19px;} #masthead #rightHeader {position:relative; left:176px; width:674px; height:115px; top:19px;} #masthead #rightHeader { background:url(../images/masthead_abbottMY.gif) top left no-repeat;} #masthead #rightHeader img{position:absolute;float:right;right:36px;top:0px;} #masthead #rightHeader ul#topNav-category, #masthead #rightHeader ul#topNav-suppNav {list-style:none;font-size:0.9em;color:#666666; height:14px; vertical-align:bottom;} #masthead #rightHeader ul#topNav-category a {color:#0066cc; font-size:1.4em; font-weight:bold;} #masthead #rightHeader ul#topNav-category a:hover {color:#999999 !important;} #masthead #rightHeader ul#topNav-category {text-align:left;float:left; width:49%;margin-top:105px;} #masthead #rightHeader ul#topNav-suppNav {text-align:right;float:right; width:49%;margin-top:105px;padding-right:36px;} #masthead #rightHeader ul#topNav-suppNav a {color:#999999 !important;font-weight:bold;} #masthead #rightHeader ul#topNav-suppNav a:hover {text-decoration:underline; color:#0066cc !important;} /* ======================================== content */ #content {position:relative; height:auto;} #content {min-height:180px;height:auto !important;height:180px;/*min-height for IE*/} /* ======================================== left content */ #leftPane {position:absolute; top:0; width:145px;} /*--- first level navi ---*/ #leftPane ul#leftNav{list-style:none; padding:7px 7px 10px 7px; text-align:left;} #leftPane ul#leftNav li {padding-left:9px; padding-bottom:4px;} #leftPane ul#leftNav li a {font-size:1.0em; font-weight:bold; color:#666666; line-height:1.1em;} #leftPane ul#leftNav li a.inactive {color:#cccccc !important;} #leftPane ul#leftNav li:hover {background:url(../images/arrow_blue.gif) left 4px no-repeat !important;} #leftPane ul#leftNav li a:hover {color:#0066cc !important;text-decoration:underline;} /*--- second & 3rd level navi ---*/ #leftPane ul#leftNav li ul.subNav {list-style:none;} #leftPane ul#leftNav li ul.subNav li{padding-left:9px;} #leftPane ul#leftNav li ul.subNav li a {font-size:0.9em; font-weight:bold; color:#666666 !important; line-height:0.9em;} #leftPane ul#leftNav li ul.subNav li a.Category {font-size:1.0em !important;} #leftPane ul#leftNav li ul.subNav li a:hover {color:#0066cc !important;text-decoration:underline;} #leftPane ul#leftNav li ul.subNav li:hover {background:url(../images/arrow_blue_s.gif) no-repeat left 6px !important;} /*--- 4th level navi ---*/ #leftPane ul#leftNav li ul.subNav li ul.subNav4 {list-style:none;padding-top:3px;} #leftPane ul#leftNav li ul.subNav li ul.subNav4 li{padding-left:9px;} #leftPane ul#leftNav li ul.subNav li ul.subNav4 li a {font-size:0.9em; font-weight:normal; color:#666666 !important; line-height:0.9em;} #leftPane ul#leftNav li ul.subNav li ul.subNav4 li a.Category {font-size:1.0em !important;} #leftPane ul#leftNav li ul.subNav li ul.subNav4 li a:hover {color:#0066cc !important;text-decoration:underline;} #leftPane ul#leftNav li ul.subNav li ul.subNav4 li:hover {background:url(../images/arrow_blue_s.gif) no-repeat left 6px !important;} #leftPane div.separator {background:url(../images/navi_separator.gif) no-repeat left center; height:1px;margin-left:-11px !important;} #leftPane #membership {position:relative; width:145px; margin-bottom:12px; background:url(../images/leftpane_header_memberlogin.gif) no-repeat top left;} #leftPane #Newsletter {position:relative; width:145px; height:170px; margin-top:14px; background:url(../images/leftpane_header_newsletter.gif) no-repeat top left;} #leftPane #membership div.wrap {position:relative; width:120px; padding-top:40px; left:14px;} #leftPane #Newsletter div.wrap {position:relative; width:120px; padding-top:42px; left:14px;} #leftPane .boxClose {position:relative; width:145px; height:15px; margin-bottom:14px; margin-top:-3px;} /* ======================================== right content */ #rightPane {position:relative; left:145px; top:0; width:705px;} #rightPane #rightContent {margin-left:31px; margin-right:14px; width:659px;} #rightPane #rightContent #contentTop {height:auto;} #rightPane #rightContent #contentBottom {padding-bottom:20px;} #rightPane #rightContent #contentBottom h1{display:none;} #rightPane #rightContent #contentBottom {min-height:130px; height:auto !important;height:130px;/*min-height for IE*/} #rightPane #rightContent #contentClose {height:40px;} #rightPane #rightContent #Overview {position:relative; padding-top:20px; margin-left:20px; width:580px;} #rightPane #rightContent #Overview.padtop{padding-top:35px !important;} #rightPane #rightContent #Overview.botline{border-bottom:dotted 1.5px;border-bottom-color:#999999;padding-bottom:10px;} #rightPane #rightContent #Overview h1 {display:none;} #rightPane #rightContent #Overview h2 {font-size:1.8em; line-height:1.2em; font-weight:normal; padding-bottom:10px;} #rightPane #rightContent #Overview h3 {font-size:0.9em; line-height:0.9em; font-weight:normal; color:#666666;} #rightPane #rightContent #Overview h4 {font-size:1.0em; line-height:1.0em; font-weight:normal; color:#666666; margin-bottom:10px; font-weight:bold;} #rightPane #rightContent #Overview img.Right {position:absolute;float:right;z-index:999;right:0px;top:20px;} #rightPane #rightContent #Innerview {position:relative; padding-top:20px; margin-left:20px; width:580px;} #rightPane #rightContent #Innerview p{margin:0 20px 10px 0;line-height:1.4;} #rightPane #rightContent #Innerview div.wrap {width:580px;} #rightPane #rightContent #Innerview div.landing p {margin:0 20px 10px 0;line-height:1.2 !important;} #rightPane #rightContent #Innerview div.wrap h2{font-size:1.5em;font-weight:bold;padding-bottom:10px;} #rightPane #rightContent #Innerview div.wrap h3{font-size:1.3em !important;font-weight:bold;padding-bottom:10px;} #rightPane #rightContent #Innerview div.wrap h4{font-size:1.2em;font-weight:bold;padding-bottom:10px;} #rightPane #rightContent #Innerview #newsArchive {position:absolute; right:0px; width:150px; float:right;} #rightPane #rightContent #mainHighlight {position:relative; margin-bottom:14px;} #rightPane #rightContent #Highlights {position:relative; margin-bottom:12px;} #rightPane #rightContent #Highlights #HighlightsLeft {position:relative; width:360px;} #rightPane #rightContent #Highlights #WhatsNew {position:relative;} #rightPane #rightContent #Highlights #HighlightsRight {position:relative; width:285px; float:right;} #rightPane #rightContent #Highlights #Promotions {position:relative; margin-bottom:14px;} #rightPane #rightContent #Highlights #MemberSection {position:relative;} #rightPane #rightContent #Highlights #HighlightsBot {position:relative; width:659px; margin-top:14px;} .pinkBar {background:url(../images/side_pink.gif) right top repeat-y;} .redpink {background:url(../images/side_redpink.gif) right top repeat-y;} .greenBar {background:url(../images/side_green.gif) right top repeat-y;} .yellowBar {background:url(../images/side_yellow.gif) right top repeat-y;} .orangeBar {background:url(../images/side_orange.gif) right top repeat-y;} .blueBar {background:url(../images/side_blue.gif) right top repeat-y;} .lblueBar {background:url(../images/side_lblue.gif) right top repeat-y;} .lpinkBar {background:url(../images/side_lpink.gif) right top repeat-y;} .lgreenBar {background:url(../images/side_lgreen.gif) right top repeat-y;} .redBar {background:url(../images/side_red.gif) right top repeat-y;} .darkpurpleBar {background:url(../images/side_darkpurple.gif) right top repeat-y;} .purpleBar{ background:url(../images/side_purple.jpg) right top repeat-y;} .padLeft {padding-left:10px;} .padTop {padding-top:5px;} ul#tools {list-style:none;width:50px;height:20px;position:absolute;float:right;z-index:999;right:0px;top:0px;margin-top:5px;} ul#tools li {height:20px;display:inline;font-size:0.9em;} ul#tools li img{padding-right:5px;} ul#crumbtrail {list-style:none; z-index:99; position:absolute; margin-top:5px; margin-left:10px; height:20px; width:570px;} ul#crumbtrail li {display:inline; font-size:1.1em; font-weight:bolder; color:#FFFFFF; padding-right:15px; padding-left:10px;} ul#crumbtrail li.showArrow {background:url(../images/crumb_arrow.gif) no-repeat right 4px;} ul#crumbtrail li.Current {font-weight:normal;} ul#crumbtrail li a {color:#FFFFFF;} ul#crumbtrail li a:hover {text-decoration:underline;} ul#crumbtrail li a.Current {font-weight:normal;} ul.homelist {list-style:none;} ul.homelist li h2 {font-size:1.4em;font-weight:bold;padding-bottom:5px;} ul.homelist li h3 {font-size:1.1em;font-weight:bold;padding-bottom:5px;} ul.homelist li h4 {font-size:0.8em;padding-top:5px;} ul.homelist li p {font-size:0.9em;line-height:1.3em;} ul.archive {list-style:none; padding-top:10px; padding-bottom:10px; padding-left:25px;} ul.archive li a.Current{font-weight:bold;} ul.archive li {line-height:2.5em;} ul.tabNav {list-style:none; margin-bottom:10px;} ul.tabNav li a.Current{font-weight:bold;} ul.tabNav li {display:inline; padding-right:5px;} ul.newslist {list-style:none; width:470px;} ul.newslist li {position:relative; margin-bottom:25px;} ul.newslist li.padleft {padding-left:95px;} ul.newslist img {position:absolute; left:0px; top:0;} ul.newslist li h4 {color:#000000;font-size:1.1em !important;line-height:1.2em;} ul.newslist li h5 {font-size:1.1em; color:#000000; font-weight:normal;line-height:1.2em;margin-top:-5px;} ul.newslist li p {font-size:1.1em !important; padding-top:5px;} ul.botNav {list-style:none; margin-top:20px;} ul.botNav li {font-size:0.8em; padding-bottom:20px;} ul.botNavStep {list-style:none; margin-top:20px;} ul.botNavStep li {font-size:0.9em;} ul.botNavStep li.Right {float:right;} ul.topNavStep {list-style:none; margin-top:5px;} ul.topNavStep li {font-size:0.9em;} ul.topNavStep li.Right {float:right;} h2.newsYear {font-size:16px !important;margin-bottom:10px;font-weight:bold;color:#cc0066;} /* ======================================== Left Pane Forms */ div#careLine {font-size:0.9em;margin-top:14px;} div#sampleRequest {font-size:0.9em;margin-top:14px;margin-bottom:14px;} ul#webSearch {margin-bottom:18px;margin-left:7px;} ul#webSearch li {list-style:none;display:inline; vertical-align:top;} ul#webSearch input {padding-left:2px;line-height:1.6em;vertical-align:middle;} ul#webSearch input.searchInput {width:100px;height:18px;font-size:0.9em;margin-right:5px;} div#MemberLogin {} div#MemberLogin a {color:#666666 !important;} div#MemberLogin a:hover {text-decoration:underline; color:#0066cc !important;} div#MemberLogin ul#memLogin {position:relative;} div#MemberLogin ul#memLogin li{list-style:none; margin-bottom:10px; font-size:0.9em;} div#MemberLogin ul#memLogin li.right{text-align:right;} div#MemberLogin ul#memLogin li.text{text-align:left; margin-bottom:3px !important; font-size:0.9em;} div#MemberLogin label {display:none;} div#MemberLogin input {padding-left:2px;vertical-align:middle;line-height:1.6em;} div#MemberLogin input.MemberLoginInput {width:120px;height:18px;font-size:0.9em;} div#NewsletterSignup {} div#NewsletterSignup a {color:#666666 !important;} div#NewsletterSignup a:hover {text-decoration:underline; color:#0066cc !important;} div#NewsletterSignup ul#newsReg li{list-style:none; margin-bottom:10px; line-height:1.2 !important; font-size:0.9em;} div#NewsletterSignup ul#newsReg li.right{text-align:right;} div#NewsletterSignup ul#newsReg li.text{text-align:right;margin-bottom:3px !important;} div#NewsletterSignup label {display:none;} div#NewsletterSignup input {padding-left:2px;lvertical-align:middle;line-height:1.6em;} div#NewsletterSignup input.NewsletterInput {width:120px;height:18px;font-size:0.9em;} /* [FOR IE] Example there's any padding probelm */ /* #div {width:500;padding:20px;} * html #div {width:460px;} */ /* ======================================== locator */ body.Pediatric a.Pediatric, body.AdultNut a.AdultNut {color:#666666 !important;cursor:default;} /*--- first level navi ---*/ body.Home li.Home, body.News li.News, body.Community li.Community, body.PediatricNut li.PediatricNut, body.AdultNut li.AdultNut, body.Member li.Member, body.AboutUs li.AboutUs, body.AbbottShare li.AbbottShare, body.AbbottWorld li.AbbottWorld body.AdultLibrary li.AdultLibrary {background:url(../images/arrow_blue.gif) no-repeat left 4px !important;color:#0066cc !important;} body.Products li.Products, body.Product li.Product, body.Library li.Library, body.AdultLibrary li.AdultLibrary {background:url(../images/arrow_blue_s.gif) no-repeat left 6px !important;color:#0066cc !important;} body.Home li.Home a, body.News li.News a, body.Community li.Community a, body.PediatricNut li.PediatricNut a, body.AdultNut li.AdultNut a, body.Member li.Member a, body.AboutUs li.AboutUs a, body.AbbottShare li.AbbottShare a, body.AbbottWorld li.AbbottWorld a, body.Products #leftPane ul#leftNav li ul.subNav li.Products a.Category, body.Library #leftPane ul#leftNav li ul.subNav li.Library a.Category, body.AdultLibrary #leftPane ul#leftNav li ul.subNav li.AdultLibrary a.Category {color:#0066cc !important;} /*--- second & third level navi ---*/ body.Page0 li.Page0, body.Page1 li.Page1, body.Page2 li.Page2, body.Page3 li.Page3, body.Page4 li.Page4, body.Page5 li.Page5, body.Page6 li.Page6, body.Page7 li.Page7, body.Page8 li.Page8, body.Page9 li.Page9, body.Page10 li.Page10, body.Page11 li.Page11, body.Page20 li.Page20,body.Page21 li.Page21, body.Page22 li.Page22,body.Page23 li.Page23, body.Page24 li.Page24,body.Page25 li.Page25, body.Page26 li.Page26, body.Page27 li.Page27 {background:url(../images/arrow_blue_s.gif) no-repeat left 6px !important;} body.Page0 #leftPane ul#leftNav li ul.subNav li.Page0 a, body.Page1 #leftPane ul#leftNav li ul.subNav li.Page1 a, body.Page2 #leftPane ul#leftNav li ul.subNav li.Page2 a, body.Page3 #leftPane ul#leftNav li ul.subNav li.Page3 a, body.Page4 #leftPane ul#leftNav li ul.subNav li.Page4 a, body.Page5 #leftPane ul#leftNav li ul.subNav li.Page5 a, body.Page6 #leftPane ul#leftNav li ul.subNav li.Page6 a, body.Page7 #leftPane ul#leftNav li ul.subNav li.Page7 a, body.Page8 #leftPane ul#leftNav li ul.subNav li.Page8 a, body.Page9 #leftPane ul#leftNav li ul.subNav li.Page9 a, body.Page10 #leftPane ul#leftNav li ul.subNav li.Page10 a, body.Page11 #leftPane ul#leftNav li ul.subNav li.Page11 a, body.Page20 #leftPane ul#leftNav li ul.subNav li.Page20 a,body.Page21 #leftPane ul#leftNav li ul.subNav li.Page21 a, body.AdultLibrary #leftPane ul#leftNav li ul.subNav li.AdultLibrary a,body.Page22 #leftPane ul#leftNav li ul.subNav li.Page22 a, body.Page23 #leftPane ul#leftNav li ul.subNav li.Page23 a,body.Page24 #leftPane ul#leftNav li ul.subNav li.Page24 a, body.Page25 #leftPane ul#leftNav li ul.subNav li.Page25 a,body.Page26 #leftPane ul#leftNav li ul.subNav li.Page26 a, body.Page27 #leftPane ul#leftNav li ul.subNav li.Page27 a {color:#0066cc !important;} /*--- 4th level navi ---*/ body.nav0 li.nav0, body.nav1 li.nav1, body.nav2 li.nav2, body.nav3 li.nav3, body.nav4 li.nav4, body.nav5 li.nav5, body.nav6 li.nav6, body.nav7 li.nav7, body.nav8 li.nav8, body.nav9 li.nav9, body.nav10 li.nav10, body.nav11 li.nav11, body.nav12 li.nav12, body.nav13 li.nav13, body.nav14 li.nav14 {background:url(../images/arrow_blue_s.gif) no-repeat left 6px !important; color:#0066cc !important;} /* ======================================== footer */ #footer {position:absolute; left:190px; width:660px; height:50px;} #footer ul#footNav {list-style:none;font-size:0.9em;color:#999999; margin-top:7px; margin-bottom:11px;} #footer ul#footNav li.links a {color:#999999 !important;font-weight:bold;} #footer ul#footNav li.links a:hover {text-decoration:underline; color:#0066cc !important;} #footer ul#footNav li.links {text-align:center;} #footer ul#footNav li.copyright {text-align:center;} /* ======================================== hacks */ /* clearfix */ .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix {display:inline-table;min-height:1%;} /* Hides from IE-mac \*/ * html .clearfix {height:1%;} .clearfix {display:block;} /* End hide from IE-mac */ /* ======================================== forms */ .errormsg{width:170px;color:#ffffff;font-style:italic;font-size:0.8em;padding:3px 5px 3px 5px;margin-top:5px;margin-bottom:5px;border:1px solid #999999;background-color:#333;} .errormsg2{width:120px;color:#ffffff;font-style:italic;font-size:0.8em;padding:3px 5px 3px 5px;margin-top:5px;margin-bottom:5px;border:1px solid #999999;background-color:#333;} /* ======================================== Overlaps */ #abbottOverlay {position:absolute;left:100px;top:330px;z-index:100;background-color:#FFFFFF;border:2px solid #0066cc;} #abbottOverlay div.wrap {position:relative;margin:20px;} #abbottOverlay.w500px {width:500px;} #alertLogin {position:absolute;left:100px;top:330px;z-index:100;background-color:#FFFFFF;border:2px solid #0066cc; display:none;} #alertLogin div.wrap {position:relative;margin:20px;} #alertLogin.w500px {width:500px;} #alertsachet {position:absolute;left:100px;top:330px;z-index:100;background-color:#FFFFFF;border:2px solid #0066cc; display:none;} #alertsachet.w500px {width:500px;} #alertsachet div.wrap {position:relative;margin:20px;}