/***** Begin Location Header Styles *****/
* {
	margin: 0;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	margin: 0 auto -326px; /* the bottom margin is the negative value of the footer's height */
}
footer, .push {
	height: 326px; /* '.push' must be the same height as 'footer' */
}


.LocationHeader { font-family:arial,sans-serif; height: 36px; }

.LocationHeader html, .LocationHeader body, .LocationHeader div, .LocationHeader span, .LocationHeader h1, .LocationHeader h2, .LocationHeader h3, .LocationHeader h4, .LocationHeader h5, .LocationHeader h6, .LocationHeader p, .LocationHeader blockquote, .LocationHeader a, .LocationHeader img, .LocationHeader dl, .LocationHeader dt, .LocationHeader dd, .LocationHeader ol, .LocationHeader ul, .LocationHeader li, .LocationHeader fieldset, .LocationHeader form, .LocationHeader label, .LocationHeader legend, .LocationHeader table,.LocationHeader  tr,.LocationHeader  th, .LocationHeader td {
margin: 0;
padding: 0;
border: none;
outline: none;
}

.LocationHeader a:link, a:visited {

text-decoration: none;
}

.LocationHeader .topnavOuter{
    
    background-color:#00467f;
    border-bottom:1px solid #115288;
    padding-right:20px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 100;
}
.LocationHeader .topnavInner{
    position:relative;
    margin:0 auto;
    max-width: 960px;
    width:100%;
    font:12px/22px arial,sans-serif;
    overflow:hidden;
}
.LocationHeader .topnavInner ul{
    float:right;
}
.LocationHeader .topnavInner li{
   float:left;
   list-style-type:none;
    margin-top:7px;
    color: #fff;
    font-weight: bold;
    white-space: nowrap;
}
.LocationHeader .topnavInner a{
    color:#fff;
    font-weight:bold;
    padding:0 15px;
    border-right:1px solid #1a598c;
    white-space:nowrap;
}
.LocationHeader .topnavInner a span{
    padding-left: 5px;
}

    .LocationHeader .topnavInner .SHFcust {
        color: #fff;
        font-weight: bold;
        padding: 0 15px;
        border-right: 1px solid #1a598c;
        white-space: nowrap;
    }

.LocationHeader .topnavInner .cust a{
   font-weight:normal;   
    padding-right: 15px;  
}
.LocationHeader .topnavInner .custName{
   font-weight:bold;
   padding:0 15px 0 0;
   background:url(/resources/Images/topnav_customer.png) right 50% no-repeat; 
   color: #ffffff;
}
.LocationHeader .skipnav:link{
   color:#00467f;
   border-right:0;
   position:absolute;
   left:-999px;
   top:0;
   font-size:.8em;
   padding:0 5px;
}
.LocationHeader  .skipnav:visited{
   color:#00467f;  
}
.LocationHeader  .skipnav:focus{
   color:#fff;  
}
.LocationHeader  .tablet .skipnav{
   display:none;  
}
.LocationHeader  .topnavInner a:hover{
    text-decoration:underline;
}

.LocationHeader .SHFzipTopnav {
    color:#fff;
    font-weight:bold;
    padding:0 15px 0 15px;
    border-right:1px solid #1a598c;
    margin-left:15px;
    background:transparent url(../images/pin.svg) left center no-repeat;
}
.LocationHeader  .zipTopnav{
    padding-left:13px;
    margin-left:18px;
    background:transparent url(../images/pin.svg) left center no-repeat;
}

.LocationHeader  .zipTopnav .SHFzipCode{
    padding-right:13px;
}

.LocationHeader  .zipTopnav .zipCode{
    padding-right:13px;
    background:transparent url(../images/arrow-down-white.png) right center no-repeat;
}
.LocationHeader  .search,
.LocationHeader  .zip{
    float:left;
    border:1px solid #ccc;
    margin:7px 12px;
    background-color:#fff;
}
.LocationHeader  .zip{
   width:165px;
   margin-left:0;
   position:relative;
}
.LocationHeader  .mod1 .zip{
   float:none;
   border:0;
   background-color:transparent;
   margin:0;
   position:static;
   width:auto; 
}
.LocationHeader  .zip.err,
.LocationHeader  .err .zip{
   border-color:#f00;  
}
.LocationHeader  .disable{
   cursor:default;
}
.LocationHeader  .errIco{
   background:url(/resources/Images/error.svg) 0 0 no-repeat;
   position:absolute;
   width:17px;
   height:17px; 
}
.LocationHeader  .modalZipCode .errIco{
   right:4px;
   top:5px;
}
.LocationHeader  .search input,
.LocationHeader  .zip input{
    float:left;
    font:12px/1.5 arial,sans-serif;
    color:#333;
    padding:2px 5px;
    margin:0;
    width:114px;
    border:0;
    outline:none;
}
.LocationHeader  .tablet .search input{
   -webkit-appearance:none;/* remove text input inner shadow */  
}
.LocationHeader  .zip input{
   font-style:italic;  
}
.LocationHeader  .search a,
.LocationHeader  .zip a{
    float:left;	
    border:none;	
    margin-top:3px;
    overflow:hidden;/* fix for focus ring due to text replacement */
}
.LocationHeader  .search a{
   text-indent:-9999em;
   padding:0 6px 0 0;
}
.LocationHeader .search .searchIcon { height: 15px; width: 15px; cursor: default; display: inline; position: relative; top: 3px; right: 4px; }
.LocationHeader .search .searchIcon:hover { height: 15px; width: 15px; cursor: pointer; }


.LocationHeader .search:hover, .LocationHeader .zip:hover{ border: 2px solid #ccc; margin: 6px 12px; }
.LocationHeader .zip:hover{ margin-left: 0; }
.LocationHeader .search.active, .LocationHeader .zip.active { border: 2px solid #27ae60; margin: 6px 12px; }
.LocationHeader .zip.active { margin-left: 0; }
.LocationHeader .search.active a,
.LocationHeader .zip.active a{
    background-position:0 -15px;
}
.LocationHeader .search a:hover,
.LocationHeader .zip a:hover{
    background-position:0 0;
}
.LocationHeader .topnavInner .search,
.LocationHeader .topnavInner .search:hover,
.LocationHeader .search.active:hover{
   margin-right:0;   
}
.LocationHeader .topnavInner .search:hover,
.LocationHeader .search.active{
   margin-left: 10px;
}
.LocationHeader .search:hover .searchIcon { right: 3px; }

/***** End Location Header Styles *****/



/***** Begin Top Navigation Styles *****/
.IconTopNavigation { min-height: 85px; }
.IconTopNavigation div, .IconTopNavigation span, .IconTopNavigation table, .IconTopNavigation td, .IconTopNavigation tr, .IconTopNavigation p, .IconTopNavigation h1, .IconTopNavigation h2, .IconTopNavigation h3, .IconTopNavigation h4, .IconTopNavigation h5, .IconTopNavigation h6, .IconTopNavigation ol, .IconTopNavigation ul, .IconTopNavigation dl, .IconTopNavigation dd 
    { margin:0; padding:0; font-family: arial,sans-serif; }
.IconTopNavigation img { border: none; }
  
/**.IconTopNavigation div.IconTopNav { background: url("../images/nav-closed.png") repeat-x scroll 0 bottom rgba(0, 0, 0, 0); height: 94px; left: 0; min-width: 960px; position: fixed; top: 0; width: 100%; z-index: 100; }
.IconTopNavigation div.firstOn { background: url("/resources/Images/IconTopNavigation/nav-open-insurance.png") repeat-x scroll 0 bottom; height: 195px; }
.IconTopNavigation div.IconTopNavOn { background: url("/resources/Images/IconTopNavigation/nav-open.png") repeat-x scroll 0 bottom; height: 139px; }
.IconTopNavigation div.lastOn { background: url("/resources/Images/IconTopNavigation/nav-open-account.png") repeat-x scroll 0 bottom; height: 160px; }**/

.IconTopNavigation a:link, a:visited {
    text-decoration: none;
}
.IconTopNavigation div.IconTopNav { background-color: #ffffff; height: 94px; left: 0; min-width: 960px; position: fixed; width: 100%; z-index: 100; top: 39px; }
/*.IconTopNavigation div.firstOn { height: 195px; }
.IconTopNavigation div.IconTopNavOn {  height: 139px; }
.IconTopNavigation div.lastOn {  height: 160px; }
*/
.IconTopNavigation div#topNav { background-color: #00467F; border-bottom: 1px solid #115288; }
.IconTopNavigation div.IconTopNav span.hr { display: none; background-color: #D4D8DC; height: 1px; position: absolute; top: 76px; width: 100%; }
.IconTopNavigation div.IconTopNavOn span.hr, div.firstOn span.hr, div.lastOn span.hr { display: block; }
.IconTopNavigation div.IconTopNavShadow {background: url("../images/nav-closed.png") repeat-x scroll 0 10px; background-color: #ffffff; }
.IconTopNavigation div#MainNav { margin: 0 auto; width: 960px; margin-top: 18px; }
    
.IconTopNavigation div#MainNav a.headerLogo { display: block; width: 190px; height: 55px; float: left; }
.IconTopNavigation div#MainNav div#GetAQuote { float: left; height: 41px; width: 145px; margin: 5px 0 0 20px;
    background: url("../images/get-a-quote.svg") no-repeat scroll 0 0 rgba(0, 0, 0, 0) }
.IconTopNavigation ul#MainMenu { float: right; width: 562px; font-size: 14px; z-index: 20; display: block; font-family: arial,sans-serif;  }
.IconTopNavigation ul#MainMenu li { float: left; list-style: none; }
.IconTopNavigation ul#MainMenu > li > a { display: block; color: #1666af; padding: 16px 10px 25px; text-decoration: none; position: relative; outline-style:none; }
.IconTopNavigation ul#MainMenu > li > a:hover { color: #00467f; }
.IconTopNavigation ul#MainMenu > li.selected > a { background-color: #EEF2F6; color: #00467F; border: 1px solid #D4D8DC; padding: 15px 9px 26px; border-bottom: 1px solid #EEF2F6; }
.IconTopNavigation ul#MainMenu ul { display: none; position: absolute; }

.IconTopNavigation ul#MainMenu ul li a { display: block; line-height: 25px; margin: 6px 0 5px 0; }
.IconTopNavigation ul#MainMenu ul li:hover { border-bottom: 3px solid #00467F; }
.IconTopNavigation ul#MainMenu ul li a span { padding: 0 20px; border-left: 1px solid #D4D8DC; }

.IconTopNavigation ul#MainMenu li ul a { color: #5F6364; display: block; text-decoration: none; }
.IconTopNavigation ul#MainMenu li ul.icons li a { border-left: 1px solid #D4D8DC; padding: 0 1px; border-left: 1px solid #D4D8DC; line-height: 24px; }
.IconTopNavigation ul#MainMenu ul.icons li:hover { border-bottom: none; }
.IconTopNavigation ul#MainMenu li ul.icons li a span { display: block; padding: 35px 27px 0 27px; font-family: arial,sans-serif; border-left: none; }
.IconTopNavigation ul#MainMenu li ul.icons li { font: 16px/24px arial,sans-serif; }

/*.IconTopNavigation ul#Icons + ul { position: absolute; top: 163px; }
.IconTopNavigation ul#Icons + ul li a { display: block; padding-bottom: 6px; line-height: 16px; }
.IconTopNavigation ul#Icons + ul li a:hover { border-bottom: 3px solid #5F6364; }
.IconTopNavigation ul#Icons + ul li a span { padding: 0 20px; border-left: 1px solid #D4D8DC; }

.IconTopNavigation ul#Icons li a span:hover, ul#Icons li.selected a span { background-position: 50% -57px; }*/

.IconTopNavigation div.preAuth { display: none; position: absolute; top: 89px; left: 200px; height: 75px; }
.IconTopNavigation .preAuth .inner{
   float:right;
   position:relative;
   max-width:960px;
}

.IconTopNavigation .preAuth .inner div{
    float:left;
}
.IconTopNavigation .preAuth .outer{
    margin:0 3px 0 0;
    font:16px/32px arial,sans-serif;
    color:#4e5052;
    top: 88px;
}
.IconTopNavigation .preAuth .Password { display: none; }

.IconTopNavigation .postAuth > ul > li { border-left: 0 solid #EEF2F6; border-right: 0 solid #EEF2F6; }
.IconTopNavigation .postAuth > ul > li.dropdown { position: relative;}
.IconTopNavigation .postAuth > ul > li.dropdown:hover { background-color: #fff; border-left: 0 solid #D4D8DC; border-right: 0 solid #D4D8DC; cursor:default;}

.IconTopNavigation .postAuth > ul > li > ul li { float:none; }
.IconTopNavigation .postAuth > ul > li.dropdown > a { background: url("/resources/Images/IconTopNavigation/acct-nav-arrow.svg") no-repeat scroll center 90%;}
.IconTopNavigation .postAuth > ul > li.dropdown ul { top: 40px; width: 176px; padding: 0 0 5px; }
.IconTopNavigation .postAuth > ul > li.dropdown ul li a { border-bottom: none; display: block; padding: 0 5px; line-height: 49px;}
.IconTopNavigation .postAuth > ul > li.dropdown ul li a span { background-color: #fff; }
.IconTopNavigation .postAuth > ul > li.dropdown ul li { background: url("../images/drop-nav-shadow.svg") repeat-y scroll -3px 0; border-bottom: 1px solid #eaeced; }
.IconTopNavigation .postAuth > ul > li.dropdown:hover a { border-left-color: #D4D8DC; border-right-color: #D4D8DC; display: block; text-align: center; }
.IconTopNavigation .postAuth > ul > li.dropdown:hover ul { display: block!important; }
.IconTopNavigation .postAuth > ul > li.dropdown ul li a:hover span {
    background: none repeat scroll 0 0 #F5F7FA;
    color: #00467F;
    text-decoration: underline;}
    
.IconTopNavigation .inputWrapper{
    margin:0 0 0 9px;
    text-align:right;
}

.IconTopNavigation .btnLogin{
    margin:2px 10px 0 15px;
    font:11px/11px arial,sans-serif;
    color:#353739;
    text-align:left;
}
.IconTopNavigation .btnLogin a{
    display:block;
    padding:7px 41px 7px 19px;
    font:14px/19px arial,sans-serif;
    color:#fff;
    background:#26ae60 url(../images/lock.svg) right center no-repeat;
    text-decoration:none;
}
.IconTopNavigation .btnLogin a:hover{
    background-color:#239c56;
}
.IconTopNavigation .btnLogin input{
    margin:4px 4px 0 0;
    padding:0;
    vertical-align:bottom;
}
.IconTopNavigation .forgotLinks{
   position:absolute;
   left:0;
   top:0;
}
.IconTopNavigation .forgotLinks a{
   color:#353739;
   text-decoration:underline;
   position:absolute;
   left:0;
   top:0;
   white-space:nowrap;   
}
.IconTopNavigation .forgotLinks a:hover{
    text-decoration:none;
}
.IconTopNavigation .forgotLinks .cta{
    font:10px/12px arial,sans-serif;
    padding:0;
}
.IconTopNavigation .createAcct{
    margin-top:10px;
    font:11px/14px arial,sans-serif;
}
.IconTopNavigation .createAcct a{
    color:#353739;
    text-decoration:underline;
    padding:0;
}
.IconTopNavigation .createAcct a:hover{
    text-decoration:none;
}

.IconTopNavigation .cta{
    font:10px/12px arial,sans-serif;
    padding:0;
}

.IconTopNavigation .inputWrapper label{
    position:absolute;
    left:-9999em;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}
.IconTopNavigation .inputWrapper input{
    width:154px;
    padding:7px;
    margin-bottom:4px;
    border:1px solid #bfbfbf;
    outline-style:none;
    font:12px/17px arial,sans-serif;
    color:#444;
}
.IconTopNavigation .inputWrapper input:hover{
    /*padding:6px;
    border:2px solid #ccc;*/
}

.IconTopNavigation .quoteHead{
    position:relative;
    float:left;
    width:145px;
    height:41px;
    margin:25px 0 0 20px;
}
.IconTopNavigation .quoteHead a{
   color:#fff;	
}
.IconTopNavigation .getQuoteLnk{
   position:absolute;
   display:block;
   height:41px;
   width:145px;
   background:transparent url(../images/get-a-quote.svg) no-repeat;
   text-indent:-9999em;
   z-index:100;
   overflow:hidden;/* fix for focus ring due to text replacement */
   outline-style:none;
}
.IconTopNavigation .getQuoteLnkEs{
   background:transparent url(/resources/Images/IconTopNavigation/get-a-quote-es.svg) no-repeat;
}




.IconTopNavigation .show .getQuoteLnk{
   background-position:0 -43px;
}
.IconTopNavigation .quoteDrop{
   width:592px;
   position:absolute;
   left:1px;
   top:42px;	
   color:#fff;
   overflow:hidden;
   display:none;
   z-index:30;
}

.IconTopNavigation .show .quoteDrop{
   display:block;	
}
.IconTopNavigation .quoteLoc{
   width:100%;
   float:left;
   min-height:46px;
   background:#136AB3;
   float:left;
   overflow:hidden;
}
.IconTopNavigation .quoteLoc a 
{
    outline-style: none;
}
.IconTopNavigation .quoteLoc p{
   font-size:12px;
   line-height:3.8;
   margin:0 0 0 20px;
   float:left;
}
.IconTopNavigation .quoteLoc p span{
   font-weight:bold;  
}
.IconTopNavigation .zipEdit:link, .IconTopNavigation .zipEdit:visited{
   background:url(../images/pin.svg) 0 0 no-repeat;
   padding:0 0 0 15px;
   margin:0 0 0 10px;
   font-size:12px;
   line-height:3.8;
   text-decoration:underline;
}
.IconTopNavigation .zipEdit:hover{
   text-decoration:none;
}
.IconTopNavigation .zip input{
   padding-left:25px;
   background:url(../images/pin.svg) 8px 6px no-repeat;
   width:142px;
   height:24px;
   font-size:16px;
   font-weight:bold;
   font-style:italic;
}
.IconTopNavigation .modalContentZip .active input{
   width:90px;
}
.IconTopNavigation .quoteSelect{
   float:left;
   padding:20px 0 10px 25px;	
   background:#0095D5;
   width:100%;
}
.IconTopNavigation .quoteSelect h3{
   font-size:18px;
   line-height:22px;
   font-weight:normal;
   float:left;
   width:100%;
   margin-bottom:12px;
}
.IconTopNavigation .quoteSelect h3 a{
   font-size:12px;
   margin-left:0px;
   text-decoration:underline;	
}
.IconTopNavigation .quoteSelect h3 a:hover{
   text-decoration:none;	
}
.IconTopNavigation .quoteSelect dl{
   float:left;
   width:167px;	
   margin-right:20px;
}
.IconTopNavigation .quoteSelect dl dd{
   border-top:1px solid #33abde;	
   line-height:36px;
   font-size:12px;
   font-weight:bold;
   padding:0 0 0 8px;
}
.IconTopNavigation .quoteSelect dl dd:first-child{
   border-top:none;	
}
.IconTopNavigation .quoteHead .quoteSelect dl dd.last{
   border-bottom:1px solid #33abde;	
}
.IconTopNavigation .quoteSelect dl dd:hover{
   background:#146bb3;	
}
.IconTopNavigation .quoteSelect .quoteIcon{
   background-image:url(/resources/Images/IconTopNavigation/quote_selection.svg);	
   background-repeat:no-repeat;
   padding-left:35px;
}
.IconTopNavigation .quoteDropBtm{
   background:url(../images/quote-btm-shadow.svg) repeat-x;
   height:4px;
   width:100%;
   float:left;
   clear:both;
}

.IconTopNavigation .allRowBg
{
}
.IconTopNavigation .allRowBg .bgRow
{
    height: 40px;
    width: 100%;
    position: absolute;
    z-index: -100;
    left: 0;
}
.IconTopNavigation .allRowBg .icons
{
    height: 75px;
}
.IconTopNavigation .allRowBg .firstRow
{
    border-top: 1px solid #D4D8DC;
}
.IconTopNavigation .allRowBg .lastRow
{
    border-bottom: 1px solid #D4D8DC;
    background:transparent url(../images/nav-shadow.svg) left bottom repeat-x;
}
.IconTopNavigation .allRowBg .odd
{
    background-color: #EEF2F6;
}
.IconTopNavigation .allRowBg .even
{
    background-color: #FAFBFC;
}

.IconTopNavigation ul#MainMenu .dropdown a
{
    padding-bottom:6px;
}
.IconTopNavigation ul#MainMenu .dropdown ul
{
    padding-bottom:0;
}
.IconTopNavigation ul#MainMenu .dropdown ul li
{
    line-height: 15px;
    height: 50px;
    padding: 0 0 0 1px;
    text-align: center;
    margin: 0;
    border: 0;
    background-color: #ffffff;
    border-bottom: 1px solid #ccc;
    width: 169px;
 }

.IconTopNavigation ul#MainMenu .dropdown ul li a 
{
    line-height: 49px;
    height: 50px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    border: 0;
}
.IconTopNavigation ul#MainMenu .dropdown ul li a span
{
    line-height: 49px;
    height: 49px; 
    border-top: 0;
    border-right: 0;
    border-left: 0;
    margin: 0 4px 0 4px;
    padding: 0;
    
}

.IconTopNavigation ul#MainMenu .dropdown ul li:hover{
    background-color:#F5F7FA;
}

/***** End Top Navigation Styles *****/



/***** Begin Bottom Navigation Styles *****/

.LogoBottomNavigation 
{
  width: 100%;
  min-width: 960px;
  z-index: 100;
  clear: both;
  bottom: 0; 
  font-family: arial,sans-serif;
}

.LogoBottomNavigation .FooterOuter { width: 100%; position: absolute; left: 0; background-color: #eaeef2; border-bottom: 1px solid #d3d7db;}
.LogoBottomNavigation .FooterOuter .FooterInner
{
  overflow: hidden;
  margin: 0 auto;
  max-width: 960px;
  width: 100%;
  padding-top: 39px;
  padding-bottom: 44px;
}

.LogoBottomNavigation .FooterOuter .FooterInner .FooterBreaker { border-left: 1px solid #c1c4c7; padding-left:10px; }
.LogoBottomNavigation .FooterOuter .FooterInner .FooterBreakerAbove { border-top: 1px solid #c1c4c7; padding-top: 28px; margin-top: -28px; }
.LogoBottomNavigation .FooterOuter .FooterInner .TextCenter { text-align: center; }
.LogoBottomNavigation .FooterOuter .FooterInner .TextRight { text-align: right; }
.LogoBottomNavigation .FooterOuter .FooterInner .TextLeft { text-align: left; }
.LogoBottomNavigation .FooterOuter .FooterInner .FooterGray
{
  float: left;
}

.LogoBottomNavigation .FooterOuter .FooterInner .FooterImage{ float: left; padding-bottom: 30px; }
.LogoBottomNavigation .FooterOuter .FooterInner .FooterBlue{ float: left;  }
.LogoBottomNavigation .FooterOuter .FooterInner .FooterSocial
{
  float: left;
}

.LogoBottomNavigation .FooterOuter .FooterInner .PositioningDiv{ display: inline-block; }
.LogoBottomNavigation .FooterOuter .FooterInner .FooterSocial .PositioningDiv .FooterSocialBottom
{
  position: absolute;
  bottom: 25px;
}

.LogoBottomNavigation ul {list-style: none; padding: 0px; margin: 0px; }
.LogoBottomNavigation .FooterBodyBackground { color: #eaeef2; }
.LogoBottomNavigation .AllstateLogo {border: 0px none; text-indent: -9999px; }
.LogoBottomNavigation .AllstateLogo img { border: 0px none; padding-bottom: 30px; }
.LogoBottomNavigation .AboutAllstateHeader
{
font:1em arial; 
Color:#5f6062; 
font-weight:bold; 
text-transform:none;
padding-bottom: 20px;
}

.LogoBottomNavigation .AdditionalLink a
{
    font-family: arial,sans-serif;
    font-size: 1em;
    Color: #5f6062;
    text-decoration: none;
}

.LogoBottomNavigation .AdditionalLink a:hover
{
    font-family: arial,sans-serif;
    font-size: 1em;
    Color: #5f6062;
    text-decoration: underline;
}

.LogoBottomNavigation .FooterOuter .FooterInner .FooterSocial .PositioningDiv .SocialHeader
{
  font-family: arial,sans-serif;
  font-weight: bold;
  font-size: 1.2em;
  color: #565859;
  text-transform: uppercase;
  margin: 9px 0 6px 0;
}

.LogoBottomNavigation .FooterOuter .FooterInner .FooterSocial .PositioningDiv .SocialHeader a
{
    color: #565859;
    text-decoration: none;
}

.LogoBottomNavigation .FooterOuter .FooterInner .FooterSocial .PositioningDiv .SocialHeader a:hover
{
    color: #565859;
    text-decoration: underline;
}

.LogoBottomNavigation .FooterOuter .FooterInner .FooterSocial .PositioningDiv .social {list-style: none;margin: 10px 0 75px 0; }
.LogoBottomNavigation .FooterOuter .FooterInner .FooterSocial .PositioningDiv .social ul { list-style: none; margin:0px; padding: 0px }
.LogoBottomNavigation .FooterOuter .FooterInner .FooterSocial .PositioningDiv .social li {float: left }
.LogoBottomNavigation .FooterOuter .FooterInner .FooterSocial .PositioningDiv .social li a {display: block; border: 0px; padding-bottom: 15px; }
.LogoBottomNavigation .FooterOuter .FooterInner .FooterSocial .PositioningDiv .social li a img {border: 0px none; }
.LogoBottomNavigation .SocialIcons {color: #c3c6c9; }
.LogoBottomNavigation .SocialIcons:hover {color: #c3c6c9; }
.LogoBottomNavigation .Copyright
{
  font-family: arial,sans-serif;
  font-weight: bold;
  font-size: 0.75em;
  color: #565859;
}

.LogoBottomNavigation .AllRightsReserved
{
  font-family: arial,sans-serif;
  font-weight: normal;
  font-size: 0.75em;
  color: #565859;
}

.LogoBottomNavigation .Separator1px {color: #cccccc;}

.LogoBottomNavigation .lbnColumn { float:left; margin-right:15px; }
.LogoBottomNavigation .FooterOuter .FooterInner .lbnColumn .SocialFreeText
{
  clear:both;
  font-size: 0.8em;
  Color: #606062;
  padding-top: 27px;
}
.LogoBottomNavigation ul.social li {
    float: left;
    padding-right: 5px;
}

.LogoBottomNavigation .FooterOuter .FooterInner .lbnRowTitle {
    font:1em arial; 
    Color:#5f6062; 
    font-weight:bold; 
    text-transform:none;
    padding-bottom: 22px;
}
.LogoBottomNavigation .FooterOuter .FooterInner .lbnRowTitle a { Color: #5f6062; }
.LogoBottomNavigation .AboutAllstateHeader a { Color: #5f6062; }
.LogoBottomNavigation .FooterOuter .FooterInner .lbnColumn .PositioningDiv li:last-child { padding-bottom: 0px; }
.LogoBottomNavigation .AdditionalLink { padding-bottom:10px; }
.LogoBottomNavigation .FooterOuter .FooterInner .lbnColumn:last-child { margin-right: 0px; }
.LogoBottomNavigation .FooterOuter .FooterInner .lbnColumn .social { margin-left: -8px; }

/***** End Bottom Navigation Styles *****/



/***** Begin Footer Styles *****/

.Footer { width: 100%; background-color: #dfe4eb; text-align: center; text-transform: uppercase; font: bold 11px/13px arial,sans-serif; clear: both; }
.Footer .FooterOuter { left: 0; position: absolute; width: 100%; background-color: #dfe4ea; }
.Footer .FooterFirstRow, .Footer .FooterRow { margin: 0 auto; padding-left: 0; text-align: center; }
.Footer .FooterFirstRow li { display: inline-block; padding: 10px 17px 10px 19px; background: transparent url(../images/pipe_footer.gif) no-repeat left center; }
.Footer .FooterRow li { display: inline-block; padding: 0 17px 10px 19px; background: transparent url(../images/pipe_footer.gif) no-repeat left center; background-position: 0 2px; }
.Footer .FooterRow img { padding-left: 5px; margin-top: -3px; }
.Footer .FooterFirstRow li:first-child, .Footer .FooterRow li:first-child { background: none; }
.Footer .FooterFirstRow a, .Footer .FooterRow a { color: #666; display: block; text-decoration: none; }
.Footer .FooterFirstRow a img, .Footer .FooterRow a img { border: 0px none; max-width: 16px; }
.Footer .FooterFirstRow a:hover, .Footer .FooterRow a:hover { text-decoration: underline; }

/***** End Footer Styles *****/


/***** Begin Responsive Top Navigation Styles *****/

.ResponsiveTopNavigation { font-family: arial,sans-serif; height: 36px; min-height: 123px; }
.ResponsiveTopNavigation html, .ResponsiveTopNavigation body, .ResponsiveTopNavigation div, .ResponsiveTopNavigation span, .ResponsiveTopNavigation h1, .ResponsiveTopNavigation h2, .ResponsiveTopNavigation h3, .ResponsiveTopNavigation h4, .ResponsiveTopNavigation h5, .ResponsiveTopNavigation h6, .ResponsiveTopNavigation p, .ResponsiveTopNavigation blockquote, .ResponsiveTopNavigation a, .ResponsiveTopNavigation img, .ResponsiveTopNavigation dl, .ResponsiveTopNavigation dt, .ResponsiveTopNavigation dd, .ResponsiveTopNavigation ol, .ResponsiveTopNavigation ul, .ResponsiveTopNavigation li, .ResponsiveTopNavigation fieldset, .ResponsiveTopNavigation form, .ResponsiveTopNavigation label, .ResponsiveTopNavigation legend, .ResponsiveTopNavigation table, .ResponsiveTopNavigation tr, .ResponsiveTopNavigation th, .ResponsiveTopNavigation td { margin: 0; padding: 0; border: none; outline: none; font-family: arial,sans-serif; }
.ResponsiveTopNavigation img { width: auto; }
.ResponsiveTopNavigation .hiddenLabel { display: none; }
.ResponsiveTopNavigation a:link, a:visited { text-decoration: none; }
.ResponsiveTopNavigation .topnavOuter { background-color: #00467f; border-bottom: 1px solid #115288; position: fixed; left: 0; top: 0; width: 100%; z-index:100; }
.ResponsiveTopNavigation .topnavInner { position: relative; margin: 0 auto; max-width: 960px; width: 100%; font: .875em/1.5em arial,sans-serif; overflow: hidden; }
.ResponsiveTopNavigation .topnavInner ul { float: right; }
.ResponsiveTopNavigation .topnavInner li { float: left; list-style-type: none; margin-top: 7px; color: #fff; font-weight: bold; white-space: nowrap; }
.ResponsiveTopNavigation .topnavInner a { color: #fff; font-weight: bold; padding: 1px 15px; border-right: 1px solid #1a598c; white-space: nowrap; }
.ResponsiveTopNavigation .topnavInner a span { padding-left: 5px; }
.ResponsiveTopNavigation .topnavInner .SHFcust { color: #fff; font-weight: bold; padding: 0 15px; border-right: 1px solid #1a598c; white-space: nowrap; }
.ResponsiveTopNavigation .topnavInner .cust a { font-weight: normal; padding-right: 15px; }
.ResponsiveTopNavigation .topnavInner .custName { font-weight: bold; padding: 0 15px 0 0; background: url(/resources/Images/topnav_customer.png) right 50% no-repeat; }
.ResponsiveTopNavigation .skipnav:link { color: #00467f; border-right: 0; position: absolute; left: -999px; top: 0; font-size: .8em; padding: 0 5px; }
.ResponsiveTopNavigation .skipnav:visited { color: #00467f; }
.ResponsiveTopNavigation .skipnav:focus { color: #fff; }
.ResponsiveTopNavigation .tablet .skipnav { display: none; }
.ResponsiveTopNavigation .topnavInner a:hover { text-decoration: underline; }
.ResponsiveTopNavigation .SHFzipTopnav { color: #fff; font-weight: bold; padding: 0 15px 0 15px; border-right: 1px solid #1a598c; margin-left: 15px; background: transparent url(/resources/Images/pin.svg) left center no-repeat; }
.ResponsiveTopNavigation .zipTopnav { padding-left: 13px; margin-left: 18px; background: transparent url(../images/pin.svg) left center no-repeat; }
.ResponsiveTopNavigation .zipTopnav .SHFzipCode { padding-right: 13px; }
.ResponsiveTopNavigation .zipTopnav .zipCode { padding-right: 13px; background: transparent url(../images/arrow-down-white.png) right center no-repeat; }
.ResponsiveTopNavigation .search,
.ResponsiveTopNavigation .zip { border: 1px solid #ccc; margin: 7px 12px; background-color: #fff; }
.ResponsiveTopNavigation .zip { width: 165px; margin-left: 0; position: relative; }
.ResponsiveTopNavigation .mod1 .zip { float: none; border: 0; background-color: transparent; margin: 0; position: static; width: auto; }
.ResponsiveTopNavigation .zip.err,
.ResponsiveTopNavigation .err .zip { border-color: #f00; }
.ResponsiveTopNavigation .disable { cursor: default; }
.ResponsiveTopNavigation .errIco { background: url(/resources/Images/error.svg) 0 0 no-repeat; position: absolute; width: 17px; height: 17px; }
.ResponsiveTopNavigation .modalZipCode .errIco { right: 4px; top: 5px; }
.ResponsiveTopNavigation .search input,
.ResponsiveTopNavigation .zip input { float: left; font: .875em/1.625em arial,sans-serif; color: #333; padding: 2px 5px; margin: 0; width: 114px; border: 0; outline: none; }
.ResponsiveTopNavigation .tablet .search input { -webkit-appearance: none; /* remove text input inner shadow */ }
.ResponsiveTopNavigation .zip input { font-style: italic; }
.ResponsiveTopNavigation .search a,
.ResponsiveTopNavigation .zip a { float: left; border: none; margin-top: 3px; overflow: hidden; /* fix for focus ring due to text replacement */ }
.ResponsiveTopNavigation .search a { text-indent: -9999em; padding: 0 6px 0 0; }
.ResponsiveTopNavigation .search .searchIcon { height: 15px; width: 15px; cursor: default; display: inline; position: relative; right: 4px; }
.ResponsiveTopNavigation .search .searchIcon:hover { height: 15px; width: 15px; cursor: pointer; }
.ResponsiveTopNavigation .search:hover, .ResponsiveTopNavigation .zip:hover { border: 2px solid #ccc; margin: 6px 12px; }
.ResponsiveTopNavigation .zip:hover { margin-left: 0; }
.ResponsiveTopNavigation .search.active, .ResponsiveTopNavigation .zip.active { border: 2px solid #27ae60; margin: 6px 12px; }
.ResponsiveTopNavigation .zip.active { margin-left: 0; }
.ResponsiveTopNavigation .search.active a,
.ResponsiveTopNavigation .zip.active a { background-position: 0 -15px; }
.ResponsiveTopNavigation .search a:hover,
.ResponsiveTopNavigation .zip a:hover { background-position: 0 0; }
.ResponsiveTopNavigation .topnavInner .search,
.ResponsiveTopNavigation .topnavInner .search:hover,
.ResponsiveTopNavigation .search.active:hover { margin-right: 0; }
.ResponsiveTopNavigation .topnavInner .search:hover,
.ResponsiveTopNavigation .search.active { margin-left: 10px; }
.ResponsiveTopNavigation .search:hover .searchIcon { right: 3px; }
.ResponsiveTopNavigation img { border: none; }
.ResponsiveTopNavigation div.IconTopNav { height: 94px; left: 0; min-width: 960px; position: fixed; width: 100%; z-index: 100; top: 25px; }
.ResponsiveTopNavigation div#topNav { background-color: #00467F; border-bottom: 1px solid #115288; }
.ResponsiveTopNavigation div.IconTopNav span.hr { display: none; background-color: #D4D8DC; height: 1px; position: absolute; top: 76px; width: 100%; }
.ResponsiveTopNavigation div.IconTopNavOn span.hr, div.firstOn span.hr, div.lastOn span.hr { display: block; }
.ResponsiveTopNavigation div.IconTopNavShadow { background: url("../images/nav-closed.png") repeat-x scroll 0 10px; }
.ResponsiveTopNavigation div#MainNav { margin: 0 auto; width: 960px; margin-top: 18px; }
.ResponsiveTopNavigation div#MainNav a.headerLogo { display: block; width: 190px; height: 55px; float: left; }
.ResponsiveTopNavigation div#MainNav div#GetAQuote { float: left; height: 41px; width: 145px; margin: 5px 0 0 20px; background: url("../images/get-a-quote.svg") no-repeat scroll 0 0 rgba(0, 0, 0, 0); }
.ResponsiveTopNavigation ul#MainMenu { float: right; width: 562px; font-size: 1.0em; z-index: 20; display: block; font-family: arial,sans-serif; }
.ResponsiveTopNavigation ul#MainMenu li { float: left; list-style: none; }
.ResponsiveTopNavigation ul#MainMenu > li > a { display: block; color: #1666af; padding: 16px 10px 25px; text-decoration: none; position: relative; outline-style: none; }
.ResponsiveTopNavigation ul#MainMenu > li > a:hover { color: #00467f; }
.ResponsiveTopNavigation ul#MainMenu > li.selected > a { background-color: #EEF2F6; color: #00467F; border: 1px solid #D4D8DC; padding: 15px 9px 26px; border-bottom: 1px solid #EEF2F6; }
.ResponsiveTopNavigation ul#MainMenu ul { display: none; position: absolute; }
.ResponsiveTopNavigation ul#MainMenu ul li a { display: block; line-height: 1.563em; margin: 6px 0 5px 0; }
.ResponsiveTopNavigation ul#MainMenu ul li:hover { border-bottom: 3px solid #00467F; }
.ResponsiveTopNavigation ul#MainMenu ul li a span { padding: 0 20px; border-left: 1px solid #D4D8DC; }
.ResponsiveTopNavigation ul#MainMenu li ul a { color: #5F6364; display: block; text-decoration: none; }
.ResponsiveTopNavigation ul#MainMenu li ul.icons li a { border-left: 1px solid #D4D8DC; padding: 0 1px; border-left: 1px solid #D4D8DC; line-height: 1.5em; }
.ResponsiveTopNavigation ul#MainMenu ul.icons li:hover { border-bottom: none; }
.ResponsiveTopNavigation ul#MainMenu li ul.icons li a span { display: block; font-size: 1.2em; padding: 35px 25px 0 25px; font-family: arial,sans-serif; border-left: none; }
.ResponsiveTopNavigation ul#MainMenu li ul.icons li { font: 1.125em/1.625em arial,sans-serif; }
.ResponsiveTopNavigation div.preAuth { display: none; position: absolute; top: 89px; left: 350px; height: 75px; }
.ResponsiveTopNavigation .preAuth .inner { float: right; position: relative; max-width: 960px; }
.ResponsiveTopNavigation .preAuth .inner div { float: left; }
.ResponsiveTopNavigation .preAuth .outer { margin: 0 3px 0 0; font: 1.125em/2.125em arial,sans-serif; color: #4e5052; top: 88px; }
.ResponsiveTopNavigation .preAuth .Password { display: none; }
.ResponsiveTopNavigation .postAuth > ul > li { border-left: 0 solid #EEF2F6; border-right: 0 solid #EEF2F6; }
.ResponsiveTopNavigation .postAuth > ul > li.dropdown { position: relative; }
.ResponsiveTopNavigation .postAuth > ul > li.dropdown:hover { background-color: #fff; border-left: 0 solid #D4D8DC; border-right: 0 solid #D4D8DC; cursor: default; }
.ResponsiveTopNavigation .postAuth > ul > li > ul li { float: none; }
.ResponsiveTopNavigation .postAuth > ul > li.dropdown > a { background: url("/resources/Images/ResponsiveTopNavigation/acct-nav-arrow.svg") no-repeat scroll center 90%; }
.ResponsiveTopNavigation .postAuth > ul > li.dropdown ul { top: 40px; width: 176px; padding: 0 0 5px; }
.ResponsiveTopNavigation .postAuth > ul > li.dropdown ul li a { border-bottom: none; display: block; padding: 0 5px; line-height: 3.0em; }
.ResponsiveTopNavigation .postAuth > ul > li.dropdown ul li a span { background-color: #fff; }
.ResponsiveTopNavigation .postAuth > ul > li.dropdown ul li { background: url("../images/drop-nav-shadow.svg") repeat-y scroll -3px 0; border-bottom: 1px solid #eaeced; }
.ResponsiveTopNavigation .postAuth > ul > li.dropdown:hover a { border-left-color: #D4D8DC; border-right-color: #D4D8DC; display: block; text-align: center; }
.ResponsiveTopNavigation .postAuth > ul > li.dropdown:hover ul { display: block!important; }
.ResponsiveTopNavigation .postAuth > ul > li.dropdown ul li a:hover span { background: none repeat scroll 0 0 #F5F7FA; color: #00467F; text-decoration: underline; }
.ResponsiveTopNavigation .inputWrapper { margin: 0 0 0 9px; text-align: right; }
.ResponsiveTopNavigation .btnLogin { margin: 2px 10px 0 15px; font: .688em/.688em arial,sans-serif; color: #353739; text-align: left; }
.ResponsiveTopNavigation .btnLogin a { display: block; padding: 7px 41px 7px 19px; font: 1.0em/1.313em arial,sans-serif; color: #fff; background: #26ae60 url(../images/lock.svg) right center no-repeat; text-decoration: none; }
.ResponsiveTopNavigation .btnLogin a:hover { background-color: #239c56; }
.ResponsiveTopNavigation .btnLogin input { margin: 4px 4px 0 0; padding: 0; vertical-align: bottom; }
.ResponsiveTopNavigation .forgotLinks { position: absolute; left: 0; top: 0; }
.ResponsiveTopNavigation .forgotLinks a { color: #353739; text-decoration: underline; position: absolute; left: 0; top: 0; white-space: nowrap; }
.ResponsiveTopNavigation .forgotLinks a:hover { text-decoration: none; }
.ResponsiveTopNavigation .forgotLinks .cta { font: .650em/.875em arial,sans-serif; padding: 0; }
.ResponsiveTopNavigation .createAcct { margin-top: 10px; font: .650em/1.0em arial,sans-serif; }
.ResponsiveTopNavigation .createAcct a { color: #353739; text-decoration: underline; padding: 0; }
.ResponsiveTopNavigation .createAcct a:hover { text-decoration: none; }
.ResponsiveTopNavigation .cta { font: .75em/.875em arial,sans-serif; padding: 0; }
.ResponsiveTopNavigation .inputWrapper label { position: absolute; left: -9999em; top: auto; width: 1px; height: 1px; overflow: hidden; }
.ResponsiveTopNavigation .inputWrapper input { width: 154px; padding: 7px; margin-bottom: 4px; border: 1px solid #bfbfbf; outline-style: none; font: .875em/1.188em arial,sans-serif; color: #444; }
.ResponsiveTopNavigation .quoteHead { position: relative; float: left; width: 145px; height: 41px; margin: 25px 0 0 20px; }
.ResponsiveTopNavigation .quoteHead a { color: #fff; }
.ResponsiveTopNavigation .getQuoteLnk { position: absolute; display: block; height: 41px; width: 145px; background: transparent url(../images/get-a-quote.svg) no-repeat; text-indent: -9999em; z-index: 100; overflow: hidden; /* fix for focus ring due to text replacement */ outline-style: none; }
.ResponsiveTopNavigation .getQuoteLnkEs { background: transparent url(/resources/Images/ResponsiveTopNavigation/get-a-quote-es.svg) no-repeat; }
.ResponsiveTopNavigation .show .getQuoteLnk { background-position: 0 -43px; }
.ResponsiveTopNavigation .quoteDrop { width: 592px; position: absolute; left: 1px; top: 42px; color: #fff; overflow: hidden; display: none; z-index: 30; }
.ResponsiveTopNavigation .show .quoteDrop { display: block; }
.ResponsiveTopNavigation .quoteLoc { width: 100%; float: left; min-height: 46px; background: #136AB3; float: left; overflow: hidden; }
.ResponsiveTopNavigation .quoteLoc a { outline-style: none; }
.ResponsiveTopNavigation .quoteLoc p { font-size: .875em; line-height: 3.8; margin: 0 0 0 20px; float: left; }
.ResponsiveTopNavigation .quoteLoc p span { font-weight: bold; }
.ResponsiveTopNavigation .zipEdit:link, .ResponsiveTopNavigation .zipEdit:visited { background: url(../images/pin.svg) 0 0 no-repeat; padding: 0 0 0 15px; margin: 0 0 0 10px; font-size: .875em; line-height: 3.8; text-decoration: underline; }
.ResponsiveTopNavigation .zipEdit:hover { text-decoration: none; }
.ResponsiveTopNavigation .zip input { padding-left: 25px; background: url(../images/pin.svg) 8px 6px no-repeat; width: 142px; height: 24px; font-size: 1.125em; font-weight: bold; font-style: italic; }
.ResponsiveTopNavigation .modalContentZip .active input { width: 90px; }
.ResponsiveTopNavigation .quoteSelect { float: left; padding: 20px 0 10px 25px; background: #0095D5; width: 100%; }
.ResponsiveTopNavigation .quoteSelect h3 { font-size: 1.25em; line-height: 22px; font-weight: normal; float: left; width: 100%; margin-bottom: 12px; }
.ResponsiveTopNavigation .quoteSelect h3 a { font-size: .875em; margin-left: 0px; text-decoration: underline; }
.ResponsiveTopNavigation .quoteSelect h3 a:hover { text-decoration: none; }
.ResponsiveTopNavigation .quoteSelect dl { float: left; width: 167px; margin-right: 20px; }
.ResponsiveTopNavigation .quoteSelect dl dd { border-top: 1px solid #33abde; line-height: 2.125em; font-size: .875em; font-weight: bold; padding: 0 0 0 8px; }
.ResponsiveTopNavigation .quoteSelect dl dd:first-child { border-top: none; }
.ResponsiveTopNavigation .quoteHead .quoteSelect dl dd.last { border-bottom: 1px solid #33abde; }
.ResponsiveTopNavigation .quoteSelect dl dd:hover { background: #146bb3; }
.ResponsiveTopNavigation .quoteSelect .quoteIcon { background-image: url(/resources/Images/ResponsiveTopNavigation/quote_selection.svg); background-repeat: no-repeat; padding-left: 35px; }
.ResponsiveTopNavigation .quoteDropBtm { background: url(../images/quote-btm-shadow.svg) repeat-x; height: 4px; width: 100%; float: left; clear: both; }
.ResponsiveTopNavigation .allRowBg { }
.ResponsiveTopNavigation .allRowBg .bgRow { height: 40px; width: 100%; position: absolute; z-index: -100; left: 0; }
.ResponsiveTopNavigation .allRowBg .icons { height: 75px; }
.ResponsiveTopNavigation .allRowBg .firstRow { border-top: 1px solid #D4D8DC; }
.ResponsiveTopNavigation .allRowBg .lastRow { border-bottom: 1px solid #D4D8DC; background: transparent url(../images/nav-shadow.svg) left bottom repeat-x; }
.ResponsiveTopNavigation .allRowBg .odd { background-color: #EEF2F6; }
.ResponsiveTopNavigation .allRowBg .even { background-color: #FAFBFC; }
.ResponsiveTopNavigation ul#MainMenu .dropdown a { padding-bottom: 6px; }
.ResponsiveTopNavigation ul#MainMenu .dropdown ul { padding-bottom: 0; }
.ResponsiveTopNavigation ul#MainMenu .dropdown ul li { line-height: .938em; height: 50px; padding: 0 0 0 1px; text-align: center; margin: 0; border: 0; background-color: #ffffff; border-bottom: 1px solid #ccc; width: 169px; }
.ResponsiveTopNavigation ul#MainMenu .dropdown ul li a { line-height: 3.0em; height: 50px; margin-top: 0; margin-bottom: 0; padding: 0; border: 0; }
.ResponsiveTopNavigation ul#MainMenu .dropdown ul li a span { line-height: 3.0em; height: 49px; border-top: 0; border-right: 0; border-left: 0; margin: 0 4px 0 4px; padding: 0; }
.ResponsiveTopNavigation ul#MainMenu .dropdown ul li:hover { background-color: #F5F7FA; }

.ResponsiveTopNavigation .navIcon_MyOffers span { color: #49c8ea  !important; }
.ResponsiveTopNavigation .navIcon_MyOffers span:hover { background-color: #49c8ea; color: #FFFFFF  !important; }
.ResponsiveTopNavigation .navIcon_Auto span { color: #EA5A08  !important; }
.ResponsiveTopNavigation .navIcon_Auto span:hover { background-color: #EA5A08; color: #FFFFFF  !important; }
.ResponsiveTopNavigation .navIcon_Home span { color: #9737B6  !important; }
.ResponsiveTopNavigation .navIcon_Home span:hover { background-color: #9737B6; color: #FFFFFF  !important; }
.ResponsiveTopNavigation .navIcon_Renters span { color: #6D5DC9  !important; }
.ResponsiveTopNavigation .navIcon_Renters span:hover { background-color: #6D5DC9; color: #FFFFFF  !important; }
.ResponsiveTopNavigation .navIcon_Condo span { color: #D300AE  !important; }
.ResponsiveTopNavigation .navIcon_Condo span:hover { background-color: #D300AE; color: #FFFFFF  !important; }
.ResponsiveTopNavigation .navIcon_Motorcycle span { color: #269C32  !important; }
.ResponsiveTopNavigation .navIcon_Motorcycle span:hover { background-color: #269C32; color: #FFFFFF  !important; }
.ResponsiveTopNavigation .navIcon_Business span { color: #01B3AD  !important; }
.ResponsiveTopNavigation .navIcon_Business span:hover { background-color: #01B3AD; color: #FFFFFF  !important; }
.ResponsiveTopNavigation .navIcon_Life span { color: #E85079  !important; }
.ResponsiveTopNavigation .navIcon_Life span:hover { background-color: #E85079; color: #FFFFFF  !important; }
.ResponsiveTopNavigation .navIcon_Roadside span { color: #00467f !important; }
.ResponsiveTopNavigation .navIcon_Roadside span:hover { background-color: #00467f; color: #fff !important; }
.ResponsiveTopNavigation .navLink span { color: #666666; }
.ResponsiveTopNavigation .navLink span:hover { color: #666666; }
.ResponsiveTopNavigation .mobileNavBar, .ResponsiveTopNavigation .mobileNavbar-inverse, .ResponsiveTopNavigation .rwdNavigation {display: none;}
.ResponsiveTopNavigation #slide-mobileNav .container {padding: 0 15px;}

.ResponsiveTopNavigation .tophat { display: inline-block; background-color: #0d5995; padding: 7px 15px 12px 0; }
.ResponsiveTopNavigation .tophat a { color: #ffffff; padding-right: 15px; background: transparent url(../images/arrow-down-white.png) right center no-repeat; border-right: 0; }
.ResponsiveTopNavigation .tophat a.expanded { background: transparent url(../images/arrow-up-white.png) right center no-repeat; }
.ResponsiveTopNavigation .tophat a:hover { color: #ffffff; }
.ResponsiveTopNavigation .freetextrow { color: #c8c8c8; }
.ResponsiveTopNavigation .headerlinks { display: inline; }
.ResponsiveTopNavigation .tophatcontainer { position: absolute; z-index: 9999; width: 100%; background-color: #00467f; top: 37px; color: #fff; min-height: 567px; left: 0; display: none; }
.ResponsiveTopNavigation .tophatinner { margin: auto; max-width: 960px; width: 100%; padding-top: 39px; }
.ResponsiveTopNavigation .tophatcolumn { float: left; margin-right: 15px; } 
.ResponsiveTopNavigation .tophatcolumn ul li { list-style: none; }
.ResponsiveTopNavigation .tophatcolumn ul li ul li { padding-top: 10px; }
.ResponsiveTopNavigation .tophatcolumn ul li ul li:first-child { padding-top: 0; }
.ResponsiveTopNavigation .tophatlastcolumn { margin-right: 0; }
.ResponsiveTopNavigation .tophatcolumnleftborder { border-left: 1px solid #1a598c; padding-left: 10px; }
.ResponsiveTopNavigation .tophatrowtopborder { border-top: 1px solid #1a598c; padding-top: 10px; }
.ResponsiveTopNavigation .tophatrowtitle { font-size: 1.0em; font-weight: bold; padding-bottom: 10px; }
.ResponsiveTopNavigation .tophatrowtitle a { color: #fff; } 
.ResponsiveTopNavigation .tophatrowtitle a:hover { color: #1666af; }  
.ResponsiveTopNavigation .tophatrowitem { font-size: .80em; } 
.ResponsiveTopNavigation .tophatrowitem a { color: #fff; }
.ResponsiveTopNavigation .tophatrowitem a:hover { color: #1666af; }
.ResponsiveTopNavigation .tophatrownotfirst { margin-top: 43px; }
.ResponsiveTopNavigation .tophatrownobotpadding { padding-bottom: 0; }
.ResponsiveTopNavigation .tophatinner .closeTH { background-color: #00467f; background-image: url("../images/close.png"); background-repeat: no-repeat; height: .90em; border: 0 none; overflow: hidden; }
.ResponsiveTopNavigation .tophatrowwithclose { width: 90%; display: inline-block; }
.ResponsiveTopNavigation .thSocialIcon { float: left; padding-right: 10px; padding-top: 0px !important; }


@media screen and (max-width : 767px) 
{     
    #headerRow { height: 56px !important; }
    .headerRow { height: 131px; } 
    .mobileNavbar { min-height: 56px; }
    .mobileNavbar-header { position: relative; }
    .container-fluid>.mobileNavbar-collapse, .container-fluid>.mobileNavbar-header, .container>.mobileNavbar-collapse, .container>.mobileNavbar-header { margin-right: -15px; margin-left: -15px; }
    .mobileNavbar .custName, .mobileNavbar .custNameHello { font-size: .75em; line-height: 1.0em; }
    .mobileNavbar .custHelloIcon { padding-top: 10px; }
    .mobileNavbar .mobilespacer { height: 20px; }
    .mobileNavbar.mobileNavbar-fixed-top.slide-active { position: absolute; max-width: 100%; }
    .mobileNavbar-mobileNav .open .dropdown-menu .dropdown-header, .mobileNavbar-mobileNav .open .dropdown-menu > li > a { padding: 10px 15px 10px 10px; }
    .mobileNavbar-brand { float: left; font-size: 1.125em; height: 55px; line-height: 1.250em; padding: 0 15px; max-width: 100%; color: #999; }
    .mobileNavbar-inverse .mobileNavbar-toggle { border-color: #333; background-image: none; }
    .mobileNavbar-inverse { background-color: #00467F !important; border-color: #02394c !important; }
    .mobileNav > li > a { position: relative; display: block; padding: 10px 10px 10px 10px; }
    .mobileNav > li > a > img { max-width: none; }
    .mobileNavbar-mobileNav > li > .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; }
    .mobileNavbar-inverse .mobileNavbar-mobileNav > li > a { font-size: 1.125em; color: #999; padding-top: 10px; padding-bottom: 10px; }
    .mobileNavbar-inverse .mobileNavbar-mobileNav > .open > a, .mobileNavbar-inverse .mobileNavbar-mobileNav > .open > a:focus, .mobileNavbar-inverse .mobileNavbar-mobileNav > .open > a:hover, .mobileNavbar-inverse .mobileNavbar-mobileNav > li > a:focus, .mobileNavbar-inverse .mobileNavbar-mobileNav > li > a:hover { background-color: #ededed; color: #666; }
    .mobileNavbar-inverse .mobileNavbar-mobileNav > .active { background-color: #3b3b3b; border: none; color: #666; height: 64px; width: 100%; padding: 20px 10px; }
    .mobileNav > li { background-color: #E9E9E9; border-bottom: 1px solid #FFFFFF; display: block; position: relative; }
    .mobileNav .dropdown-menu > li > a { display: block; clear: both; font-weight: 400;}
    .mobileNavbar-inverse .mobileNavbar-mobileNav .open .dropdown-menu > li > a:focus, .mobileNavbar-inverse .mobileNavbar-mobileNav .open .dropdown-menu > li > a:hover { color: #666; background-color: transparent; }
    .mobileNavbar-inverse .mobileNavbar-mobileNav .open .dropdown-menu .divider { background-color: #CCC; }
    .mobileNavbar-inverse .mobileNavbar-mobileNav .open .dropdown-menu > li > a.quoteLinks { margin-left: 30px; }
    .mobileNavbar .dropdown-menu { font-size: 1.125em !important; list-style: none outside none; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; background-color: #fff; background-clip: padding-box; border-radius: 4px; box-shadow: 0 6px 12px rgba(0,0,0,.175); }
    .mobileNavbar .dropdown-menu li { border-bottom: 1px solid #CCC; padding: 0 5px; }
    .mobileNavbar .dropdown-menu li.last { border-bottom: none; }
    #slide-mobileNav .mobileNavbar-toggle { background-color: #1666AF; border: 0 none; border-radius: 0; cursor: pointer; float: left; height: 55px; line-height: 0; margin: 0; padding: 10px 10px 5px; position: relative; width: 50px; }
    #slide-mobileNav { border-top: 0; font-family: Arial; width: 100%; min-width: 300px; }
    #slide-mobileNav .container { width: 100%; }
    .mobileNavbar-toggle .icon-bar { border-radius: 1px; }
    .mobileNavbar-inverse .mobileNavbar-toggle .icon-bar { background-color: #fff; }
    #slide-mobileNav .mobileNavbar-toggle > .icon-bar { width: 30px; display: block; height: 3px; margin: 5px 0 0; }
    #slide-mobileNav .mobileNavbar-toggle.slide-active .icon-bar { background: #ccc; }
    #slide-mobileNav .mobileNavbar-header { width: 100%; }
    #slide-mobileNav .mobileNavbar.slide-active { position: absolute; width: 50%; top: -1px; z-index: 1000; }
    #slide-mobileNav #slidemenu { background: #f7f7f7; left: -100%; width: 80%; min-width: 0; position: absolute; padding-left: 0; z-index: 2; top: -8px; margin: 0; }
    #slide-mobileNav #slidemenu .mobileNavbar-mobileNav { min-width: 0; width: 100%; margin: 0; }
    #slide-mobileNav #slidemenu .mobileNavbar-mobileNav .dropdown-menu li a { min-width: 0; width: 80%; white-space: normal; margin-left: 20px; }
    #slide-mobileNav #slidemenu .mobileNavbar-mobileNav .dropdown-menu li img { margin-right: 10px; }
    #slide-mobileNav .mobileNavbar-inverse #slidemenu { background: #FAFBFC; }
    #slide-mobileNav #mobileNavbar-height-col { position: relative; top: 0; height: 100%; width: 80%; left: -80%; background: #f7f7f7; }
    #slide-mobileNav .mobileNavbar-inverse #mobileNavbar-height-col { background: #f7f7f7; z-index: 1; border: 0; }
    #slide-mobileNav #slidemenu .mobileNavbar-mobileNav .dropdown-menu li ul.dropdown li a { min-width: 0; width: 80%; white-space: normal; margin-left: 50px; }
    .mobileNavbar { border-bottom: 1px solid rgb(8,8,8); padding-bottom: 1px !important; }
    .mobileNav .search.active { margin: 0 0 0 0 !important; }
    .ResponsiveTopNavigation .container, .ResponsiveTopNavigation .container-fluid { padding-left: 15px; }
    .ResponsiveTopNavigation .mobileNavbar-brand { padding-left: 10px; padding-right: 10px; }
    .mobileNav input.keywords { width: 75% !important; background: none repeat scroll 0 0 #595959 !important; color: #ffffff !important; border: medium none !important; font-family: inherit; font-size: 1.125em; line-height: 1.5em; margin: 0 10px !important; padding: 1px 10px !important; }
    .mobileNav .search img { cursor: pointer; }
    .mobileNav .searchIcon { right: 0 !important; top: 0 !important; width: 15px !important; height: 20px !important; }
    .mobileNavbar .mobileNavbar-Login { padding-top: 17px; float: right; width: 25% !important; text-align: right; display: inline-block; min-width: 70px; }
    .mobileNavbar .mobileNavbar-Login-ES { padding-top: 7px !important; } 
    .mobileNavbar .mobileNavbar-Login a { margin: auto; width: 100%; line-height: 21px; color: white; font-size: 1.0em; display: inline-block; }
    .mobileNavbar .mobileNavbar-Login a:hover { color: white; }
    .mobileNavbar .mobileNavbar-Login a img { display: inline-block; margin-left: 10px; }
    .mobileNavbar .mobileNavbar-Hello { padding-top: 10px; text-align: right; }
    .mobileNavbar .mobileNavbar-Hello span { font-weight: bold; padding: 0 15px 0 0; background: url(/resources/Images/topnav_customer.png) right 50% no-repeat; }
    .mobileNavbar .mobileNavbar-Hello a { margin: auto; width: 60px; height: 30px; padding: 10px 0 0; color: white; font-size: .875em; }
    .mobileNavbar .mobileNavbar-Hello a:hover { color: white; }
    .mobileNavbar .dropdown .blue { color: #1666af; }
    .mobileNavbar .dropdown .blue:hover { color: #1666af !important; }
    .mobileNavbar .dropdown-menu { width: 100%; position: relative; }
    .mobileNavbar .dropdown-menu li { background-color: white; margin-left: 0px !important; padding-left: 0px !important; padding-right: 0px !important; }
    .mobileNavbar .dropdown-menu li a { color: #999; padding: 10px 15px 10px 15px !important; }
    .mobileNavbar .dropdown-menu li a:hover { color: #666; background-color: white !important; }
    .mobileNavbar .dropdown-menu .mobileZip { color: #999; margin-left: 15px; display: block; }
    .mobileNavbar .dropdown-menu .mobileZip a { color: #999; }
    .mobileNavbar .dropdown-menu .mobileZip a:hover { color: #666; }
    .mobileNavbar .dropdown { display: inline-block; width: 100%; }
    .mobileNavbar .sec-dropdown-menu li:first-child { border-top: 1px solid #CCC !important; }
    .mobileNavbar .zipTopnavMobile { background: transparent url(../images/pin.svg) left center no-repeat; margin-left: 10px !important; padding-left: 15px; }
    .mobileNavbar a.zipTopnavMobile { text-decoration: underline; }
    .mobileNavbar .mobileZip { padding: 10px 5px; }
    .mobileNavbar .mobileNavbar-mobileNav .uppercasing { text-transform: uppercase; }
    .mobileNav .dropdown .DropDownAnimationTog { display: block; position: absolute; top: 6px; right: 2px; padding: 8px; font: .875em/1.25em arial,sans-serif; border: 0; min-width: 0; width: 30px; height: 30px; background: url(/resources/images/collapse-expand.svg) -27px -30px no-repeat; text-indent: -9999em; overflow: hidden; }
    .mobileNav .expanded .DropDownAnimationTog { background-position: 3px -30px; }
    .mobileNavbar .sec-dropdown { display: inline-block; width: 100%; border-bottom: 1px solid #ccc !important; position: relative; }
    .mobileNavbar .sec-dropdown-menu { width: 100%; position: relative; }
    .mobileNavbar .sec-dropdown-menu li { margin-left: 0px !important; padding-left: 0px !important; padding-right: 0px !important; list-style-type: none !important; font-size: 1.125em; }
    .mobileNavbar .sec-dropdown-menu li a { color: #999; margin-left: 0px !important; margin-right: 0px !important; padding: 10px 15px 10px 82px !important; width: 80% !important; display: block !important; }
    .mobileNavbar .sec-dropdown-menu li a:hover { color: #666; background-color: white !important; }
    .mobileNav .sec-dropdown .SecDropDownAnimationTog { /* toggle open/closed plus/minus */ display: block; position: absolute; top: 6px; right: 2px; padding: 8px !important; font: .875em/1.25em arial,sans-serif; border: 0; min-width: 0; width: 30px !important; height: 30px !important; background: url(/resources/images/collapse-expand.svg) -27px -30px no-repeat; text-indent: -9999em; overflow: hidden; margin-left: 0 !important; }
    .mobileNav .sec-expanded .SecDropDownAnimationTog { background-position: 3px -30px; }
    .mobileNavbar .mobileNav > li > a { line-height: 1.625em; }
    .mobileNavbar .mobileNav > li > a:hover { color: #999 !important; }
    .mobileNavbar .mobileNav > li > a img { float: left; margin-top: 2px; margin-right: 4px; min-width: 20px; }
    .mobileNavbar .dropdown-menu > li > a { line-height: 1.5em !important; }
    .mobileNavbar .dropdown-menu > li > a img { float: left; height: 20px; }
    .mobileNavbar .RTNAgentRow { height: 85px; }
    .mobileNavbar .RTNAgent { padding: 5px; float: left; width: 100%; }
    .mobileNavbar .RTNAgent img { float: left; }
    .mobileNavbar .RTNAgent .RTNAgentInfo { float: left; width: 70%; }
    .mobileNavbar .RTNAgent .RTNAgentInfo .RTNAgentName { font-size: 1.125em !important; color: #1666af; width: 100%; }
    .mobileNavbar .RTNAgent .RTNAgentInfo .RTNAgentContact { padding-top: 5px; height: 45px !important; width: 100%; float: left; max-width: 250px; }
    .mobileNavbar .RTNAgent .RTNAgentInfo .RTNAgentContact .RTNAgentPhone { background-color: #e8edf0; width: 50% !important; height: 100% !important; padding: 0 !important; float: left; margin: auto; border-right: 2px solid white; }
    .mobileNavbar .RTNAgent .RTNAgentInfo .RTNAgentContact .RTNAgentPhone a { background-color: #e8edf0; margin: auto !important; padding: 7px 0 0 0 !important; width: 30px !important; display: block; }
    .mobileNavbar .RTNAgent .RTNAgentInfo .RTNAgentContact .RTNAgentPhone a:hover { background-color: #e8edf0 !important; }
    .mobileNavbar .RTNAgent .RTNAgentInfo .RTNAgentContact .RTNAgentWebsite { background-color: #e8edf0; width: 50% !important; height: 100% !important; padding: 0 !important; float: left; color: #1666af; border-left: 2px solid white; }
    .mobileNavbar .RTNAgent .RTNAgentInfo .RTNAgentContact .RTNAgentWebsite a { font-weight: bold; background-color: #e8edf0; color: #1666af; display: block; font-size: 1.0em; text-transform: uppercase; margin: auto !important; padding: 10px 0 0 0 !important; width: 60px !important; }
    .mobileNavbar .RTNAgent .RTNAgentInfo .RTNAgentContact .RTNAgentWebsite a:hover { background-color: #e8edf0 !important; color: #1666af !important; }

    .mobileNavbar .dropdown-toggle { width: 90%; }

    .mobileNavbar .quoteLinks .mobileZip { margin-left: 7px; padding-bottom: 0; width: 320px; font-size: 1.0em; }
    .mobileNavbar .rwdGetQuoteBtn { display:block;height:41px;width:145px !important;background:transparent url(/resources/Images/ResponsiveTopNavigation/get-a-quote-mobile.svg) no-repeat;text-indent:-9999em;z-index:100;overflow:hidden;outline-style:none; margin-left: 0 !important; margin-top: 5px !important; display: inline-block; }
    .mobileNavbar .rwdGetQuoteBtn-es { display:block;height:41px;width:145px !important;background:transparent url(/resources/Images/ResponsiveTopNavigation/get-a-quote-mobile-es.svg) no-repeat;text-indent:-9999em;z-index:100;overflow:hidden;outline-style:none; margin-left: 2px !important; margin-top: 5px !important; display: inline-block; }
    .mobileNavbar .rwdProduct-quote { height: 38px; text-align: left; width: 190px; margin-right: 10px; }
    .mobileNavbar .rwdQuoteMobile { display: block !important; width: 350px; margin: 10px 0 5px 0; padding-left: 20px; }
    .mobileNavbar .rwdQuote_retrieve { display: inline-block; margin-left: 8px !important; padding-top: 0 !important; font-size: 1.0em; text-decoration: underline !important; }
    .mobileNavbar .rwdSelectBox { float: left; }
    .mobileNavbar .selectBox.rwdProduct-quote.rwdSelectBox.selectBox-dropdown { width: 190px !important; margin-top: 2px; margin-left: 3px !important; margin-right: 10px; padding-left: 5px !important; padding-right: 0; border:1px solid #c8c9cb; background-color: #e4e4e4; color: #333; }
    .mobileNavbar .selectBox.rwdProduct-quote.rwdSelectBox.selectBox-dropdown:hover { background-color: #e4e4e4 !important; }
    .mobileNavbar .selectBox.rwdProduct-quote.rwdSelectBox.selectBox-dropdown .selectBox-label { width: 150px !important; padding: 0; color: #333; }    
    .mobileNavbar .selectBox.rwdProduct-quote.rwdSelectBox.selectBox-dropdown .selectBox-arrow { background: transparent url(/resources/Images/QuoteCTA/select-arrow-grey.svg) center center no-repeat; }
}
/***** End Responsive Top Navigation Styles *****/





@media screen and (max-width : 767px)
{
  .LogoBottomNavigation { min-width: 0; }
  .LogoBottomNavigation .FooterOuter { border-bottom: 0 none; position: relative; }
  .LogoBottomNavigation .FooterOuter .FooterInner { padding: 0; width: 90%; }
  .LogoBottomNavigation .FooterOuter .FooterInner .TextLeft { text-align: center; width: 100%; }
  .LogoBottomNavigation .AboutAllstateLink a, .LogoBottomNavigation .AboutAllstateLink a:hover { font-size: 0.85em; line-height: 2.55em; }
  .LogoBottomNavigation .AdditionalLink  a, .LogoBottomNavigation .AdditionalLink  a:hover { font-size: 1em; }
  .LogoBottomNavigation .FooterOuter .FooterInner .FooterImage { padding-top: 39px; width: 100% !important; }
  .LogoBottomNavigation .FooterOuter .FooterInner .FooterBreaker { border-left: medium none;  width: 100% !important; }
  .LogoBottomNavigation .FooterOuter .FooterInner .FooterGray { border-top: 1px solid #c1c4c7; margin: 0; padding: 10px 0; width: 100% !important; }
  .LogoBottomNavigation .FooterOuter .FooterInner .FooterSocial { width: 100% !important; }
  .LogoBottomNavigation .FooterOuter .FooterInner .FooterSocial .PositioningDiv .SocialHeader { display: none; }
  .LogoBottomNavigation .FooterOuter .FooterInner .FooterSocial .PositioningDiv .social { display: inline-block; margin: 15px -10px 5px 10px; }
  .LogoBottomNavigation .FooterOuter .FooterInner .FooterSocial .PositioningDiv .social li a { padding-bottom: 0; }
  .LogoBottomNavigation .FooterOuter .FooterInner .FooterSocial .PositioningDiv .SocialFreeText { border-top: 1px solid #dbd8d1; margin: 0; padding-bottom: 1.5em; }
  .LogoBottomNavigation .FooterOuter .FooterInner .FooterSocial .SocialFreeText p { color: #666; font: 1.2em/1.65em  arial,sans-serif; }
  .LogoBottomNavigation .FooterOuter .FooterInner .FooterSocial .SocialFreeText br { margin-top: -1.5em; }
  .LogoBottomNavigation .lbnColumn { width: 100% !important; margin-right:0px; }
  .LogoBottomNavigation .AllstateLogo img { padding-bottom: 33px; }
  .LogoBottomNavigation .FooterOuter .FooterInner .lbnRowTitle { padding-top: 39px; padding-bottom: 29px; }
  .LogoBottomNavigation .FooterOuter .FooterInner .social { display: inline-block; margin-left: 0px !important; }
  .LogoBottomNavigation .FooterOuter .FooterInner .lbnColumn .SocialFreeText { padding-top: 13px; padding-bottom: 20px; }
  .LogoBottomNavigation .lbnColumn:not(:first-child) ul { margin-top: 39px; margin-bottom:39px; } 
  .LogoBottomNavigation .AboutAllstateHeader { padding-bottom: 32px; }
  .LogoBottomNavigation .AdditionalLink { padding-bottom:32px; }

  /*.LogoBottomNavigation .PositioningDiv  li:first-child { padding-top: 44px; }*/


  .Footer .FooterOuter { font-size: 1em; position: relative; }
  .Footer .FooterFirstRow, .Footer .FooterRow { padding-top: 53px; padding-bottom: 52px; }
  .Footer .FooterFirstRow li { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); width: 100%; padding-top: 28px; }
  .Footer .FooterFirstRow a img, .Footer .FooterRow a img { position: relative; top: -2px; }
  .Footer .FooterFirstRow li:first-child, .Footer .FooterRow li:first-child { padding-top: 0px; }
}


@media screen and (max-width : 480px)
{    
    .mobileNavbar .mobileNavbar-Login-ES a { font-size: 11px !important; }
    .mobileNavbar .mobileNavbar-Login-ES a img { margin-left: 2px !important; }
}


@media screen and (max-width : 330px)
{
    .mobileNavbar .mobileNavbar-Login-ES a { font-size: 10px !important; }
    .mobileNavbar .mobileNavbar-Login-ES a img { margin-left: 2px !important; }
}