/* All the main styles and stylesheet imports * * @file site.css * * @type strict * @browsers Windows: IE6+, Firefox2+, Safari3+ * Mac OS: Safari3+, Firefox2+ * * @link http: //www.patientdocs.com * @copyright 2009 PatientDocs.com. All Rights Reserved. * */ /*=================================== GLOBAL ===================================*/ @import "reset.css"; html {color:#000; font-family: Georgia1, Georgia, serif; font-size: 12px;} body {background: #28385e; text-align: center; height: 100%; /* for older browsers */} #main, #sec {margin: 0 auto; position: relative; width: 100%; text-align: left;} .inside {margin: 0 auto; position: relative; width: 950px;} #header, #navigation, #content, #modules, #footer {position: relative;} a img {border: none;} h1, h2, h3 {font-family: Georgia1, Georgia, serif; font-weight: normal;} p, blockquote {color:#000; font-family: Georgia1, Georgia, serif; font-size: 13px; line-height: 17px; margin-bottom:20px;} #main a, #footer .inside a, .side_item a {color:#000; font-family: Georgia1, Georgia, serif; font-size: 12px; text-decoration: none;} #main a:hover, .side_item a:hover {text-decoration: underline;} #sec .main_column a {color:#3c7a3c; font-family: Georgia1, Georgia, 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 ===================================*/ #header {height: 152px; background: url(../img/header_bkg_outer.jpg) repeat-x;} #header .inside {height: 152px; background: url(../img/header_bkg.jpg) no-repeat left top;} .phone {position: absolute; color: #55843c; top: 37px; right: 7px; font-family: Georgia1, Georgia, serif; font-size: 18px;} .phone span {font-weight: bold; font-size: 24px;} .logo {width: 297px; height: 115px; position: absolute; top: 9px; left: 0;} .logo a {width: 297px; height: 115px; display: block; overflow: hidden; text-indent: -9999px;} /*---------------------------------- MAIN NAV ----------------------------------*/ #header .inside .main_nav_container {height: 52px; width: 778px; position: absolute; bottom: 0; right: 0;} ul.main_nav {margin: 0 auto; width: 778px; height: 52px;} ul.main_nav li {float: left; list-style: none; display: inline-block; height:52px;} ul.main_nav li a {height: 52px; display: block; text-indent: -9999px; overflow: hidden;} ul.main_nav li.home a {background: url(../img/nav_home.jpg) no-repeat left top; width: 60px;} ul.main_nav li.home a:hover, ul.main_nav li.home a.current {background-position: 0 -52px;} ul.main_nav li.why_choose_us a {background: url(../img/nav_why_choose_us.jpg) no-repeat left top; width: 131px;} ul.main_nav li.why_choose_us a:hover, ul.main_nav li.why_choose_us a.current {background-position: 0 -52px;} ul.main_nav li.about a {background: url(../img/nav_about.jpg) no-repeat left top; width: 127px;} ul.main_nav li.about a:hover, ul.main_nav li.about a.current {background-position: 0 -52px;} ul.main_nav li.before_afters a {background: url(../img/nav_before_afters.jpg) no-repeat left top; width: 122px;} ul.main_nav li.before_afters a:hover, ul.main_nav li.before_afters a.current {background-position: 0 -52px;} ul.main_nav li.patient_education a {background: url(../img/nav_patient_education.jpg) no-repeat left top; width: 139px;} ul.main_nav li.patient_education a:hover, ul.main_nav li.patient_education a.current {background-position: 0 -52px;} ul.main_nav li.testimonials a {background: url(../img/nav_testimonials.jpg) no-repeat left top; width: 107px;} ul.main_nav li.testimonials a:hover, ul.main_nav li.testimonials a.current {background-position: 0 -52px;} ul.main_nav li.contact_us a {background: url(../img/nav_contact_us.jpg) no-repeat left top; width: 92px;} ul.main_nav li.contact_us a:hover, ul.main_nav li.contact_us a.current {background-position: 0 -52px;} /*=================================== MAIN CONTENT ===================================*/ #main #content {min-height: 500px; height: auto !important; height: 500px; background: url(../img/bkg.jpg) repeat-x left top;} #main #content .inside {min-height: 500px; height: auto !important; height: 500px; padding-bottom: 50px;} .request_appt {width: 366px; height: 81px; position: absolute; top: 20px; left: 18px;} .request_appt a {background: url(../img/button_request_appt.jpg) no-repeat left top; width: 366px; height: 81px; display: block; overflow: hidden; text-indent: -9999px;} .request_appt a:hover {background-position: left -81px;} .patient_forms {width: 296px; height: 81px; position: absolute; top: 20px; right: 0px;} .patient_forms a {background: url(../img/button_forms.jpg) no-repeat left top; width: 296px; height: 81px; display: block; overflow: hidden; text-indent: -9999px;} .patient_forms a:hover {background-position: left -81px;} .offer {width: 341px; height: 81px; position: absolute; bottom: 20px; right: 20px;} .offer a {background: url(../img/button_offer.jpg) no-repeat left top; width: 341px; height: 81px; display: block; overflow: hidden; text-indent: -9999px;} .offer a:hover {background-position: left -81px;} .offer2 {width: 261px; height: 81px; padding: 20px 0;} .offer2 a {background: url(../img/button_offer2.jpg) no-repeat left top; width: 261px; height: 81px; display: block; overflow: hidden; text-indent: -9999px;} .offer2 a:hover {background-position: left -81px;} /*---------------------------------- MAIN MODULES ----------------------------------*/ .sidebar {width: 270px; float: left; position: relative; padding-top:32px;} .main_content {width: 680px; height: 492px; position: relative; float: left; background: url(../img/home_main_bkg.jpg) no-repeat right top;} #main #modules {min-height: 185px; height: auto !important; height: 185px;} #main #modules .inside {padding-top:15px; min-height: 185px; height: auto !important; height: 185px;} ul.modules_container li {list-style: none; width: 270px; padding-bottom: 15px;} ul.modules_container li .icon {float: left; margin-top:5px; padding-right: 9px;} ul.modules_container li.last {margin-right: 0;} ul.modules_container li h2 {margin-bottom: 15px !important;} ul.modules_container li p, .side_item p {float:right; width: 180px; color: #fff; line-height:19px; font-family: Georgia1, Georgia, serif; font-size: 14px;} /*=================================== SECONDARY CONTENT ===================================*/ #sec #content {min-height:705px; height:auto !important; height:705px; background: url(../img/bkg.jpg) repeat-x left top; padding-bottom: 80px;} #sec #content .inside {background: url(../img/sidebar_bkg.jpg) repeat-y; min-height:705px; height:auto !important; height:705px; } .main_column {width: 680px; position: relative; float: left; background: url(../img/main_content_top_bkg.jpg) no-repeat left top;} .side_column {width: 270px; float: left; background: url(../img/bkg.jpg) repeat-x left top;} .promo {width: 250px; height: 325px; margin-bottom: 10px; background: url(../img/promo_bkg.jpg) no-repeat left 7px;} .main_content_wrapper {padding: 115px 38px 0 38px;} .indent_content {padding: 0;} /*--STYLES-------------------------*/ .header_sec_content h1 {color: #00467f; font-size: 26px; position: absolute; left: 60px; top: 50px;} .main_column h1 {font-family: Georgia1, Georgia, serif; color: #3c7a3c; font-size: 26px; background: url(../img/h2.jpg) no-repeat left bottom; margin-bottom: 20px; text-transform: uppercase; padding:15px 0;} .main_column h2 {font-family: Georgia1, Georgia, serif; font-weight:bold; color: #1d5991; text-transform: uppercase; font-size: 18px; margin-bottom: 20px;} .main_column ul {margin-bottom:20px;} .main_column ul li {font-size: 13px; background: url(../img/li.jpg) no-repeat left 4px; margin-left:20px; padding:0 0 6px 13px;} .main_column p, .main_column ul li {font-family: Georgia1, Georgia, serif;} blockquote {color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: #478147 url(../img/blockquote_bkg.jpg) repeat-x left top; padding: 15px 20px 10px 20px; position: relative; margin-left:20px;} blockquote div {color: #fff; padding: 12px 0 5px 0;} div.hr {height: 3px; width: 581px; background: url(../img/hr.jpg) no-repeat; clear: both; margin-bottom: 20px;} .team_container {width: 581px; margin-bottom: 20px;} .team_photo {width: 166px; float: left; margin-right: 15px;} .team_desc {width: 400px; float: left;} .team_desc h3 {font-family: Georgia1, Georgia, serif; color: #1d5991; text-transform: uppercase; font-size: 18px; padding-bottom: 15px;} /*---------------------------------- SIDEBAR ----------------------------------*/ .side_item {margin-bottom: 10px; width:301px;} .side_item h2 {margin-bottom: 8px;} .side_item h2 a {color: #8aa43e; font-size: 18px; text-decoration: none;} .side_item h2.other a {color: #00467f;} .side_item h2 a:hover {text-decoration: none;} /*=================================== FOOTER ===================================*/ .copyright {position: absolute; right: 0; bottom: -25px;} .copyright p {color: #9daccf; font-size: 11px !important; margin-bottom:0px;} .copyright a {color: #9daccf !important; font-size: 11px !important; text-decoration: none !important;} .copyright .patientdocs, .copyright .patientdocs a {color: #9daccf !important; font-size: 11px !important;} .copyright a:hover {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:#1b3e8c; font-size:12px;float:left; } #hours-hdr{ color:#FFF; font-weight:bold;} .hours-bg{ background-color:#FFF; color:#1b3e8c;} /* 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--*/