﻿/* Header section */
.header {float:left; width:960px; height:117px;}
#headerTop {height:60px;}
.AllstateLogo {float:left; height:46px; width:165px; display:inline;}

#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;
    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; *top: 1px;}
* html div.searchBox .searchArrow { top: 1px; }
div.searchBarNav ul a { display: block; text-transform: uppercase; font-size: 12px; font-family: Arial; text-align: center; }
div.searchBox span.search { text-transform: uppercase; color: #00467f; font-size: 12px;
     font-family: Arial; 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;
    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 11px Arial; *font:bold 13px Arial;}

#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;}
#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; 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;}

/* 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; margin: 0; padding: 0;}
.footerMain a {color:#666;}
.footerMain a:hover { color: #5ab1e9; }

.footerContentSharing {margin: 18px 0 0 0; padding: 0; text-align:center;}
.footerContentSharing a {font:normal 11px Arial; 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; margin: 18px 0 0 0; padding: 0;}
.footerSub a {color:#999;}
.footerSub a:hover { color: #5ab1e9; }
