﻿body {margin:0px; padding:0px; text-align:left;}
#wrap {width:956px; text-align:left; margin: 0; padding: 14px 0px 20px; margin-left: auto; margin-right: auto;}

h1,h2,h3,h4,h5,h6,p{
    margin: 0px;
    padding: 0px;
}

img {border:0px; display:block;}

.flash {float:left; width: 955px; margin: 0 0 10px 0px; padding: 0; display:inline;}
.smallFlash {float:left; width:747px;}
.smallFlashPartA {float:left; width:500px;}
.smallFlashPartB {float:left; width:235px; margin-left: 12px}
.largeFlash {float:left; width:955px;}
.largeFlashPartA {float:left; width:708px;}
.largeFlashPartB {float:left; width:235px; margin-left: 12px}


.AccorGetQuote { width:194px; height: 169px; background-color:#fff; }
.quoteBox { float:left; width:194px; height:169px; margin-left:12px; border-left:solid 1px #ee8722; border-right:solid 1px #ee8722; border-bottom:solid 1px #ee8722;}

.AccorHead, .AccorHeadLast { width:171px; height:17px; color:White; font-family: Arial; font-weight:bold; font-size: 15px; padding-left: 23px; padding-top: 3px; padding-bottom:1px; background-color:#ee8722; cursor:pointer; }
.AccorHead {border-bottom:solid 3px #fff;}
.AccorHeadLast {background-image: url(../images/QoteArwWht_9x10_Up.gif); background-repeat: no-repeat; background-position: 8px center; }
.AccorHeadLastDisabled { width:171px; height:17px; color:White; font-family: Arial; font-weight:bold; font-size: 15px; padding-left: 23px; padding-top: 5px; background-color:#ee8722; background-image: url(../images/QoteArwWht_9x10_Up.gif); background-repeat: no-repeat; background-position: 8px center; cursor: default}
.AccorNotSelected { background-image: url(../images/QoteArwWht_9x10_Up.gif); background-repeat: no-repeat; background-position: 8px center; }
.AccorSelected { background-image: url(../images/QoteArwWht_9x10_Select.gif); background-repeat: no-repeat; background-position: 8px center; }

.QuoteContent { height:89px; padding-left: 12px; margin-top: -6px; *margin-top: -4px; font-family: arial; font-size: 8px;}
.zipError { color: #ee3424; font-family: arial; font-size: 9px; padding-bottom: 2px; display: block;}
.zipErrorHide { font-size: 9px; padding-bottom: 2px; display: block; visibility: hidden; }
.error { color: #ee3424; font-family: arial; font-size: 11px; }

/* style for instructional text on top of textfield*/
.InstructText {font-size: 11px; padding-bottom: 2px; display: block; }

.QuoteContent input { width: 156px; height: 12px; margin-bottom: 2px; border: 1px solid #333333; padding: 2px 4px; }
* html .QuoteContent input { margin-bottom: 2px; }

.QuoteContent .GetQuoteBtn { margin: 5px 0 3px 22px; padding: 0; height: 18px; width: 117px; background: url(/Images/QoteLrgGrn_117x18_Up.gif) no-repeat ; border: 0px; cursor: pointer; }
.QuoteContent input.QuoteZipInput { width: 116px; font-size: 11px; }
.altretrieveQuoteBtn { text-align:center; font-size: 10px; color: #333333; margin-top: 0px; margin-bottom:0px; }
 a.altretrieveQuoteBtn:link, a.altretrieveQuoteBtn:visited { text-decoration: none; color: #999; font-weight: bold; }
 a.altretrieveQuoteBtn:hover { color: #0096d6; }

span.promptInsur { color: #B8B8B8; display: block; border: 1px solid #D0D0D0; background-color: #E8E8E8;
  background-image: url(../images/ContArwCustGryRgt_9x10_Up.GIF); background-repeat: no-repeat; background-position: 5px center; 
  font-size: 12px; line-height: 16px; padding: 1px 12px 1px 15px; width: 135px; }
span.promptState { color: #B8B8B8; display: block; border: 1px solid #D0D0D0; background-color: #E8E8E8;
  background-image: url(../images/ContArwCustGryRgt_9x10_Up.GIF); background-repeat: no-repeat; background-position: 5px center; 
  font-size: 12px; line-height: 14px; padding: 1px 12px 1px 15px; width: 97px; margin-top: 4px; }

span.hidePrompt { position: absolute; width: 1px; left: -999em; }

img.WhyAskImg { margin-left: 4px; margin-top: 1px; width: 18px; height: 18px;}
div.WhyWeAskDiv { display: none; position:absolute; top:-22px; right:-44px; width:130px; height: 100px;
    border:1px solid #333333; background-color:#ffffff; color:#666666; z-index: 20;
    padding: 15px 20px; opacity: 0.9; filter: alpha(opacity=90); }
div.WhyWeAskDiv span { color: #6db33f; font-family: arial; font-weight: bold; font-size: 12px; }
div.WhyWeAskDiv p { margin: 0; padding: 0; padding-top: 10px; font-family: arial; font-size: 10px; }

.AgentContent { padding-left: 12px; margin-top: 4px; font-family: arial; font-size: 12px; }
* html .AgentContent { margin-top: 0; }
.AgentContent input {
    width: 116px; height: 16px; border: 1px solid #333333; padding: 0px 4px; }
.AgentContent input.small { width: 116px; margin-top: 4px; }
.AgentContent input.smallDisabled { width: 116px; margin-top: 4px; color: #B8B8B8; border: 1px solid #D0D0D0; background-color: #E8E8E8; }
/*.AgentContent select.small { width: 134px; height: 29px; margin-top: 8px; border: 1px solid #333333; padding: 5px; }*/
.AgentContent p { margin: 0; padding: 0;font-family: arial; text-transform:lowercase; margin: 1px 9px px 45px;}
* html .AgentContent p { padding-top: 0; }
.AgentContent .goImg { width: 30px; height: 18px; padding: 0; background: url(/Images/GoSml_30x18_Up.gif) no-repeat ; border: 0px; cursor: pointer; }
.AgentContent div.imgHolder {display:inline; padding-top: 4px; padding-left: 6px; }
.AgentContent div.optImgHolder {display:inline; padding-top: 4px; padding-left: 3px; }
.optAddress { display: none; }
.optFloatLeft {}
.floatLeft { float: left; }
.floatRight { float: right; }
.clearFloatLeft { clear: left; }

.CccContent { padding-left: 10px; margin-top: 1px; font-family: arial; font-size: 12px; }
* html .CccContent { margin: 1px; }
.CccContent .Inputbx { margin:2px; width: 136px; height: 16px; border: 1px solid #333333; padding: 0px 4px; }
.CccContent .CCCBtn {  margin: 1px; padding: 0px 4px; height: 16px; width: 136px;  border: 0px; cursor: pointer; }

.CccPwdAndSignup { text-align: center; font-size: 9px; font-family: Arial; color:#999999; padding: 0px 2px; }
 a.CccPwdAndSignup:link, a.CccPwdAndSignup:visited { text-decoration: none; color: #999; }
 a.CccPwdAndSignup:hover { color: #0096d6; }


/*.phoneHeader {font-family:arial; font-weight: 600; font-size: 12px; color:#000000; margin: 0; padding: 8px 8px 0 8px; }
.phoneText {font-family:arial; font-size: 12px; color:#666; margin: 0; padding: 5px 8px 0 8px;} */

/* styling for individual select replacements */
div.selectReplaceForAccordionQuote ul.selectOpen,
div.selectReplaceForAccordionAgent ul.selectOpen,
div.selectReplaceForTwoPanel ul.selectOpen { position: absolute; z-index: 1; }

/*selectReplaceForAccordionQuote */
div.selectReplaceForAccordionQuote ul.selectReplacement { display: none; }
div.selectReplaceForAccordionQuote ul.selectReplacement li { font-size: 10px; line-height: 16px; padding: 1px 12px 1px 15px; width: 135px; }
div.selectReplaceForAccordionQuote ul.selectOpen { height: 90px; width: 180px; }
div.selectReplaceForAccordionQuote span.show { font-size: 12px; line-height: 16px; padding: 1px 12px 1px 15px; width: 135px; }
/*selectReplacementForAccordionAgent*/
div.selectReplaceForAccordionAgent ul.selectReplacement { margin-top: 4px; display: none; }
div.selectReplaceForAccordionAgent ul.selectReplacement li { font-size: 12px; line-height: 14px; padding: 1px 12px 1px 17px; width: 95px; }
div.selectReplaceForAccordionAgent ul.selectOpen { height: 90px; width: 142px; margin-top: 0; }
div.selectReplaceForAccordionAgent span.show { font-size: 12px; line-height: 14px; padding: 1px 12px 1px 17px; width: 95px; margin-top: 4px; }
/*selectReplacementForTwoPanel*/
div.selectReplaceForTwoPanel ul.selectReplacement { margin-top: 10px; }
div.selectReplaceForTwoPanel ul.selectReplacement li { font-size: 11px; line-height: 13px; padding: 3px 5px 3px 18px; width: 119px; height: 12px; }
div.selectReplaceForTwoPanel ul.selectOpen { height: 70px; width: 160px; margin-top: 0;}
div.selectReplaceForTwoPanel span.show { font-size: 11px; line-height: 13px; padding: 3px 5px 3px 18px; width: 119px; margin-top: 10px;  background-image: url(../images/QoteArwGrn_9x10_Over.gif); background-repeat: no-repeat; background-position: 5px center;  }
/* end of styling for individual select replacements */

.altRetrieveQuoteBtn { font-size: 10px; color: #333333;}
.retrieveQuoteBtn { display: none;font-size: 10px; color: #333333;}
.altQuoteBox { float: left; margin:0 0 0 12px; width:196px;}

.altGreenBox { border:solid 1px #6db33f; width:144px; height: 126px; margin: 0; padding:0 25px; font-family: Arial;}
.altGreenHeader { color:#6db33f; width:144px; text-align:center; font:bold 13px Arial; padding-bottom: 5px;}
.altTB { border:solid 1px black; text-align:left; font-size: 11px; font-family: Arial; color:#333333;
     width:110px; height:12px; padding: 3px 5px; }
.altGreenBtn { margin-top: 10px; width: 82px; height: 18px; margin-bottom:0px;  }   
.altQuoteBox img.WhyAskImg { width: 18px; height: 18px; margin-left: 4px; margin-top: 1px; }
.altGreenBox span.show { background: #ffffff; }
.altGreenBox ul.selectReplacement li.selected { font-weight: bold;  }
.altGreenBox ul.selectReplacement li.disabled { }
.altGreenBox div.WhyWeAskDiv { display: none; position:absolute; top:-45px; right:-41px;
    width:140px; height: 110px; padding: 15px 20px; }
    
.altGreenBox span.promptInsur { color: #B8B8B8; display: block; border: 1px solid #D0D0D0; background-color: #E8E8E8;
  background-image: url(../images/ContArwCustGryRgt_9x10_Up.GIF); background-repeat: no-repeat; background-position: 5px center; 
   font-size: 9px; line-height: 13px; padding: 3px 5px 3px 18px; width: 119px; margin-top: 10px;  }
  
.structuredContentArea {float:left; width:960px; margin: 0; padding: 0; display:inline;}

.freetextContentArea {float:left; width:960px; margin: 0; padding: 0; display:inline;}

.contentUserArea {float: left; margin: 0; padding: 0;}
.contentUserAreaLCR {width: 747px;}
.contentUserAreaLC {width: 955px;}
.contentUserAreaCR {width: 747px;}
.contentUserAreaC {width: 955px;}

.dashboard{display:inline; float:left; width:551px; margin: 0 0 5px 196px; padding: 0;}

#breadcrumbs {display: inline-block; float: left; margin: 0; padding: 0;}
#breadcrumbs a {display: inline-block; color: #999; font:normal 12px Arial; text-decoration:none;}
#breadcrumbs a:hover {color: #333;}
#breadcrumbs img.separator {display: inline-block; width: 7px; height: 7px; margin: 0 5px 0 5px; padding: 0; background: url(/images/arrow.gif) top center no-repeat;}

#textSizing {display: inline-block; float: right;}
/* #textSizing a {display: inline-block; height: 18px; margin: 0; padding: 0;}*/
#textSizing a {float:left; height: 18px; margin: 0; padding-right:3px;} /*IM1406882| Text-size component issue in Chrome/Safari/Opera/IE8*/
#textSizing a span {display: none; }

span.textSize12Button, a#textSize12Button {width: 8px; background: url(/images/TextSize12_8x18_Up.gif) bottom center no-repeat;}
a#textSize12Button:hover {background: url(/images/TextSize12_8x18_Over.gif) bottom center no-repeat;}
a.selected#textSize12Button {width: 8px; background: url(/images/TextSize12_8x18_Select.gif) bottom center no-repeat;}
a.selected#textSize12Button:hover  {background: url(/images/TextSize12_8x18_Down.gif) bottom center no-repeat;}

span.textSize16Button, a#textSize16Button {width: 11px; background: url(/images/TextSize16_11x18_Up.gif) bottom center no-repeat;}
a#textSize16Button:hover {background: url(/images/TextSize16_11x18_Over.gif) bottom center no-repeat;}
a.selected#textSize16Button {width: 11px; background: url(/images/TextSize16_11x18_Select.gif) bottom center no-repeat;}
a.selected#textSize16Button:hover {background: url(/images/TextSize16_11x18_Down.gif) bottom center no-repeat;}

span.textSize20Button, a#textSize20Button {width: 14px; background: url(/images/TextSize20_14x18_Up.gif) bottom center no-repeat;}
a#textSize20Button:hover {background: url(/images/TextSize20_14x18_Over.gif) bottom center no-repeat;}
a.selected#textSize20Button {width: 14px; background: url(/images/TextSize20_14x18_Select.gif) bottom center no-repeat;}
a.selected#textSize20Button:hover {background: url(/images/TextSize20_14x18_Down.gif) bottom center no-repeat;}

.leftsidenav {float:left; clear: both; width:174px; margin: 0 12px 0 0; padding: 0; display: inline;}
.leftsidenav div.mainNav { margin: 0; padding-bottom: 5px;}
.leftsidenav div.mainNav a {color: #1666af; font:normal 12px Arial; text-decoration:none; }
.leftsidenav div.mainNav a:hover {color:#5ab1e9;}

.leftsidenav div.mainNavOn  { margin: 0; padding-bottom: 5px;}
.leftsidenav div.mainNavOn a {color: #4D9D2D; font:normal 12px Arial; text-decoration:none; }

.leftsidenav div.subnav { margin: 0; padding-left: 10px; padding-bottom: 5px;}
.leftsidenav div.subnav a {color: #717073; font:normal 12px Arial; text-decoration:none;}

.leftsidenav div.subNavOn { margin: 0; padding-left: 10px; padding-bottom: 5px;}
.leftsidenav div.subNavOn a {color: #4D9D2D; font:normal 12px Arial; text-decoration:none;}

#leftSideNavHead {color: #717073; font:bold 16px Arial; margin: 0; padding: 0 0 5px 0; border-right: solid 1px #e3e3e3;}
#leftSideNavMenus {border-right: solid 1px #e3e3e3;}
/*/#leftSideNavFoot {height: 42px; width: 1px; margin: 0; padding: 0; float: right; background: url(/images/vertical-line-grad.jpg) bottom right no-repeat;} */

.content {float: left; display: inline;}
.contentLCR {width:561px;}
.contentLC {width:769px;}
.contentCR {width:747px;}
.contentC {width:955px;}
#contentText {margin: 0; padding: 0;}

.content h1 {color:#1666af; font:bold 24px Arial; padding-left:10px; margin-bottom: 2px;}
.content h1.titleonly {color:#1666af; font:bold 24px Arial; padding-left:10px; margin-bottom: 10px;}
.content h1.subtitle {color:#4d9d2d; font:bold 22px Arial; padding-left:10px; margin-bottom: 10px;}
.content h2 {color:#1666af; font:bold 12px Arial; padding: 4px 0 4px 10px; margin:5px 0 15px 0;}
.content h3 {color:#000; font:normal 12px Arial; padding-left:10px; margin-bottom: 20px;}
.content div.freetext { margin-bottom: 20px;}

.secondaryCTA {float:left; margin: 0 0 0 12px; padding: 0; width:196px;}

.additionalCTA {display:inline; float:left; margin: 0 0 0 12px; padding: 0; width:196px;}

.ctaBox {float:left; width:196px; margin-bottom: 12px;}

.paraTitle {color:#1666af; font: bold 12px Arial; margin: 0 0 3px; padding: 0;}
.paraBody {color:#000; font: normal 12px Arial; margin: 0; padding: 0;}
.paraLink img {display: inline;}
.paraLink a {color: #1666af; font: bold 12px Arial; text-decoration:none; margin: 0; padding: 0;}
.paraLink a:hover {color:#5ab1e9;}
.dottedRule {margin: 10px 0 10px 0; padding: 0;}

.disclaimer {color: #676767; background-color: #e6e6e6; font: normal 10px Arial; padding: 10px 10px 10px 10px;}

.altzipErrorHide { display: none;}
.quoteCCCBtn {margin-left: 22px; padding: 0; border: 0px; cursor: pointer;  height: 18px; width: 117px; margin-top: 4px !important; margin-top: 0px;}
