/*** version:			v.1.0.0 		***/
/*** last modified date:	2010-06-24    	***/

/* `Main Menu
----------------------------------------------------------------------------------------------------*/

#main_menu_container {
    position: relative;
    width: 960px;
    height: 61px;
    background: url(../images/menu_main_bg.gif) 0 0 repeat-x;
    z-index: 999;
    }
    
#mercury_main_logo {
    float:left;
    width:205px;
    }
    
#mercury_main_logo.genfix {
    margin: 0 0 -5px 0;
    }
    
#mercury_main_logo img {
    margin: 0;
    padding: 0 0 0 24px;
    }
    
#main_menu_subcontainer { /* negative margin allows menu to move into left column alley */
    float:left; 
    width:755px;
    /*background-color:#ccccff;*/
    }
    
#main_menu {
    /*width: 705px;*/
    float: left;
    width: 665px;
    height: 38px;
    margin: 0 0 0 12px;
    padding: 0;
    /*background-color: yellow;*/
    }
    html>body #main_menu {margin: 0 0 0 24px;}
    
#resizer_container {
    float: left;
    width: 66px;
    height: 38px;
    background: url(../images/menu_main_resize_bg.gif) 0 0 no-repeat;
    text-align: center;
    }
    
#sizer {
    margin-top: 2px;
    }
    
#sizer a {
    text-decoration: none;
    color: #898989;
    }
    
#sizer a.small {font-weight: bold; font-size: 12px;}
#sizer a.medium {font-weight: bold; font-size: 16px;}
#sizer a.large {font-weight: normal; font-size: 20px;}

/* main menu */
.sf-menu { /* set up menu width, position and font */
	width: 657px;
    height: 38px;
    margin: 0;
	padding: 0;
    font: 14px Trebuchet MS, Trebuchet, Arial, Helvetica, san-serif;
    font-weight: bold;
    }
 
.sf-menu a {text-align: center; height: 20px;} /* center align links */

.sf-menu a,
.sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
	color: #fff;
    }

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left: 0;
	top: 38px; /* match top ul list item height */
	z-index: 99;
    }
    
.sf-menu li { /* zero out and remove default bg color */
    margin: 0;
    padding: 0;
	background-color: transparent;
    }
    
.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus,
.sf-menu a:hover,
.sf-menu a:active { /* top level link color */
	background-color: #eaf2fa;
    color: #7d0909;
	outline: 0;
    }
    
.sf-menu li:hover a, .sf-menu li.sfHover a { /* keep top level link color when submenu is open */
    color: #7d0909;
    }

/* submenus */ 
.sf-menu li ul.submenu li { /* remove default submenu li color */
    height: 22px;
    padding: 2px 0 0 0;
    background-color: #eaf2fa;
    }
    
.sf-menu li ul.submenu li a { /* set position, font and color for submenu */
    height: 16px;
    margin: 7px 0 0 14px;
    padding: 0;
    font-size: 12px;
    text-align: left;
    color: #2f5f90;
    }

.sf-menu li ul.submenu li:hover,
.sf-menu li ul.submenu li.sfHover,
.sf-menu li ul.submenu a:focus,
.sf-menu li ul.submenu a:hover,
.sf-menu li ul.submenu a:active { /* set rollover background and font color for submenu */
    background: none;
    background-color: #eaf2fa;
    color: #7d0909;
	outline: 0;
    }

/* fake a third level nav  */    
/*.sf-menu li#account ul.submenu li.extended {
    height: 95px;
    }
*/

.sf-menu li#account ul.submenu li a.indent {
	padding-left:10px;
}

    
.sf-menu li#account ul.submenu li.extended p a {
    width: 164px;
    padding-left: 12px;    
}
    
    
.sf-menu ul.subform li { /* defaults for any forms on the menu  */
    height: 60px;
    background-color: #eaf2fa;
    }
    
.sf-menu li ul.subform li:hover,
.sf-menu li ul.subform li.sfHover,
.sf-menu li ul.subform a:focus,
.sf-menu li ul.subform a:hover,
.sf-menu li ul.subform a:active { /* set rollover background and font color for forms on menu */
    background: none;
    background-color: #eaf2fa;
    }
    

 /* set widths of main menu items and anchors */   
.sf-menu li#quote,
.sf-menu li#quote a {width: 135px; /*background-color: yellow;*/}
.sf-menu li#agent,
.sf-menu li#agent a {width: 150px; /*background-color: red;*/}
.sf-menu li#products,
.sf-menu li#products a {width: 151px; /*background-color: blue;*/}
.sf-menu li#claims,
.sf-menu li#claims a {width: 89px; /*background-color: green;*/}
.sf-menu li#account, 
.sf-menu li#account a {width: 132px; /*background-color: brown;*/}
 
 /* set widths of submenus */    
.sf-menu li#quote ul.quote {width: 200px;}
.sf-menu li#agent ul.agent {width: 200px;}
.sf-menu li#products ul.products {width: 250px;}
.sf-menu li#claims ul.claims {width: 200px;}
.sf-menu li#account ul.account {width: 190px;}

.sf-menu li#products ul.products a {width: 236px;}
.sf-menu li#claims ul.claims a {width: 186px;}
.sf-menu li#account ul.account a {width: 156px;}

.sf-menu ul, .sf-shadow ul { /* drop shadow */
	background: url(../images/shadow.png) no-repeat bottom right;
	padding: 0 8px 9px 0;
}

.sf-menu ul.submenu li.bottom,
.sf-menu ul.subform li.bottom { /* bottom cap on submenus */
    height: 16px;
    margin: 0;
    padding: 0;
    background-color: transparent;
    }
    
.sf-menu ul.submenu li.bottom:hover,
.sf-menu ul.subform li.bottom:hover,
.sf-menu ul.submenu a.bottom:focus,
.sf-menu ul.subform a.bottom:focus,
.sf-menu ul.submenu a.bottom:hover,
.sf-menu ul.subform a.bottom:hover,
.sf-menu ul.submenu a.bottom:active,
.sf-menu ul.subform a.bottom:active { /* negate any rollover on submenu bottom */
    background: none;
    background-color: transparent;
    }

/* adds a current state background color to main menu item based on a class added to body element */    
body.quote .sf-menu li#quote,
body.agent .sf-menu li#agent,
body.products .sf-menu li#products,
body.claims .sf-menu li#claims,
body.account .sf-menu li#account {
    background: url(../images/menu_main_bg_current.gif) 0 0 repeat-x;
    color: #fff;
    }
    
/* Jquery added class to keep the current state background from displaying while hovering over an open submenu */
.override_current {
    background-color: #eaf2fa;
    color: #7d0909;
	outline: 0;
    }
   
/* ` Menu: Get a Quote form
-------------------------------------------------*/ 
#menu_quoteForm fieldset {
    margin: 14px 0 0 14px;
    }

#menu_quoteForm div {float: left;}

#menu_quoteForm div.text-input {
    width: 110px;
    height: 30px;
    margin: 1px 0 0 0;
    padding: 0;
    background: url(../images/menu_zip_input.gif) 0 0 no-repeat;
    text-align: center;
    }
    
#menu_quoteForm div.text-input input {
    margin: 6px 0 0 0;
    text-align: center;
    border: 1px solid #fff;
    color: #666;
    }
    
#menu_quoteForm div.button {
    margin: 0 0 0 10px;
    border: 0;
    }
   
    
/* `Menu: Find an Agent form
-------------------------------------------------*/ 
#menu_agentForm fieldset {
    margin: 14px 0 0 14px;
    }

#menu_agentForm div {float: left;}

#menu_agentForm div.text-input {
    width: 110px;
    height: 30px;
    margin: 1px 0 0 0;
    padding: 0;
    background: url(../images/menu_zip_input.gif) 0 0 no-repeat;
    text-align: center;
    }
    
#menu_agentForm div.text-input input {
    margin: 6px 0 0 0;
    text-align: center;
    border: 1px solid #fff;
    color: #666;
    }
    
#menu_agentForm div.button {
    margin: 0 0 0 10px;
    border: 0;
    }
   
        
/* `Menu agent contact
-------------------------------------------------*/
#menu_contact_container {
    height: 23px;
    }
#menu_contact_container span a {
    float: right;
    margin: 2px 5px 0 0;
    }
    
#menu_contact_container p {
    float: left;
    margin: 0 0 0 23px;
    padding: 4px 0 0 0;
    font-size: 11px;
    font-weight: bold;
    color: #696969;
    }
    html>body #menu_contact_container p {margin-left: 46px;} /* margin for all except IE6 */
    
span.phone_contact {
    color: #600000;
    }
    
/* --- validation errors --- */

.subform .validate {
    position: relative;
    z-index:555;
    }
    
.subform .errors {
    clear:both;
    position:absolute;
    z-index:777;
    }


div.errors label.error span.menu {
    font-size: 11px;
    font-weight: normal;
    }