/*%%%%%%%%%%%%%%%%%%%%%%%%%%% CHS Template 5 -------------------------------------------------------- Family Practice Associates of West Grove %%%%%%%%%%%%%%%%%%%%%%%%%%%*/ body{ background: #264d6a url(Images/bg.gif) repeat-x left top; color: #333; font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, legend{ font-weight: normal; text-align: left; } h1{ color: #264d6a; font-size: 24px; margin: 5px 0; } h2{ color: #9d4a48; font-size: 20px; margin: 5px 0; } h3{ color: #666; font-size: 18px; margin: 4px 0; } h4{ color: #547892; font-size: 16px; margin: 4px 0; } h5{ color: #af6b69; font-size: 14px; margin: 3px 0; } h6{ color: #333; 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: #9d4a48; text-decoration: none; } a:hover, a:focus{ color: #264d6a; 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: 133px; background: transparent url(Images/bg-header.gif) no-repeat center top; } .root #header{ height: 400px; background-image: url(Images/bg-header_home.jpg); } #header h1.logo{ display: inline; float: left; margin: 0; padding: 0; } #header h1.logo a{ width: 210px; height: 85px; background: transparent url(Images/logo.gif) no-repeat left top; display: inline; float: left; margin: 21px 0px 0 22px; padding: 0; } #header .cta-callus{ width: 190px; height: 50px; color: #9d4a48; display: inline; float: right; font-size: 14px; font-weight: bold; line-height: 20px; margin: 19px 35px 11px 0; padding: 0 0 0 50px; text-align: right; } #header .cta-callus strong{ color: #264d6a; font-size: 24px; font-weight: normal; } #header h1.logo a span{ display: none; } /*-- Navigation --*/ #nav{ width: 695px; height: 43px; display: inline; float: right; margin: 0 32px 0 0; } #nav ul{ list-style: none; } #nav ul li{ position: relative; display: inline; float: left; } #nav ul li a{ height: 43px; background-color: transparent; background-position: left top; background-repeat: no-repeat; display: inline; float: left; margin: 0 1px; padding: 0; } #nav ul li a span{ display: none; } #nav ul li a#nav_home{ width: 67px; background-image: url(Images/nav-home.gif); } #nav ul li a#nav_services{ width: 90px; background-image: url(Images/nav-services.gif); } #nav ul li a#nav_physicians{ width: 103px; background-image: url(Images/nav-physicians.gif); } #nav ul li a#nav_patients{ width: 88px; background-image: url(Images/nav-patients.gif); } #nav ul li a#nav_about_us{ width: 97px; background-image: url(Images/nav-about.gif); } #nav ul li a#nav_location{ width: 89px; background-image: url(Images/nav-location.gif); } #nav ul li a#nav_faq{ width: 61px; background-image: url(Images/nav-faq.gif); } #nav ul li a#nav_contact{ width: 84px; 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 bottom; } .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 -43px; } .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 -43px; } #nav ul li a:hover, #nav ul li a:focus, #nav ul li:hover a, #nav ul li.sfhover a{ background-position: left -43px !important; } .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 !important; } .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 !important; } #nav ul li div{ width: 200px; height: 4px; position: absolute; left: 1px; top: 43px; background: #9d4a48; display: none; z-index: 20; } #nav ul li div ul{ width: 192px; height: auto; position: absolute; left: 0; top: 4px; background: #9d4a48; display: none; padding: 0 4px 4px; z-index: 20; } #nav ul li div ul li{ background: transparent none; margin: 0; z-index: 20; } #nav ul li div ul li a{ width: 182px; height: 18px; color: #fff; display: block; font-size: 11px; font-weight: bold; line-height: 18px; margin: 0; padding: 3px 5px; text-align: left; } #nav ul li div ul li a:hover{ background: #547892; color: #fff; text-decoration: none; } #nav ul li:hover div ul li, #nav ul li:hover div ul li a{ background: transparent none; } #nav ul li:hover div ul li a{ color: #fff; text-decoration: none; } #nav ul li:hover div ul li a:hover{ background: #547892; color: #fff; text-decoration: none; } #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; display: inline; float: left; margin: 19px 30px 0; } #marquee .fastlinks{ width: 135px; display: inline; float: left; list-style: none; margin: 10px 0 0 8px; } #marquee .fastlinks li{ width: 100%; color: #fff; display: inline; line-height: 28px; } #marquee .fastlinks li a{ background-color: transparent; background-position: left; background-repeat: no-repeat; color: #234e6a; font-size: 12px; padding: 0 0 0 20px; text-decoration: none; } #marquee .fastlinks li a:hover, #marquee .fastlinks li a:focus{ color: #9d4a48; } #marquee .fastlinks li a.flink-physician{ background-image: url(Images/flink-physician.gif); } #marquee .fastlinks li a.flink-insurance{ background-image: url(Images/flink-insurance.gif); } #marquee .fastlinks li a.flink-form{ background-image: url(Images/flink-form.gif); } #marquee .fastlinks li a.flink-contact{ background-image: url(Images/flink-contact.gif); } #marquee .fastlinks li a.flink-faq{ background-image: url(Images/flink-faq.gif); } #marquee .promos{ width: 250px; display: inline; float: right; list-style: none; margin: 15px 12px 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: inline; float: left; } #marquee .promos li a.cta-requestappointment{ background-image: url(Images/cta-requestappointment.gif); } #marquee .promos li a.cta-physicians{ background-image: url(Images/cta-physicians.gif); } #marquee .promos li a.cta-mapsdirections{ background-image: url(Images/cta-mapsdirections.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: 20px 13px 10px; } .root #footer{ background-image: url(Images/bg-footer_home.gif); padding-top: 45px; } #footer a{ color: #547892; text-decoration: none; } #footer a:hover, #footer a:focus{ color: #fff; text-decoration: underline; } #footer p{ margin: 0; padding: 0; } #footer .footer-left, #footer .footer-right{ width: 475px; color: #547892; font-size: 10px; margin: 0; } #footer .footer-left{ width: 400px; display: inline; 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 #547892; display: inline; float: left; line-height: 11px; padding: 0 5px; } #footer .footer-left ul li.firstcell{ border: 0; padding-left: 0; } #footer .footer-right{ width: 400px; display: inline; float: right; text-align: right; } #footer .footer-right p{ text-align: right; } #footer .footer-right p a{ width: 37px; background: transparent url(Images/madebycyrus.gif) no-repeat right top; display: inline; line-height: 10px; margin: 0 0 5px 0; _padding: 0 0 0 10px; } #footer .footer-right p a:hover, #footer .footer-right p a:focus{ background-position: right bottom; text-decoration: none; } #footer .footer-right p a span{ visibility: hidden; } #footer .footer-right address{ font-style: normal; line-height: 20px; } /*------------------------- Main Section -------------------------*/ /*-- Internal Page Content --*/ #main{ width: 954px; min-height: 250px; _height: 250px; background: transparent url(Images/bg-main.gif) no-repeat center top; margin: 0 auto; padding: 0 13px; } #main #main_content{ width: 680px; min-height: 250px; _height: 250px; background: #fff; border: solid 4px #ccc; display: inline; float: right; margin: 0 10px 0 0; padding: 0 10px 10px; } /*-- Internal Styles --*/ #main_content h1{ border-bottom: solid 3px #af6b69; padding: 3px 0; } #main_content h1 a{ color: #af6b69; } #main_content ul, #information ul{ list-style: none; margin: 0 0 10px; } #main_content ul li, #information ul li{ background: transparent url(Images/bullet1.gif) no-repeat left 0.65em; line-height: 20px; padding: 0 0 0 12px; } #main_content hr, #information hr{ height: 0; border: 0; border-bottom: 1px solid #ccc; } #main_content ol, #information ol{ margin: 0 0 10px 25px; } #main_content ol li, #information ol li{ line-height: 18px; margin-bottom: 10px; } #main_content dl, #information dl{ line-height: 20px; margin: 0 0 20px 0; } #main_content dl dt, #information dl dt{ color: #555; font-weight: bold; } #main_content dl dd, #information dl dd{ margin: 0 0 10px 0; } #main_content blockquote, #information 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, #information fieldset{ border: solid 2px #eee; padding: 5px 10px; } #main_content fieldset legend, #information fieldset legend{ color: #9d4a48; 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: #547892; border-color: #7799b2; color: #fff; text-decoration: none; } #main_content .button:hover, #main_content .button:focus{ background: #fff; border-color: #547892; color: #264d6a; 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: #527952 !important; border-color: #739473 !important; color: #fff !important; } #main_content .greenbutton:hover, #main_content .greenbutton:focus{ background: #fff !important; border-color: #527952 !important; color: #527952 !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: 0 0 0 10px; } #main #main_sidebar h2{ border-bottom: solid 3px #264d6a; color: #fff; font-family: Arial, Verdana, Sans-Serif; font-size: 14px; line-height: 24px; margin: 0 0 5px; padding: 2px 0; } #main #main_sidebar address{ color: #9d4a48; font-size: 12px; font-weight: bold; line-height: 20px; padding: 5px 5px 0; } #main #main_sidebar #map{ width: 208px; height: 200px; border: solid 4px #ccc; margin: 10px 0; overflow: hidden; } #main #main_sidebar #sidemenu{ width: 206px; background: #eee; border: solid 4px #ccc; padding: 1px; } #main #main_sidebar #sidemenu #phonenumbers{ color: #9d4a48; font-size: 12px; font-weight: bold; line-height: 20px; padding: 0 5px 5px; } #main #main_sidebar #sidemenu ul{ clear: both; list-style: none; overflow: hidden; } #main #main_sidebar #sidemenu ul li{ width: 100%; background: transparent url(Images/bullet1.gif) no-repeat 5px 8px; display: inline; float: left; font-weight: bold; line-height: 20px; margin: 0; } #main #main_sidebar #sidemenu ul li a{ border-bottom: solid 1px #eee; color: #333; margin: 0 0 0 15px; } #main #main_sidebar #sidemenu ul li a:hover, #main #main_sidebar #sidemenu ul li a:focus{ border-bottom: dotted 1px #333; color: #9d4a48; text-decoration: none; } /*-- Home Page Content --*/ .root #main{ width: 912px; background-image: url(Images/bg-main_home.gif); padding: 0 34px; } .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: #264d6a; } .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 12px; } .root #main #services ul li a{ color: #333; font-weight: bold; text-decoration: none; } .root #main #services ul li a:hover, .root #main #services ul li a:focus{ border-bottom: dotted 1px #333; color: #9d4a48; } .root #main #services .viewall{ color: #9d4a48; font-size: 14px; font-weight: bold; text-decoration: none; } .root #main #services .viewall:hover, .root #main #services .viewall:focus{ color: #9d4a48; } .root #main #services .viewall span{ font-size: 12px; text-decoration: underline; } .root #main #services .viewall:hover span, .root #main #services .viewall:focus span{ color: #264d6a; text-decoration: none; } /*------------------------- Hax0rs -------------------------*/ /*.location #main #main_inner #main_sidebar, .physicians #main #main_inner #main_sidebar, .privacynotice #main #main_inner #main_sidebar, .privacypolicy #main #main_inner #main_sidebar, .termsofuse #main #main_inner #main_sidebar, .sitemap #main #main_inner #main_sidebar{ background: transparent none; margin: 0; padding: 0; }*/ .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; }