/*%%%%%%%%%%%%%%%%%%%%%%%%%%% CHS Template 5 -------------------------------------------------------- South Texas Heart Clinic Colors: #8a1d04 - Primary Red #661301 - Dark Red #9d2c13 - Light Red #fff4c0 - Light Yellow %%%%%%%%%%%%%%%%%%%%%%%%%%%*/ body{ background: #8a1d04 url(Images/bg.gif) repeat-x left top; color: #333; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; margin: 0; padding: 0; } h1{ color: #8a1d04; font-size: 24px; margin: 5px 0; } h2{ color: #333; font-size: 20px; margin: 5px 0; } h3{ color: #9d2c13; font-size: 18px; margin: 4px 0; } h4{ color: #8a1d04; font-size: 16px; margin: 4px 0; } h5{ color: #333; font-size: 14px; margin: 3px 0; } h6{ color: #9d2c13; font-size: 12px; margin: 2px 0; } p, #main_content .literalContent{ line-height: 20px; margin: 0 0 10px; text-align: justify; } 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: #8a1d04; text-decoration: none; } a:hover, a:focus{ color: #333; text-decoration: underline; } a[target="_blank"]{ background: transparent url(/Resources/Common/Images/Icons/opennew.gif) no-repeat 100% 3px; padding: 0 10px 0 0; } address{ font-style: normal; } .menuempty{ margin: 30px 0 0; } #wrap{ width: 980px; background: transparent url(Images/bg-wrap.gif) repeat-y center top; margin: 0 auto; } .root #wrap{ background-image: url(Images/bg-wrap_home.gif); } /*------------------------- Header Section -------------------------*/ #header{ width: 980px; height: 130px; background: transparent url(Images/bg-header.gif) no-repeat center top; } .root #header{ height: 382px; background-image: url(Images/bg-header_home.jpg); } #header h1.logo{ display: inline; float: left; margin: 0; padding: 0; } #header h1.logo a{ width: 360px; height: 60px; background: transparent url(Images/logo.gif) no-repeat left top; display: block; float: left; margin: 9px 0px 6px 13px; padding: 0; } #header .cta-callus{ width: 210px; height: 50px; background: transparent url(Images/cta-calltoday.gif) no-repeat left top; float: right; margin: 15px 15px 0 0; } #header h1.logo a span, #header .cta-callus span{ display: none; } /*-- Navigation --*/ #nav{ width: 709px; height: 48px; display: inline; float: left; margin: 0 0 0 136px; * margin-top: 6px; } #nav ul{ list-style: none; } #nav ul li{ position: relative; display: inline; float: left; } #nav ul li a{ height: 48px; background-color: transparent; background-position: left top; background-repeat: no-repeat; display: block; float: left; } #nav ul li a span{ display: none; } #nav ul li a#nav_home{ width: 76px; background-image: url(Images/nav-home.gif); } #nav ul li a#nav_services{ width: 92px; background-image: url(Images/nav-services.gif); } #nav ul li a#nav_physicians{ width: 105px; background-image: url(Images/nav-physicians.gif); } #nav ul li a#nav_patients{ width: 90px; background-image: url(Images/nav-patients.gif); } #nav ul li a#nav_about_us{ width: 99px; background-image: url(Images/nav-about.gif); } #nav ul li a#nav_location{ width: 91px; background-image: url(Images/nav-location.gif); } #nav ul li a#nav_faq{ width: 63px; background-image: url(Images/nav-faq.gif); } #nav ul li a#nav_contact{ width: 93px; background-image: url(Images/nav-contact.gif); } .root #nav ul li a#nav_home, .services #nav ul li a#nav_services, .physicians #nav ul li a#nav_physicians, .patients #nav ul li a#nav_patients, .about #nav ul li a#nav_about_us, .location #nav ul li a#nav_location, .faq #nav ul li a#nav_faq, .contact #nav ul li a#nav_contact{ background-position: left -96px; } .root #nav ul li a#nav_home:hover, .physicians #nav ul li a#nav_physicians:hover, .location #nav ul li a#nav_location:hover, .faq #nav ul li a#nav_faq:hover, .contact #nav ul li a#nav_contact:hover{ background-position: left bottom; } .root #nav ul li a#nav_home:focus, .physicians #nav ul li a#nav_physicians:focus, .location #nav ul li a#nav_location:focus, .faq #nav ul li a#nav_faq:focus, .contact #nav ul li a#nav_contact:focus{ background-position: left bottom; } #nav ul li a:hover, #nav ul li a:focus, #nav ul li:hover a, #nav ul li.sfhover a{ background-position: left -48px !important; } #nav ul li div{ width: 195px; position: absolute; left: 6px; top: 48px; background: transparent url(Images/bg-dropdown_top.png) no-repeat left top; display: none; z-index: 20; } #nav ul li ul{ width: 195px; position: absolute; left: 0; top: 0; background: transparent url(Images/bg-dropdown.png) no-repeat left bottom; display: none; padding: 1px 0 20px; } #nav ul li ul li{ background: transparent none; margin: 0; z-index: 20; } #nav ul li ul li a{ width: 176px; height: 18px; color: #666; display: block; font-size: 11px; font-weight: bold; line-height: 18px; margin: 0 0 1px 2px; padding: 2px 5px; text-align: left; } #nav ul li:hover ul li, #nav ul li:hover ul li a{ background: transparent none; } #nav ul li:hover ul li a{ color: #666; text-decoration: none; } #nav ul li:hover ul li a:hover{ background: #8a1d04; color: #fff; } #nav li > #nav ul{ left: auto; top: auto; } #nav ul li:hover ul, #nav ul li.sfhover ul, #nav ul li:hover div, #nav ul li.sfhover div{ display: block; } /*-- Marquee Section --*/ #marquee{ width: 920px; height: 240px; background: transparent url(Images/bg-marquee.jpg) no-repeat center top; display: inline; float: left; margin: 19px 30px 0; } #marquee .fastlinks{ float: left; list-style: none; margin: 10px 0 0 8px; } #marquee .fastlinks li{ color: #fff; line-height: 28px; } #marquee .fastlinks li a{ background-color: transparent; background-position: left; background-repeat: no-repeat; color: #fff; font-size: 11px; padding: 0 0 0 18px; text-decoration: none; } #marquee .fastlinks li a:hover, #marquee .fastlinks li a:focus{ color: #fff4c0; } #marquee .fastlinks li a.flink-apptrequest{ background-image: url(Images/icon-calendar.gif); } #marquee .fastlinks li a.flink-findphysician{ background-image: url(Images/icon-search.gif); } #marquee .fastlinks li a.flink-forms{ background-image: url(Images/icon-document.gif); } #marquee .fastlinks li a.flink-contact{ background-image: url(Images/icon-email.gif); } #marquee .fastlinks li a.flink-faqs{ background-image: url(Images/icon-help.gif); } #marquee .promos{ width: 250px; display: inline; float: right; list-style: none; margin: 17px 17px 0 0; } #marquee .promos li{ display: inline; float: left; margin: 0 0 13px 0; } #marquee .promos li a{ width: 250px; height: 60px; background-color: transparent; background-position: center top; background-repeat: no-repeat; display: block; float: left; } #marquee .promos li a.cta-patients{ background-image: url(Images/cta-patients.gif); } #marquee .promos li a.cta-staff{ background-image: url(Images/cta-staff.gif); } #marquee .promos li a.cta-location{ background-image: url(Images/cta-location.gif); } #marquee .promos li a span{ display: none; } /*------------------------- Footer Section -------------------------*/ #footer{ width: 954px; background: transparent url(Images/bg-footer.gif) no-repeat center top; margin: 0 auto; padding: 45px 13px 10px; } .root #footer{ background-image: url(Images/bg-footer_home.gif); } #footer a{ color: #999; text-decoration: none; } #footer a:hover, #footer a:focus{ color: #ccc; text-decoration: underline; } #footer p{ margin: 0; padding: 0; } #footer .footer-left, #footer .footer-right{ width: 475px; color: #999; font-size: 10px; margin: 0; } #footer .footer-left{ float: left; text-align: left; } #footer .footer-left ul{ list-style: none; margin: 5px 0 0; } #footer .footer-left ul li{ border-left: solid 1px #999; display: inline; float: left; line-height: 11px; padding: 0 5px; } #footer .footer-left ul li.firstcell{ border: 0; padding-left: 0; } #footer .footer-right{ float: right; text-align: right; } #footer .footer-right p{ text-align: right; } #footer .footer-right address{ font-style: normal; line-height: 20px; } /*------------------------- Main Section -------------------------*/ /*-- Internal Page Content --*/ #main{ width: 954px; background: transparent url(Images/bg-main.gif) no-repeat center top; margin: 0 auto; padding: 3px 13px 10px; } #main #main_content{ width: 680px; display: inline; float: right; margin: 0 14px; padding: 0 10px 10px; } /*-- Internal Styles --*/ #main_content h1{ color: #fff; line-height: 32px; } #main_content ul{ list-style: none; margin: 0 0 10px; } #main_content ul li{ background: transparent url(Images/bullet1.gif) no-repeat left 0.40em; line-height: 20px; padding: 0 0 0 8px; } #main_content hr{ height: 0; border: 0; border-bottom: 1px solid #ccc; } #main_content ol{ margin: 0 0 10px 25px; } #main_content ol{ margin: 0 0 10px 25px; } #main_content ol li{ line-height: 18px; margin-bottom: 10px; } #main_content dl{ line-height: 20px; margin: 0 0 20px 0; } #main_content dl dt{ color: #555; font-weight: bold; } #main_content dl dd{ margin: 0 0 10px 0; } #main_content blockquote{ width: 660px; border-left: 3px solid #ddd; color: #666; font-style: italic; line-height: 20px; margin: 0 0 20px 0; padding: 0 0 0 10px; text-align: justify; } #main_content fieldset{ border: solid 2px #eee; padding: 5px 10px; } #main_content fieldset legend{ color: #8a1d04; font-size: 14px; font-weight: bold; } #main_content .button, #main_content .button_disabled{ border: 2px solid #ccc; font-size: 12px; font-weight: bold; line-height: 26px; padding: 4px 8px; text-decoration: none; } #main_content .button{ background: #8a1d04; color: #fff; } #main_content .button:hover, #main_content .button:focus{ background: #661301; border-color: #9d2c13; color: #fff4c0; text-decoration: none; } #main_content .button_disabled{ background: #eee; border-color: #ddd; color: #ccc; padding: 4px 8px; } #main_content input.button_disabled{ height: 22px; line-height: 12px; padding: 0 4px; } #main_content .button_disabled:hover{ text-decoration: none; } #main_content .greenbutton{ background: #c7e2cd !important; border-color: #79b286 !important; color: #3d7d4c !important; } #main_content .greenbutton:hover, #main_content .greenbutton:focus{ background: #fff !important; border-color: #3d7d4c !important; } #main_content .photo{ width: 132px; height: 152px; position: relative; background: url(/Resources/Common/Images/bg_photo.jpg) no-repeat; float: left; } #main_content .photo img{ position: absolute; left: 5px; top: 5px; } #main_content .thumb{ width: 72px; height: 82px; position: relative; background: url(/Resources/Common/Images/bg_photo_thumb.jpg) no-repeat; float: left; } #main_content .thumb img{ position: absolute; left: 5px; top: 5px; } /*-- Internal Styles --*/ #main #main_sidebar{ width: 216px; display: inline; float: left; margin: 20px 0 0 10px; } #main #main_sidebar h2{ background: #8a1d04; border: solid 3px #661301; border-bottom: solid 1px #9d2c13; color: #fff; font-size: 14px; line-height: 24px; margin: 0 0 10px; padding: 2px 5px; } #main #main_sidebar #map{ width: 210px; height: 200px; border: solid 3px #999; margin: 10px 0; overflow: hidden; } #main #main_sidebar #sidemenu{ width: 200px; background: #888; border: solid 3px #999; color: #fff; font-weight: bold; line-height: 20px; padding: 5px; } #main #main_sidebar #sidemenu #phonenumbers{ color: #8a1d04; } #main #main_sidebar #sidemenu ul{ list-style: none; } #main #main_sidebar #sidemenu ul li{ display: inline; font-weight: bold; margin: 0 0 1px; } #main #main_sidebar #sidemenu ul li a{ background: transparent url(Images/bullet3.gif) no-repeat 5px 10px; color: #fff; display: block; padding: 2px 5px 2px 12px; } #main #main_sidebar #sidemenu ul li a:hover, #main #main_sidebar #sidemenu ul li a:focus{ background-color: #8a1d04; color: #fff4c0; text-decoration: none; } /*-- Home Page Content --*/ .root #main{ width: 912px; background-image: url(Images/bg-main_home.gif); padding: 24px 34px 0; } .root #main #information{ width: 632px; display: inline; float: left; margin: 0 28px 0 0; padding: 10px; } .root #main #services{ width: 212px; display: inline; float: right; line-height: 24px; margin: 0; padding: 10px; } .root #main #services h2{} .root #main #services h2 a{ font-size: 18px; text-decoration: none; } .root #main #services h2 a:hover, .root #main #services h2 a:focus{ color: #666; } .root #main #services ul{ list-style: none; } .root #main #services ul li{ background: transparent url(Images/bullet1.gif) no-repeat left 11px; padding: 0 0 0 9px; } .root #main #services ul li a{ color: #333; text-decoration: none; } .root #main #services ul li a:hover, .root #main #services ul li a:focus{ border-bottom: dotted 1px #666; color: #8a1d04; } .root #main #services .viewall{ color: #8a1d04; font-size: 14px; font-weight: bold; text-decoration: none; } .root #main #services .viewall:hover, .root #main #services .viewall:focus{ color: #8a1d04; } .root #main #services .viewall span{ font-size: 12px; text-decoration: underline; } .root #main #services .viewall:hover span, .root #main #services .viewall:focus span{ color: #333; text-decoration: none; } /*------------------------- Hax0rs -------------------------*/ .location #main_sidebar fieldset{ display: none; } .RadPicker_Telerik .rcCalPopup{ margin: 0 0 0 5px !important; } .RadPicker_Telerik .rcTimePopup{ margin: 0 0 0 5px !important; } #footerpager{ height: 20px; }