/* -------------------- */ /* GLOBALS */ /* -------------------- */ /*body {background:transparent url(/images/_global/scope-bg.jpg) no-repeat top center;margin:0px; padding:0px; font-family:Arial,Helvetica,sans-serif;color:#444;font-size:12px; background-color:#FFF;}*/ body { background:transparent url(/images/_global/scope-bg.jpg) top center;margin:0px; padding:0px; font-family: Arial,Helvetica,sans-serif; color: #444; font-size: 0.75em; } #landing {background:transparent url(/images/_global/scope-brand-bg.jpg) no-repeat top center;margin:0px; padding:0px; font-family:Arial,Helvetica,sans-serif;color:#444;font-size:1em; background-color:#FFF;} .clearFloat {clear:both;} .images{border:0 none;} .inline{display:inline;line-height:150%;padding-right:3px} h1{font-size:1.5em;color:#194767} h2{font-size:1.167em;color:#194767} h3{font-size:1em;color:#194767} html{padding:0;margin:0;min-width:942px;} html.jsEnabled .hidden { display:none; } #explore{top:0; right:0; position:absolute; float:right; width:390px; text-align:right;} #explore .explore-text { float:left; width:210px; margin-top:8px; color:#005281; font-size:0.917em; line-height:12px;padding-left: 95px;} #explore .explore-image { float:right; width:250px; color:#a0d1ea; font-size:0.917em; line-height:12px;} #breadcrumb{font-size:1em !important;; color:#444444;} #breadcrumb a:link{ color:#1993D7; text-decoration:none;} #breadcrumb a:visited{ color:#1993D7; text-decoration:none;} #breadcrumb a:active{ color:#1993D7; text-decoration:none;} #breadcrumb a:hover{ color:#1993D7; text-decoration:underline;} a:link {color:#1993D7;text-decoration:none;} a:active{text-decoration:none;color:#1993D7;} a:visited{text-decoration:none;color:#1993D7;} a:hover{text-decoration:underline;color:#1993D7;} #closeButton{margin:0px;background:transparent url(/images/_global/btn-close.png) no-repeat top left;width:81px;height:26px;} .closeButton {display:block;width:81px;height:26px;color:#FFF;font-weight:bold;cursor:pointer;font-size:1em;padding:5px 0px;text-align:center} .closeButton:link{text-decoration:none;color:#FFF} .closeButton:active{text-decoration:none;color:#FFF} .closeButton:visited{text-decoration:none;color:#FFF} .closeButton:hover{text-decoration:none;color:#FFF} #buyNowButton{margin:0px;background:transparent url(/images/_global/btnsubmit.png) no-repeat top left;width:136px;height:31px; line-height:16px;} .buyNowButton {display:block;width:136px;height:31px;color:#FFF;font-weight:bold;cursor:pointer;font-size:1em;padding:8px 0px;text-align:center} .buyNowButton:link{text-decoration:none;color:#FFF} .buyNowButton:active{text-decoration:none;color:#FFF} .buyNowButton:visited{text-decoration:none;color:#FFF} .buyNowButton:hover{text-decoration:none;color:#FFF} a.buy-now-button:link, a.buy-now-button:visited, a.buy-now-button:active {background-image:url(/images/crest-products/button-middle.jpg); background-repeat:repeat-x; padding:6px 30px 6px 30px; line-height:26px; text-decoration:none; border-left:solid 1px #c2d0dc; border-right:solid 1px #c2d0dc; color:#FFF;} a.buy-now-button:hover {background-image:url(/images/crest-products/button-middle-over.jpg); background-repeat:repeat-x; padding:6px 30px; line-height:26px; text-decoration:none; border-left:solid 1px #c2d0dc; border-right:solid 1px #c2d0dc; color:#FFF;} /* -------------------- */ /* HEADER */ /* -------------------- */ #crestlogo{width: 299px;height:78px;z-index: 500;float:left;margin:0;padding:0px 0px 0px 0px;position:absolute;top:0px;left:-9px;margin-top:30px;} #crestlogobrand{width: 299px;height:78px;z-index: 500;float:left;margin:0;padding:0px 0px 0px 0px;position:absolute;top:0px;left:-20px;margin-top:0px;} /* -------------------- */ /* TOP NAV */ /* -------------------- */ #topnav{float:right;width:350px;height:78px;font-size:0.833em;font-family:Arial, Helvetica, sans-serif;text-shadow: #000000 0 0 0px; margin-top:30px;} #topnavbrand{float:right;width:250px;height:78px;font-size:0.833em;font-family:Arial, Helvetica, sans-serif;margin-top:7px;text-shadow: #000000 0 0 0px;} #topnav-left{float:left;width:400px; margin-top:25px;} #topnav-right{float:right;width:100px; margin-top:25px;} #topnav-right a{color: #1993D7;text-decoration:none; font-weight:normal;} #topnav-right a.brand{color: #058785;text-decoration:none; font-weight:normal;} #topnav-right a:hover{width:auto;text-decoration:underline} #topnav-right a.brand:hover{width:auto;text-decoration:underline} #topnav-left ul {float:left;margin: 0px;padding:20px 0;list-style: none;} #topnav-left ul li {list-style: none;padding: 2px 0px 2px 25px;} #topnav-left ul li a {float: left;display: block;text-decoration: none;font-weight: normal;color: #1993D7;width:auto;} #topnav-left ul li a.brand {float: left;display: block;text-decoration: none;font-weight: normal;color: #058785;width:auto;} #topnav-left ul li a:hover{width:auto;text-decoration:underline} #topnav-left ul li a.brand:hover{width:auto;text-decoration:underline} #topnav-left ul.horizontal li.level1Left {float: left;background-color: transparent;} #topnav-left ul.horizontal li.level1Right {float: left;background-color: transparent;} #topnav-left ul.horizontal li.level1 {float: left;background-color: transparent;} #countryBox{float:left;padding:23px 0;width:100px;height:25px;} #dentalProfBox{float:left;padding:23px 0;width:135px;height:25px;} .countrySelect{font-family:Arial,Helvetica,Verdana;color:#c4e7fd;border:0px;border-color:#FFF;height:15px} .countryForm{margin-top:4px;margin-bottom:0px;margin-left:30px;} #country_container, #country_container ul { /* all lists */ padding:0 0 0 10px; margin:0; list-style: none; line-height: 1; font-size:0.833em; font-weight:bold; z-index:500; } #country_container a { display: block; width: 8.2em; } #country_container li { /* all list items */ float: left; width: 8.2em; /* width needed or else Opera goes nuts */ z-index:500; } #country_container li ul { /* second-level lists */ padding:0 0 0 0px; position: absolute; background: transparent url(/images/_global/country-dropdown-bg.png) no-repeat top left; width: 140px; height:105px; margin-left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ z-index:500; } #country_container li:hover ul, #country_container li.sfhover ul, #dentalProf_container li:hover ul, #dentalProf_container li.sfhover ul { /* lists nested under hovered list items */ margin-left: -10px; } .country_selector a {padding: 3px; display: block; color: #006CB5 !important; text-decoration: none !important; width: 120px;font-size:0.917em} a.country_us {padding-top:15px !important;padding-left: 15px !important;} a:hover.country_us {color:#0f4297 !important} a.country_ca {padding-left: 15px !important;} a:hover.country_ca {color:#0f4297 !important} a.country_fr {padding-left: 15px !important;} a:hover.country_fr {color:#0f4297!important} a.country_mx {padding-left: 15px !important;} a:hover.country_mx {color:#0f4297 !important} /*.liArrow{background: transparent url(/images/_global/ph-country-dropdown-arrow.png) top right no-repeat;}*/ #content { clear: both; color: #ccc; } li:hover{visibility:visible} /* -------------------- */ /* MAIN NAV */ /* -------------------- */ #navigation{clear:both;width:940px;height:30px;background:transparent url(/es-US/images/_global/scope-navigation.png) no-repeat top left;font-family:Arial, Helvetica, sans-serif;font-size:1em; z-index:300;} /* -------------------- */ /* BODY */ /* -------------------- */ #master {} #main{width:942px;margin:0 auto;position:relative;} #home-body{z-index:1;background:transparent url(/images/home/scope-home-body-bg-spanish.png) no-repeat top center;width:955px;height:370px;position:relative;top:0px} #landing-body{z-index:-10;background:transparent url(/images/home/ph-landing-body-bg.png) no-repeat top left;width:942px;height:345px;position:relative;top:-32px} #body{background:#FFF url(/images/_global/body-middle.jpg) repeat-y;width:942px;min-height:400px; margin:0px; padding:0px;} #gradient-background{background-image: url(/images/_global/gradient-background.jpg); background-repeat:no-repeat; padding:7px;} /* -------------------- */ /* AD LOBS */ /* -------------------- */ #adlobs{width:942px;height:140px} /* -------------------- */ /* CAROUSEL */ /* -------------------- */ #carouselContainer {position:relative;top:-35px;width:942px;height:140px;background:transparent none;} .jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;} /* We set the width/height explicitly. No width/height causes infinite loops. */ .jcarousel-list li,.jcarousel-item {float:left;list-style:none;width:75px;height:75px;} .jcarousel-container {position: relative;width: 942px;float:left;padding:0;margin:0;background:transparent none;} .jcarousel-clip {z-index:2;padding:0;margin:0px 0px 0px 20px;overflow:hidden;position:relative;width:875px;} .jcarousel-item {width:75px;margin-right:7px;color:#444;font-size:0.917em} li.jcarousel-item {width:286px;height:140px;overflow:visible;background:transparent url(/images/home/adlob-bg.png) no-repeat top left;} li.jcarousel-item * {display:block;margin:0;padding:0;} li.jcarousel-item strong {font-size:1.1em; line-height:13px;width:150px;float:left;margin-top:14px;margin-left:5px;color:#1993D7;cursor:default;} li.jcarousel-item strong a{font-size:1.1em; line-height:13px;width:150px;float:left;color:#1993D7;cursor:pointer;} li.jcarousel-item span {font-size:0.917em; line-height:13px;width:140px;float:left;cursor:pointer;margin-left:5px;} li.jcarousel-item span a{font-size:1.1em; line-height:13px;width:140px;float:left;cursor:pointer;} li.jcarousel-item span.img-container {padding:2px 5px 0px 5px;float:left;width:90px;display:block;border:solid 0px red;overflow:visible;cursor:pointer;} li.jcarousel-item span.img-container img {display:block;float: right;margin-top:0px;cursor:default;} li.jcarousel-item span.img-container a{float:left;width:90px;display:block;border:solid 0px red;overflow:visible;cursor:pointer;} .jcarousel-prev, .jcarousel-next {margin-top:0px;} .jcarousel-prev {background:transparent url(/images/home/ph-adlob-arrow-left.png) no-repeat scroll 0 0;cursor:pointer;width:30px;height:120px;padding-right:0px;float:left;} .jcarousel-next {float:right;width: 30px;height: 120px;cursor: pointer;background: transparent url(/images/home/ph-adlob-arrow-right.png) no-repeat 0 0;} /* -------------------- */ /* FOOTER */ /* -------------------- */ #footer {width:885px;margin: 32px auto;color:#666666;font-size:0.917em;text-align:center;position:relative} #footer a{color:#1993D7;text-decoration:none; line-height:20px; padding:0px 3px;} #footer a.brand{color:#058785;text-decoration:none; line-height:20px;} #footer a:hover{text-decoration:underline;} /* ----------------------------- */ /* INTERSTITITIALS */ /* ----------------------------- */ .popup-close-button {margin:62px 50px 0px 0px; text-align:right;} .popup-copy {margin:30px 70px; text-align:center; color:#0a3885; font-family:Arial, Helvetica, sans-serif; font-size:1.083em; line-height:19px;} .popup-continue-button {width:207px; height:45px; margin:35px auto;} #leaveSite{display: none;position:absolute;top:0px; left:200px; background-color: transparent;color: #ccc;background-image:url(/images/es-US/_global/interstitial-box.png); background-repeat:no-repeat; width:475px; height:336px;z-index:3000;} /* jModal CSS */ /* The Window's CSS z-index value is respected (takes priority). If none is supplied, the Window's z-index value will be set to 3000 by default (via jqModal.js). */ .jqmWindow { display: none; position: fixed; top: 20%; left: 50%; margin-left: -250px; background-color: transparent; color: #000; background-image:url(/images/es-US/_global/interstitial-box.png); background-repeat:no-repeat; width:475px; height:336px; } .jqmWindowTerms { display: none; position: fixed; top: 5%; left: 50%; margin-left: -300px; width: 600px; background-color: #FFF; color: #000; border: 5px solid #d88a1b; padding: 10px; } .jqmOverlay { background-color: #000; } /* Background iframe styling for IE6. Prevents ActiveX bleed-through (