/* Header section */

.header {float:left; width:960px; height:117px; padding-top:0cm;}
#headerTop {height:60px;}
.AllstateLogo {float:left; height:46px; width:165px; display:inline; text-decoration:none; }
.img { border:0 none; }

#searchnav {float:right; padding-right: 17px;}
div.searchBox { float: left; position: relative; }
div.searchBarNav ul { padding: 0; margin: 0; float: left; list-style: none; height: 30px; }
div.searchBarNav ul li { float: left; height: 22px; padding-right: 15px; margin-top: 6px; }
div.searchBox input { width: 120px; height: 17px; color: #666666; font-family: Arial, sans-serif;
    font-size: 12px; margin-left: 72px; padding: 4px 12px 1px 5px; border: 1px solid #333333; border-right: none; }
div.searchBox .searchArrow { margin: 0; padding: 6px 3px 6px 0; width: 8px; height: 10px;
     border: 1px solid #333333; border-left: none; position: absolute; left: 202px; top: 0px; cursor: pointer; }
html div.searchBox .searchArrow { top: 0px; }
div.searchBarNav ul a { display: block; text-transform: uppercase; font-size: 12px; font-family: Arial, sans-serif; text-align: center; }
div.searchBox span.search { text-transform: uppercase; color: #00467f; font-size: 12px;
     font-family: Arial, sans-serif; text-align: center; position: absolute; left: 0; top: 6px; font-weight: bold; }
div.searchBarNav ul a:link, div.searchBarNav ul a:visited { text-decoration: none; color: #00467f; }
div.searchBarNav ul a:hover { color: #5ab1e9; }
div.signInDiv { width: 360px; margin: 0 auto; }
div.searchBarNav div.signInDiv input { width: 115px; height: 16px; color: #666666; font-family: Arial, sans-serif;
    font-size: 12px; margin: 5px 15px; padding: 3px 5px; border: 1px solid #333333; }
div.signInDiv img { width: 30px; height: 18px; }

#nav {float:left; width:960px; background-color:#fff; margin:0; padding:0;}
#nav ul {margin:0; padding:0;}
#nav li {float:left; display:inline; margin:0 5px 0 0; height:30px; list-style:none; font:bold 13px Arial, sans-serif;}

#nav .darkblue a {background-color: #00467F;}
#nav .darkblueOn a {background-color: #0096D6;}
#nav .darkblue a:hover {background-color:#0096D6; display:block; width:155px;}

#nav .blue a {background-color:#2384c5;}
#nav .blueOn a {background-color:#5ab1e9;}
#nav .blue a:hover {background-color:#5ab1e9; display:block; width:155px;}

#nav .green a {background-color:#4d9d2d;}
#nav .greenOn a {background-color:#8dc951;}
#nav .green a:hover {background-color:#8dc951;display:block; width:155px; }

#nav .orange a {background-color:#FF8901;}
#nav .orangeOn a { background-color:#FEB100;}
#nav .orange a:hover {background-color:#FEB100;display:block; width:155px; }

#nav li a {text-decoration:none; color:#fff; display:block; padding: 8px 0 8px 0; text-align:center; width:155px;}
#nav li ul {position: absolute; width:960px; margin: 0; padding:0;}
#nav ul ul li {float:left; display:inline; margin:0; text-align:center; list-style:none; font:normal 11px Arial, sans-serif;}
#nav ul ul li a {text-decoration:none; display:block; padding:6px 0 10px 0; color:#1666af; margin:0 4px; width:150px; height:14px;}
#nav ul ul li a:hover {font: 11px Arial, sans-serif; margin:0 4px; width:150px; height:14px; display:block; color: #5ab1e9; }
#nav li:hover ul, #nav li.sfhover ul {display:block;}
.navOn {display:block;}
.navOff {display:none;}

/* Begin Customer Login Header Box Styles */
#topNav :focus { outline: 0; }
#topNav { float: left; font-family: Arial, Helvetica, sans-serif; padding-right: 15px; }
#topNavspan { float: left; font-family: Arial, Helvetica, sans-serif; padding-right: 5px; }
#topNav ul { float: left; list-style: none; line-height: 1; padding: 0; margin: 0; }
#topNav a { display: block; color: #00467F; line-height: 26px; margin-left: 10px; padding: 0; text-decoration: none; }
#topNav li { float: left; font-size: 12px; margin: 0; padding: 0; list-style: none; }
#topNav li a:hover { color: #5ab1e9; }
#topNav li.first { float: left; font-size: 12px; margin: 0; padding: 0; list-style: none; }
#topNav li.first a { padding: 0; margin: 0; }
#topNav li.last { float: left; font-size: 12px; margin: 0; padding: 0; list-style: none; }
#topNav li ul { position: absolute; height: auto; width: 520px; font-weight: normal; margin: -1px 0 0 -175px; top: 46px; z-index: 40; }
#topNav li li { padding-right: 0; }
#topNav li ul a { width: 13em; }
#topNav #login { background: #F5f5f5; border: 1px solid #aaaaaa; float: left; margin: 0; z-index: 1; }
#topNav #login h2 { color: #1784c5; font-size: 16px; font-weight: normal; margin: 0; }
#topNav #loginLeft { background: transparent url(images/customer-care-login-drop-down/media/images/content/login-divider.gif) right no-repeat; float: left; padding: 20px 30px 20px 20px; width: 200px; }
#topNav #loginLeft .inputTop { border: 1px solid #AAAAAA; color: #969696; font: bold 15px Arial, Helvetica, sans-serif; height: 19px; margin-top: 10px; padding: 8px 0 8px 15px; width: 175px; }
#topNav #loginLeft p a { position: relative; display: inline; border: 0 none; color: #1784c5; font-size: 11px; line-height: 11px; margin: 0; padding: 0; text-align: left; text-decoration: underline; text-transform: none; width: 200px; }
#topNav #loginLeft p { margin: 0; padding: 5px 0 16px 15px; }
#topNav #loginLeft input { margin: 0; padding: 7px 0 0 0; }
#topNav #loginRight { float: left; padding: 20px 20px 20px 30px; position: relative; width: 210px; }
#topNav #login #loginRight h2 { padding: 0 0 10px 0; }
#topNav #login #loginRight a, #topNav #loginRight img { border: 0 none; margin: 0; }
#topNav #loginRight p { color: #aaaaaa; font-size: 13px; line-height: 18px; margin: 0; padding: 0 0 26px 0; }
#topNav #loginRight #closeDropdown { height: 18px; position: absolute; top: 5px; right: 5px; width: 18px; }
#customerLoginBoxHeader, .hidden { display: none; }
#topNav #customerLogin { width: 140px !important; }
#topNav #notLoggedIn { padding: 0 8px 0px 8px; }
#topNav li.customerLogin .notLoggedIn:hover { color: #5c5c5c; }
#topNav .notLoggedIn { background: #F5F5F5 url(images/customer-care-login-drop-down/media/images/backgrounds/login-background.gif) top left repeat-x; color: #5c5c5c; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
#topNav .customerLogin a { border: 1px solid #aaaaaa; border-bottom: 0 none; color: #5c5c5c; margin: -1px 0px 0 9px; position: absolute; z-index: 9999; }
/* End Customer Login Header Box Styles */

/* Content*/
#lnkbutton { padding-left:4cm; }

/* Footer section */
.footer {float:left; width:955px; text-align: center; margin: 18px 0 18px 0; padding: 0;}
.footer a {padding:0 25px 0 25px; text-decoration:none;}

.footerMain {font:bold 12px Arial, sans-serif; text-decoration:none; margin: 0; padding:15px 0; border:1px solid #e3e3e3;}
.footerMain a {color:#333; text-transform:uppercase;}
.footerMain a:hover {text-decoration:underline; }

.footerContentSharing {margin: 18px 0 0 0; padding: 0; text-align:center;}
.footerContentSharing a {font:normal 11px Arial, sans-serif; color: #666; text-decoration:none; margin: 0; padding: 1px 0; display: inline; height: 16px;}
.footerContentSharing a:hover {color: #5ab1e9; text-decoration:none;}
.footerContentSharing a span {margin: 0 16px 0 3px;}
.footerContentSharing img {border:0px; width: 16px; height: 16px; display:inline; vertical-align: middle; margin-bottom: 2px;}

.footerSub {font:bold 10px Arial, sans-serif; margin: 18px 0 0 0; padding: 0;}
.footerSub a {color:#999;}
.footerSub a:hover { color: #5ab1e9; }

/* New Footer Section */
.footerContentSharingSocial {font: bold italic 16px Arial, sans-serif; color: #0081CF; padding: 0; margin: 18px 0; border: 0; height: 42px; line-height: 42px;}
.footerContentSharingSocial a {font: normal 11px Arial, sans-serif; color: #666; text-decoration: none; vertical-align: middle; line-height: inherit;}
.footerContentSharingSocial a:hover {color: #5ab1e9; text-decoration: none;}
.footerContentSharingSocial a img {border: 0px; width: 16px; height: 16px; margin-top: 11px; margin-right: 3px;}
.footerContentSharingSocial img {float: left; vertical-align: middle; line-height: inherit;}
.footerContentSharingSocial .title {background-image: url(/images/social-bar-title.gif); vertical-align: middle; margin: 0; padding: 0 15px 0 15px; float: left; height: inherit;}
.footerContentSharingSocial .link {background-image: url(/images/social-bar-background.gif); padding: 0 6px; float: left; height: 42px; line-height: 42px;}

.footerSocial { padding: 0; margin: 25px auto; border: 0; height: 20px; line-height: 20px; text-align: center; }
.footerSocial a { font: normal 11px Arial, sans-serif; color: #666666; text-decoration: none; padding: 0; margin: 0; height: inherit; line-height: inherit; }
.footerSocial a:hover { color: #5ab1e9; }
.footerSocial img { float: left; width: 20px; height: 20px; display: block; margin: 0 auto; }
.footerSocial .centeringDiv { display: inline-block; padding: 0 5px; margin: 0; height: inherit; line-height: inherit; zoom: 1;}
.footerSocial .divider { width: 3px; padding: 0 10px; }
.footerSocial .categoryTitle { float: left; font: bold 14px Arial, sans-serif; color: #0081CF; line-height: 20px; padding-right: 10px; }
.footerSocial .linkText { float: left; height: inherit; line-height: 20px; padding: 0 5px; 
}