/*----------------------------------------------------------------------------- Fairfax Radiology Website Style Sheet version: 1.0 author: Chris Monnat email: cmonnat@practisinc.com website: http://www.fairfaxradiology.com -----------------------------------------------------------------------------*/ @media screen { /* =General -----------------------------------------------------------------------------*/ body { padding: 0; margin: 0; /* background-color: #fff;*/ font: 12px Arial, Helvetica, sans-serif; color:#000; text-align: center; /* Centered design work around for IE 5.X and 6 in quirks mode. */ min-width: 850px; /* Centered design work around for Netscape 6. */ overflow: -moz-scrollbars-vertical; background:#D5D5D5 url(../images/bg.jpg) repeat-x; } /* Class for clearing floats */ .clear { clear:both; } /* Remove border around linked images */ img { border: 0; } p { margin: 0.8em 0; } h1, h2, h3, h4, h5 { margin: 0.4em 0; } h1 { font-size: 1.5em; color:#73156c; } h2 { font-size: 1.3em; color:#000; } h3 { font-size: 1.1em; color:#73156c; } h4 { font-size: 1.1em; color:#000; } h5 { /* different color */ } h6 { font-size: 1.3em; color:#73156c; } h3.appointments { width:275px; height:37px; margin:0; padding:0; float:right; position:relative; } h3.appointments span { width:100%; height:100%; position:absolute; background:url(../images/appointments.gif) no-repeat; } h2.banner { width:676px; height:140px; padding:0; margin:0; float:right; position:relative; } h2.banner span { width:100%; height:100%; position:absolute; } body.about_us h2.banner span { background:url(../images/banners/banner_about.jpg) no-repeat; } body.locations h2.banner span { background:url(../images/banners/banner_locations.jpg) no-repeat; } body.services h2.banner span { background:url(../images/banners/banner_services.jpg) no-repeat; } body.for_patients h2.banner span { background:url(../images/banners/banner_for_patients.jpg) no-repeat; } body.for_physicians h2.banner span { background:url(../images/banners/banner_for_physicians.jpg) no-repeat; } body.contact_us h2.banner span { background:url(../images/banners/banner_contact.jpg) no-repeat; } body.privacy_policy h2.banner span { background:url(../images/banners/banner_privacy.jpg) no-repeat; } body.thank_you h2.banner span { background:url(../images/banners/banner_thanks.jpg) no-repeat; } body.search h2.banner span { background:url(../images/banners/banner_search.jpg) no-repeat; } body.nm h2.banner span { background:url(../images/banners/banner_news.jpg) no-repeat; } body.jm h2.banner span { background:url(../images/banners/banner_careers.jpg) no-repeat; } body.breast-cancer h2.banner span { background:url(../images/banners/banner-breast-cancer.jpg) no-repeat; } .dashed_box { width:525px; border: 1px dashed #333333; margin: 12px; padding: 10px; background: #DFECEB none repeat scroll 0%; line-height: 1.5em; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: #333333; } /* =Links -----------------------------------------------------------------------------*/ a:link { color: #73156c; text-decoration:none; } a:visited { color: #73156c; text-decoration:none; } a:hover { color: #333333; text-decoration:underline; } /* =Structure -----------------------------------------------------------------------------*/ #container { width: 850px; margin: 0 auto; text-align: left; /* Centered design work around for IE 5.X and 6 in quirks mode. */ } #bg_shadow { padding:0 5px; margin:0; background:url(../images/bg_container.gif) repeat-y 0 29px; } #three_column #content { margin:0 5px; background:#fff url(../images/bg_content.jpg) repeat-x;} #two_column #content { margin:0 5px; border:1px solid #cfbdd5; background:url(../images/bg_content2.jpg) repeat-x; } #footer { height:45px; margin:5px 5px 0 5px; padding:5px 0 0 0; background:url(../images/bg_footer.gif) repeat-x; } /* Optional container, use only if necessary. */ /* =Navigation -----------------------------------------------------------------------------*/ ul#nav_main { height:47px; margin:0; padding:0; list-style-type:none; } ul#nav_main li { height:47px; float:left; position:relative; } ul#nav_main li span { width:100%; height:100%; position:absolute; } ul#nav_main li a { display:block; cursor:pointer;} * html #nav_main a:hover { background:#ccccff; cursor:pointer;} /* This is an example of what needs to be done for each li in the main navigation unordered list. You can copy this block and just change out the class name, widths and background image names/locations. */ ul#nav_main li.home { width:99px; } ul#nav_main li.home a span,ul#nav_main li.home a:link span { background:url(../images/buttons/btn_home.jpg) no-repeat; } ul#nav_main li.home a:hover span,body.home ul#nav_main li.home a span { background:url(../images/buttons/btn_home.jpg) no-repeat 0 -47px; } ul#nav_main li.about_us { width:112px; } ul#nav_main li.about_us a span,ul#nav_main li.about_us a:link span { background:url(../images/buttons/btn_about_us.jpg) no-repeat; } ul#nav_main li.about_us a:hover span,body.about_us ul#nav_main li.about_us a span { background:url(../images/buttons/btn_about_us.jpg) no-repeat 0 -47px; } ul#nav_main li.locations { width:114px; } ul#nav_main li.locations a span,ul#nav_main li.locations a:link span { background:url(../images/buttons/btn_locations.jpg) no-repeat; } ul#nav_main li.locations a:hover span,body.locations ul#nav_main li.locations a span { background:url(../images/buttons/btn_locations.jpg) no-repeat 0 -47px; } ul#nav_main li.services { width:102px; } ul#nav_main li.services a span,ul#nav_main li.services a:link span { background:url(../images/buttons/btn_services.jpg) no-repeat; } ul#nav_main li.services a:hover span,body.services ul#nav_main li.services a span { background:url(../images/buttons/btn_services.jpg) no-repeat 0 -47px; } ul#nav_main li.for_patients { width:131px; } ul#nav_main li.for_patients a span,ul#nav_main li.for_patients a:link span { background:url(../images/buttons/btn_for_patients.jpg) no-repeat; } ul#nav_main li.for_patients a:hover span,body.for_patients ul#nav_main li.for_patients a span { background:url(../images/buttons/btn_for_patients.jpg) no-repeat 0 -47px; } ul#nav_main li.for_physicians { width:148px; } ul#nav_main li.for_physicians a span,ul#nav_main li.for_physicians a:link span { background:url(../images/buttons/btn_for_physicians.jpg) no-repeat; } ul#nav_main li.for_physicians a:hover span,body.for_physicians ul#nav_main li.for_physicians a span { background:url(../images/buttons/btn_for_physicians.jpg) no-repeat 0 -47px; } ul#nav_main li.contact_us { width:134px; } ul#nav_main li.contact_us a span,ul#nav_main li.contact_us a:link span { background:url(../images/buttons/btn_contact_us.jpg) no-repeat; } ul#nav_main li.contact_us a:hover span,body.contact_us ul#nav_main li.contact_us a span { background:url(../images/buttons/btn_contact_us.jpg) no-repeat 0 -47px; } #nav_sub { height:37px; background:url(../images/bg_nav_sub.gif) no-repeat; } #nav_sub .links { float:left; margin:8px 0 0 35px; } #nav_sub, #nav_sub a { color: #373536; text-decoration:none; } #nav_sub a:hover { text-decoration:underline; } #nav_supp { text-align:center; font-size: 0.92em; } #nav_supp, #nav_supp a { color: #717465; } #nav_supp a { text-decoration: none; } #nav_supp a:hover { text-decoration: underline; } /* =Header -----------------------------------------------------------------------------*/ #three_column #branding { height:185px; } #two_column #branding { height:140px; } #three_column #branding h1 { width:220px; height:185px; margin:0; padding:0; float:left; position:relative; } #three_column #branding h1 span { width:100%; height:100%; position:absolute; background:url(../images/logo.jpg) no-repeat; cursor:pointer;} #two_column #branding h1 { width:164px; height:140px; margin:0; padding:0; float:left; position:relative; } #two_column #branding h1 span { width:100%; height:100%; position:absolute; background:url(../images/logo_content.jpg) no-repeat; cursor:pointer;} #branding_sub { } /* Optional container, use only if necessary. */ /* =Three Column -----------------------------------------------------------------------------*/ #three_column #content_bg { border:1px solid #d1bed6; } #three_column #content_main { display:inline; width:520px; margin:34px 10px 0 0; float:right; } #three_column #content_main h2 { width:325px; height:48px; margin:0; padding:0; position:relative; } #three_column #content_main h2 span { width:100%; height:100%; position:absolute; background:url(../images/txt_welcome.gif) no-repeat; } #three_column #content_main2 { display:inline; width:570px; margin:14px 10px 0 0; float:right; } #three_column #content_main2 h2 { width:325px; height:48px; margin:0; padding:0; position:relative; } #three_column #content_main2 h2 span { width:100%; height:100%; position:absolute; background:url(../images/txt_welcome.gif) no-repeat; } #three_column #content_sub { display:inline; width:241px; margin:10px 0 0 30px; border-right:1px solid #80b9b4; float:left; } #three_column #content_sub ul { width:196px; padding:0; margin:0; list-style-type:none; } #three_column #content_sub ul.top { margin-top:18px; } #three_column #content_sub ul.bottom { margin-top:20px; } #three_column #content_sub li { border-bottom:1px solid #dac0d9; line-height:30px; } #three_column #content_sub li.heading { border:none; } #three_column #content_sub li a { padding-left:10px; color:#575757; text-decoration:none; } #three_column #content_sub h2.physicians { width:196px; height:23px; padding:0; margin:0; position:relative; } #three_column #content_sub h2.physicians span { width:100%; height:100%; position:absolute; background:url(../images/txt_quick_find_physicians.jpg) no-repeat; } #three_column #content_sub h2.patients { width:196px; height:25px; padding:0; margin:0; position:relative; } #three_column #content_sub h2.patients span { width:100%; height:100%; position:absolute; background:url(../images/txt_quick_find_patients.jpg) no-repeat; } #three_column #content_supp { display:block; background:#D7F2F0; color:#525252; height:250px;} #three_column #content_supp p { margin-top:0; padding-left:5px; } #three_column #content_supp #home_callout_left,#three_column #content_supp #home_callout_right,#three_column #content_supp #home_callout_middle { margin-top:5px; padding-top:10px; } #three_column #content_supp #home_callout_left { display:inline; width:212px; padding-left:30px; padding-right:30px; border-right:1px solid #80b9b4; float:left; } #three_column #content_supp #home_callout_left h2 { width:211px; height:33px; margin-top:-3px; padding:0; position:relative; } #three_column #content_supp #home_callout_left h2 span { width:100%; height:100%; position:absolute; background:url(../images/txt_oncology_imaging.gif) no-repeat; } #three_column #content_supp #home_callout_middle { display:inline; width:212px; padding-left:30px; padding-right:30px; border-right:1px solid #80b9b4; float:left; } #three_column #content_supp #home_callout_middle h2 { width:212px; height:33px; margin-top:-3px; padding:0; position:relative; } #three_column #content_supp #home_callout_middle h2 span { width:100%; height:100%; position:absolute; background:url(../images/txt_screening_services.gif) no-repeat; } #three_column #content_supp #home_callout_breast { display:inline; width:212px; padding-left:30px; padding-right:30px; border-right:1px solid #80b9b4; float:left; margin-top:5px; padding-top:10px;} #three_column #content_supp #home_callout_breast h2 { width:212px; height:33px; margin-top:-3px; padding:0; position:relative; } #three_column #content_supp #home_callout_breast h2 span { width:100%; height:100%; position:absolute; background:url(../images/ScreeningCTA/BI-Combo-Txt.gif) no-repeat; } #three_column #content_supp #home_callout_right { display:inline; width:212px; padding-left:30px; padding-right:30px; float:left; } #three_column #content_supp #home_callout_right h2 { width:212px; height:33px; margin-top:-3px; padding:0; position:relative; } #three_column #content_supp #home_callout_right h2 span { width:100%; height:100%; position:absolute; background:url(../images/txt_breast_imaging.gif) no-repeat; } #three_column #content_supp #home_callout_vein { display:inline; width:212px; padding-left:30px; padding-right:30px; float:left; margin-top:5px; padding-top:10px; border-left:1px solid #80b9b4; border-right:1px solid #80b9b4;} #three_column #content_supp #home_callout_vein h2 { width:212px; height:33px; margin-top:-3px; padding:0; position:relative; } #three_column #content_supp #home_callout_vein h2 span { width:100%; height:100%; position:absolute; background:url(../images/txt_vein.gif) no-repeat; } #three_column #content_supp #home_callout_Scr { display:inline; width:212px; padding-left:30px; padding-right:30px; float:right; margin-top:5px; padding-top:10px;} #three_column #content_supp #home_callout_Scr h2 { width:212px; height:33px; margin-top:-3px; padding:0; position:relative; } #three_column #content_supp #home_callout_Scr h2 span { width:100%; height:100%; position:absolute; background:url(../images/txt_screening_services.gif) no-repeat; } #three_column #content_supp #home_callout_middleCTA { display:inline; width:212px; padding-left:30px; padding-right:30px; margin-top:5px; padding-top:10px; float:left;} #three_column #content_supp #home_callout_middleCTA h2 { width:212px; height:33px; margin-top:-3px; padding:0; position:relative; } #three_column #content_supp #home_callout_middleCTA h2 span { width:100%; height:100%; position:absolute; background:url(../images/ScreeningCTA/HS-Combo-Txt.gif) no-repeat; } #three_column #content_supp #home_callout_newCTA { display:inline; width:212px; padding-left:30px; padding-right:30px; margin-top:5px; padding-top:10px; float:left;border-left:1px solid #80b9b4;} #three_column #content_supp #home_callout_newCTA h2 { width:212px; height:33px; margin-top:-3px; padding:0; position:relative; } #three_column #content_supp #home_callout_newCTA h2 span { width:100%; height:100%; position:absolute; background:url(../images/ScreeningCTA/ct-LD.gif) no-repeat; } #three_column #content_supp #home_callout_vein_left { display:inline; width:212px; padding-left:30px; padding-right:30px; float:left; margin-top:5px; padding-top:10px; border-right:1px solid #80b9b4;} #three_column #content_supp #home_callout_vein_left h2 { width:212px; height:33px; margin-top:-3px; padding:0; position:relative; } #three_column #content_supp #home_callout_vein_left h2 span { width:100%; height:100%; position:absolute; background:url(../images/ScreeningCTA/txt_VarVeins2.gif) no-repeat; } #three_column #content_supp #home_callout_vein_right { display:inline; width:212px; padding-left:30px; padding-right:30px; float:left; margin-top:5px; padding-top:10px; border-left:1px solid #80b9b4;} #three_column #content_supp #home_callout_vein_right h2 { width:212px; height:33px; margin-top:-3px; padding:0; position:relative; } #three_column #content_supp #home_callout_vein_right h2 span { width:100%; height:100%; position:absolute; background:url(../images/ScreeningCTA/txt_VarVeins2.gif) no-repeat; } #three_column #content_sub2 { display:inline; width:210px; margin:10px 0 0 10px; border-right:1px solid #80b9b4; float:left; } #three_column #content_sub2 ul { width:196px; padding:0; margin:0; list-style-type:none; } #three_column #content_sub2 ul.top { margin-top:18px; } #three_column #content_sub2 ul.bottom { margin-top:20px; } #three_column #content_sub2 li { border-bottom:1px solid #dac0d9; line-height:30px; } #three_column #content_sub2 li.heading { border:none; } #three_column #content_sub2 li a { padding-left:10px; color:#575757; text-decoration:none; } #three_column #content_sub2 h2.physicians { width:196px; height:23px; padding:0; margin:0; position:relative; } #three_column #content_sub2 h2.physicians span { width:100%; height:100%; position:absolute; background:url(../images/txt_quick_find_physicians.jpg) no-repeat; } #three_column #content_sub2 h2.patients { width:196px; height:25px; padding:0; margin:0; position:relative; } #three_column #content_sub2 h2.patients span { width:100%; height:100%; position:absolute; background:url(../images/txt_quick_find_patients.jpg) no-repeat; } /* =Two Column -----------------------------------------------------------------------------*/ #two_column #content_main { display:inline; width:570px; margin: 10px 10px 0 0; padding-left:15px; float:right; border-left:1px solid #a7c3c0; } #two_column #content_sub { display:inline; width:212px; margin-left:10px; padding-top:20px; float:left; } #two_column #content_sub h2 { margin-top:15px; color:#73156c; } #two_column #content_sub h2.callout { width:212px; height:108px; padding:0; margin:15px 0 0 0; position:relative; } #two_column #content_sub h2.callout span { width:100%; height:100%; position:absolute; background:url(../images/callout-new-technologies.jpg) no-repeat; } #two_column #content_sub p { margin-left:5px; } ul.in_this_section { padding:0; margin:0; list-style-type:none; border-top:1px solid #d3bcd4; } ul.in_this_section li { padding-left:10px; line-height:23px; border-bottom:1px solid #d3bcd4; } ul.in_this_section li a { color:#575757; text-decoration:none; } /* =Get Directions -----------------------------------------------------------------------------*/ #get_directions { margin:0; padding:0; border:0; width:265px; float:right;} #get_directions #top {background: url(../images/directionsTop.gif) no-repeat; height:30px;} #get_directions #middle {background: url(../images/directionsMiddle.gif) repeat-y; font-size:12px; padding:10px 20px;} #get_directions #bottom {background: url(../images/directionsBottom.gif) no-repeat; height:35px;} #get_directions #middle input {margin:5px 0px;} #get_directions #bottom #submitButton {margin-top:2px; cursor:pointer;} /* =Footer -----------------------------------------------------------------------------*/ #site_info { text-align:center; font-size: 0.92em; } #site_info, #site_info a { color: #717465;} #site_info a { text-decoration: none; } #site_info a:hover { text-decoration: underline; } /* =Forms -----------------------------------------------------------------------------*/ form { padding: 0.4em; margin: 0; } form em { color: #FF0000; } form p { clear: left; margin: 0; padding: 0; padding-top: 0.4em; } form p label { float: left; width: 30%; } fieldset { padding: 0.6em; padding-left: 0.7em; } fieldset legend { padding: 0; margin-bottom: 0.2em; font-weight: bold; color: #000000; font-size: 1.1em; } input.txt { width: 200px; } /*textarea { width: 300px; height: 100px; } */ .formerror { border: 1px solid red; background-color : #FFCCCC; width: auto; padding: 0.4em; margin-bottom: 0.4em; } .formerror ul { padding-left: 1.7em; } /* =Tables -----------------------------------------------------------------------------*/ td { text-align: left; vertical-align:top; } /* =Misc 1 -----------------------------------------------------------------------------*/ .question { background: #FF0000; } .highlight { font-weight:bold; background:#FFFF00; } .sm {font: 11px Arial, Helvetica, sans-serif;} .xsm {font: 9px Arial, Helvetica, sans-serif;} .header { font-weight:bold; font-size: 1.1em; color:#FFF; } .name {font-size: 1.1em; color:#73156c; font-weight:bold; } #search { width:200px; padding:0; color:#000; background:#48a19a; border:1px solid #dcebea; } #search form { margin:0; padding:5px 5px 5px 5px; } #search input.txt { width:130px; padding:0; margin:0; background:#FFF; } /* =Misc 2 -----------------------------------------------------------------------------*/ img.left { float:left; margin:0px 10px 10px 0px;} img.right { float:right; margin:0px 0px 10px 10px;} #service-locations {float:right; font-weight:bold; margin-top:7px; padding-left:40px;} #service-locations img {vertical-align:text-bottom;} #three_column #content_supp #home_callout_breast_right { display:inline; width:212px; padding-left:30px; padding-right:30px; border-left:1px solid #80b9b4; float:left; margin-top:5px; padding-top:10px;} #three_column #content_supp #home_callout_breast_right h2 { width:212px; height:33px; margin-top:-3px; padding:0; position:relative; } #three_column #content_supp #home_callout_breast_right h2 span {width:100%;height:100%;position:absolute; background:url(../images/ScreeningCTA/BI-Combo-Txt.gif) no-repeat;} #three_column #content_supp #home_callout_breast_middle { display:inline; width:212px; padding-left:30px; padding-right:30px; border-right:0px solid #80b9b4; float:left; margin-top:5px; padding-top:10px;} #three_column #content_supp #home_callout_breast_middle h2 { width:212px; height:33px; margin-top:-3px; padding:0; position:relative; } #three_column #content_supp #home_callout_breast_middle h2 span {width:100%;height:100%;position:absolute; background:url(../images/ScreeningCTA/txt_BrstImg2.gif) no-repeat;} #three_column #content_disp #home_callout_middle { display:inline; width:330px; padding-left:20px; padding-right:10px; float:left; margin:10px 0 0 10px;} #three_column #content_disp #home_callout_middle h2 { width:330px; height:33px; margin-top:-3px; padding:0; position:relative; } #three_column #content_disp #home_callout_middle h2 span { width:100%; height:100%; position:absolute; background:url(../images/txt_welcome.gif) no-repeat; } #three_column #content_disp #home_callout_right { display:inline; width:200px; padding-left:10px; padding-right:10px; float:left; margin:10px 0 0 10px; border-left:1px solid #80b9b4;} #three_column #content_disp #home_callout_right h2 { width:200px; height:33px; margin-top:-3px; padding:0; position:relative; } #three_column #content_disp #home_callout_right h2 span { width:100%; height:100%; position:absolute; } #three_column #content_disp #home_callout_left { display:inline; width:210px; margin:10px 0 0 10px; border-right:1px solid #80b9b4; float:left; } #three_column #content_disp #home_callout_left ul { width:196px; padding:0; margin:0; list-style-type:none; } #three_column #content_disp #home_callout_left ul.top { margin-top:18px; } #three_column #content_disp #home_callout_left ul.bottom { margin-top:20px; } #three_column #content_disp #home_callout_left li { border-bottom:1px solid #dac0d9; line-height:30px; } #three_column #content_disp #home_callout_left li.heading { border:none; } #three_column #content_disp #home_callout_left li a { padding-left:10px; color:#575757; text-decoration:none; } #three_column #content_disp #home_callout_left h2.physicians { width:196px; height:23px; padding:0; margin:0; position:relative; } #three_column #content_disp #home_callout_left h2.physicians span { width:100%; height:100%; position:absolute; background:url(../images/txt_quick_find_physicians.jpg) no-repeat; } #three_column #content_disp #home_callout_left h2.patients { width:196px; height:25px; padding:0; margin:0; position:relative; } #three_column #content_disp #home_callout_left h2.patients span { width:100%; height:100%; position:absolute; background:url(../images/txt_quick_find_patients.jpg) no-repeat; } #three_column #content_disp #home_callout_ben { display:inline; width:212px; padding-left:20px; padding-right:10px; float:left; margin:10px 0 0 10px;} #home_callout_ben h2 { width:212px; height:33px; margin-top:-3px; padding:0; position:relative; } #home_callout_ben h2 span { width:100%; height:100%; position:absolute; background:url(../images/txt_screening_services.gif) no-repeat; } #three_column #content_supp #home_callout_cosmo_left { display:inline; width:212px; padding-left:30px; padding-right:30px; float:left; margin-top:5px; padding-top:10px; border-right:1px solid #80b9b4;} #three_column #content_supp #home_callout_cosmo_left h2 { width:212px; height:33px; margin-top:-3px; padding:0; position:relative; } #three_column #content_supp #home_callout_cosmo_left h2 span { width:100%; height:100%; position:absolute; background:url(../images/ScreeningCTA/CTC-2.gif) no-repeat; } }