/* FPIC Stylesheet --------------------------------------------------------*/ html, body{ font-size: 14px; } body{ background: #ddecf3; color: #000; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } h1, h2, h3, h4, h5, h6{ font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; } h1{ color: #c60; font-size: 24px; margin: 0 0 5px 0; } h2{ color: #004785; font-size: 20px; margin: 0 0 5px 0; } h3{ color: #666; font-size: 18px; margin: 0 0 5px 0; } h4{ color: #c60; font-size: 16px; margin: 0 0 5px 0; } h5{ color: #004785; font-size: 14px; margin: 0 0 5px 0; } h6{ color: #666; font-size: 12px; margin: 0 0 5px 0; } p, #main_content .literalContent{ line-height: 20px; margin: 0 0 20px 0; 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: #369; text-decoration: none; } a:hover, a:focus{ color: #c60; text-decoration: underline; } /* Structure */ #wrap{ width: 100%; min-width: 960px; background: transparent url(../Images/main-bg.gif) repeat-x top center; } #container-wrap{ width: 960px; margin: 0 auto; background: transparent url(../Images/repeater-bg.gif) repeat-y; } #container{ position: relative; background: transparent url(../Images/header-bg.gif) no-repeat; } /* Header Section */ #header{ position: relative; z-index: 1; height: 105px; background: transparent url(../Images/header-bg.gif) no-repeat; } #header #logo{ float: left; display: inline; width: 275px; height: 85px; margin: 0 0 0 10px; } #header #logo a{ display: block; width: 100%; height: 100%; background: transparent url(../Images/logo.gif) no-repeat top left; text-indent: -9999px; } #header #logo a:hover{ background-position: bottom left; } #header .top-nav{ float: right; display: inline; width: 237px; height: 22px; margin: 3px 20px 0 0; font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; } #header .top-nav li{ display: inline; } #header .top-nav li a{ background: transparent url(../Images/top-nav.gif) no-repeat 0 4px; padding: 0 1px 0 5px; color: #fff; font-size: 12px; line-height: 22px; } #header .top-nav li.firstcell a{ background-image: none; padding-left: 0; } .search{ clear: right; float: right; display: inline; width: 245px; height: 22px; margin: 0 20px 0 0; } .search .search-text{ float: left; display: inline; width: 215px; height: 16px; margin: 0 0 0 3px; padding: 3px 0 0 3px; border: 0 none; background: transparent none; font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; color: #666; font-size: 11px; line-height: 16px; } .search .search-text:focus{ color: #333; } .search .search-button{ float: right; display: block; width: 22px; height: 22px; text-indent: -9999px; } /* Navigation Section */ #nav{ float: right; display: inline; width: 620px; height: 35px; margin: 13px 10px 0 0; z-index: 10; } #nav ul{ list-style: none; } #nav li{ display: inline; float: left; position: relative; padding: 0; } #nav a{ float: left; display: block; height: 35px; background-image: url(../Images/nav.gif); background-repeat: no-repeat; text-indent: -9999px; } /* Links */ #nav #nav_products_and_services{ width: 168px; background-position: 0 0; } #nav #nav_products_and_services:hover, #nav li.sfhover #nav_products_and_services{ background-position: 0 -35px; } .productsandservices #nav #nav_products_and_services{ background-position: 0 -70px !important; } #nav #nav_apply_for_coverage{ width: 161px; background-position: -168px 0; } #nav #nav_apply_for_coverage:hover, #nav li.sfhover #nav_apply_for_coverage{ background-position: -168px -35px; } .apply #nav #nav_apply_for_coverage{ background-position: -168px -70px !important; } #nav #nav_risk_management{ width: 151px; background-position: -329px 0; } #nav #nav_risk_management:hover, #nav li.sfhover #nav_risk_management{ background-position: -329px -35px; } .riskmanagement #nav #nav_risk_management{ background-position: -329px -70px !important; } #nav #nav_claims_center{ width: 130px; background-position: -480px 0; } #nav #nav_claims_center:hover, #nav li.sfhover #nav_claims_center{ background-position: -480px -35px; } .claimscenter #nav #nav_claims_center{ background-position: -480px -70px !important; } /* Dropdowns */ #nav li div{ z-index: 20; display: none; position: absolute; top: 30px; left: -5px; width: 200px; padding: 0 0 20px 0; } #nav #li_claims_center div{ left: -57px; } #nav li ul{ z-index: 20; display: none; position: absolute; top: 5px; left: 0px; width: 190px; margin: 0; padding: 3px 0 11px 10px; background: transparent url(../Images/dropdown.png) repeat-y bottom left; } #nav li li{ z-index: 20; background: transparent none; margin: 0; } #nav li li a{ text-indent: 0; } #nav li.sfhover li a{ display: block; width: 175px; height: 22px; padding: 0 0 0 5px; background: transparent none; color: #fff; font-size: 12px; line-height: 22px; font-weight: normal; text-align: left; } #nav li.sfhover li.sfhover a{ -moz-border-radius: 2px; -webkit-border-radius: 2px; background-color: #fff; color: #c60; text-decoration: none; } #nav li > #nav ul{ top: auto; left: auto; } #nav li.sfhover ul, #nav li.sfhover div{ display: block; } /* Main Section */ #main-wrap{ position: relative; z-index: 0; } #main{ width: 100%; position: relative; overflow: hidden; background: transparent url(../Images/main-inner.gif) repeat-y top left; } .root #main{ background-image: none; } /* Slideshow */ #marquee{ position: relative; z-index: 1; width: 920px; height: 370px; overflow: hidden; margin: 0 0 0 20px; background: transparent url(../Images/marquee-bg.gif) no-repeat; } #marquee .btn-makepayment{position: absolute; left: 1px; top: 2px; background: url('../Images/btn_makepayment.jpg') no-repeat; width: 157px; height: 36px; margin: 10px 0 0 10px; text-indent: -9999px; z-index: 300; } .slideshow{ width: 920px; height: 270px; position: relative; overflow: hidden; } .slideshow .slide{ width: 920px; height: 270px; position: absolute; } .slideshow .btn-forbes{ width: 81px; height: 74px; position: absolute; right: 80px; top: 25px; display: block; overflow: hidden; text-indent: -9999px; } .slideshow .btn-learnmore{ float: left; display: inline; width: 178px; height: 35px; margin: 160px 0 0 600px; text-indent: -9999px; } .slideshow .slide-1{ background: transparent url(../Images/slide-1.jpg) no-repeat; } .slideshow .slide-2{ background: transparent url(../Images/slide-2.jpg) no-repeat; } .slideshow .slide-3{ background: transparent url(../Images/slide-3.jpg) no-repeat; } .slideshow .slide-4{ background: transparent url(../Images/slide-4.jpg) no-repeat; } .slideshow .slide-5{ background: transparent url(../Images/slide-5.jpg) no-repeat; } .marquee-bottom{ height: 100px; background: transparent url(../Images/marquee-bottom.gif) no-repeat; } .marquee-bottom p#copy { float: right; display: inline; width: 705px; margin: 0 20px 0 0; padding: 10px 0 0 0; color: #666; font-size: 11px; line-height: 14px; } .marquee-bottom .btn-apply{ float: left; width: 160px; height: 35px; margin: 15px 0 0 16px; text-indent: -9999px; } .marquee-bottom p#notice {color: #fff; font-weight: bold; float: left; margin: 11px 0 0 0; font-size: 12px; width: 920px; text-align: center;} .marquee-bottom p#notice span, .marquee-bottom p#notice a {font-size: 14px; color: #004785; text-transform: uppercase; } .marquee-bottom p#notice img {margin: 0 15px -9px;} /* Home Page */ .main-bottom{ overflow: hidden; margin: 10px 20px; background: transparent url(../Images/main-bottom-bg.gif) repeat-y top left; } .main-bottom .column{ float: left; display: inline; width: 200px; margin: 0 20px 0 10px; background-repeat: no-repeat; } .main-bottom h2{ padding-top: 95px; background-repeat: no-repeat; color: #c60; font-size: 18px; } .main-bottom h2 a{ color: #c60; } .main-bottom p{ margin: 0 0 10px 0; color: #000; font-size: 11px; line-height: 16px; text-align: left; } .main-bottom p strong{ font-style: italic; } .main-bottom ul li{ list-style: square; color: #999; } .main-bottom .col-1 h2{ background-image: url(../Images/cta-1.jpg); } .main-bottom .col-2 h2{ background-image: url(../Images/cta-2.jpg); } .main-bottom .col-3 h2{ background-image: url(../Images/cta-3.jpg); } .main-bottom .col-1 ul, .main-bottom .col-2 ul, .main-bottom .col-3 ul{ margin: 0; padding: 0; } .main-bottom .col-1 ul li, .main-bottom .col-2 ul li, .main-bottom .col-3 ul li{ list-style: none; padding: 0 0 0 20px; background: transparent url(../Images/bullet-arrow.gif) no-repeat 6px 7px; font-size: 12px; line-height: 20px; } .main-bottom .col-4{ width: 210px; margin: 0 0 0 10px; } .main-bottom .col-4 ul{ margin: 0; padding: 0; } .main-bottom .col-4 li{ list-style: none; margin: 0 0 15px 0; padding: 0 0 0 10px; background: transparent url(../Images/cta-4.gif) repeat-y top left; } .main-bottom .col-4 li.last{ margin: 0; } .main-bottom .col-4 h2{ margin: 0 0 2px 0; padding: 0; color: #333; font-size: 14px; line-height: 14px; } .main-bottom .col-4 p{ margin: 0; padding: 0; line-height: 15px; } /* Internal Page Structure */ #main #main_inner{ margin: 0 30px 0 30px; } #main #main_inner #main_content{ width: 680px; float: right; display: inline; margin: 10px 0 20px; background: transparent url(../Images/header-1.jpg) no-repeat top left; } .productsandservices #main #main_inner #main_content{ background-image: url(../Images/header-productsandservices.jpg); } .apply #main #main_inner #main_content{ background-image: url(../Images/header-applyforcoverage.jpg); } .riskmanagement #main #main_inner #main_content{ background-image: url(../Images/header-riskmanagement.jpg); } .claimscenter #main #main_inner #main_content{ background-image: url(../Images/header-claimscenter.jpg); } #main #main_inner #main_sidebar{ width: 180px; float: left; display: inline; margin: 10px 0 20px; } /* Font Sizer Custom */ .menu .font_sizer .font_normal, .menu .font_sizer .font_medium, .menu .font_sizer .font_large{ background: transparent none; border: 0 none; margin: 0; padding: 1px 3px; text-decoration: none; } .menu .font_normal{ font-size: 10px; } .menu .font_medium{ font-size: 14px; } .menu .font_large{ font-size: 18px; margin-right: 0; } .root .menu{ display: none; } /* Main Content Styles */ #main_content h1{ line-height: 30px; margin: 145px 20px 0; } #main_content h1 a{ color: #369; font-weight: normal; text-decoration: none; } #main_content h1 a:hover, #main_content h1 a:focus{ color: #fff; } #main_content .menu{ border-top: 1px solid #ccc; margin: 0 20px 20px; padding: 0 10px 0 0; } #main_content .menu a{ text-decoration: none; } #main_content .menu a:hover, #main_content .menu a:focus{ color: #666; } #main_content .menuempty{ margin: 0 20px 45px; border-top: 1px solid #ccc; } #main_content acronym{ border-bottom: 1px dotted #ccc; cursor: help; } #main_content hr{ height: 0; margin: 10px 0; border: 0; border-bottom: 1px solid #ccc; } #main_content fieldset{ border: 2px solid #ddd; padding: 10px; } #main_content legend{ font-size: 14px; font-weight: bold; } #main_content ul, #main_content ol{ margin: 0 0 10px 0; padding: 0 0 0 25px; } #main_content li{ margin: 0 0 10px 0; line-height: 18px; } #main_content ul li{ list-style: square; } #main_content ol li{} #main_content dl{ line-height: 20px; margin: 0 0 20px 0; } #main_content dl dt{ color: #555; font-weight: bold; } #main_content dl dd{ margin: 0 0 10px 0; } #main_content 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 .button, #main_content .button_disabled{ font-size: 14px; font-weight: bold; line-height: 26px; padding: 2px 6px; text-decoration: none; } #main_content input.button{ height: 22px; margin: 0; padding: 0 2px; line-height: 14px; } #main_content .button{ border: 1px outset #ccc; background: #4b759d; border-color: #426b9c; color: #fff; text-decoration: none; } #main_content .button:hover, #main_content .button:focus{ background: #369; border-color: #004785; color: #004785; text-decoration: none; } #main_content .button_disabled{ border: 1px solid #ccc; background: #fff; border-color: #f1f1f1; color: #ccc; padding: 4px 8px; } #main_content input.button_disabled{ height: 22px; line-height: 14px; padding: 0 4px; } #main_content .button_disabled:hover{ text-decoration: none; } #main_content .greenbutton:hover{ background: #fff !important; color: #333 !important; } #main_content .photo{ float: left; width: 132px; height: 152px; 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{ float: left; width: 72px; height: 82px; position: relative; background: url(/Resources/Common/Images/bg_photo_thumb.jpg) no-repeat; } #main_content .thumb img{ position: absolute; left: 5px; top: 5px; } /* Sidebar Styles */ #main_sidebar h2{ color: #004785; font-size: 16px !important; line-height: 28px; margin: 0; } #main_sidebar #sidemenu{ margin-bottom: 15px; padding: 5px 0 10px 0; font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; } #main_sidebar fieldset{ width: 219px; margin: 0 10px 10px; } #main_sidebar address{ color: #004785; } #main_sidebar #phonenumbers{ color: #369; font-weight: bold; line-height: 18px; margin: 10px 0; } #main_sidebar #phonenumbers a{ color: #666; } #main_sidebar #phonenumbers .phonedirectory{ display: none; } #main_sidebar #map{ width: 168px; height: 200px; border: solid 2px #ccc; margin: 20px 0 10px 0; overflow: hidden; } #main_sidebar ul{ list-style: square; margin: 0 0 15px; } #main_sidebar ul li{ margin: 2px 0 2px 15px; color: #c60; font-size: 10px; line-height: 16px; } #main_sidebar ul li a{ color: #004785; font-size: 12px; font-weight: bold; text-decoration: none; } #main_sidebar ul li a:hover, #main_sidebar ul li a:focus{ color: #c60; text-decoration: underline; } #main_sidebar ul li ul{ margin: 0 0 5px 5px; } #main_sidebar ul ul li{ color: #999; line-height: 14px; } #main_sidebar ul ul li a{ color: #666; font-size: 11px; font-weight: normal; } #main_sidebar ul ul li a:hover, #main_sidebar ul ul li a:focus{ text-decoration: underline; } #main_sidebar ul ul li ul{} #main_sidebar ul ul ul li{ color: #c60; line-height: 14px; } #main_sidebar ul ul ul li a{ color: #369; } #main_sidebar .alternate-resume-options{ background: #ddecf3; border: solid 2px #aecbd8; padding: 10px; } #main_sidebar .alternate-resume-options h3{ color: #369; font-size: 16px; margin: 0 0 2px; } #main_sidebar .alternate-resume-options p{ border-bottom: dotted 1px #aecbd8; color: #333; font-size: 11px; margin: 0 0 8px; padding: 0 0 8px; } #main_sidebar .alternate-resume-options address{ color: #333; font-size: 11px; font-style: normal; } /* Footer Section */ #footer{ width: 960px; margin: 0 auto; overflow: hidden; padding: 15px 0 20px; background: #ddecf3 url(../Images/footer-bg.gif) no-repeat; color: #999; font-size: 11px; line-height: 18px; } #footer .left{ width: 440px; float: left; display: inline; margin: 5px 0 0 20px; } #footer .right{ width: 400px; float: right; display: inline; text-align: right; margin: 5px 20px 0 0; } #footer a{ color: #369; text-decoration: none; } #footer a:hover, #footer a:focus{ color: #c60; text-decoration: underline; } #footer .copyright{ text-align: left; } #footer .footer-nav ul{ list-style: none; } #footer .footer-nav li{ display: inline; } #footer .footer-nav li a{ border-left: solid 1px #ccc; padding: 0 3px 0 6px; } #footer .footer-nav li.firstcell a{ border-left: 0; padding-left: 0; } #footer address{ font-style: normal; } #footer .designby{ clear: left; color: #ccc; } #footer .designby a{ padding-right: 39px; background: transparent url(../Images/designby.gif) no-repeat top right; } #footer .designby a:hover{ background-position: bottom right; } #footer .designby span{ display: none; } /* Innerpage Ad */ .home-ad h4, .side-ad h4{ margin: 0 0 3px 0; padding: 0; color: #666; font-size: 8px; line-height: 8px; font-weight: normal; text-align: center !important; text-transform: uppercase; } .side-ad{ display: none; } #main_sidebar .side-ad{ display: block; width: 160px; height: 300px; margin: 10px 0 0 35px; } /* Location Proximity */ #locationproximity-wrap{} .locationproximity-search{ position: relative; border-color: #c7e2f0; background-color: #e4ecf1; } .locationproximity-search td{ padding-right: 5px; } .locationproximity-search .search-or{ padding-right: 10px; line-height: 22px; } .locationproximity-search .button{ margin-right: 5px; } .locationstate-wrap, .locationproximity-wrap{ width: 950px; overflow: hidden; } .location-list{ float: left; width: 215px; margin: 0 10px 0 0 !important; text-align: left !important; } ul.location-list{ padding: 0 !important; } .location-list li{ color: #666; font-weight: bold; } ul.location-list li{ list-style: none !important; } .location-list strong a{ font-weight: bold; line-height: 14px !important; } .location-list address{ color: #666; font-size: 11px; line-height: 14px !important; } .location-list .distance{ color: #333; font-size: 11px; font-weight: bold; } .location-map{ float: left; width: 430px; } .location-map #map{ width: 426px; height: 370px; border: 2px solid #c7e2f0; } #locationproximity-wrap .pager{ clear: left; padding-top: 10px; } /* Hax0rs */ .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; } #physician_search{ border-color: #c7e2f0; background-color: #e4ecf1; } .careers-jobopenings .joblistcontrolpanel{ display: none; } /* Cyrus Datapager */ .pager{} .pager a, .pager a:link, .pager a:visited{ display: block !important; float: left !important; padding: 2px 6px !important; border-right: 1px solid #dedede !important; text-decoration: none !important; } .pager a:hover{ text-decoration: underline !important; } .pager a.disabled, .pager a.disabled:hover{ color: #999 !important; text-decoration: none !important; } .pager a.pager-command{ display: block !important; float: left !important; margin-right: 2px !important; padding: 2px 4px !important; font-weight: bold !important; } .pager a.pager-next{ border-right: 0 none !important; } .pager .pager-current{ display: block !important; float: left !important; padding: 2px 6px !important; border-right: 1px solid #dedede !important; color: #333 !important; font-weight: bold !important; } .pager .pager-summary{ float: left !important; margin: 0 0 0 10px !important; padding: 3px 4px !important; color: #999 !important; font-size: 11px; } /* Contact an Agent Page */ #contactagent-state{ padding-left: 5px !important; } #contactagent-state li{ margin-bottom: 0 !important; font-size: 16px; font-weight: bold; } #contactagent-state ul{ padding-left: 5px !important; } #contactagent-state ul li{ font-size: 14px; font-weight: normal; } #contactagent-statelist{} /* County Map */ #county-map{ width: 680px; float: left; } #county-map #countymap-wrap{ float: left; width: 470px; height: 450px; background: transparent url(/ClientResources/Images/countymap.gif) no-repeat 0 0; } #county-map img{ width: 470px; height: 450px; } #county-map ul{ float: left; width: 180px; height: 450px; overflow: auto; } #county-map ul li{ padding-bottom: 0 !important; font-size: 11px !important; line-height: 14px !important; } .about-contactus #main_sidebar #sidemenu{ margin-bottom: 0; } /* Standard Form */ .standard-form{ } .standard-form small.instructions{ background: transparent url(/Resources/Common/Images/Icons/asterisk.gif) no-repeat left -0.25em; font-family: Georgia, Times New Roman, Serif; font-size: 0.9em; font-style: italic; padding: 0 0 0 1.5em; } .standard-form fieldset{ margin: 0 0 10px; } .standard-form legend{ padding: 0 5px; } .standard-form .error-message{ background: #fff0e5 url(/Resources/Common/Images/Icons/exclamation.gif) no-repeat 5px 8px; border: solid 2px #f0785f; border-left: 0; border-right: 0; color: #333; line-height: 22px; margin: 1em 0; padding: 5px 5px 5px 30px; } .standard-form .error-message h2{ background: transparent none; color: #c2462c; font-size: 14px; font-weight: bold; line-height: 18px; margin: 0; padding: 0; } .standard-form .error-message ul{ margin: 0 0 0 15px; } .standard-form .error-message li{ background: transparent none; color: #666; font-size: 12px; line-height: 18px; list-style-type: square; margin: 0; padding: 0; } .standard-form .field, .standard-form .upload{ display: inline; float: left; overflow: hidden; margin: 0 1em 1em 0; } .standard-form .field label{ color: #333; line-height: 1.5em; margin: 0 0 0.5em; } .standard-form .field span label{ color: #666; font-family: Arial, Helvetica, sans-serif; } .standard-form .field-required label, .standard-form .upload-required label{ background: transparent url(/Resources/Common/Images/Icons/asterisk.gif) no-repeat right -0.25em; font-weight: bold; padding-right: 1.25em; } .standard-form .field-required span label{ background: transparent none; font-weight: normal; padding-right: 0; } .standard-form .field label.error, .standard-form .upload label.error{ color: #c2462c; } .standard-form .field input{ width: 180px; border: solid 1px #ccc; color: #666; padding: 3px; } .standard-form .field input.error{ background-color: #fff0e5; border-color: #f0785f; color: #c2462c; } .standard-form .field select{ border: solid 1px #ccc; color: #666; } .standard-form .field select.error{ background-color: #fff0e5; border-color: #f0785f; color: #c2462c; } .standard-form .field textarea{ width: 376px; height: 100px; border: solid 1px #ccc; color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding: 5px; } .standard-form .field-address1 input{ width: 275px; } .standard-form .field-zip input{ width: 120px; } .standard-form .field-radio input{ width: auto; border: 0; } .standard-form .button{ display: inline; float: left; font-weight: bold; padding: 0 0.75em; } .standard-form .button-submit{ background-color: #009ab8; color: #fff; } .standard-form .button-submit:hover{ background-color: #c7b379; } .standard-form .field-commands{ line-height: 2em; } .standard-form .field-commands em{ display: inline; float: left; margin: 0 1em; }