@charset "utf-8";

/* CSS Document */



/* -----------------------------------------------------

      Reset Styles

----------------------------------------------------- */



html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img, q, strong, sub, sup, dl, dt, dd, ul, li, fieldset, form, label, legend, table {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: inherit;

	vertical-align: baseline;

	font-weight: 400;

}



ul {

	list-style: none;

}



blockquote:before, blockquote:after, q:before, q:after {

	content: "";

}



blockquote, q {

	quotes: "" "";

}



em {

   font-style: italic;

}



strong {

   font-weight: 900;

}





/* -----------------------------------------------------

      General and Globally Used Styles

----------------------------------------------------- */



html, body {

	width: 100%;

	height: 100%;

	background-color: #FFFFFF;

	font-family: verdana,sans-serif;

	font-size: 12px;

	line-height: 1.4;

	color: #000;

	text-align: center;

}



p {

   padding-bottom: 15px;

}



a {

   color: #0077C0;

   text-decoration: none;

}



a:hover {

   text-decoration: underline;

}



h1 {

   padding: 3px 0;

   font-family: verdana, sans-serif;

   color: #0077c0;

   font-size: 17px;

   line-height: 17px;

   font-weight: bold;

}





.insurance-products-header h1 {

   padding: 3px 0;

   font-family: verdana, sans-serif;

   color: #0077c0;

   font-size: 20px;

   line-height: 20px;

   font-weight: bold;

}



h2  {

   padding: 3px 0;

   font-family: verdana, sans-serif;

   color: #0077c0;

   font-size: 13px;

   line-height: 13px;

   font-weight: bold;

}



h3 {

   font-family: verdana, sans-serif;

   color: #fff;

   font-size: 15px;

   font-weight: bold;

}



ul.tab-list {

   display: block;

   margin-left: 40px;

   margin-top: 0;

   margin-bottom: 0;

   list-style-position: outside;

   padding-bottom: 15px;

}

ul.bullet-list {

   display: block;

   margin-left: 40px;

   margin-top: 0;

   margin-bottom: 0;

   list-style-type: disc;

   list-style-position: outside;

   padding-bottom: 15px;

}



ul.bullet-list ul {

   list-style-type: circle;

}



ul.bullet-list ul ul {

   list-style-type: square;

}



ul.no-padding {

   padding: 0;

}



.clear {

   clear: both;

}



.float-left {

   float: left;

}



span.attention-grabber {

   font-size: 14px;

   font-weight: bold;

}



span.attention-grabber span {

   font-size: 14px;

   font-weight: normal;

   font-style: italic;

}



#quote-button {

   width: 257px;

   height: 87px;

   background: url(/images/quote-button.png) top left no-repeat;

   text-align: center;

   padding: 6px 0;

   font-family: verdana,sans-serif;

   color: #FFFFFF;

   font-size: 22px;

   font-weight: bold;

   line-height: 34px;

}



.dropdown-position {

   padding: 7px 0 0 62px;

}



#get-quote-button {

   text-align: left;

   width: 126px;

   height: 35px;

   background: url(/images/quote-button-dropdown.png) top left no-repeat;

}



#get-quote-button li {

   background: none;

   float: left;

   font-size: 11px;

   margin: 0;

   padding: 0;

   position: relative;

   width: 126px;

   height: 35px;

}



#get-quote-button ul {

   background: #fff;

   border: 1px solid #645950;

   display: none;

   list-style-type: none;

   position: absolute;

   top: 33px;

   left: 0;

   margin: 0;

   padding: 0;

   z-index: 900;

   width: 170px;

}



#get-quote-button > ul {

   top: auto;

   left: auto;

}



#get-quote-button li:hover > ul {

   display: block;

}



#get-quote-button li.over ul {

   display: block;

}



#get-quote-button ul li {

   background-image: none;

   display: inline;

   float: none;

   font-size: 11px;

   line-height: 1.1em;

   margin: 0;

   padding: 0;

   width: 160px;

}



#get-quote-button a:link,

#get-quote-button a:visited {

   display: block;

   width: 111px;

   height: 35px;

   padding-left: 15px;

   font-family: georgia, serif;

   color: #0077C0;

   font-size: 17px;

   font-weight: bold;

   line-height: 35px;

   text-decoration: none;

   margin: 0;

}



#get-quote-button li a {

   display: block;

}



#get-quote-button ul li a:link,

#get-quote-button ul li a:visited {

   display: block;

   width: 155px;

   height: auto;

   padding-left: 15px;

   text-indent: 0;

   background: #DBDCDC !important;

   font-family: georgia, serif;

   color: #0077C0 !important;

   font-size: 15px;

   font-weight: bold;

   line-height: 20px;

   text-decoration: none;

   margin: 0;

}



#get-quote-button ul li a:hover,

#get-quote-button ul li a:active {

   background: #b12a0a !important;

   color: #fff !important;

}





/* -----------------------------------------------------

      Site Layout, Headers and Footers

----------------------------------------------------- */



#site-wrapper {

   background: url(/images/bottom-gradient.jpg) bottom left repeat-x;

}



#top-gradient {

   background: url(/images/top-gradient.jpg) top left repeat-x;

   border-bottom: 1px solid black;

}



#site-container {

   width: 950px;

   margin:0 auto;

   text-align: left;

}



#header {

   padding: 15px 0;

}



#header img.tagline {

   float: right;

   margin-top: 28px;

}



#navigation {

   height: 26px;

}



#navigation ul {

   float: left;

   z-index: 100;

}



#navigation ul li {

   float: left;

   position: relative;

   z-index: 100;

}



#navigation ul li a {

   display: block;

   float: left;

   /* padding: 0 11px; */

   height: 26px;

   line-height: 25px;

   font-family: georgia, serif;

   color: #fff;

   font-size: 13px;

   font-weight: bold;

   text-decoration: none;

   text-align: center;

   background: #499cce url(/images/navigation/nav-gradient.jpg) top left repeat-x;

   z-index: 100;

}



#navigation ul li.home a {

   background: transparent url(/images/navigation/home.png) top left no-repeat;

}



#navigation ul li.company a {

   background: transparent url(/images/navigation/our-company.png) top right no-repeat;

}



#navigation ul li a:hover,

#navigation ul li.selected a {

   height: 26px;

   line-height: 25px;

   background: #a1ceeb url(/images/navigation/nav-rollover-gradient.jpg) top left repeat-x;

   color: #000;

}



#navigation ul li.home a:hover,

#navigation ul li.home-selected a {

   background: transparent url(/images/navigation/home-rollover.png) top left no-repeat;

   color: #000;

}



#navigation ul li.company a:hover,

#navigation ul li.company-selected a {

   background: transparent url(/images/navigation/our-company-rollover.png) top right no-repeat;

   color: #000;

}





#navigation ul li.divider {

   height: 26px;

   width: 1px;

   background: #499cce url(/images/navigation/nav-lines.jpg) top left no-repeat;

   color: #000;

}



#navbar ul {

   background: #fff;

   border-top: 1px solid #645950;

   border-left: 1px solid #645950;

   border-right: 1px solid #645950;

   display: none;

   list-style-type: none;

   position: absolute;

   top: 26px;

   left: 0;

   margin: 0;

   padding: 0;

   width: 170px;

   z-index: 200;

}



#navbar ul.ourcompany {

   margin-left: -39px;

}



#navbar > ul {

   top: auto;

   left: auto;

}



#navbar li:hover > ul {

   display: block;

   z-index: 200;

}



#navbar li.over ul {

   display: block;

   z-index: 200;

}



#navbar ul li {

   background-image: none;

   display: inline;

   float: none;

   margin: 0;

   padding: 0;

   width: 160px;

   z-index: 200;

}



#navbar li a {

   display: block;

}



#navbar ul li a:link,

#navbar ul li a:visited {

   display: block;

   width: 160px;

   height: auto;

   padding-left: 10px;

   text-indent: 0;

   text-align: left;

   border-bottom: 1px solid #645950;

   background: #DBDCDC !important;

   color: #0077C0 !important;

   font-family: georgia, serif;

   font-size: 12px;

   font-weight: bold;

   line-height: 26px;

   text-decoration: none;

   margin: 0;

   z-index: 200;

}



#navbar ul li a:hover,

#navbar ul li a:active {

   background: #b12a0a !important;

   color: #fff !important;

}



#footer-locations {

   width: 950px;

   height: 55px;

   padding: 20px 0 0 0;

   line-height: normal;

}



#footer-locations .left {

   float: left;

   width: 10px;

   height: 55px;

   background: url(/images/footer-ends.png) top left no-repeat;

}



#footer-locations .content {

   float: left;

   width: 930px;

   height: 45px;

   padding-top: 10px;

   background-color: #0077c0;

}



#footer-locations .right {

   float: right;

   width: 10px;

   height: 55px;

   background: url(/images/footer-ends.png) top right no-repeat;

}



#footer-locations .location {

   float: left;

   padding-right: 65px;

   font-family: verdana, sans-serif;

   color: #FFFFFF;

   font-size: 13px;

}



#footer-locations .last {

   padding-right: 0px;

}



#footer-locations .first {

   padding-left: 30px;

}



#footer {

   width: 950px;

   padding: 10px 0;

   font-family: verdana, sans-serif;

   color: #000;

   font-size: 10px;

   text-align: center;

}



#footer div.tic {

   padding: 3px 0;

   font-size: 10px;

}



#footer .tic a {

   font-size: 10px;

   color: #000000;

   font-weight: bold;

   text-decoration: none;

}



#footer .tic a span {

   color: #e36c0a;

   font-weight: 900;

}



#content-area-image{

   float: left;

   width: 640px;

   padding: 20px 30px 0 30px;

}



#content-area {

   float: left;

   width: 640px;

   padding: 20px 30px 0 30px;

}



#sidebar-area {

   float: left;

   width: 250px;

   padding: 20px 0 0 0;

}



#content-area-with-image {

   float: left;

   width: 700px;

}



#content-area-with-image img {

   padding-bottom: 15px;

}



#content-area-with-image .subnav-column {

   float: left;

   width: 138px;

   padding: 0 30px 0 5px;

}



#content-area-with-image .content-column {

   float: left;

   width: 497px;

   padding-right: 30px;

}



.sub-navigation-top {

   width: 138px;

   height: 6px;

   background: url(/images/navigation/subnav-roundedtop.jpg) top left no-repeat;

}



.sub-navigation {

   width: 120px;

   height: 420px;

   background: url(/images/navigation/subnav-gradient.jpg) top left repeat-x;

   padding-left: 18px;

}



.sub-navigation a {

   display: block;

   font-family: georgia, serif;

   color: #8a8C8F;

   font-size: 13px;

   font-weight: bold;

   line-height: 3.0;

   text-decoration: none;

}



.sub-navigation a:hover,

.sub-navigation a.current {

   color: #0077C0;

   text-decoration: none;

}



/* -----------------------------------------------------

      Sidebar Styles

----------------------------------------------------- */



#find-an-agent-box {

   margin-left: 7px;

   width: 241px;

   height: 304px;

   background: url(/images/find-an-agent.png) top right no-repeat;

   line-height: 1.6;

}



#find-an-agent-box h3 {

   padding: 4px 0 0 42px;

   font-family: verdana, sans-serif;

   color: #fff;

   font-size: 20px;

   font-weight: bold;

}



#find-an-agent-box p {

   width: 195px;

   height: 75px;

   padding: 150px 22px 9px 25px;

   line-height: normal;

   font-size: 11px;

}



#find-an-agent-box a {

   letter-spacing: -0.8px;

   margin-left: 75px;

   display: block;

   width: 100px;

   height: 25px;

   text-decoration: none;

}



#find-an-agent-box a:hover {

   text-decoration: underline;

}





/* -----------------------------------------------------

      Instruction Box on Claims Page

----------------------------------------------------- */



#instruction-box {

   margin-left: 7px;

   width: 241px;

   height: 304px;

   background: url(/images/instruction-box.png) top right no-repeat;

   line-height: 1.6;

}



#instruction-box h3 {

   padding: 4px 0 4px 0px;

   font-family: verdana, sans-serif;

   color: #fff;

   font-size: 20px;

   font-weight: bold;

   line-height: 20px;

   text-align:center;

}



#instruction-box p {

   width: 195px;

   height: 75px;

   padding: 0px 10px 9px 18px;

   line-height: normal;

   font-size: 12px;

}



#instruction-box a {

   letter-spacing: -0.8px;

   margin-left: 75px;

   display: block;

   width: 100px;

   height: 25px;

   text-decoration: none;

}



#instruction-box a:hover {

   text-decoration: underline;

}



/* -----------------------------------------------------

      Homepage Styles

----------------------------------------------------- */





#homepage h1 {

   font-size: 18px;

}



#homepage a {

   font-family: verdana,sans-serif;

   color: #0077C0;

   font-size: 12px;

   text-decoration: none;

}



#homepage a:hover {

   text-decoration: underline;

}



.homepage-quote-button {

   position: absolute;

   padding-left: 670px;

   margin-top: 228px;

   z-index: 500;

}





#slideshow-contents {

   width: 950px;

   height: 297px;

   padding: 5px 0 30px 0;

}



#slideshow-contents img {

   position: absolute;

   z-index:8;

   opacity:0.0;

}



#slideshow-contents img.active {

   z-index:10;

   opacity:1.0;

}



#slideshow-contents img.last-active {

   z-index:9;

}





#homepage .product-types {

   float: left;

   width: 950px;

   padding-bottom: 20px;

}



#homepage .product-types img {

   padding-bottom: 5px;

}



#homepage .product-types div {

   float: left;

   width: 210px;

   padding-left: 30px;

}



#homepage .product-types span{

	font-size: 9px;

}



#homepage .product-types a{

	font-size: 9px;

}



#homepage .product-types div.first {

   padding-left: 10px;

}



#homepage .progress-local-agent {

   float: right;

   padding: 20px 40px 20px 60px;

}



#homepage .progress-local-agent h2 {

   float: left;

   padding-top: 25px;

   padding-right: 5px;

   font-size: 20px;

   font-weight: bold;

   letter-spacing: -0.8px;

}



#homepage .progress-local-agent img.progressive {

   float: right;

}





/* -----------------------------------------------------

      Insurance Products Styles

----------------------------------------------------- */



.insurance-products {

   padding-top: 10px;

}



.insurance-product-box {

   width: 268px;

   height: 161px;

   float: left;

   padding-top: 0;

   padding-right: 40px;

   padding-bottom: 30px;

}



.insurance-product-box h2 {

   margin: 0;

   padding: 10px 0 110px 20px;

   font-family: verdana, sans-serif;

   color: #fff;

   font-size: 20px;

   font-weight: bold;

}



.insurance-product-box a {

   letter-spacing: -0.8px;

   margin-left: 146px;

   display: block;

   width: 90px;

   color: #fff;

   font-weight: bold;

   font-size: 14px;

   text-decoration: none;

}



.insurance-product-box a:hover {

   text-decoration: underline;

}



.insurance-product-homeauto {

   background: url(/images/insurance-products/auto-home.png) top left no-repeat;

}



.insurance-product-business {

   background: url(/images/insurance-products/business.png) top left no-repeat;

}



.insurance-product-life {

   background: url(/images/insurance-products/life.png) top left no-repeat;

}


.insurance-product-health {

   background: url(/images/insurance-products/health.png) top left no-repeat;

}



.insurance-product-specialty {

   background: url(/images/insurance-products/specialty.png) top left no-repeat;

}



.insurance-product-arborists {

   background: url(/images/insurance-products/arborists.png) top left no-repeat;

}



.insurance-product-flood {

   background: url(/images/insurance-products/flood.png) top left no-repeat;

}



.insurance-product-highriskauto {

   background: url(/images/insurance-products/highriskauto.png) top left no-repeat;

}



.insurance-product-progressive {

   background: url(/images/insurance-products/progressive.png) top left no-repeat;

}



/* -----------------------------------------------------

      Get a Quote Page Styles

----------------------------------------------------- */



#progressive-box {

   float: left;

   padding: 10px;

}



.show {

   display: block;

}



form.quote {

   display: none;

}



form.quote span.required {

   color: #ff0000;

   font-weight: bold;

}



form.quote fieldset {

   margin-top: 15px;

   padding: 10px;

   border: 1px solid #aaa;

}



form.quote fieldset#home-fields,

form.quote fieldset#auto-fields,

form.quote fieldset#flood-fields,

form.quote fieldset#driver-fields,

form.quote fieldset#accident-fields {

   display: none;

}



form.quote fieldset legend {

   padding: 0 5px;

   font-family: verdana, sans-serif;

   color: #000;

   font-size: 13px;

   line-height: 13px;

   font-weight: bold;

   border: 1px solid #aaa;

   padding: 5px;

   margin-left: 10px;

}



form.quote .error-message {

   display: none;

   clear: both;

   background-color: #FFBABA;

   border: 1px solid #FF0000;

   color: #FF0000;

   padding: 5px 10px;

   margin: 5px 0;

}



.fineprint {

   display: block;

   clear: both;

   background-color: #FFBABA;

   border: 1px solid #FF0000;

   color: #000000;

   padding: 5px 10px;

   margin: 5px 0;

}



noscript div {

   display: block;

   clear: both;

   background-color: #FFBABA;

   border: 1px solid #FF0000;

   color: #FF0000;

   padding: 15px;

   margin: 5px 0;

}



form.quote label {

   display: block;

   float: left;

   clear: left;

   text-align: right;

   padding: 6px 10px 5px 0;

   width: 120px;

}



form.quote label.wide {

   width: 190px;

}



form.quote label.full-length {

   width: 605px;

   text-align: left;

}



form.quote div.input-wrap-right-pad label,

form.quote div.input-wrap-left-pad label {

   padding: 0;

   width: 150px;

   float: none;

   clear: both;

   text-align: center;

}





form.quote div.input-wrap-right-pad,

form.quote div.input-wrap-left-pad {

   float: left;

   width: 150px;

}



form.quote div.input-wrap-right-pad {

   padding-right: 10px;

}



form.quote div.input-wrap-left-pad {

   padding-left: 10px;

}



form.quote input,

form.quote select,

form.quote textarea {

   float: left;

   margin: 5px 0;

   border: 1px solid #aaa;

   padding: 1px;

}



form.quote input {

   padding: 2px;

}



form.quote input:focus,

form.quote select:focus,

form.quote textarea:focus {

   background-color: #e0efef;

   border: 1px solid #0077C0;

}



form.quote input.tight-bottom,

form.quote select.tight-bottom {

   margin-bottom: 0;

}



form.quote input.submit-button {

   margin-top: 15px;

   padding: 4px;

}



form.quote .side-note-not-important {

   float: left;

   font-size: 12px;

   padding: 8px 0 0 10px;

   color: #666;

}



form.quote .side-note {

   float: left;

   font-size: 12px;

   padding: 8px 0 0 10px;

}



form.quote .optional {

   font-style: italic;

}



form.quote div.radiobuttons {

   float: left;

   padding-top: 10px;

}



form.quote div#liability-fine-print,

form.quote div#liability-fine-print2,

form.quote div#liability-fine-print3,

form.quote div#number-of-claims-question,

form.quote div#claim-info-clone,

form.quote div#auto-info-clone,

form.quote div#driver-info-clone,

form.quote div#accident-info-clone {

   display: none;

}



.rater fieldset {

   margin-top: 15px;

   padding: 10px;

   border: 1px solid #aaa;

}



.rater fieldset legend {

   padding: 0 5px;

   font-family: verdana, sans-serif;

   color: #000;

   font-size: 13px;

   line-height: 13px;

   font-weight: bold;

   border: 1px solid #aaa;

   padding: 5px;

   margin-left: 10px;

}