/* Color Reference: - yellow #FFD560 - type grey #7A7979 - header grey #FAFAFA - magenta #C42695 - page text #514848 ------------------------------------ */ /* Defaults, utilities, and wrapper ---------------------------------------------------------------- */ a:link {text-decoration: none;} a:visited {text-decoration: none;} a:hover {text-decoration: underline;} a {color: #C42695; font-weight: bold;} h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;} h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;} a img,:link img,:visited img {border: none;} address {font-style: normal;} li, td, th, dt, dl, input, textarea {font-size: 12px;} p {margin: 0 0 10px;} sup {line-height: 0.1em;} .hide {display: none;} .clear {clear: both;} #accessibility {display: none;} body {font-family: helvetica, arial, verdana, sans-serif;font-size: 12px; background-color: #363636;} #wrapper {width: 950px; margin: 0 auto; background-color: #FFD560; padding-bottom: 90px; } #header {padding: 0; margin: 0px; line-height: 0; width: 950px; background-color: #FAFAFA; height: 120px; } #topgraphic {width: 686px; float: left; clear: none; background-color: #FAFAFA;} #topanimation {width: 264px; float: left; clear: right; background-color: #FAFAFA; height: 120px;} #navwrapper {width: 950px; height: 50px;} #content { clear: both; width: 950px; min-height: 430px; background-image: url(../images/bg.inside.gif); background-repeat: no-repeat; background-color: #FFD560; background-position: 0px 7px; border: 0px solid red; } #content.homebg {background-image: url(../images/bg.home.gif);} h2 {font-size: 14px; margin: 12px 0px; color: #514848;} h2 sup {line-height: 0.1em;} h4 {margin-bottom: 10px; font-weight: normal; font-size: 14px;} p, ul {line-height: 1.4em;} /* Navigation ---------------------------------------------------------------- */ #nav {float: left; clear: none; height: 44px; margin: 0; padding: 0; background-color: #FFD560; padding-left: 32px; padding-right: 20px; width: 675px;} #nav li ul, #nav li ul { margin: 0; padding: 0;} #nav a { text-decoration: none; } #nav li { margin: 0; float: left; display: block; padding-right: 0px; } #nav li ul { display: none; } #nav li.on ul { background: #f90 } #nav li.on:hover ul, #nav li.over ul { background: #d5d7cb; } #nav li a { color: #ccc5a2; font-weight: bold; display: block; padding: 0; font-size: 10px; } #nav li.on a { color: #f90; } #nav li.on ul a, #nav li.off ul a { border: 0; color: #44286f; width: auto; margin-right: 15px; } #nav li.on:hover ul a, #nav li.over ul li a { background: #d5d7cb;} #nav li.on ul { display: block; } #nav li.off:hover ul, #nav li.over ul { display: block;} #nav li.off a:hover, #nav li.on a:hover { color: #b94804; } #nav li span { position: absolute;visibility: hidden; } #parents a, #pedend a, #pedsur a, #nurses a {display: block; position: relative;height: 44px;background: url(../images/nav/nav.gif) no-repeat; } #parents a { width: 168px; background-position: 0px 0px;} #pedend a { width: 167px; background-position: -168px 0px;} #pedsur a {width: 168px; background-position: -335px 0px;} #nurses a {width: 168px;background-position: -503px 0;} #parents a:hover, #parents:hover a, #parents.over a {background-position: 0px -44px;} #pedend a:hover, #pedend:hover a, #pedend.over a {background-position: -168px -44px;} #pedsur a:hover, #pedsur:hover a, #pedsur.over a {background-position: -335px -44px;} #nurses a:hover, #nurses:hover a, #nurses.over a {background-position: -503px -44px;} /* Top information buttons ---------------------------------------------------------------- */ #topinfo {float: left; clear: right; margin: 4px 0px 0px 0px; padding: 0px; width: 203px; height: 47px; background-color: #FFD560;} #topinfo li ul, #topinfo li ul { margin: 0; padding: 0;} #topinfo a { text-decoration: none; } #topinfo li { margin: 0; float: left; display: block; padding-right: 0px; } #topinfo li ul { display: none; } #topinfo li.on ul { background: #f90 } #topinfo li.on:hover ul, #topinfo li.over ul { background: #d5d7cb; } #topinfo li a { color: #ccc5a2; font-weight: bold; display: block; padding: 0; font-size: 10px; } #topinfo li.on a { color: #f90; } #topinfo li.on ul a, #topinfo li.off ul a { border: 0; color: #44286f; width: auto; margin-right: 15px; } #topinfo li.on:hover ul a, #topinfo li.over ul li a { background: #d5d7cb;} #topinfo li.on ul { display: block; } #topinfo li.off:hover ul, #topinfo li.over ul { display: block;} #topinfo li.off a:hover, #topinfo li.on a:hover { color: #b94804; } #topinfo li span { position: absolute; visibility: hidden; } #productinfo a, #safetyinfo a {display: block; position: relative;height: 23px;background: url(../images/buttons/topinfo.gif) no-repeat; } #productinfo a { width: 203px; background-position: 0px 0px;} #safetyinfo a { width: 203px; background-position: 0px -23px;} #productinfo a:hover, #productinfo:hover a, #productinfo.over a {background-position: -203px 0px;} #safetyinfo a:hover, #safetyinfo:hover a, #safetyinfo.over a {background-position: -203px -23px;} /* Page buttons ---------------------------------------------------------------- */ .inlinebutton img {margin:0; padding: 0; line-height: 0.1em; position:relative; top: 5px; border: 0px;} #printerroll {float: left; clear: both; margin: 4px 0px 0px 20px; padding: 0px; width: 172px; height: 24px; border: 0px solid red; position: relative; top: -20px; } #printerroll a {display: block; position: relative; height: 24px;background: url(../images/buttons/button.printerroll.gif) no-repeat;width: 172px; background-position: 0px 0px; } #printerroll a:hover, #printerroll:hover a, #printerroll.over a {background-position: -172px 0px;} #printerroll span { position: absolute; visibility: hidden; } #pdfroll {margin: 24px 0px 10px 0px; padding: 0px; width: 172px; height: 24px; float: left; clear: none; } #pdfroll a {display: block; height: 24px;background: url(../images/buttons/button.pdfroll.gif) no-repeat;width: 172px; background-position: 0px 0px; } #pdfroll a:hover, #pdfroll:hover a, #pdfroll.over a {background-position: -172px 0px;} #pdfroll span { position: absolute; visibility: hidden; } #pdfright {float: left; clear: none;margin: 24px 0px 10px 30px; padding: 0px; } /* Side Navigation ---------------------------------------------------------------- */ #sidenav { float: left; clear: none; margin: 0; padding: 0; background-color: #FFD560; padding: 0px; width: 143px; margin-top: 18px;} #sidenav li ul, #sidenav li ul { margin: 0; padding: 0;} #sidenav a { text-decoration: none; } #sidenav li { margin: 0; float: left; display: block; padding-right: 0px; } #sidenav li ul { display: none; } #sidenav li.on ul { background: #f90 } #sidenav li.on:hover ul, #sidenav li.over ul { background: #d5d7cb; } #sidenav li a { color: #ccc5a2; font-weight: bold; display: block; padding: 0; font-size: 10px; } #sidenav li.on a { color: #f90; } #sidenav li.on ul a, #sidenav li.off ul a { border: 0; color: #44286f; width: auto; margin-right: 15px; } #sidenav li.on:hover ul a, #sidenav li.over ul li a { background: #d5d7cb;} #sidenav li.on ul { display: block; } #sidenav li.off:hover ul, #sidenav li.over ul { display: block;} #sidenav li.off a:hover, #sidenav li.on a:hover { color: #b94804; } #sidenav li span { position: absolute; visibility: hidden; } #sideaboutcpp a, #sidetreating a, #sideaboutsupprelin a, #sidevideos a, #sideinsurance a, #sidesupport a, #sidelinks a, #sideglossary a {display: block; position: relative;height: 33px; left: 8px; } #sideaboutcpp a { width: 136px; background-position: 0px 0px; background: url(../images/nav/sidenav.aboutcpp.gif) no-repeat;} #sidetreating a {width: 136px; background-position: 0px 0px; background: url(../images/nav/sidenav.treating.gif) no-repeat;} #sideaboutsupprelin a {width: 136px; background-position: 0px 0px; background: url(../images/nav/sidenav.aboutSUPPRELIN.gif) no-repeat;} #sidevideos a {width: 136px; background-position: 0px 0px; background: url(../images/nav/sidenav.videos.gif) no-repeat;} #sideinsurance a {width: 136px; background-position: 0px 0px; background: url(../images/nav/sidenav.insurance.gif) no-repeat;} #sidesupport a {width: 136px; background-position: 0px 0px; background: url(../images/nav/sidenav.support.gif) no-repeat;} #sidelinks a {width: 136px; background-position: 0px 0px; background: url(../images/nav/sidenav.links.gif) no-repeat;} #sideglossary a {width: 136px; background-position: 0px 0px; background: url(../images/nav/sidenav.glossary.gif) no-repeat;} #sideaboutcpp a:hover, #sideaboutcpp:hover a, #sideaboutcpp.over a {background-position: -136px 0px; } #sidetreating a:hover, #sidetreating:hover a, #sidetreating.over a {background-position: -136px 0px; } #sideaboutsupprelin a:hover, #sideaboutsupprelin:hover a, #sideaboutsupprelin.over a {background-position: -136px 0px; } #sidevideos a:hover, #sidevideos:hover a, #sidevideos.over a {background-position: -136px 0px; } #sideinsurance a:hover, #sideinsurance:hover a, #sideinsurance.over a {background-position: -136px 0px; } #sidesupport a:hover, #sidesupport:hover a, #sidesupport.over a {background-position: -136px 0px; } #sidelinks a:hover, #sidelinks:hover a, #sidelinks.over a {background-position: -136px 0px; } #sideglossary a:hover, #sideglossary:hover a, #sideglossary.over a {background-position: -136px 0px; } /* aboutcpp subnav */ #aboutcpp_symptoms a, #aboutcpp_starts a, #aboutcpp_height a, #aboutcpp_helping a {display: block; position: relative;height: 33px; left: 17px; } #aboutcpp_symptoms a { width: 127px; background-position: 0px 0px; background: url(../images/nav/subnav/aboutcpp.signsandsymptomsofcpp.gif) no-repeat;} #aboutcpp_starts a {width: 127px; background-position: 0px 0px; background: url(../images/nav/subnav/aboutcpp.howcppstarts.gif) no-repeat;} #aboutcpp_height a { width: 127px; background-position: 0px 0px; background: url(../images/nav/subnav/aboutcpp.howcppaffectsheight.gif) no-repeat;} #aboutcpp_helping a {width: 127px; background-position: 0px 0px; background: url(../images/nav/subnav/aboutcpp.helpingyourchildcope.gif) no-repeat;} #aboutcpp_symptoms a:hover, #aboutcpp_symptoms:hover a, #aboutcpp_symptoms.over a {background-position: -127px 0px; } #aboutcpp_starts a:hover, #aboutcpp_starts:hover a, #aboutcpp_starts.over a {background-position: -127px 0px; } #aboutcpp_height a:hover, #aboutcpp_height:hover a, #aboutcpp_height.over a {background-position: -127px 0px; } #aboutcpp_helping a:hover, #aboutcpp_helping:hover a, #aboutcpp_helping.over a {background-position: -127px 0px; } /* treatingcpp subnav */ #treatingcpp_doctor a, #treatingcpp_medicines a, #treatingcpp_therapies a{display: block; position: relative;height: 33px; left: 17px; } #treatingcpp_doctor a { width: 127px; background-position: 0px 0px; background: url(../images/nav/subnav/treatingcpp.yourchildsdoctor.gif) no-repeat;} #treatingcpp_medicines a {width: 127px; background-position: 0px 0px; background: url(../images/nav/subnav/treatingcpp.howcppmedicineswork.gif) no-repeat;} #treatingcpp_therapies a { width: 127px; background-position: 0px 0px; background: url(../images/nav/subnav/treatingcpp.typesofgnrhtherapies.gif) no-repeat;} #treatingcpp_doctor a:hover, #treatingcpp_doctor:hover a, #treatingcpp_doctor.over a {background-position: -127px 0px; } #treatingcpp_medicines a:hover, #treatingcpp_medicines:hover a, #treatingcpp_medicines.over a {background-position: -127px 0px; } #treatingcpp_therapies a:hover, #treatingcpp_therapies:hover a, #treatingcpp_therapies.over a {background-position: -127px 0px; } /* aboutcpp subnav */ #aboutsupprelin_receiving a, #aboutsupprelin_insertion a, #aboutsupprelin_activities a, #aboutsupprelin_visits a, #aboutsupprelin_replaced a, #aboutsupprelin_endtreatment a, #aboutsupprelin_sideeffects a {display: block; position: relative;height: 33px; left: 17px; } #aboutsupprelin_receiving a { width: 127px; background-position: 0px 0px; background: url(../images/nav/subnav/aboutsupprelin.receivingtheimplant.gif) no-repeat;} #aboutsupprelin_insertion a {width: 127px; background-position: 0px 0px; background: url(../images/nav/subnav/aboutsupprelin.insertionsitecare.gif) no-repeat;} #aboutsupprelin_activities a { width: 127px; background-position: 0px 0px; background: url(../images/nav/subnav/aboutsupprelin.resumingactivities.gif) no-repeat;} #aboutsupprelin_visits a {width: 127px; background-position: 0px 0px; background: url(../images/nav/subnav/aboutsupprelin.followupvisits.gif) no-repeat;} #aboutsupprelin_replaced a {width: 127px; background-position: 0px 0px; background: url(../images/nav/subnav/aboutsupprelin.havingtheimplantreplaced.gif) no-repeat;} #aboutsupprelin_endtreatment a { width: 127px; background-position: 0px 0px; background: url(../images/nav/subnav/aboutsupprelin.whentoendtreatment.gif) no-repeat;} #aboutsupprelin_sideeffects a {width: 127px; background-position: 0px 0px; background: url(../images/nav/subnav/aboutsupprelin.possiblesideeffects.gif) no-repeat;} #aboutsupprelin_receiving a:hover, #aboutsupprelin_receiving:hover a, #aboutsupprelin_receiving.over a {background-position: -127px 0px; } #aboutsupprelin_insertion a:hover, #aboutsupprelin_insertion:hover a, #aboutsupprelin_insertion.over a {background-position: -127px 0px; } #aboutsupprelin_activities a:hover, #aboutsupprelin_activities:hover a, #aboutsupprelin_activities.over a {background-position: -127px 0px; } #aboutsupprelin_visits a:hover, #aboutsupprelin_visits:hover a, #aboutsupprelin_visits.over a {background-position: -127px 0px; } #aboutsupprelin_replaced a:hover, #aboutsupprelin_replaced:hover a, #aboutsupprelin_replaced.over a {background-position: -127px 0px; } #aboutsupprelin_endtreatment a:hover, #aboutsupprelin_endtreatment:hover a, #aboutsupprelin_endtreatment.over a {background-position: -127px 0px; } #aboutsupprelin_sideeffects a:hover, #aboutsupprelin_sideeffects:hover a, #aboutsupprelin_sideeffects.over a {background-position: -127px 0px; } /* insurance and support subnav */ #insurance_insurance a, #insurance_support a {display: block; position: relative;height: 33px; left: 17px; } #insurance_insurance a { width: 127px; background-position: 0px 0px; background: url(../images/nav/subnav/insuranceandsupport.insurance.gif) no-repeat;} #insurance_support a {width: 127px; background-position: 0px 0px; background: url(../images/nav/subnav/insuranceandsupport.support.gif) no-repeat;} #insurance_insurance a:hover, #insurance_insurance:hover a, #insurance_insurance.over a {background-position: -127px 0px; } #insurance_support a:hover, #insurance_support:hover a, #insurance_support.over a {background-position: -127px 0px; } /* support tools subnav */ #support_questions a, #support_brochure a {display: block; position: relative;height: 33px; left: 17px; } #support_questions a { width: 127px; background-position: 0px 0px; background: url(../images/nav/subnav/supporttools.questionsforyourdoctor.gif) no-repeat;} #support_brochure a {width: 127px; background-position: 0px 0px; background: url(../images/nav/subnav/supporttools.brochureforparents.gif) no-repeat;} #support_questions a:hover, #support_questions:hover a, #support_questions.over a {background-position: -127px 0px; } #support_brochure a:hover, #support_brochure:hover a, #support_brochure.over a {background-position: -127px 0px; } /* Easy Scroll ---------------------------------------------------------------- */ #easyscroll{background:#ffffff; margin: 0; border: 0px solid red; padding: 0; } #easyscroll p {width: 500px;} /* easyscroll navigation buttons */ #easyscrollnav, #easyscrollnav li{margin:0; padding:0;list-style: none;} #easyscrollnav{float: right; height:32px; width: 18px; margin:1em 0; padding: 0px 10px 0 5px; border: 0px solid red; position: relative; left: 10px;top: 200px;} #easyscrollnav li{background:#ffffff; margin-right:10px; padding:0 10px; color:#333; cursor:pointer; text-indent: -9000px; height: 16px; border: 0px solid red;} #easyscrollnav li.over{color:#999; text-decoration:underline;} #easyscrollnav #btnUp{height: 16px; width: 18px; background-image: url(../images/buttons/scroll.up.gif); background-repeat: no-repeat;margin: 5px 0px;} #easyscrollnav #btnDown { background:url(../images/buttons/scroll.down.gif); background-repeat: no-repeat; height: 16px; width: 18px;margin: 5px 0px;} /* Glossary page easyscroll navigation buttons - due to shorter div height */ #easyscrollnavgloss, #easyscrollnavgloss li{margin:0; padding:0;list-style: none;} #easyscrollnavgloss{float: right; height:32px; width: 18px; margin:1em 0; padding: 0px 10px 0 5px; border: 0px solid red; position: relative; left: 10px;top: 140px;} #easyscrollnavgloss li{background:#ffffff; margin-right:10px; padding:0 10px; color:#333; cursor:pointer; text-indent: -9000px; height: 16px; border: 0px solid red;} #easyscrollnavgloss li.over{color:#999; text-decoration:underline;} #easyscrollnavgloss #btnUp{height: 16px; width: 18px; background-image: url(../images/buttons/scroll.up.gif); background-repeat: no-repeat;margin: 5px 0px;} #easyscrollnavgloss #btnDown { background:url(../images/buttons/scroll.down.gif); background-repeat: no-repeat; height: 16px; width: 18px;margin: 5px 0px;} #easyscrollvid { margin: 10px 40px 0px 40px; padding: 0px; border: 1px solid #C42695; height: 120px; padding: 10px; width: 420px; left: 30px; float: left; } #easyscrollvidnav, #easyscrollvidnav li{margin:0; padding:0;list-style: none; } #easyscrollvidnav {float: right; height:32px; width: 18px; margin: 40px 0px 0px 0px; padding: 0px 10px 0 5px; border: 0px solid red; position: relative;} #easyscrollvidnav li{background:#ffffff; margin-right:10px; padding:0 10px; color:#333; cursor:pointer; text-indent: -9000px; height: 16px; border: 0px solid red;} #easyscrollvidnav li.over{color:#999; text-decoration:underline;} #easyscrollvidnav #btnUp{height: 15px; width: 21px; background-image: url(../images/buttons/scroll.up.gif); background-repeat: no-repeat; margin: 5px;} #easyscrollvidnav #btnDown { background:url(../images/buttons/scroll.down.gif); background-repeat: no-repeat; height: 15px; width: 21px; margin: 5px;} #scrollnav, #scrollnav li{margin:0; padding:0;list-style: none;} #scrollnav{float: left; height:32px; width: 18px; margin:1em 0; padding: 0px 10px 0px 5px; border: 0px solid red; position: relative; left: 566px;top:-50px;} #scrollnav li{background:#ffffff; margin-right:10px; padding:0 10px; color:#333; cursor:pointer; height: 16px; border: 0px solid red; padding: 5px;} /* v6 scroller ---------------------------------------------------------------- */ #scroller-1 { position: relative; float: left; clear: none; margin-left: 20px; width: 520px; height: 270px; border: 0px solid red; overflow: hidden;} .scroller-container { position: relative; top: 0px; left: 0px; } #scrollbar-container {position: relative; float: left; clear: none; top: 0px; left: 40px; width: 20px;} .scrollbar-up {cursor: pointer; position: relative;} .scrollbar-track {width: 14px; height: 239px; position: relative; left: 1px; background: #ffffff url(../images/scroll/scrollbar_track.gif) no-repeat;} .scrollbar-handle { position: relative; width: 14px;} .scrollbar-down {cursor: pointer;position: relative;} /* homepage ---------------------------------------------------------------- */ #homepage {float: left; clear: right; color: #514848; margin: 30px 8px 0px 8px; padding: 0px;} #homepage p {padding-left: 40px; line-height: 1.4em;} #pageleft {float: left; clear: none; width: 387px;margin: 0; padding: 0; border: 0px solid red;} #pageleft p {width: 320px; padding-left: 50px; margin-bottom: 8px;} #pageright {float: left; clear: right; width: 374px; margin: 0; padding: 0; border: 0px solid blue;} /* inside pages ---------------------------------------------------------------- */ #insidepage {float: left; clear: right; color: #514848; margin: 35px 8px 0px 26px; padding: 0px; width: 560px; border: 0px solid red;} #contentarea { float: left; clear: none; margin-left: 20px; width: 520px; height: 280px; border: 0px solid red; overflow: hidden;} .contentarea { float: left; clear: none; margin-left: 20px; width: 520px; border: 0px solid red; overflow: hidden;} .welcomeheader {margin-bottom: 5px;} .inlinebutton img {margin:0; padding: 0; line-height: 0.1em; position:relative; top: 5px; border: 0px;} .reference {font-size: 11px;} .nest {left: -20px; position: relative;} .center {text-align: center;} /* glossary page ---------------------------------------------------------------- */ #glossarystart {padding-left: 20px; width: 520px;} .glossarylinks {} .glossarylinks a:link {text-decoration: none;} .glossarylinks a:visited {text-decoration: none;} .glossarylinks a:hover {color: #000000; text-decoration: none;} .glossarylinks a {color: #C42695; font-weight: bold; padding-right: 5px;} /* Video page ---------------------------------------------------------------- */ #videoicons {margin: 0 auto; position: relative; border: 0px solid red; width: 600px; height: 94px; } #videoicons img {margin:0px 20px;} #videowrapper { margin: 0px auto; position: relative; border: 0px solid red; width: 500px; top: 20px; left: 25px; text-align: center; } #videofamily, #videoconquering, #videoprecocious { width: 500px; display:none; position: relative; } #videofamily p, #videoconquering p, #videoprecocious p { padding: 0px 10px 0px 10px; margin-bottom: 0px; border: 0px solid red; text-align: left; } #videoone, #videotwo, #videothree {position: relative; float: left; clear: none; height: 94px; } #videoone a, #videotwo a, #videothree a {display: block; width: 158px; height: 94px; margin: 0px 20px;} #videoone a { width: 158px; background-position: 0px 0px; background: url(../images/video/video.familyexperience.jpg) no-repeat;} #videotwo a { width: 158px; background-position: 0px 0px; background: url(../images/video/video.conquering.jpg) no-repeat;} #videothree a { width: 158px; background-position: 0px 0px; background: url(../images/video/video.precocious.jpg) no-repeat;} #videoone a:hover, #videoone:hover a, #videoone.over a {background-position: -158px 0px; } #videotwo a:hover, #videotwo:hover a, #videotwo.over a {background-position: -158px 0px; } #videothree a:hover, #videothree:hover a, #videothree.over a {background-position: -158px 0px; } #videoone span, #videotwo span, #videothree span { position: absolute; visibility: hidden; } /* Footer ---------------------------------------------------------------- */ #footer {float: right; clear: none; text-align: right; width: 600px; top: -30px; left: -200px; position: relative;} #footer a {font-weight: normal; padding-right: 34px;} #footer a:link {text-decoration: none;} #footer a:visited {text-decoration: none;} #footer a:hover {text-decoration: none; color: #ffffff;} #footer img {position: relative; top: 10px; border: 0px;} /* Win IE 6 Hacks ---------------------------------------------------------------- */ /* Hides from IE-mac \*/ * html #insidepage {height: 450px; border: 0px solid red;} * html #homepage{height: 450px;} * html #scroller-1 {width: 500px;} * html #videofamily, #videoconquering, #videoprecocious{ left: 0px;} * html h2 a:hover {text-decoration: none;} * html h2 sup {line-height; -1em; padding: 0;} * html #footer {margin-top: -50px;} * html .aboutfooter {margin-top: -80px;} /* End hide from IE-mac */