/*============================================== Anchor Health Centers Stylesheet ================================================ Design by: Cyrus Limited, Inc. - cyrusonline.com Author: Travis Repetto & Brandon Kidd Last Edited: 2-28-2008 ==============================================*/ /* Global */ html, body{ font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 12px; line-height: 20px; } body{ background: #5698be url(Images/top-bg.gif) repeat-x; } h1, h2, h3, h4, h5, h6, legend{} h1{ font-size: 24px; } h2{ font-size: 20px; } h3{ font-size: 18px; } h4{ font-size: 16px; } h5{ font-size: 14px; } h6{ font-size: 12px; } p, #main_content .literalContent{ line-height: 20px; text-align: justify; margin: 0 0 20px 0; } p img[align="left"], #main_content .literalContent img[align="left"]{ margin: 0 10px 0 0; } p img[align="right"], #main_content .literalContent img[align="right"]{ margin: 0 0 0 10px; } a{ color: #008dbf; outline: none; text-decoration: none; } a:hover{} hr{ background: #ccc; border: none; color: #ccc; height: 1px; margin: 10px 0; } div.hr{ height: 0; margin: 15px 0; border: 0 none; border-top: 1px solid #ccc; } div.hr hr{ display: none; } fieldset{ border: 2px solid #eee; padding: 10px; } legend{ font-size: 16px; font-weight: bold; } input, select, textarea{ font-family: Arial, Helvetica, sans-serif; } /* Containers */ #container{ width: 980px; margin: 0 auto; background: transparent url(Images/repeater.gif) repeat-y; } #wrap{ position: relative; background: transparent url(Images/header.gif) no-repeat top left; } #header{ position: relative; z-index: 1; height: 135px; } #main{ position: relative; z-index: 0; padding: 5px 25px; } #footer{ width: 940px; height: 70px; overflow: hidden; margin: 0 auto; padding: 0 20px; background: transparent url(Images/footer.gif) no-repeat top left; } /* Header */ #logo{ display: block; width: 380px; height: 100px; text-indent: -9999px; } #nav{ width: 930px; height: 30px; margin: 0 0 0 30px; background: transparent url(Images/nav.gif) no-repeat top left; z-index: 10; } #nav ul{ list-style: none; } #nav li{ display: inline; float: left; position: relative; } #nav li a{ float: left; display: inline; height: 30px; background: transparent url(Images/nav.gif) no-repeat; text-indent: -9999px; } #nav #nav_home{ width: 70px; background-position: 0 0; } #nav #nav_home:hover, #nav li.sfhover #nav_home{ background-position: 0 -30px; } body.root #nav #nav_home{ background-position: 0 100%; } #nav #nav_about{ width: 94px; background-position: -70px 0; } #nav #nav_about:hover, #nav li.sfhover #nav_about{ background-position: -70px -30px; } body.about #nav #nav_about{ background-position: -70px 100%; } #nav #nav_our_services{ width: 117px; background-position: -164px 0; } #nav #nav_our_services:hover, #nav li.sfhover #nav_our_services{ background-position: -164px -30px; } body.services #nav #nav_our_services{ background-position: -164px 100%; } #nav #nav_our_physicians{ width: 132px; background-position: -281px 0; } #nav #nav_our_physicians:hover, #nav li.sfhover #nav_our_physicians{ background-position: -281px -30px; } body.physicians #nav #nav_our_physicians{ background-position: -281px 100%; } #nav #nav_patient_info{ width: 109px; background-position: -413px 0; } #nav #nav_patient_info:hover, #nav li.sfhover #nav_patient_info{ background-position: -413px -30px; } body.patients #nav #nav_patient_info{ background-position: -413px 100%; } #nav #nav_careers_with_nchhg{ width: 166px; background-position: -522px 0; } #nav #nav_careers_with_nchhg:hover, #nav li.sfhover #nav_careers_with_nchhg{ background-position: -522px -30px; } body.careers #nav #nav_careers_with_nchhg{ background-position: -522px 100%; } #nav #nav_our_locations{ width: 127px; background-position: -688px 0; } #nav #nav_our_locations:hover, #nav li.sfhover #nav_our_locations{ background-position: -688px -30px; } body.locations #nav #nav_our_locations{ background-position: -688px 100%; } #nav #nav_contact_us{ width: 105px; background-position: -815px 0; } #nav #nav_contact_us:hover, #nav li.sfhover #nav_contact_us{ background-position: -815px -30px; } body.contact #nav #nav_contact_us{ background-position: -815px 100%; } /* Dropdowns */ #nav li div{ z-index: 20; display: none; position: absolute; top: 30px; left: -5px; width: 200px; padding: 0 0 20px 0; } #nav li ul{ z-index: 20; display: none; position: absolute; top: 0; left: 0px; width: 190px; margin: 0; padding: 3px 0 11px 10px; background: transparent url(Images/dropdown.png) repeat-y bottom left; _background-image: url(Images/dropdown.gif); } #nav li li{ z-index: 20; background: transparent none; margin: 0; } #nav li li a{ text-indent: 0; } #nav li.sfhover li a{ display: block; width: 175px; height: 22px; padding: 0 0 0 5px; background: transparent none; color: #fff; font-size: 12px; line-height: 22px; font-weight: normal; text-align: left; } #nav li.sfhover li.sfhover a{ -moz-border-radius: 2px; -webkit-border-radius: 2px; background-color: #fff; color: #003a69; text-decoration: none; } #nav li > #nav ul{ top: auto; left: auto; } #nav li.sfhover ul, #nav li.sfhover div{ display: block; } /* Slideshow */ #slideshow{ width: 930px; height: 260px; overflow: hidden; background: transparent url(Images/marquee.jpg) no-repeat; } #slideshow .slide{ display: none; width: 930px; height: 260px; z-index: 0; } #slideshow .slide-1{ background: transparent url(Images/slide-1.jpg) no-repeat; } #slideshow .slide-2{ background: transparent url(Images/slide-2.jpg) no-repeat; } #slideshow .slide-3{ background: transparent url(Images/slide-3.jpg) no-repeat; } #slideshow .slide-4{ background: transparent url(Images/slide-4.jpg) no-repeat; } #slideshow .slide-5{ background: transparent url(Images/slide-5.jpg) no-repeat; } #slideshow .slide-6{ background: transparent url(Images/slide-6.jpg) no-repeat; } #slideshow .slide-7{ background: transparent url(Images/slide-7.jpg) no-repeat; } #slideshow .slide-8{ background: transparent url(Images/slide-8.jpg) no-repeat; } #slideshow .slide-9{ background: transparent url(Images/slide-9.jpg) no-repeat; } #slideshow .slide-10{ background: transparent url(Images/slide-10.jpg) no-repeat; } #slideshow .slide-naplesheart{ background: transparent url(Images/slide-11.jpg) no-repeat; } .btn-patientnavigatorservice{ display: block; float: right; display: inline; width: 260px; height: 90px; margin: 135px 50px 0 0; text-indent: -9999px; } .btn-newlocation{ display: block; float: left; display: inline; width: 960px; height: 90px; margin: 135px 50px 0 0; text-indent: -9999px; } /* Home */ #homebottom{ width: 930px; background: transparent url(Images/homebottom-repeater.gif) repeat-y; } #homebottom-header{ background: transparent url(Images/homebottom-header.gif) no-repeat top left; } #homebottom-footer{ width: 930px; overflow: hidden; background: transparent url(Images/homebottom-footer.gif) no-repeat bottom left; } .control-container{ float: left; display: inline; width: 420px; } .control-container h2{ height: 25px; margin: 0; text-indent: -9999px; } .control-container h2 a{ display: block; width: 100%; height: 100%; } #homebottom-left{ margin: 0 50px 0 20px; padding: 20px 0 60px; } #homebottom-left h2{ width: 190px; } #homebottom-left .spotlight-container{ margin: 25px 20px 0 20px; } #homebottom-left h3{ margin: 0; font-size: 16px; font-weight: bold; } #homebottom-left img{ float: right; } #homebottom-left .spotlight-mask{ float: right; width: 120px; height: 140px; margin: 0 0 10px 10px; background-repeat: no-repeat; } #homebottom-left .specialty{ margin: 0 0 10px 0; color: #999; font-size: 12px; line-height: 18px; } #homebottom-left p{ font-size: 14px; line-height: 18px; text-align: left; } #homebottom-left .readmore{ font-size: 14px; font-weight: bold; } #homebottom-right{ margin: 0; padding: 20px 0 60px; } #homebottom-right h2{ width: 130px; } #homebottom-right ul{ margin: 25px 20px 0 20px; list-style: none; } #homebottom-right li{ margin: 0; padding: 0; font-size: 14px; line-height: 18px; font-weight: bold; } #homebottom-right li .date{ color: #999; font-size: 12px; } #homebottom-right div.hr{ margin: 10px 0; } #cta-nchannouncement{ display: block; width: 930px; height: 104px; background: transparent url(Images/slide-11.jpg) no-repeat top center; text-indent: -9999px; } /* Main Inner Pages */ #main_inner{ width: 100%; padding: 0 0 10px 0; background: transparent url(Images/bg_sidenav.gif) repeat-y; } #main_content{ float: right; display: inline; width: 680px; _height: 300px; min-height: 300px; padding: 10px 10px 20px 0; background: transparent url(Images/bg_inner_header.gif) repeat-x; } #main_sidebar{ float: left; width: 220px; min-height: 200px; _height: 200px; padding: 10px 0 0 0; background: transparent url(Images/bg_sidenav_header.jpg) no-repeat; } /* Main Content Styles */ #main_content h2, #main_content h3, #main_content h4, #main_content h5, #main_content h6{ margin: 0 0 5px 0; } #main_content h1{ border-bottom: 1px solid #ccc; color: #1a2a65; font-size: 24px; } #main_content h2{ padding: 3px; background: #f1f1f1; color: #666; font-size: 20px; } #main_content hr{ height: 0; border: 0; border-bottom: 1px solid #ccc; } #main_content ul{ margin: 0 0 20px 0; } #main_content ul li{ list-style: none; background: transparent url(/Resources/Common/Images/bullet.gif) no-repeat 0 0.67em; margin: 0 0 5px 0; padding-left: 15px; } #main_content ol{ margin: 0 0 20px 25px; } #main_content ol li{ margin-bottom: 10px; line-height: 18px; } #main_content dl{ margin: 0 0 20px 0; line-height: 20px; } #main_content dl dt{ color: #555; font-weight: bold; } #main_content dl dd{ margin: 0 0 10px 0; } #main_content blockquote{ width: 660px; margin: 0 0 20px 0; padding: 0 0 0 10px; border-left: 3px solid #ddd; color: #666; line-height: 20px; text-align: justify; font-style: italic; } #main_content .menuempty{ margin: 0 0 10px 0; } #main_content .button, #main_content .button_disabled{ border: 2px solid #ccc; font-size: 12px; font-weight: bold; line-height: 26px; padding: 4px 8px; } #main_content .button{ background: transparent url(Images/bg_btn.gif) repeat-x; color: #1a2a65; } #main_content input.button{ height: 22px; margin: 0; padding: 0 2px; line-height: 12px; } #main_content .button:hover{ color: #666; text-decoration: none; } #main_content .button_disabled{ padding: 4px 8px; background: #fff; border-color: #f1f1f1; color: #ccc; } #main_content input.button_disabled{ height: 22px; padding: 0 4px; line-height: 12px; } #main_content .button_disabled:hover{ text-decoration: none; } #main_content .photo{ width: 132px; height: 152px; float: left; position: relative; background: url(/Resources/Common/Images/bg_photo.jpg) no-repeat; } #main_content .photo img{ position: absolute; left: 5px; top: 5px; } #main_content .thumb{ width: 72px; height: 82px; float: left; position: relative; background: url(/Resources/Common/Images/bg_photo_thumb.jpg) no-repeat; } #main_content .thumb img{ position: absolute; left: 5px; top: 5px; } /* Main Sidebar Styles */ #main_sidebar h2{ margin: 5px; color: #1a2a65; font-size: 16px !important; } #main_sidebar fieldset{ width: 180px; margin: 0 10px 0 5px; } #main_sidebar fieldset .HealthCenter, #main_sidebar fieldset .Hospital{ display: none; height: 20px; margin: 0 0 0 10px; padding: 0 0 5px 25px; background: transparent url(/Resources/Common/Images/Icons/icon_hospital.gif) no-repeat 0 0; color: #666; line-height: 18px; font-weight: bold; } #main_sidebar fieldset .Clinic{ height: 20px; margin: 0 0 0 10px; padding: 0 0 5px 25px; background: transparent url(/Resources/Common/Images/Icons/icon_clinic.gif) no-repeat 0 0; color: #666; line-height: 18px; font-weight: bold; } #main_sidebar address{ margin: 10px 10px 0 10px; line-height: 18px; } #main_sidebar #phonenumbers{ margin: 10px; color: #666; line-height: 18px; font-weight: bold; } #main_sidebar #map{ height: 200px; overflow: hidden; margin: 10px 10px 10px 5px; border: 2px solid #eee; } #main_sidebar ul{ list-style: none; margin: 10px; } #main_sidebar li{ color: #ccc; font-weight: bold; list-style: none; padding: 0 0 6px; background: transparent url(/Resources/Common/Images/bullet_sidenav.gif) no-repeat 0 7px; line-height: 15px !important; } #main_sidebar li a{ padding: 0 !important; color: #666; font-size: 12px; } #main_sidebar li ul{ margin: 0 0 0 15px; } #main_sidebar li li, #main_sidebar ul ul li{ font-weight: normal; list-style-type: square; } #main_sidebar li li a, #main_sidebar ul ul li a{ color: #008dbf; font-size: 12px; } #main_sidebar li a:hover{ color: #999; } #main_sidebar li li a:hover, #main_sidebar ul ul li a:hover{ color: #999; } #main_sidebar li.selected a{ background: #eee; border-bottom: 1px solid #999; } #main_sidebar li.selected a:hover{ text-decoration: none; } #main_sidebar li.selected li a{ background: none; border: none; } #main_sidebar #quicklinks.control-container h2{ margin: 10px 0 0 5px; border: 0 none; background: transparent none; } #main_sidebar #quicklinks.control-container ul{ margin-top: 0; } #main_sidebar #quicklinks.control-container li{ margin: 0 0 0 5px; padding: 0 0 0 5px; background: transparent url(/Resources/Common/Images/bullet_sub.gif) no-repeat 0 8px; font-weight: normal; } #sidemenu{ margin: 0 10px 0 5px; border: 2px solid #ddd; background: #f1f1f1; } /* Footer */ #copyright{ float: right; margin: 25px 0 0 0; color: #fff; font-size: 11px; line-height: 12px; } #copyright a{ color: #fff; } #copyright a:hover{ text-decoration: underline; } #legalnav{ float: left; margin: 25px 0 0 0; color: #fff; font-size: 11px; list-style: none; } #legalnav li{ display: inline; float: left; margin: 0; padding: 0; } #legalnav li a{ display: block; padding: 0 5px 0 6px; border-left: 1px solid #fff; color: #fff; font-size: 11px; line-height: 12px; } #legalnav li a:hover{ text-decoration: underline; } #legalnav li .firstlink{ border: 0 none; padding: 0 5px 0 0; } /* Locations Page */ #locationslist-wrap{} .locationslist-wrap{ width: 680px; overflow: hidden; } .location-list{ float: left; display: inline; width: 215px; margin: 0 10px 0 0 !important; text-align: left !important; } .location-list li{ color: #666; font-weight: bold; list-style-type: decimal; } .location-list li.PreferredCenters strong{ padding: 1px 0 1px 20px; background: transparent url(/Resources/Common/Images/Icons/askexpert.gif) no-repeat 0 50%; } .location-list li.AccreditedCenters strong{ padding: 1px 0 1px 20px; background: transparent url(/Resources/Common/Images/Icons/icon_degree.gif) no-repeat 0 50%; } .location-list li.General strong{} .location-list strong a{ font-weight: bold; line-height: 14px !important; } .location-list address{ color: #666; font-size: 11px; line-height: 14px !important; } .location-list .distance{ color: #333; font-size: 11px; font-weight: bold; } .location-map{ float: left; width: 430px; } .location-map #map{ width: 400px; height: 600px; border: 2px solid #c7e2f0; } #locationslist-wrap .pager{ clear: left; padding-top: 10px; } /* Locations Detail */ #findLocation_wrap{} #findLocation_wrap #map{ width: 672px; height: 400px; margin: 10px 0 0 0; border: solid 4px #eee; } #locationList{} #locationList ul{ margin: 0; padding: 0; } #locationList h2{ margin: 10px 0 0 0; } #locationList .HealthCenter, #locationList .Hospital{ background: transparent url(/Resources/Common/Images/Icons/icon_hospital.gif) no-repeat 0 7px; } #locationList .Clinic{ background: transparent url(/Resources/Common/Images/Icons/icon_clinic.gif) no-repeat 0 7px; } #locationList .location{ float: left; display: inline; width: 175px; height: 40px; margin: 5px 0 0 20px; padding: 5px 0 0 25px; border-top: dashed 1px #ccc; font-size: 10px; line-height: 12px; } #locationList .location .name{ color: #5C82B4; font-weight: bold; } #locationList .location .address{ color: #666; font-style: italic; } #locationList #pager{ background: #eee; border: solid 1px #ddd; color: #333; font-size: 10px; margin: 10px 0 0; padding: 10px 0; } #locationList #pager .label{ margin: 0 10px; } #locationDetail_wrap{ width: 910px; overflow: hidden; height:300px; } #locationDetail_wrap .location{ font-size: 12px; line-height: 20px; } #locationDetail_wrap .locationcontent{ width: 400px; position: relative; } #locationDetail_wrap .locationcontent table{ width: 500px; position: absolute; left: 410px; top: 0px; } #locationDetail_wrap .location .citystatezip{ margin: 0 0 10px 0; } #locationDetail_wrap .location a{} #locationDetail_wrap .gmap{ display: none; } #locationDetail_wrap .location-categories-list{ display: none; } /* H4x0rz */ #physDetail .month{ display: none; } /*-- Location Proximity --*/ #locationproximity-wrap{ } .PreferredCenters-label{ padding: 1px 0 1px 20px; background: transparent url(/Resources/Common/Images/Icons/askexpert.gif) no-repeat 0 50%; } .AccreditedCenters-label{ padding: 1px 0 1px 20px; background: transparent url(/Resources/Common/Images/Icons/icon_degree.gif) no-repeat 0 50%; } .locationproximity-wrap{ width: 910px; overflow: hidden; } .location-list{ float: left; font-family: Arial, Verdana, Sans-Serif; display: inline; width: 235px; margin: 0 10px 0 0 !important; text-align: left !important; } .location-list li{ color: #666; display: inline; float: left; overflow: hidden; list-style-type: none !important; margin: 0 0 1em .75em !important; } .location-list li span{ width: 16px; height: 16px; background: transparent url(/Resources/Common/Images/Icons/map-number-bubble.gif) no-repeat center top; color: #222; display: inline; float: left; font-size: 11px; line-height: 16px; margin: 0 5px 0 0; text-align: center; } .location-list li.PreferredCenters strong{ padding: 1px 0 1px 20px; background: transparent url(/Resources/Common/Images/Icons/askexpert.gif) no-repeat 0 50%; } .location-list li.AccreditedCenters strong{ padding: 1px 0 1px 20px; background: transparent url(/Resources/Common/Images/Icons/icon_degree.gif) no-repeat 0 50%; } .location-list li.General strong{} .location-list strong{ width: 205px; display: inline; float: left; overflow: hidden; } .location-list strong a{ font-size: 1em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-weight: normal; line-height: 1em; } .location-list address{ clear: both; color: #666; display: inline; float: left; font-size: 0.75em; font-family: Arial, Verdana, Sans-Serif; font-style: normal; font-weight: normal; line-height: 1.25em; margin: 0.25em 0 0; } .location-list .distance{ color: #333; font-size: 11px; font-weight: bold; } .location-map{ float: right; width: 604px; } .location-map #map{ width: 600px; height: 520px; border: 2px solid #c7e2f0; font-family: Arial, Verdana, Sans-Serif; font-size: 1em; line-height: 1.05em; } #locationproximity-wrap .pager{ clear: left; padding-top: 10px; } .locations #main_sidebar{ display: none; } .locations #main_inner{ background: transparent none; } .locations #main_content{ width: 910px; padding: 10px 10px 20px 0; } .locations #main_content .formsection td{ padding-bottom: 0; }