﻿/*==============================================
Devoted to Women Custom Stylesheet
================================================
Design by: Cyrus Limited, Inc. - cyrusonline.com
Author: Travis Repetto & Brandon Kidd
Last Edited: 8-18-2008
==============================================*/

/* Global */
*{ font-family: Arial, Verdana, Helvetica, sans-serif; }
html, body{ border: 0; font-size: 12px; }
body{ background-color: #738573; color: #454545; }
h1, h1 *, h2, h2 *, h3, h3 *, h4, h4 *, h5, h5 *, h6, h6 *, legend{ font-family: Georgia, Times New Roman, Times, serif; font-weight: normal; }
h1{ font-size: 24px; }
h2{ font-size: 20px; }
h3{ font-size: 18px; }
h4{ font-size: 16px; }
h5{ font-size: 14px; }
h6{ font-size: 12px; }
p, #main_content .literalContent{ line-height: 20px; text-align: justify; margin: 0 0 18px 0; }
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: #587058; outline: none; text-decoration: none; }
a:hover, a:focus{ color: #df704f; text-decoration: underline; }
p a[target="_blank"]{ padding: 0 10px 0 0; background: transparent url(/Resources/Common/Images/Icons/opennew.gif) no-repeat 100% 3px; }
address{ font-style: normal; }
fieldset{ border: 2px solid #eee; padding: 5px 10px; }
legend{ color: #898; font-size: 16px; font-weight: bold; }
.warning{ color: #c66; font-weight: bold; }
.viewall, .viewall span{ font-size: 10px; font-weight: bold; text-decoration: none; }
.viewall:hover span{ text-decoration: underline; }
.button{ background: #eeede6; border: solid 1px #b8b7ae; color: #87867f; font-size: 11px; font-weight: bold; padding: 4px 6px; text-decoration: none; }
.button:hover, .button:focus{ background: #898; border-color: #738573; color: #fff; text-decoration: none; }

/* Containers */
#wrap{ width: 100%; background-color: #898; }
#header{ width: 960px; height: 151px; position: relative; background: transparent url(Images/bg_header.jpg) no-repeat center top; margin: 0 auto; padding: 0 20px; }
#marquee_wrap{ width: 1000px; height: 262px; position: relative; background: transparent url(Images/bg_marquee.jpg) no-repeat center top; margin: 0 auto; }
#cta{ width: 940px; height: 80px; position: relative; background: transparent url(Images/bg_cta.gif) no-repeat center top; margin: 0 auto; _margin-bottom: -12px; padding: 12px 30px 10px; }
#cta_sidebar{ width: 960px; position: relative; margin: 0 auto; }
#mainwrap{ width: 960px; background: transparent url(Images/bg_mainwrap.gif) repeat-y center top; margin: 0 auto; padding: 0px 20px; }
.root #mainwrap{ background: transparent url(Images/bg_mainwrap-home.gif) repeat-y center top; }
#main{ width: 960px; min-height: 180px; _height: 180px; background: transparent url(Images/bg_main.gif) no-repeat center top; }
.root #main{ min-height: 100px; _height: 100px; background: transparent url(Images/bg_main-home.gif) no-repeat center top; }
#footerwrap{ width: 100%; background: transparent url(Images/bg_footerwrap.gif) repeat-x left top; }
#footer{ width: 960px; min-height: 60px; _height: 60px; background: transparent url(Images/bg_footer.gif) no-repeat center top; margin: 0 auto; padding: 0 20px; }
.root #footer{ background: transparent url(Images/bg_footer-home.gif) no-repeat center top; }

/* Header */
#header #logo{ width: 251px; height: 84px; position: absolute; left: 40px; top: 58px; background: transparent url(Images/logo.gif) no-repeat left top; }
#header #logo:hover, #header #logo:focus{ background-position: left bottom; }
#header #logo span{ display: none; }
#header #search{ width: 214px; height: 30px; position: absolute; left: 730px; top: 86px; background: transparent url(Images/bg_search.gif) no-repeat left top; }
#header #search input, #header #search input.empty{ width: 165px; background: transparent none; border: 0; color: #fff; float: left; font-family: Georgia, Times New Roman, Serif; font-size: 12px; font-weight: bold; padding: 7px 5px; }
#header #search input.empty{ color: #ddd; }
#header #search .button{ display: block; float: left; margin: 3px 0 0 5px; text-transform: uppercase; }
#header #navigation{ width: 883px; height: 37px; position: absolute; left: 59px; top: 13px; }
#header #navigation ul{ list-style: none; }
#header #navigation ul li{ display: inline; }
#header #navigation ul li a{ height: 37px; background-color: transparent; background-position: left top; background-repeat: no-repeat; display: block; float: left; margin: 0 0 0 3px; }
#header #navigation ul li.firstlink a{ margin: 0; }
#header #navigation ul li a:hover, #header #navigation ul li a:focus{ background-position: left -37px; }
#header #navigation ul li #nav_home{ width: 73px; background-image: url(Images/nav_home.gif); }
#header #navigation ul li #nav_meet_our_providers{ width: 162px; background-image: url(Images/nav_providers.gif); }
#header #navigation ul li #nav_medical_services{ width: 141px; background-image: url(Images/nav_services.gif); }
#header #navigation ul li #nav_patient_information{ width: 161px; background-image: url(Images/nav_patients.gif); }
#header #navigation ul li #nav_office_location{ width: 131px; background-image: url(Images/nav_location.gif); }
#header #navigation ul li #nav_about_us{ width: 94px; background-image: url(Images/nav_about.gif); }
#header #navigation ul li #nav_contact_us{ width: 103px; background-image: url(Images/nav_contact.gif); }
#header #navigation ul li a span{ display: none; }
.root #header #navigation ul li #nav_home, .providers #header #navigation ul li #nav_meet_our_providers, .services #header #navigation ul li #nav_medical_services, .patients #header #navigation ul li #nav_patient_information, .location #header #navigation ul li #nav_office_location, .about #header #navigation ul li #nav_about_us, .contact #header #navigation ul li #nav_contact_us{ background-position: left bottom; }
#header .office{ width: 280px; height: 75px; position: absolute; left: 320px; top: 70px; }
#header .office address{  }
#header .office address a{ color: #888; font-family: Georgia, Times New Roman, Serif; font-size: 16px; line-height: 22px; text-decoration: none; }
#header .office address a:hover, #header .office address a:focus{ color: #587058; }
#header .office .phone, #header .office .fax{ color: #888; display: inline; float: left; font-family: Arial, Verdana, Sans-Serif; font-size: 12px; line-height: 22px; }
#header .office .phone{ border-right: solid 1px #ccc; padding: 0 10px 0 0; }
#header .office .fax{ margin: 0 0 0 10px; }

/* CTA Bar */
#cta a{ display: inline; float: left; margin: 0 0 0 11px; }
#cta .cta1{ margin: 0; }

/* Homepage Main */
#main #content{ width: 440px; position: relative; display: inline; float: left; padding: 10px 10px 0; }
#main #content h1{ color: #587058; line-height: 42px; margin: 0 0 10px 0; }
#main #content h1 span{ font-family: Georgia, Times New Roman, Serif; }
#main #content .menu{ position: absolute; left: 290px; top: 18px; }
#main #leftcol{ width: 250px; display: inline; float: left; }
#main #commonquestions{ width: 230px; display: inline; float: left; margin: 0 10px; padding: 10px 0 0; }
#main #commonquestions h2 a{ width: 230px; height: 30px; background: transparent url(Images/h2_commonquestions.gif) no-repeat left top; display: block; margin: 5px 0; }
#main #commonquestions h2 a:hover, #main #commonquestions h2 a:focus{ background-position: left bottom; }
#main #commonquestions h2 a span{ display: none; }
#main #commonquestions ul{ list-style: none; margin: 10px; }
#main #commonquestions ul li{ background: transparent url(Images/bg_quotea.gif) no-repeat left top; margin: 5px 0 20px 0; padding: 0 0 0 20px; }
#main #commonquestions ul li a{ background: transparent url(Images/bg_quoteb.gif) no-repeat right bottom; font-size: 12px; font-style: italic; line-height: 20px; padding: 0 20px 2px 0; }
#main #commonquestions a.button{ margin: 2px 0 2px 10px; }
#main #operationhours{ width: 230px; display: inline; color: #666; float: left; font-family: Georgia, Times New Roman, Serif; font-size: 12px; line-height: 20px; margin: 20px 10px 0; padding: 10px 0 0; }
#main #operationhours h2 a{ width: 230px; height: 40px; background: transparent url(Images/h2_hoursofoperation.gif) no-repeat left top; display: block; margin: 5px 0 0; }
#main #operationhours h2 a:hover, #main #operationhours h2 a:focus{ background-position: left bottom; }
#main #operationhours h2 a span{ display: none; }
#main #operationhours dl{ width: 133px; height: 88px; background: transparent url(Images/hoursofoperation.gif) no-repeat left top; border: 0; margin: 0; padding: 0; }
#main #operationhours dl dt, #main #operationhours dl dd{ display: none; }
#main #services{ width: 230px; display: inline; float: left; margin: 0 10px; padding: 10px 0 0; }
#main #services h2 a{ width: 230px; height: 30px; background: transparent url(Images/h2_services.gif) no-repeat left top; display: block; margin: 5px 0; }
#main #services h2 a:hover, #main #services h2 a:focus{ background-position: left bottom; }
#main #services h2 a span{ display: none; }
#main #services ul{ list-style: none; margin: 10px 0; }
#main #services ul li{ background: transparent url(Images/bullet1.gif) no-repeat left 8px; margin: 0 0 10px 0; padding: 0 0 0 12px; }
#main #services ul li a{ font-size: 14px; font-weight: bold; line-height: 20px; text-decoration: none; }
#main #services ul li a:hover, #main #services ul li a:focus{ color: #df704f; text-decoration: underline; }
#main #services ul ul{ margin: 0 0 7px 7px; }
#main #services ul ul li{ background: transparent url(Images/bullet2.gif) no-repeat 0 7px; margin: 5px 0; }
#main #services ul ul li a{ color: #454545; font-size: 12px; font-weight: normal; text-decoration: none; }
#main #services .button{ display: block; float: left; margin-left: 10px; }

/* Footer */
#footer #footer_left, #footer #footer_right{ width: 450px; display: inline; margin: 56px 0 15px; }
#footer #footer_left{ float: left; }
#footer #footer_left p{ color: #bcb; font-size: 10px; line-height: 18px; margin: 0; }
#footer #footer_left ul{ list-style: none; }
#footer #footer_left ul li{ border-left: solid 1px #bcb; display: inline; padding-left: 6px; }
#footer #footer_left ul li a{ color: #fd9; font-size: 10px; margin-right: 4px; text-decoration: underline; }
#footer #footer_left ul li a:hover, #footer #footer_left ul li a:focus{ color: #fff; text-decoration: none; }
#footer #footer_left ul li.firstcell{ border: 0; padding: 0; }
#footer #footer_right{ float: right; position: relative; }
#footer #footer_right address, #footer #footer_right p{ color: #bcb; font-size: 10px; line-height: 18px; margin: 0; text-align: right; }
#footer #footer_right address a{ color: #fd9; font-size: 10px; text-decoration: underline; }
#footer #footer_right address a:hover, #footer #footer_right address a:focus{ color: #fff; text-decoration: none; }
#footer #footer_right p{ padding-right: 54px; }
#footer #footer_right p a.cyrus{ width: 50px; height: 16px; position: absolute; left: 400px; top: 20px; background: transparent url(Images/poweredbycyrus.gif) no-repeat left top; display: block; }
#footer #footer_right p a.cyrus:hover, #footer #footer_right p a.cyrus:focus{ background-position: left bottom; }
#footer #footer_right p a.cyrus span{ display: none; }

/* Main Inner */
#cta_sidebar a{ width: 240px; height: 40px; position: absolute; left: 710px; background-color: transparent; background-position: left top; background-repeat: no-repeat; }
#cta_sidebar a span{ display: none; }
#cta_sidebar a:hover, #cta_sidebar a:focus{ background-position: left bottom; }
#cta_sidebar .cta1{ top: 12px; background-image: url(Images/cta_heroption-sm.gif); }
#cta_sidebar .cta2{ top: 53px; background-image: url(Images/cta_papsmear-sm.gif); }
#cta_sidebar .cta3{ top: 94px; background-image: url(Images/cta_essure-sm.gif); }

/* Main Content Styles */
#main_content{ width: 680px; display: inline; float: left; padding: 10px; }
#main_content h1, #main_content h2, #main_content h3, #main_content h4, #main_content h5, #main_content h6{ margin: 0 0 5px 0; }
#main_content h1{ color: #587058; font-size: 24px; padding: 6px 0; }
#main_content h2, #content h2{ background: transparent url(Images/bg_heading2.gif) no-repeat left 6px; color: #df704f; font-size: 20px; padding: 4px 0px 4px 24px; }
#main_content h2 a, #content h2 a{ color: #df704f; }
#main_content h2 a:hover, #content h2 a:hover, #main_content h2 a:focus, #content h2 a:focus{ color: #CE3926; }
#main_content h3, #content h3{ color: #738573; font-style: italic; padding: 3px 0; }
#main_content h4, #content h4{ color: #df704f; padding: 3px 0; }
#main_content h5, #content h5{ color: #666; padding: 2px 0; }
#main_content h6, #content h6{ color: #898; padding: 2px 0; }
#main_content hr, #content hr{ height: 0; border: 0; border-bottom: 1px solid #ccc; }
#main_content ul, #content ul{ margin: 0 0 20px 0; }
#main_content ul li, #content ul li{ list-style: none; background: transparent url(/Resources/Common/Images/bullet.gif) no-repeat 0 0.67em; margin: 0 0 5px 0; padding-left: 15px; text-align: left; }
#main_content ol, #content ol{ margin: 0 0 20px 25px; }
#main_content ol li, #content ol li{ margin-bottom: 10px; line-height: 18px; }
#main_content dl, #content dl{ margin: 0 0 20px 0; line-height: 20px; }
#main_content dl dt, #content dl dt{ color: #555; font-weight: bold; }
#main_content dl dd, #content dl dd{ margin: 0 0 10px 0; }
#main_content blockquote, #content blockquote{ width: 660px; margin: 0 0 20px 0; padding: 0 0 0 10px; border-left: 3px solid #ddd; color: #666; line-height: 20px; text-align: justify; font-style: italic; }
#main_content .menuempty{ margin: 0 0 10px 0; }
#main_content .button, #main_content .button_disabled{ border: solid 1px #b8b7ae; font-size: 11px; font-weight: bold; line-height: 26px; padding: 4px 6px; }
#main_content .greenbutton{ background: #898; border: solid 1px #738573 !important; color: #fff; }
#main_content input.button{ height: 22px; margin: 0; padding: 0 2px; line-height: 12px; }
#main_content .button_disabled{ padding: 4px 8px; background: #fff; border-color: #ccc; color: #ccc; }
#main_content input.button_disabled{ height: 22px; padding: 0 4px; line-height: 12px; }
#main_content .button_disabled:hover, #main_content .button_disabled:focus{ text-decoration: none; }
#main_content .greenbutton:hover, #main_content .greenbutton:focus{ background: #738573 !important; border-color: #666 !important; color: #fff !important; }
#main_content .photo{ width: 132px; height: 152px; float: left; position: relative; background: url(/Resources/Common/Images/bg_photo.jpg) no-repeat; }
#main_content .photo img{ position: absolute; left: 5px; top: 5px; }
#main_content .thumb{ width: 72px; height: 82px; float: left; position: relative; background: url(/Resources/Common/Images/bg_photo_thumb.jpg) no-repeat; }
#main_content .thumb img{ position: absolute; left: 5px; top: 5px; }

/* Main Sidebar */
#main_sidebar{ width: 240px; display: inline; float: left; padding: 140px 10px 10px 10px; }
#main_sidebar h2{ background: #898; border: 1px solid #738573; color: #fff; font-size: 16px !important; margin: 0 0 5px; padding: 5px; }
#main_sidebar h3{ color: #738573; font-size: 14px; margin: 5px 0; }
#main_sidebar h4{ color: #df704f; font-size: 12px; margin: 4px 0; }
#main_sidebar h5{ color: #666; font-size: 11px; margin: 3px 0; }
#main_sidebar h6{ color: #898; font-size: 10px; margin: 2px 0; }
#main_sidebar fieldset{ width: 190px; display: none; margin: 0 auto 10px auto; }
#main_sidebar address{ margin: 0 0 0 10px; line-height: 18px; }
#main_sidebar #phonenumbers{ margin: 10px 0 0 10px; color: #666; line-height: 18px; font-weight: bold; }
#main_sidebar #map{ width: 200px; height: 200px; overflow: hidden; margin: 20px 0 10px 10px; border: 4px solid #ccc; }
#main_sidebar #sidemenu{  }
#main_sidebar #sidemenu ul{ list-style: none; margin: 10px 5px; }
#main_sidebar #sidemenu ul li{ background: transparent url(Images/bullet1.gif) no-repeat left 8px; margin: 0 0 10px 0; padding: 0 0 0 12px; }
#main_sidebar #sidemenu ul li a{ font-size: 14px; font-weight: bold; line-height: 20px; text-decoration: none; }
#main_sidebar #sidemenu ul li a:hover, #main_sidebar #sidemenu ul li a:focus{ color: #df704f; text-decoration: underline; }
#main_sidebar #sidemenu ul ul{ margin: 0 0 5px 5px; }
#main_sidebar #sidemenu ul ul li{ background: transparent url(Images/bullet2.gif) no-repeat 0 7px; margin: 5px 0; }
#main_sidebar #sidemenu ul ul li a{ color: #454545; font-size: 12px; font-weight: normal; text-decoration: none; }
#main_sidebar #quicklinks.control_container li{ margin: 0 0 0 5px; padding: 0 0 0 5px; background: transparent url(/Resources/Common/Images/bullet_sub.gif) no-repeat 0 8px; font-weight: normal; }

/* Services */
.services #main_content h2{ clear: both; }
.services #main_content p{ clear: both; }
.services #main_content p a.viewall{ float: left; margin-bottom: 5px; }

/* Text Relay Button */
.contact_default{ position: relative; }
.contact_default a{ width: 240px; height: 60px; background: transparent url(Images/btn-freetextrelay.jpg) no-repeat left top; display: block; position: absolute; left: 5px; top: 240px; }
.contact_default a:hover, .contact_default a:focus{ background-position: left bottom; }
.contact_default a span{ display: none; }

/* FAQs */
#faqList .faqItem h3{ padding: 3px 0 3px 18px; }
