/* All the main styles and stylesheet imports * * @file screen.css * * @type strict * @browsers Windows: IE6+, Firefox2+, Safari3+ * Mac OS: Safari3+, Firefox2+ * * @link http: //www.patientdocs.com/ * @copyright 2010 Patient Docs. All Rights Reserved. * */ /*=================================== GLOBAL ===================================*/ @import "reset.css"; html {color:#000; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px;} body {text-align: center; height: 100%; height:auto; min-height:100%; background: #403529 url(../img/bkg.jpg) repeat; /* for older browsers */} #top_bkg {text-align: center; height: 100%; height:auto; min-height:100%; background: transparent url(../img/bkg_top.jpg) repeat-x left top;} #main, #sec {margin: 0 auto; position: relative; width: 960px; text-align: left;} .inside {margin: 0 auto; position: relative; width: 960px;} #header, .main_nav_container, #content, #modules, #footer {position: relative;} a img {border: none;} h1, h2, h3 {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: normal;} p, blockquote {color:#000; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 17px; margin-bottom:20px;} #main a, #footer .inside a, .side_item a {color:#000; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; text-decoration: none;} #main a:hover, .side_item a:hover {text-decoration: underline;} #sec .main_column a {color:#3e423e; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 14px; text-decoration: none;} #sec .main_column a:hover {text-decoration: underline;} .clear_left {clear: left;} .clear_right {clear: right;} .clear_both {clear: both;} .float_left {float: left;} .float_right {float: right;} /*=================================== HEADER ===================================*/ #main #header {height: 500px;} #sec #header {height:175px;} #main #header .inside {height: 500px;} #sec #header .inside {height: 175px;} .phone {position: absolute; color: #5d1f0c; top: 20px; right: 0px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 24px; font-weight:lighter;} .phone span {display:inline-block; margin-right:10px; font-size:18px;} .logo {width: 308px; height: 96px; position: absolute; top: 10px; left: 10px; background: url(../img/logo.jpg) no-repeat left top;} .logo a {width: 308px; height: 96px; display: block; overflow: hidden; text-indent: -9999px;} .button_request {width: 213px; height: 45px; position: absolute; top: 60px; right: 225px;} .button_request a {width: 213px; height: 45px; background: url(../img/button_request_appt.jpg) no-repeat left top; display: block; overflow: hidden; text-indent: -9999px;} .button_request a:hover {background-position: left -46px;} .button_forms {width: 213px; height: 45px; position: absolute; top: 60px; right: 0px;} .button_forms a {width: 213px; height: 45px; background: url(../img/button_forms.jpg) no-repeat left top; display: block; overflow: hidden; text-indent: -9999px;} .button_forms a:hover {background-position: left -46px;} #main #main_image {width:960px; height:324px; position:absolute; top:175px; left:0; background: url(../img/bkg_main.jpg) no-repeat left top;} #main #main_image .intro {width:350px; height:262px; padding:30px; margin:0 5px; position:absolute; top:0px; left:0px;} #main #main_image .intro h1 { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:20px; color:#6a8c34; margin-bottom:20px;} #main #main_image .intro h2 { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:16px; color:#6a8c34; margin-bottom:20px;} #main #main_image .intro p { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px; font-weight:lighter; color:#000000;} #main #main_image #Slideshow {position:absolute; top:0px; left:410px; width:544px; height:322px;} .button_main_offer_one {width: 194px; height: 61px; position: absolute; bottom:20px; left: 5px;} .button_main_offer_one a {width: 194px; height: 61px; background: url(../img/main_offer_one.jpg) no-repeat left top; display: block; overflow: hidden; text-indent: -9999px;} .button_main_offer_one a:hover {background-position: left -62px;} .button_main_offer_two {width: 194px; height: 61px; position: absolute; bottom:20px; left: 204px;} .button_main_offer_two a {width: 194px; height: 61px; background: url(../img/main_offer_two.jpg) no-repeat left top; display: block; overflow: hidden; text-indent: -9999px;} .button_main_offer_two a:hover {background-position: left -62px;} /*---------------------------------- MAIN NAV ----------------------------------*/ #header .inside .main_nav_container {width:960px; height:48px; position: absolute; top: 127px; left: 0px; background: url(../img/nav.jpg) no-repeat left top;} ul.main_nav {margin: 0 auto; width: 913px; height: 48px;} ul.main_nav li {float: left; list-style: none; display: inline-block; height: 48px; margin-right:25px;} ul.main_nav li.last {padding-bottom: 0 !important; margin-right:0px !important;} ul.main_nav li a {background: url(../img/nav.jpg) no-repeat left -49px; height: 48px; display: block; text-indent: -9999px; overflow: hidden;} ul.main_nav li.home a {background-position: -23px -49px; width:71px;} ul.main_nav li.home a:hover, ul.main_nav li.home a.current {background-position: -23px bottom;} ul.main_nav li.why_choose_us a {background-position: -119px -49px; width:162px;} ul.main_nav li.why_choose_us a:hover, ul.main_nav li.why_choose_us a.current {background-position: -119px bottom;} ul.main_nav li.meet_the_team a {background-position: -308px -49px; width:147px;} ul.main_nav li.meet_the_team a:hover, ul.main_nav li.meet_the_team a.current {background-position: -308px bottom;} ul.main_nav li.dental_plan a {background-position: -483px -49px; width:116px;} ul.main_nav li.dental_plan a:hover, ul.main_nav li.dental_plan a.current {background-position: -483px bottom;} ul.main_nav li.patient_education a {background-position: -627px -49px; width:168px;} ul.main_nav li.patient_education a:hover, ul.main_nav li.patient_education a.current {background-position: -627px bottom;} ul.main_nav li.contact_us a {background-position: -823px -49px; width:113px;} ul.main_nav li.contact_us a:hover, ul.main_nav li.contact_us a.current {background-position: -823px bottom;} /*=================================== MAIN CONTENT ===================================*/ #main #content {min-height: 150px;} #main #content .inside {min-height: 150px;} /*---------------------------------- MAIN MODULES ----------------------------------*/ #main #modules {min-height: 130px; height: auto !important;} #main #modules .inside {padding:15px 0 10px 0; min-height: 100px; height: auto !important;} ul.modules_container li {list-style: none; width: 280px; padding-left: 23px; float: left; margin-right: 10px; position:relative;} ul.modules_container li .icon {margin-top:2px; margin-bottom:8px; width:91px; float:left;} ul.modules_container li.last {margin-right: 0;} ul.modules_container li .mod_text {width:179px; float:left; margin-left:8px;} ul.modules_container li h2 {margin-bottom:10px;} ul.modules_container li h2 a{position:relative; margin-bottom: 10px !important; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important; color: #ffffff !important; font-size: 22px !important; text-decoration:none!important; } ul.modules_container li h1 {position:relative; margin-bottom: 10px !important; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important; color: #ffffff !important; font-size: 12px !important; text-decoration:none!important; } ul.modules_container li p, .side_item p {font-weight: normal; color: #ffffff; line-height:18px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 14px;} ul.modules_container li .icon .learn_more {width:91px; height:26px; margin-top:10px;} ul.modules_container li .icon .learn_more a {width:91px; height:26px; background: url(../img/btn_learn_more.jpg) no-repeat left top; display:block; overflow:hidden; text-indent:-99999px;} ul.modules_container li .icon .view_map {width:91px; height:26px; margin-top:10px;} ul.modules_container li .icon .view_map a {width:91px; height:26px; background: url(../img/btn_view_map.jpg) no-repeat left top; display:block; overflow:hidden; text-indent:-99999px;} /*=================================== SECONDARY CONTENT ===================================*/ #sec #content {min-height:705px; height:auto !important; width:960px; margin:0 auto 30px;} #sec #content .top {background:url(../img/sec_body_top_bkg.jpg) no-repeat left top; width:960px; height:5px;} #sec #content .inside {background:url(../img/sec_body_content_bkg.jpg) repeat-y left top; padding-bottom:20px; height:auto !important; min-height:705px;} #sec #content .btm {background:url(../img/sec_body_btm_bkg.jpg) no-repeat left bottom; width:960px; height:16px;} .main_column {width: 593px; padding: 20px 25px 20px 30px; float: left;} .side_column {width: 262px; padding: 0px 20px 20px 20px; float: left;} #sec #before_content {width:200px; height:20px; float:right; margin-right:80px;} .button_offer_one {width: 270px; height: 93px; position:relative; margin: 3px 0;} .button_offer_one a {width: 270px; height: 93px; background: url(../img/sec_offers.jpg) no-repeat left top; display: block; overflow: hidden; text-indent: -9999px;} .button_offer_two {width: 270px; height: 113px; position:relative; margin: 3px 0;} .button_offer_two a {width: 270px; height: 113px; background: url(../img/sec_offers.jpg) no-repeat left bottom; display: block; overflow: hidden; text-indent: -9999px;} /*--STYLES-------------------------*/ .main_column h1 {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #5d1f0c; font-size: 28px; font-weight:lighter; background: url(../img/h2.jpg) no-repeat left bottom; margin-bottom: 20px; padding-bottom:20px;} .main_column h2 {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:bold; color: #6c8e36; font-size: 18px; margin-bottom: 20px;} .main_column h4 {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:bold; color: #5d1f0c; font-size: 16px; margin-bottom: 10px;} .main_column ul {margin-bottom:20px;} .main_column ul li {font-size: 14px; background: url(../img/li.jpg) no-repeat left 4px; margin-left:20px; padding:0 0 6px 13px;} .main_column p, blockquote, .main_column ul li {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;} #sec .main_column a {color:#0072bc; text-decoration:none;} #sec .main_column a:hover {text-decoration:underline;} blockquote {color: #000000; width: 430px; padding: 14px 42px 10px 66px; position: relative; margin-left:20px;} blockquote p {margin-bottom:0px;} blockquote p:first-letter {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 2.5em; font-weight:bold; line-height: 0.8em; float: left; margin: 2px 3px 0 0; display:block;} blockquote .signature {color: #7a5e2f; padding: 12px 0 5px 0;} .quote_img {width: 64px; height: 51px; background: url(../img/quote.jpg) no-repeat; position: absolute; top: 10px; left: 10px;} div.hr {height: 5px; width: 550px; background: url(../img/hr.jpg) repeat-x; clear: both; margin-bottom: 20px;} .team_container {width: 550px; margin-bottom: 20px;} .team_photo {width: 112px; float: left; margin-right: 15px;} .team_desc {width: 410px; float: left; position:relative; margin-bottom:26px;} .team_desc .read_more { width:91px; height:26px; position:absolute; right:0px; bottom:-26px;} .team_desc .read_more a {width:91px; height:26px; background: url(../img/btn_read_more.jpg) no-repeat left top; display:block; overflow:hidden; text-indent:-9999px} .team_desc h3 {font-family:Georgia, "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #6c8e36; font-size: 18px; padding-bottom: 15px;} .team_container2 {width: 550px; margin-bottom: 20px;} .team_container2 .team_photo {width: 166px; float: left; margin-right: 15px;} .team_container2 .team_desc {width: 356px; float: left; position:relative; margin-bottom:26px;} .team_container2 ul li {line-height:16px;} .team_container2 .team_desc h3 {font-family:Georgia, "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #6c8e36; font-size: 18px; padding-bottom: 15px;} .team_container2 .team_desc h4 {font-family:Georgia, "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #6c8e36; font-size: 16px; padding-bottom: 15px;} .staff_container {width:120px; height:175px; margin:10px 10px 25px; float:left; } .staff_photo {width:95px; margin:15px auto;} .staff_desc {width:120px;} .staff_desc h3 {font-family:Georgia, "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #6c8e36; font-size: 18px; padding-bottom: 5px; text-align:center;} .staff_desc p {font-family:Georgia, "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #000000; font-size: 12px; padding-bottom: 5px; text-align:center;} #player {margin-left:auto; margin-right:auto;} /*---------------------------------- SIDEBAR ----------------------------------*/ .side_mods {padding-top: 20px;} .side_mods li {width: 270px !important; padding-left: 0px !important; margin-right: 0 !important;} .side_mods li .icon {padding-right: 0px !important;} .side_mods li .mod_text {width:165px !important; float:left; margin-left:8px;} /*=================================== FOOTER ===================================*/ #footer {height: 130px; background: url(../img/bkg_footer.jpg) repeat-x left top; } #footer .inside {position: relative; height: 130px; width:960px; text-align: center; margin:0 auto;} .copyright {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; padding-top:35px; color: #666c4b !important; font-size: 12px !important; text-align: center;} #footer a {font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #666c4b !important; line-height:17px; font-size: 12px !important; text-decoration: none !important;} #footer a:hover, .footer_nav li.selected a {text-decoration: underline !important;} /*=================================== SOCIAL BOOKMARKS ====================================*/ #main #social_bkm {clear:both; position:relative; margin-top:10px; width:280px;} #main #social_bkm div {color:#ffffff;} #sec #social_bkm {clear:both; position:relative; margin-top:10px; width:280px;} #sec #social_bkm div {color:#ffffff;} /*=================================== PATIENT EDUCATION ===================================*/ #edu-article-title p{ font-size: 20px; text-decoration: underline; font-weight: bold; } #edu-href {font-size: 18px; } #edu-li {padding-bottom: 14px; line-height: 18px; } #edu-li a {padding-bottom: 14px; font-weight: bold;} /*=================================== GENERAL CSS RULES ===================================*/ /* OFFICE HOURS TABLE */ #hours{ width:220px; background-color:#734030; font-size:12px;float:left; } #hours-hdr{ color:#FFF; font-weight:bold;} .hours-bg{ background-color:#FFF; color:#734030;} /* END OFFICE HOURS TABLE */ .a-error {color:#FF0000; display:none; font-weight:bold; margin:0; text-align:left;} .a-form {font-size:12px; margin:0;} .a-div {clear:both; margin:0; padding:0 2px 10px;} .a-pad {padding:6px;} .a-label {font-weight:bold; margin:0; padding:0; text-align:left; width:95px;} .a-input {margin:0; padding:0; width:190px; } .a-logo { background-image:url(http://www.patientdocs.com/img/home/poweredby.png); background-repeat:no-repeat;} * html .a-logo {background-image:none;} .a-clear { clear:both; height:50px; position:relative;} #cal1Container { position: absolute; display: none; } p, #cal1Container { } #cal1Container { z-index: 500;} #cal2Container { position: absolute; display: none; } p, #cal2Container { } #cal2Container { z-index: 500;} .dp-highlighter {z-index: 1;} /*--Input Style--*/ input.txt_input { border:1px solid #7e9db9; background-color:#FFFFFF; } input.btn_input {} select { border:1px solid #7e9db9; background-color:#FFFFFF; margin-top:0px; } textarea { border:1px solid #7e9db9; background-color:#FFFFFF; margin-top:2px; } /*--End Input Style--*/ /*--Divs--*/ #form_container { font-family:Arial, Helvetica, sans-serif; font-size:12px; width:365px; height:270px; text-align:left; } #top_left { width:174px; float:left; padding-bottom:15px; border-right:1px solid #d9d9d9;/*--Change the color of border--*/ } #top_right { width:175px; float:right; padding-bottom:15px; } #bottom { clear:both; width:365px; height:51px; padding-top:11px; margin-bottom:10px; border-top:1px solid #d9d9d9;/*--Change the color of border--*/ border-bottom:1px solid #d9d9d9;/*--Change the color of border--*/ } /*--End Divs--*/ /*--Images--*/ #submit_request { border:none; } .bkg_calendar { background:url(/images/btn_img_calendar.gif) right no-repeat #fff; } /*--End Images--*/ /*--Classes--*/ .field_name { font-weight:bold; color:#fff;/*--Change the color of the field name ie: Name--*/ } .secondary_details { font-size:11px; color:#fff;/*--Change the color of the secondary details ie: (include area code)--*/ } .required { color:#BC0303;/*--Change the color of the required fields--*/ } .float_right { float:right; } .float_left { float:left; } .powered-by{ float:right; background:url(/images/img_powered-by-white.png) top left no-repeat; width:100px; height:40px;} .field_margin { clear:both; margin-bottom:12px; } /* Calendar Header */ .calheader{ color:#000; } /*--End Classes--*/