/*** version:			v.1.0.7		***/
/*** last modified date:	2010-12-20	***/

/* `BASIC HTML
----------------------------------------------------------------------------------------------------*/
body {background-color: #d7d7d7;}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
    }
    
.hidden {
    display: none;
    }
    
div.faux_hr {
    width: 100%;
    height: 1px;
    border: 0;
    background-color: #000;
    font-size: 0; /* fix for IE6 */
    }
    
a {color:#2f5f90;}

/* `Footnotes
-------------------------------------------------*/ 
sup {
    padding: 0 0 0 2px;
    vertical-align: super;
    font-size: 10px;
    }
    
sup a {color:#2F5F90;}
    
.footnotes {
    padding: 0 0 0 18px;
    }
    
.footnotes a {color:#2F5F90;}
    


 /* `PRIMARY CONTAINER
----------------------------------------------------------------------------------------------------*/   
#container {
    width: 960px;
    margin: 0 auto;
    display: table; /* hack to allow Firefox to show container at full height and display background */ 
    background: #fff url(../images/page_bg.jpg) 0 0 repeat-x;
    }
    

/* `HOMEPAGE
----------------------------------------------------------------------------------------------------*/    
#homepage_content {
    position: relative;
    width: 960px;
    height: 550px;
    margin: 0;
    padding: 0;
/*Following commented out to allow dynamic display of images 	
   background: url(../images/homepage_lifestyle-bg_012.jpg) 0 0 no-repeat;*/
    }
    
#homepage_content h1 {
    /*padding: 75px 0 0 432px;*/
    line-height: normal;
    font-size: 30px;
    color: #fff;
    margin: 0;
    }
    
/* `Homepage: login tab
-------------------------------------------------*/  
  
/* ---- text styles ---- */
#homepage_login p {
    float: left;
    margin: 16px 0 0 0;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #2f5f90;
    }

#homepage_login p.login {
    width: 62px;
    background: url(../images/homepage_login_arrow_blue.gif) 9px 3px no-repeat;
    }
    
#homepage_login p.register {
    width: 71px;
    }
    
#homepage_login a {
    padding: 0 0 0 10px;
    text-decoration: none;
    color: #2f5f90;    
    }
    
#homepage_login p.login a {
    margin: 0 0 0 20px;
    padding: 0 0 0 0px;
    }
     
   
/* `Homepage: login panel closed
-------------------------------------------------*/
#homepage_login #login_closed {
    position: absolute;
    top: -23px;
    left: 752px;
    width: 142px;
    height: 51px;
    padding: 0 0 0 5px;
    background: url(../images/homepage_login_bg.png) 0 0 no-repeat;
    z-index: 8;
    }

/* `Homepage: login panel open
-------------------------------------------------*/
/* Logins temporarily disabled - waiting for Phase 2*/
#header-logout { display:none; }
#header-login { display:none; }

#homepage_login #login_open {
    display: none;
    position: absolute;
    top: -23px;
    left: 752px;
    width: 195px;
    height: 190px;
    padding: 0 0 0 5px;
    background: url(../images/homepage_login_panel_bg.png) 0 0 no-repeat;
    z-index: 12;
    }
    
#homepage_login #login_open p.login {
    color: #7d0909;
    background: url(../images/homepage_login_arrow_red.gif) 4px 5px no-repeat;
    }

#homepage_login #login_open p.login a {color: #7d0909;}
    
#homepage_login #login_open div.close {
    float: left;
    height: 13px;
    width: 13px;
    margin: 18px 0 0 75px;
    }
    html>body #homepage_login #login_open div.close {margin-left: 90px;}
    
#login_open form {
    width:180px;
    margin: 0 0 0 4px;
    font-size: 11px;
    color: #4d4d4d;
    }
    
#login_open div.center { /* centering control */
    width:170px;
    margin: 5px auto 5px auto;
    }
    
#login_open div.item { /* container for width and float control */
    width: 50%;
    float: left;
    padding: 0 0 8px 0;
    }
    
#login_open div.text-input {
    height: 22px;
    width: 78px;
    border: 0;
    text-align: center;
    background: url(../images/homepage_login_input.gif) 0 0 no-repeat;
    }
    
#login_open div.text-input input {
    margin: 1px 0 0 0;
    border: 1px solid #fff;
    font-size: 11px;
    color: #666;
    }
    
#login_open div.item.remember {width: 70%;}
    
#login_open div.item.forgot {padding: 2px 0 0 0; width: 60%; float: left}
    
#login_open .forgot a {
    margin: 0;
    padding: 0;
    text-decoration: underline;
	font-size: 10px;
    }    
    
#login_open div.button {
    float: right;
    margin: 4px 4px 0 0;
    width: 56px;
    height: 18px;
    background: none;
	float: right;
    }
    html>body #login_open div.button {margin-right: 8px;}
    
#login_home div.errors ul {
    margin-bottom: 0;
    padding: 0 0 0 4px;
    }    
    
    
/* `Login Status
-------------------------------------------------*/ 
#login_status_container {
    float: right;
    height: 23px;
    background: #ecf0f3 url(../images/login_status_bg.gif) left top no-repeat;
    font-weight: bold;
    color: #2f5f90;
    }
    
#login_status_container div a {
    font-weight: bold;
    color: #2f5f90;
    }
    
#login_status_container div {float: left;} 

#login_status_container div.user {
    margin: 3px 10px 0 5px;
    }
    html>body #login_status_container div.user {margin: 3px 20px 0 10px;} /* margin for all except IE6 */
    
#login_status_container div.user_controls {
   margin: 3px 6px 0 0;
    }
    html>body #login_status_container div.user_controls {margin-right: 12px;} /* margin for all except IE6 */
     
    
/* `Homepage: GAQ widget
-------------------------------------------------*/     
   
#gaq_home_widget {
    /*position: absolute;
    top: 165px;
    left: 537px;*/
    width: 376px;
    height: 95px;
    z-index: 98;
    background: url(../images/gaq_homepage_bg.png) 0 0 no-repeat;
    }
    
#gaq_home {
    width: 376px;
    height: 95px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    }
  
#gaq_home div.center {
    width:250px;
    margin: 45px auto 0 auto;
    }
    
#gaq_home div.text-input {
    float: left;
    width: 92px;
    height: 34px;
    border: 0;
    background: url(../images/gaq_homepage_input_bg.gif) 0 0 no-repeat;
    text-align: center;
    color: #7d0909;
    }
    
#gaq_home div.text-input input {
    margin: 8px 0 0 0;
    border: 1px solid #fff;
    text-align: center;
    color: #666;
    }
    
#gaq_home div.button {
    float: left;
    margin: 0 0 0 8px;
    width: 147px;
    height: 38px;
    }
    
.bubble4 {
    position:absolute;
    top: 86px;
    left: 80px;
    width: 210px;
    height: 62px;
    margin: 0;
    padding: 8px 10px;
    z-index: 999;
    background: url(../images/error_bg2.png) 0 0 no-repeat;
    }
    
.bubble4 ul {padding-top:8px;}
 
 
 /* ` Homepage: Retrieve a Quote (RAQ)
-------------------------------------------------*/   
#retrieve_container_home {
    width: 376px;
    height: 30px;
    background: url(../images/retrieve_home_link_bg.png) 0 0 no-repeat;
    }
    
#retrieve_container_home .closed {
    width: 190px;
    height: 20px;
    margin: 0px auto;
    padding: 8px 0 0 0;
    text-align: center;
    background: url(../images/arrow_blue.gif) 23px 11px no-repeat;
    }
    
#retrieve_container_home .closed a {
    margin: 0 0 0 34px;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #336699;
    }
    
#retrieve_container_home .closed a:hover {
    color: #7d0909;
    }

#retrieve_container_home .opened {
    background: url(../images/arrow_red.gif) 23px 11px no-repeat;
    }

#retrieve_container_home .opened a {
    color: #7d0909;
    }
    
/*--- raq form styles ---*/ 
#raq_home {
    display: none;
    width: 376px;
    height: 40px;
    margin: 0;
    padding: 0;
    background: url(../images/retrieve_home_open_bg.png) 0 0 repeat-y;
    overflow: hidden;
    }
    
#raq_home div.center {
    width:310px;
    margin: 0 auto;
    }
    
#raq_home div.text-input {
    float: left;
    margin: 2px 5px 0  0;
    border: 0;
    color: #7d0909;
    text-align: center;
    }
    
#raq_home div.quote {
    height: 30px;
    width: 144px;
    background: url(../images/retrieve_home_quote_bg.gif) 0 0 no-repeat;;
    }
    
#raq_home div.zip {
    height: 30px;
    width: 109px;
    background: url(../images/retrieve_home_zip_bg.gif) 0 0 no-repeat;;
    }
    
#raq_home div.text-input input {
    margin: 6px 0 0 0;
    text-align: center;
    border: 1px solid #fff;
    font-size: 11px;
    color: #666;
    }
    
#raq_home div.button {
    float: left;
    width: 47px;
    height: 32px;
    }
    
.bubble3 {
    position:absolute;
    top: 162px;
    left: 80px;
    width: 210px;
    height: 62px;
    margin: 0;
    padding: 8px 10px;
    z-index: 999;
    background: url(../images/error_bg2.png) 0 0 no-repeat;
    }    


 /* ` Homepage: Text boxes for Alerts, FAA
-------------------------------------------------*/ 
    
#textbox_container {
    height: 138px;
    margin: 200px 0 0 0;
    padding: 0 0 0 180px;
    }
    
#textbox_container div.outer {
    float: left;
    width: 362px;
    height: 138px;
    background: url(../images/homepage_textbox_bg.png) 0 0 no-repeat;
    }
    
#textbox_container div.inner {
    width: 314px;
    margin: 31px 0 0 27px;
    padding: 0;
    }
    
#textbox_container div.inner h4 {
    padding: 0;
    margin: 0 0 4px 0;
    line-height: normal;
    color: #660000;
    }
    
#textbox_container div.inner a {
    font-weight: bold;
    color: #2f5f90;
    }
    
#textbox_container div.inner p {
    margin: 6px 0 0 0;
    color: #333;
    }
    
/* `Alert scroll styles
-------------------------------------------------*/
.colLeft {
	float: left;
}
.colRight {
	float: right;
}
#scroll_controls .arrowLeft {
 	float:left; 
	display:none; 
	cursor: pointer; 
	vertical-align: middle;
	margin-right: 10px;
	background-image: url('../images/arrow_red_left.png');
	width: 7px;
	height: 15px;
	background-repeat: no-repeat;	
}
#scroll_controls .arrowRight {
	float:left; 
	display:none; 
	cursor: pointer; 
	vertical-align: middle;
	margin-left: 10px;
	background-image: url('../images/arrow_red_right.png');
	width: 7px;
	height: 15px;
	background-repeat: no-repeat;	
}
#scroll_controls ul {
	margin: 0;
	padding: 1px 0;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	float: left
	} 
#scroll_controls li {
	list-style-type: none;
	display: inline;
	padding: 0 0 0 0px;
	margin: 0;
	}
#scroll_controls a{
	padding: 0 5px; 
	text-decoration: none;
}
#scroll_controls a:link, #scroll_controls a:visited{
	color: #2f5f90;
}
#scroll_controls a:hover, #scroll_controls a:active{
	padding: 0 4px;
	border: 1px solid #660000;
}

#scroll_controls a.currentAlert{
	padding: 0 4px;
	border: 1px solid #660000;
	color: #660000;
}
#scrollContainer {
    height: 120px;
    width: 310px;
    overflow: hidden;
    position: relative;
    clear: left;
	margin: 0 0 0 27px;    
}
#scrollup {
	height: 100px;
	width: 310px;
}
#scrollup .headline {
	float: left;
	position: relative;
	height: 100px;
	width:310px;
	}	
#scrollup .headline p {
    margin: 6px 0 0 0;
    color: #333;
	}
	
#scrollup .headline p a {
    font-weight: bold;
    color: #2f5f90;
    }	

/* `Homepage: Find an agent form
-------------------------------------------------*/ 
#textbox_container div.inner #home_agentForm {
    width: 180px;
    margin: 6px auto 0 auto;
    padding: 0;
    }

#textbox_container div.inner #home_agentForm div {float: left;}

#textbox_container div.inner #home_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;
    }
    
#textbox_container div.inner #home_agentForm div.text-input input {
    margin: 6px 0 0 0;
    text-align: center;
    border: 1px solid #fff;
    color: #666;
    }
    
#textbox_container div.inner #home_agentForm div.button {
    width: 48px;
    height: 32px;
    margin: 0 0 0 10px;
    border: 0;
    }
    

    
/* `LEFT COLUMN
----------------------------------------------------------------------------------------------------*/
#left_column {
  float: left;
  width:220px;
  padding: 0 10px;
  }
    

/* `Page Menu
-------------------------------------------------*/
#page_menu {
    width: 220px;
    background: url(../images/page_menu_bg.gif) 0 0 repeat-y;
    }
    
#page_menu_top {
    width: 220px;
    height: 36px;
    background: url(../images/page_menu_top.jpg) 0 0 repeat-y;
    overflow: hidden;
    }

#page_menu .header {
    height: 22px;
    width: 100%;
    padding: 0 0 1px 0;
    background: #680000 url(../images/page_menu_header_bg.jpg) 0 0 no-repeat;
    }
    
#page_menu .header h5 {
    margin: 0 0 0 18px;
    line-height: normal;
    color: #fff;
    text-transform: uppercase;
    }
	
#page_menu .header a {
    text-decoration: none;
	color: #fff;
    }
    
#page_menu .main {
    width: 100%;
    background: url(../images/page_menu_main_bg.gif) center top no-repeat;
    }
    
#page_menu .main ul {
    width: 220px;
    margin: 0;
    padding: 0 0 12px 0;
    list-style-position: none;
    }
    
#page_menu .main ul li  {
    margin: 0 0 0 10px;
    padding: 8px 0 0 14px;
    }
    
#page_menu .main ul li a {
    margin: 0 0 0 0px;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    color: #5e5e5e;
    }
    
/*** submenu items ***/    
#page_menu .main ul li ul {
    width: 190px;
    padding-bottom:0;
    /*border: 1px solid #ccccff;*/
    display: none;
    }
    
#page_menu .main ul li ul li {
    margin: 4px 0 4px 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 10px;
    }

#page_menu .main ul li.current ul li a {
    text-decoration: none;
    font-size: 11px;
    font-weight: normal;
    color: #000;
    }

#page_menu .main ul li a:active {color: #7d0909;}    
#page_menu .main ul li a:visited {color: #5e5e5e;}
#page_menu .main ul li a:hover {color: #7d0909;}


#page_menu_list, #page_menu_list ul {
    list-style-type: none;
    }

#page_menu_list li.arrow {
    background: url(../images/page_menu_arrow.gif) 0px 11px no-repeat;
    }

/****  current section indicator  ****/    
#page_menu .main ul li.current {
    background: url(../images/page_menu_arrow.gif) 0px 11px no-repeat;
    }
    
#page_menu .main ul li.current a {
    color: #7d0909;
    }
    
#page_menu .main ul li.current ul {
    display: block;
    }
    
#page_menu .main ul li.current ul li a:active {color: #7d0909;}    
#page_menu .main ul li.current ul li a:visited {color: #5e5e5e;}
#page_menu .main ul li.current ul li a:hover {color: #7d0909;}

    
#page_menu_bottom {
    padding: 0;
    margin: 0;
    width: 220px;
    height: 9px;
    background: url(../images/page_menu_bottom.gif) 0 0 no-repeat;
    overflow: hidden;
    }
    
#page_menu_ra_bottom {
    padding: 0;
    margin: 0;
    width: 220px;
    height: 69px;
    background: url(../images/page_menu_ra_bg.gif) 0 0 no-repeat;
    overflow: hidden;
    text-align: center;
    color: #2F5F90;
    }
    
#page_menu_ra_bottom h5 {
    margin: 14px 0 0 0;
    padding: 0;
    line-height: normal;
    }

/* `Promo left
-------------------------------------------------*/
#promo_left {
    width: 200px;
    margin: 20px 0 0 0;
    padding: 18px 10px 0 10px;
    background: url(../images/promo_left_bg.jpg) 0 0 no-repeat;
    }
    
#promo_left h4 {
	font-size: 14px;
    width: 200px;
    margin: 0 0 10px 0;
    line-height: 1.3;
    color: #5e5e5e;
    }
    
#promo_left p {
    width: 200px;
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    color: #434343;
    }
    
#promo_left p.name {
    text-transform: uppercase;
    margin: 0;
    }
    
#promo_left p.date {
    margin: 0;
    }
    
#promo_left div.promo-image {
    text-align: center;
    margin: 10px 0 0 0;
    }
    
/* `Page header
-------------------------------------------------*/
#page_header { /* This is the header art for product page, account page, etc. This must be kept in long form 
    as the actual image call is made in the head of each page. This image should be considered the default image
    if none is specified on the page.*/
    width: 710px;
    height: 137px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url(../images/page_header_generic_bg.jpg);
    }
    
#page_header #title_container {
    height: 32px;
    padding: 32px 0 0 20px;
    }

#page_header #arrow {
    float: left;
    height: 11px;
    width: 15px;
    margin: 10px 6px 0 0;
    }
    
#page_header h1 {
    float: left;
    font-size: 26px;
    line-height: normal;
    color: #fff;
    
    margin:0;
    }
    
    
    
/* `RIGHT COLUMN
----------------------------------------------------------------------------------------------------*/
#right_column {
  float: left;
  width:710px; 
  padding: 0 0 30px 10px;
  }

#right_column .copy { /* required for absolute positioning of GAQ widget */
    position: relative;
    padding-left: 12px;
    }

#right_column .copy h3, #right_column .article h3,   #right_column .article .insArticles h1,
#right_column .copy h5, #right_column .article h5,
#right_column .copy p, #right_column .article p {
    margin: 14px 18px 8px 0;
    color: #4d4d4d;
    }
    
#right_column .copy h3, #right_column .article h3,  #right_column .article .insArticles h1  {
    
    color: #660000;
    font-size: 20px;
    line-height: 1.3;
    }
    
#right_column .copy .short {
    width: 60%;
    }
    
#right_column .copy ul, #right_column .article ul {
    padding: 0 0 0 25px;
    color: #4d4d4d;
    }

#right_column .copy ul.image-adjacent {
    display: inline-block;
    padding: 0 0 0 15px;
    color: #4d4d4d;
    }
 
#right_column .copy ol, #right_column .article ol {
   padding: 0 0 0 35px;
    color: #4d4d4d;
    }
    
#right_column .copy li {
    margin-left: 12px;
    }    
.listBreak {
	line-height:.5;
}
#right_column .copy .top {
    margin-top: 20px;
    }

#right_column .insert_left {
    float: left;
    margin: 3px 0 0 0;
    padding: 0 16px 0 0;
    }
    
#right_column .insert_right {
    float: right;
    margin: 3px 0 0 0;
    padding: 0 16px;
    }
    
    
/* `Get a Quote and Retrieve a Quote - small version
-------------------------------------------------*/   
#gaq_widget_small {
    position: absolute; 
    top: 15px;
    right: 20px;
    width: 248px;
    height: 148px;
    background: url(../images/gaq_interior_bg.png) 0 0 no-repeat;
    }

/* `Get a Quote (GAQ)
-------------------------------------------------*/ 
#gaq_small {
    width: 248px;
    height: 148px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    }
    
#gaq_small div.center {
    width: 155px;
    margin: 85px auto 0 auto;
    }
    
#gaq_small div.text-input {
    float: left;
    width: 92px;
    height: 34px;
    border: 0;
    background: url(../images/gaq_interior_input.gif) 0 0 no-repeat;
    text-align: center;
    color: #7d0909;
    }
    
#gaq_small div.text-input input {
    margin: 6px 0 0 0;
    text-align: center;
    border: 1px solid #fff;
    color: #666;
    }
    
#gaq_small div.button {
    float: left;
    margin: 0 0 0 10px;
    width: 51px;
    height: 35px;
    }
    
#gaq_small fieldset {
    margin-bottom: 3px;
    }     

#gaq_small .errors ul li {
    margin: 4px 0 0 45px;
    color: #b80d0d;
    } 

/* ` Retrieve a Quote (RAQ)
-------------------------------------------------*/   
#retrieve_container_small {
    width: 248px;
    height: 30px;
    background: url(../images/retrieve_interior_link_bg.png) 0 0 no-repeat;
    }
    
#retrieve_container_small .closed {
    width: 190px;
    height: 20px;
    margin: 0px auto;
    padding: 10px 0 0 0;
    background: url(../images/arrow_blue.gif) 14px 13px no-repeat;
    }
    
#retrieve_container_small .closed a {
    margin: 0 0 0 34px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #336699;
    }
    
#retrieve_container_small .closed a:hover {
    color: #7d0909;
    }

#retrieve_container_small .opened {
    background: url(../images/arrow_red.gif) 14px 13px no-repeat;
    }

#retrieve_container_small .opened a {
    color: #7d0909;
    }
    
/*--- raq form styles ---*/    
#raq_small {
    display: none;
    width: 248px;
    height: 175px;
    margin: 0;
    padding: 0;
    background: url(../images/retrieve_interior_bg.png) 0 0 repeat-y;
    overflow:hidden;
    }
    
#raq_small div.text-input {
    margin: 10px auto 0 auto;
    width: 144px;
    height: 30px;
    border: 0;
    background: url(../images/retrieve_interior_input_bg.gif) 0 0 no-repeat;
    color: #7d0909;
    text-align: center;
    }
    
#raq_small div.text-input input {
    margin: 6px 0 0 0;
    text-align: center;
    border: 1px solid #fff;
    font-size: 11px;
    color: #666;
    }
    
#raq_small div.button {
    margin: 12px auto 0 auto;
    padding: 0px;
    width: 49px;
    height: 32px;
    background: none;
    }
    
#raq_small .errors ul li {
    margin: 4px 0 0 45px;
    color: #b80d0d;
    } 
    
/* `QUOTE PROCESS
----------------------------------------------------------------------------------------------------*/
#state-quote_details {background: url(../images/quote_state_details_bg.jpg) 0 0 repeat-y;}

#state-quote_details div {width: 220px;}

#state-quote_details div.top {
    height:36px;
    background: url(../images/logo_mercury_botttom_blue.jpg) 0 0 no-repeat;
    }
     
#state-quote_details div.state {
    height: 40px;
    background: url(../images/quote_details_state_bg.jpg) 0 0 no-repeat;
    }
    
#state-quote_details div.state h4 {
    margin: 0 0 0 13px;
    padding: 9px 0 0 0;
    line-height: normal;
    color: #660000;
    }
    
#state-quote_details div.quote_id {
    height: 47px;
    background: url(../images/quote_details_id_bg.jpg) 0 0 no-repeat;
    }
    
#state-quote_details div.quote_id h5 {
    margin: 0 0 0 13px;
    padding: 10px 0 0 0;
    line-height: normal;
    color: #660000;
    }
    
#state-quote_details div.text {
    background: url(../images/quote_details_text_bg.jpg) 0 0 no-repeat;
    }
    
#state-quote_details div.text p {
    margin: 0 0 0 13px;
    padding: 0 0 20px 0;
    font-weight: bold;
    color: #58595b;
    } 

#state-quote_details div.bottom {
    height: 9px;
    background: url(../images/quote_state_details_bottom.gif) 0 0 no-repeat;
    overflow: hidden;
    }


/* `Agent promo
-------------------------------------------------*/
#promo_agent {
    width: 220px;
    height: 445px;
    margin: 20px 0 0 0;
    background-repeat: no-repeat;
    background-position: top center;
    }  /* Background-image is assigned via jQuery within the JSP (ie. left_column_2-0.jsp) */

#promo_agent div.text {
    width: 185px;
    padding: 12px 15px 0 20px;
    }
    
#promo_agent h5 {
    line-height: normal;
    color: #660000;
    }
    
#promo_agent p {
    margin: 0;
    padding: 0 0 10px 0;
    font-weight: bold;
    color: #333;
    }
    
#promo_agent p span {color: #660000;}
    
#promo_agentForm {
    width: 124px;
    margin: 20px 0 0 60px;
    padding: 0;
    }
    
#promo_agentForm .text-input {
    float: left;
    width: 78px;
    height: 31px;
    text-align: center;
    background: url(../images/promo_agent_input_bg.gif) 0 0 no-repeat;
    }
    
#promo_agentForm .text-input input {
    margin: 7px 0 0 0;
    border: 1px solid #fff;
    font-size: 11px;
    text-align: center;
    color: #666;
    }
    
#promo_agentForm .button {
    float: left;
    padding: 0 0 0 6px;
    width: 37px;
    height: 31px;
    }
    
    
/* `Rate Quote Progress Indicator
-------------------------------------------------*/
#quote_progress_container {
    width: 690px;
    height: 53px;
    margin-top: 24px;
    }

/* default text style */
#quote_progress_container p {
    float: left;
    height: 16px;
    margin: 18px 0 0 0;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    color: #2f5f90;
    }
    
/* ---- BREA ---- */    

/* position the background sprite for each step */
body.brea #quote_progress_container {
    background-image: url(../images/quote_progress_bar_bg.gif);
    background-repeat: no-repeat;}
    
/* default text positions - leave margin statements as is */
body.brea #quote_progress_container p.step1 {margin-left: 22px;}
body.brea #quote_progress_container p.step2 {margin-left: 28px;}
body.brea #quote_progress_container p.step3 {margin-left: 26px;}
body.brea #quote_progress_container p.step4 {margin-left: 22px;}
body.brea #quote_progress_container p.step5 {margin-left: 24px;}
body.brea #quote_progress_container p.step6 {margin-left: 26px;}

body.brea.step1 #quote_progress_container {background-position: 0px -265px;}
body.brea.step2 #quote_progress_container {background-position: 0px -212px;}
body.brea.step3 #quote_progress_container {background-position: 0px -159px;}
body.brea.step4 #quote_progress_container {background-position: 0px -106px;}
body.brea.step5 #quote_progress_container {background-position: 0px -53px;}
body.brea.step6 #quote_progress_container {background-position: 0px 0px;}

body.brea.step1 #right_column,
body.brea.step2 #right_column,
body.brea.step3 #right_column,
body.brea.step4 #right_column,
body.brea.step5 #right_column,
body.brea.step6 #right_column {width: 705px;}


/* step 2: style 1 step to previous state */
body.brea.step2 #quote_progress_container p.step1 {color: #fff;}

/* step 3: style 2 steps to previous state */
body.brea.step3 #quote_progress_container p.step1,
body.brea.step3 #quote_progress_container p.step2 {color: #fff;}

/* step 4: style 3 steps to previous state */
body.brea.step4 #quote_progress_container p.step1,
body.brea.step4 #quote_progress_container p.step2,
body.brea.step4 #quote_progress_container p.step3 {color: #fff;}

/* step 5: style 4 steps to previous state */
body.brea.step5 #quote_progress_container p.step1,
body.brea.step5 #quote_progress_container p.step2,
body.brea.step5 #quote_progress_container p.step3,
body.brea.step5 #quote_progress_container p.step4 {color: #fff;}

/* step 6: style 5 steps to previous state */
body.brea.step6 #quote_progress_container p.step1,
body.brea.step6 #quote_progress_container p.step2,
body.brea.step6 #quote_progress_container p.step3,
body.brea.step6 #quote_progress_container p.step4,
body.brea.step6 #quote_progress_container p.step5 {color: #fff;}

/* style for current, selected state */
body.brea.step1 #quote_progress_container p.step1,
body.brea.step2 #quote_progress_container p.step2,
body.brea.step3 #quote_progress_container p.step3,
body.brea.step4 #quote_progress_container p.step4,
body.brea.step5 #quote_progress_container p.step5,
body.brea.step6 #quote_progress_container p.step6 {color: #ffbc1d;}


/* ---- PHX ---- */    

body.phx #quote_progress_container p {
    width: 138px;
    text-align:center;
    }   

/* position the background sprite for each step */
body.phx #quote_progress_container {
    background-image: url(../images/quote_progress_bar_bg2.gif);
    background-repeat: no-repeat;}
    
body.phx.step1 #quote_progress_container {background-position: 0px -212px;}
body.phx.step2 #quote_progress_container {background-position: 0px -159px;}
body.phx.step3 #quote_progress_container {background-position: 0px -106px;}
body.phx.step4 #quote_progress_container {background-position: 0px -53px;}
body.phx.step5 #quote_progress_container {background-position: 0px 0px;}

/* step 2: style 1 step to previous state */
body.phx.step2 #quote_progress_container p.step1 {color: #fff;}

/* step 3: style 2 steps to previous state */
body.phx.step3 #quote_progress_container p.step1,
body.phx.step3 #quote_progress_container p.step2 {color: #fff;}

/* step 4: style 3 steps to previous state */
body.phx.step4 #quote_progress_container p.step1,
body.phx.step4 #quote_progress_container p.step2,
body.phx.step4 #quote_progress_container p.step3 {color: #fff;}

/* step 5: style 4 steps to previous state */
body.phx.step5 #quote_progress_container p.step1,
body.phx.step5 #quote_progress_container p.step2,
body.phx.step5 #quote_progress_container p.step3,
body.phx.step5 #quote_progress_container p.step4 {color: #fff;}

/* style for current, selected state */
body.phx.step1 #quote_progress_container p.step1,
body.phx.step2 #quote_progress_container p.step2,
body.phx.step3 #quote_progress_container p.step3,
body.phx.step4 #quote_progress_container p.step4,
body.phx.step5 #quote_progress_container p.step5 {color: #ffbc1d;}


/* `Rate Quote Form
-------------------------------------------------*/
#quote_generator_container {
    width: 690px;
    background: url(../images/form_container_primary_bg.gif) 0 0 repeat-y;
    /*background-color: #ffffcc;*/
    }
    
#quote_generator_container #gradient_bg {
    /*background: url(../images/form_container_gradient_bg.jpg) top center no-repeat;*/
    }
    
#quote_generator_container div.faux_hr {
    background-color: #5e5e5e;
    }
    
#form_bottom {
    margin: 0 0 20px 0;
    height: 42px;
    width: 690px;
    background: url(../images/form_container_bottom.gif) 0 0 no-repeat;
    } 
    
#quote_generatorForm {
    width: 644px;
    margin: 0 23px;
    padding: 36px 0 0 0;
    font-size: 12px;
    /*background-color: #ccccff;*/
    }

/* buttons: back and continue */
#quote_generatorForm .buttons {
    float: right;
    width: 148px;
    }

#quote_generatorForm .buttons input {
    /*float: left;*/
    }

#quote_generatorForm .buttons input.back {
    height: 31px;
    width: 62px;
    }
    
#quote_generatorForm .buttons input.continue {
    height: 31px;
    width: 77px;
    padding: 0 0 0 5px;
    }
    
/* button positions */
#quote_generatorForm .buttons.top {
    }
    
#quote_generatorForm .buttons.bottom {
    margin: 10px 0 0 0;
    }

/* Header: Step Name */
#step_name_container {
    float: left;
    width: 490px;
    background: url(../images/header_arrows_grey.gif) 0px 20px no-repeat;
    }

#step_name_container h2 {
    padding: 12px 0 0 0;
    margin: 0 0 0 22px;
    line-height: normal;
    color: #434343;
    }
    
#quote_generatorForm p.step_instructions {
    margin: 12px 0 15px 0;
    padding: 0;
    color: #5e5e5e;
    }
    
#quote_generatorForm p.required {
    margin: 12px 0 30px 0;
    padding: 0;
    color: #5e5e5e;
    } 
    
/* section name */
#quote_generatorForm .section {
    width: 620px;
    }
    
#quote_generatorForm .section h4 {
    margin: 0 0 0 0;
    line-height: normal;
    color: #333;
    }
    
#quote_generatorForm .section .faux_hr {margin: 0 0 24px 0;}

#quote_generator_container .section fieldset {
    margin: 20px 0 0 0;
    padding: 0;
    }
    
#quote_generator_container .section legend {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
    *margin-left: -7px /* for IE 6 and 7 */
    }
    
#quote_generator_container .section legend span {
    font-weight: normal;
    font-style: italic;
    }
	
#quote_generator_container .section label span {
    font-weight: normal;
    font-style: italic;
    }

#quote_generator_container .section div.input {
    float: left;
    margin: 0 10px 10px 0;
    }
    
#quote_generator_container .section div.professions {
    float: left;
    width: 33%;
    margin: 0;
    padding: 0;
    }
    
#quote_generator_container .section div.professions div.input {
    float: none;
    margin: 0 10px 10px 0;
    }
    
/* hide labels except for text readers */    
#quote_generator_container .section label {
    margin: 4px 0;
    display: none;
    }

/* show label when legend tag isn't used */    
#quote_generator_container .section label.shown {
    float: left;
    margin: 0 5px 0 0;
    font-size: 12px;
    font-weight: bold;
    display: block;
    }
    
#quote_generator_container .section label.shown.normal {
    font-weight: normal;
    }
    
#quote_generator_container .section label a {
    color: #2f5f90;
    }

#quote_generator_container .section input {
    font-size: 12px;
    border: 1px solid #666;
    }
    
#quote_generator_container .section input.noborder {
    border: none;
    }

/* style for blurred input fields */
#quote_generator_container .section input.blur {
    font-size: 12px;
    color: #666;
    }

#quote_generator_container .section select {
    font-size: 12px;
    border: 1px solid #666;
    color: #666;
    }
    
#quote_generator_container .section option {
    font-size: 12px;
    color: #000;
    }
    
#quote_generator_container .section .occurence {
    margin: 15px 0 0 0;
    }
    
#quote_generator_container #addmore {
    width: 145px;
    height: 18px;
    margin: 10px 0 20px 0;
    background: url(../images/quote_violation_button.gif) 0 0 no-repeat;
    cursor: pointer;
    }
    
#quote_generator_container #addmore span {
    margin: 0 0 0 6px;
    font-weight: bold;
    color: #7d0909;
    }
 
/* input error styles  */

#form_error_notice { /* error banner at top of page */
    display: none;
    width: 380px;
    height: 40px;
    margin: 15px 0;
    border: 1px solid #b80d0d;
    background: url(../images/form_error_icon.gif) 12px 6px no-repeat;
    }
    
#form_error_notice p {
    margin: 8px 0 0 50px;
    font-weight: bold;
    font-size: 16px;
    color: #b80d0d;
    }
    
  
#quote_generatorForm label.error {
	display: block;
    color: #b80d0d;
    font-weight: bold;
	font-style: italic;
    }
    
div.errors {
    display: none;
    color: #b80d0d;
    }
    
div.errors li {
    margin: 0 0 0 12px;
    padding: 0;
    }

div.errors label.error {display: inline;}

/*#quote_generatorForm input.error { border: 1px solid #b80d0d; }*/

#quote_generatorForm div.errors ul li {
    margin: 0 0 0 18px;
    padding: 0;
    color: #b80d0d;
    }

#quote_generatorForm div.errors ul li label.error {
    font-weight: bold;
	font-style: italic;
    color: #b80d0d;
    }

#quote_generatorForm input.error,
#quote_generatorForm select.error { 
    background-color: #ff9f9f; 
    color: #000;
    }    

#quote_generatorForm input[type=checkbox].error, #quote_generatorForm input[type=radio].error {outline: 5px solid #ff9f9f;}

/* qoute error page */
#quote_generator_container #quote_process_error p {
    margin: 10px 0 20px 0;
    }
    
#quote_generator_container #quote_process_error a {
    color: #2f5f90;
    }
    
    

/* `OVERLAYS
----------------------------------------------------------------------------------------------------*/
/* hide inline overlay content */
.hidden_overlay {
    position: relative;
    display: none;
    background-color: #f3f2f0;
    padding: 0 0 20px 0;
    }
    
.hidden_overlay .title_bar {
    height: 32px;
    width: 100%;
    background: url(../images/overlay_titlebar_bg.gif) 0 0 repeat-x;
    }
    
.hidden_overlay .title_bar p {
    width: 80%;
    margin: 0 0 0 20px;
    padding: 2px 0 0 0;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    }    
    
.hidden_overlay div.close {
	background: url(../images/overlay_titlebar_close.gif) 0 0 repeat-x;
	position:absolute;
	right:0;
	top:0;
	cursor:pointer;
	height:22px;
	width:22px;
    }    
    

.hidden_overlay .text_container {
    margin: 0 15px 0 20px;
    }

.hidden_overlay .text_container h3 {
    margin: 0;
    padding: 8px 0 0 0;
    color: #434343;
    }
    
.hidden_overlay .text_container p {
    margin: 0;
    padding: 8px 0 0 0;
    color: #4d4d4d;
    }
    
.hidden_overlay .text_container ul {
    margin: 12px 0 20px 15px;
    }

.hidden_overlay .text_container li {
    height: 20px;
    width: 170px;
    line-height: normal;
    /*display:list-item;*/
    background-color:#ccccff;
    }

.hidden_overlay .text_container .item5, .item9 {margin-top: -80px;}

.hidden_overlay .text_container .item1, .item2, .item3, .item4 {margin-left: 0em;}
.hidden_overlay .text_container .item5, .item6, .item7, .item8 {margin-left: 11em;}
.hidden_overlay .text_container .item9, .item10, .item11, .item12 {margin-left: 22em;}

.hidden_overlay .button_container {
	text-align: center; 
	margin: 20px auto 0 auto;
	width: 490px;
	}

.hidden_overlay .button_left {
	margin-right: 10px;
	}
	
.hidden_overlay .button_right {
	margin-left: 10px;
	}
	
.hidden_overlay .table_container {
    width: 100%;
    margin: 10px 0 0 0;
    }

.hidden_overlay .table_container table {
    width:90%;
    margin: 0 auto;
    border-bottom: 1px solid #333;
    border-collapse:collapse;
    }
    
.hidden_overlay .table_container tr {
    height: 52px;
    }
 
.hidden_overlay .table_container td {
    border-top: 1px solid #333;
    height: 50px;
    vertical-align: middle;
    }
    
.hidden_overlay .table_container td.select {width: 15%;}
    
.hidden_overlay .table_container td.location {width: 75%;}

.hidden_overlay .table_container td.auto_name {width: 25%;}

.hidden_overlay .table_container td.auto_type {width: 55%;}

.hidden_overlay .table_container td span {font-weight: bold;}


.hidden_overlay .progress {
    text-align: center;
    }
    
.hidden_overlay .progress .indicator {
    margin: 12px 0 0 0;
    }

table.overlay_list {
    width: 510px;
    padding: 5px;
    margin: 10px 0 0 0;
    color:#4d4d4d;
    }    
  
table.overlay_list td {width:170px;}  

#progress_bar .close {/*display: none;*/}
    
/* sizing for overlays */
.hidden_overlay.size1 {
    width: 550px;
    min-height: 150px;
    }
    
    
/* `Overlay for Agent Detail
-------------------------------------------------*/   
.hidden_overlay #agent_detail_container {
    display: table;
    width: 620px;
    margin: 0;
    padding: 0 0 30px 0;
    }  
    
.hidden_overlay #agent_detail_container .driving_directions {
    height: 14px;
    padding: 5px 0 8px 0;
    text-align: right;
    }
    
.hidden_overlay #agent_detail_container .driving_directions a {
    margin: 0 15px 0 0;
    color: #333;
    }
    
.hidden_overlay #agent_container {
    float: left;
    margin: 0 10px 0 7px;
    width: 230px;
    }
    html>body .hidden_overlay #agent_container {margin: 0 10px 0 15px;}
    
.hidden_overlay .agent_display {
    display: table;
    width: 100%;
    margin: 0;
    padding: 0 0 30px 0;
    }

.hidden_overlay .agent_display .map_indicator {
    float: left;
    width: 25px;
    height: 30px;
    }
    
.hidden_overlay .agent_display dl {
    float: left;
    width: 200px;
    margin: 0 0 0 0;
    padding: 0;
    }
    
.hidden_overlay .agent_display dt {
    font-weight: bold;
    color: #660000;
    }
    
.hidden_overlay .agent_display dd a {
    color: #660000;
    }
    
.hidden_overlay .agent_display dd img {
    margin: 0;
    padding: 12px 8px 0 0;
    }
    
.hidden_overlay #map_container {
    float: left;
    width: 350px;
    }
 
    
/* `OOA page
----------------------------------------------------------------------------------------------------*/
#oaa_login_container {
    width: 660px;
    margin: 24px 0 0 12px;
    padding: 0;
    background: url(../images/oaa_form_bg_container.gif) 0 0 repeat-y;
    }
    
#oaa_login_container #top {
    width: 660px;
    height: 10px;
    background: url(../images/oaa_form_bg_top.gif) 0 0 no-repeat;
    overflow: hidden; /* needed for IE6 */
    }
    
#oaa_login_container #bottom {
    width: 660px;
    height: 11px;
    background: url(../images/oaa_form_bg_bottom.gif) 0 0 no-repeat;
    overflow: hidden; /* needed for IE6 */
    }
    
#oaa_login_container #copy_container {
    width: 100%;
    margin: 0;
    padding: 0 0 25px 0;
    background: url(../images/ooa_form_interior_bg.jpg) top center no-repeat;
    }
    
#oaa_login_container #copy_container div {
    float: left;
    }

#oaa_login_container #copy_container .left {
    width: 330px;
    }
    
#oaa_login_container #copy_container .left h5 {
    margin: 15px 18px 17px 18px;
    line-height: normal;
    color: #7d0909;
    }
    
#oaa_login_container #copy_container .lifestyle {
    float: left;
    width: 141px;
    }
    
#oaa_login_container #copy_container .lifestyle img {
    margin: 0 0 0 12px;
    }
    
#oaa_login_container #copy_container .bullets {
    float: left;
    width: 187px;
    margin: 0;
    padding: 0;
    color: #434343;
    }
    
#oaa_login_container #copy_container .bullets ul {
    margin: 0;
    padding: 0 0 0 10px;
    }    
    
#oaa_login_container #copy_container .bullets li {
    margin: 0 0 4px 5px;
    padding: 0;
    }
    
#oaa_login_container #copy_container .register img {
    margin: 9px 0 0 16px;
    }
    
    
/* #### right container #### */
#oaa_login_container #copy_container .right {
    width: 330px;
    }

#oaa_login_container #copy_container .right h5 {
    margin: 15px 12px 17px 12px;
    line-height: normal;
    color: #7d0909;
    }
    
#oaa_login_container #copy_container #oaa_loginForm {
    width: 328px;
    margin: 0;
    padding: 0;
    font-size: 11px;
    color: #4d4d4d;
    }
    
#oaa_login_container #copy_container #oaa_loginForm div.center { /* centering control */
    float: none;
    width: 305px;
    margin: 5px auto 5px auto;
    }
    
#oaa_login_container #copy_container #oaa_loginForm div.item1 { /* container for width and float control */
    float: left;
    width: 106px;
    margin: 0;
    padding: 0 0 8px 0;
    }
    
#oaa_login_container #copy_container #oaa_loginForm div.text-input {
    height: 29px;
    width: 98px;
    border: 0;
    text-align: center;
    background: url(../images/oaa_login_input_bg.gif) 0 0 no-repeat;
    }
    
#oaa_login_container #copy_container #oaa_loginForm div.text-input input {
    margin: 5px 0 0 0;
    border: 1px solid #fff;
    font-size: 11px;
    color: #666;
    }

img.captcha {
	vertical-align: text-bottom;
    }

#oaa_login_container #copy_container #oaa_loginForm div.button {
    float: left;
    margin: 17px 0 0 0;
    width: 85px;
    height: 28px;
    }
    html>body #oaa_login_container #copy_container #oaa_loginForm div.button {margin-right: 8px;}
    
#oaa_login_container #copy_container #oaa_loginForm div.item2.remember {width: 215px;}
    
#oaa_login_container #copy_container #oaa_loginForm div.item2.forgot {width: 80px;}
    
#oaa_login_container #copy_container #oaa_loginForm .forgot a {
    margin: 0;
    padding: 0;
    text-decoration: underline;
    color: #4d4d4d;
    }
    
#oaa_login_container #copy_container #oaa_loginForm div.errors ul {
    margin: 8px 0 0 0;
    }
    
#oaa_login_container #copy_container #oaa_loginForm div.errors ul li {
    margin: 0;
    padding: 0;
    color: #b80d0d;
    }

#oaa_login_container #copy_container #oaa_loginForm div.errors ul li label.error {
    margin: 0;
    padding: 0;
    vertical-align: top;
    font-weight: bold;
	font-style: italic;
    color: #b80d0d;
    }

#oaa_login_container #copy_container #oaa_loginForm input.error,
#oaa_login_container #copy_container #oaa_loginForm select.error { border: 1px solid #b80d0d;}

#oaa_login_container #copy_container #oaa_loginForm #bad_combo {
    display: none;
    padding: 5px 0;
    font-weight: bold;
    color: #b80d0d;
    }    
    
    
    
/* `OOA page - Account creation
----------------------------------------------------------------------------------------------------*/     
#oaa_accountForm {
    width: 680px;
    margin: 35px 0 0 12px;
    }

#oaa_accountForm fieldset {
    margin: 10px 0;
    }
    
    
#oaa_accountForm p.requirements {
    margin: 30px 0 0 0;
    padding: 0;
    font-size: 14px;
    color: #333;
    }

#oaa_accountForm ul.requirements {
    margin: 0;
    padding: 0 0 0 10px;
    font-size: 14px;
    color: #333;
    }
    
#oaa_accountForm #buttons input {
    width: 112px;
    height: 29px;
    margin: 15px 0 0 0;
    border: 0;
    }
    
/*** error container ***/
#oaa_accountForm div.errors {
    display: none;
    }
    
#oaa_accountForm div.errors ul {
    margin: 0;
    padding: 0 0 0 10px;
    }

  

/* `OOA page - Logged In
----------------------------------------------------------------------------------------------------*/
#make_payment_container {
    width: 680px;
    margin: 30px 0 0 15px;
    }
    
#make_payment_container .copy p {
    margin: 0;
    padding: 0;
    }
    
#make_payment_container .copy p.required {
    margin: 12px 0 6px 0;
    padding: 0;
    color: #5e5e5e;
    }
    
#user_paymentForm input.continue {
    width: 100px;
    height: 30px;
    margin: 20px 0 0 0;
    border: 0;
    }
    
#user_paymentForm input.cancel, #user_paymentForm input.submit {
    border: 0;
    margin: 20px 0 0 0;
    width: 68px;
    height: 23px;
    }
    
/*** error container ***/
#user_paymentForm div.errors {
    display: none;
    }
    
#user_paymentForm div.errors ul, #submitInfoForm div.errors ul, #submitForm div.errors ul {
    margin: 0;
    padding: 0 0 0 26px;
    }
    
#emailNav {
      float:left;
      width:353px;
      padding:0;
}
#emailNav div, #emailNav input {
      float:left;
}
#returnToHomeForm {
      float:left;
      margin-left:20px;
}
div#makeAnotherPayment {
      float:right;
      margin:3px 0 0 0;
}

        
    
 /* `GET A QUOTE SECTION (2.0)
----------------------------------------------------------------------------------------------------*/

/* `GAQ Error Bubble
-------------------------------------------------*/
.bubble {
    position:absolute; 
    width:210px;
    height:30px;
    margin:5px 0 0 -30px;
    padding:10px;
    z-index:999;
    background: url(../images/error_bg.png) 0 0 no-repeat;
    }
	
.bubble {
    position:absolute; 
    width:210px;
    height:30px;
    margin:5px 0 0 -38px;
    padding:10px;
    z-index:999;
    background: url(../images/error_bg.png) 0 0 no-repeat;
    }
	
.bubble ul {margin-left:0;}
    
.bubble2 { /* homepage Retrieve a Quote zip code */
    position:absolute;
    top: 208px;
    left: 75px;
    width: 210px;
    height: 62px;
    margin: 0;
    padding: 8px 10px;
    z-index: 999;
    background: url(../images/error_bg2.png) 0 0 no-repeat;
    }
    
.bubble5 {
    position:absolute; 
    width:210px;
    height:30px;
    margin:5px 0 0 -20px;
    padding:10px;
    z-index:999;
    background: url(../images/error_bg.png) 0 0 no-repeat;
    }
    
/* `GAQ Homepage
-------------------------------------------------*/
#gaq_content {
    position: relative;
    width: 960px;
    margin: 0;
    padding: 0;
    background: url(../images/gaq_lifestyle-bg_001-r.jpg) 0 0 no-repeat;
    }
    
#gaq_content #text_box {
    margin: 0;
    padding: 50px 0 0 0;
    }

#gaq_content h1 {
    margin: 0;
    padding: 0;
    line-height: normal;
    font-size: 30px;
    color: #fff;
    }
    
#gaq_content h1.top {margin: 0 0 0 213px;}

#gaq_content h1.bottom {margin: 0 0 0 480px;}
    

/* `GAQ Homepage: Orange form
-------------------------------------------------*/     
#orange {
    position: absolute;
    top: 130px;
    left: 111px;
    height: 194px;
    width: 375px;
    color: #7d0909;
    background: url(../images/gaq_orange-gaq_bg.png) 0 0 no-repeat;
    }
 
#orange h4 {
    width: 200px;
    margin: 36px auto 0 auto;
    padding: 0 0 0 8px; /* moves “GET A QUICK ESTIMATE” to the right */    
    }
 
#orange form#orange_gaq {
    width: 160px;
    height: 50px;
    margin: 0 auto;
    padding: 0 0 0 4px; /* moves the ZIP input field and GO button to the right  */    
    }
    
#orange form#orange_gaq div.input_bg {
    float: left;
    width: 92px;
    height: 34px;
    margin: 10px 0 0 3px;
    padding: 0 0 0 0;
    text-align: center;
    background: url(../images/gaq_orange-gaq_input_bg.gif) 0 0 no-repeat;
    }
    
#orange form#orange_gaq div.input_bg input {
    margin: 8px 6px 0 0;
    padding: 0;
    text-align: center;
    border: 1px solid #fff;
    color: #666;
    }
    
#orange form#orange_gaq div.button {
    float: left;
    }
    
#orange form#orange_gaq div.button input {
    width: 54px;
    height: 38px;
    margin: 8px 0 0 0;
    padding 1px 0 0 0; /* moves the GO button down 1px within the orange container  */    
    }
 
#orange p {
    width: 305px;
    margin: 0 auto;
    padding: 0 0 0 10px;
    font-size: 14px;
    font-weight: bold;
    }


/* `GAQ Homepage: Blue form
-------------------------------------------------*/  
#blue {
    position: absolute;
    top: 134px;
    left: 520px;
    z-index: 99;
    height: 194px;
    width: 375px;
    margin: 0;
    padding: 0;
    color: #fff;
    background: url(../images/gaq_blue-fq_bg.png) 0 0 no-repeat;
    }
    
#blue .height_control {
    height: 137px;
    margin: 0;
    padding: 0; 
    text-align: center;  
    }
 
#blue h4 {
    width: 200px;
    line-height: normal;
    margin: 0 auto;
	padding: 34px 0 0 0;
	text-align: center;
    }
 
#blue form#blue_fq {
    width: 160px;
    height: 52px;
    margin: 0 auto;
    padding: 0 0 0 2px; /* moves the ZIP input field and GO button to the right  */    
    }
    
#blue form#blue_fq fieldset { /* this makes IE6 happy */
    margin: 0 0 0 6px;
    padding: 0;
    }   
    
#blue form#blue_fq div.input_bg {
    float: left;
    width: 92px;
    height: 34px;
    margin: 10px 0 0 0;
    padding: 0 0 0 0;
    text-align: center;
    background: url(../images/gaq_blue-fq_input_bg.gif) 0 0 no-repeat;
    }
    
#blue form#blue_fq div.input_bg input {
    margin: 8px 2px 0 0;
    padding: 0;
    text-align: center;
    border: 1px solid #fff;
    color: #666;
    }
    
#blue form#blue_fq div.button {
    float: left;
    }
    
#blue form#blue_fq div.button input {
    width: 54px;
    height: 38px;
    margin: 8px 0 0 0;
    padding: 1px 0 0 0; /* moves the GO button down 1px within the blue container  */    
    }
 
#blue p {
    width: 315px;
    margin: 0 auto;
	padding: 0;
    font-size: 14px;
    font-weight: bold;
	
    }


/*--- the retrieve container ---*/   
#blue_retrieve_container {
    width: 375px;
    height: 25px;
    margin: 0;
    padding: 0;
    background: url(../images/gaq_blue-fq_link_bg.png) 0 0 no-repeat;
    overflow: hidden;
    }
    
#blue_retrieve_container .closed {
    width: 190px;
    height: 20px;
    margin: 0 0 0 83px; /* moves “RETRIEVE SAVED QUOTE” to the right  */
    padding: 8px 0 0 0;
    text-align: center;
    background: url(../images/arrow_blue.gif) 23px 11px no-repeat;    
    }
    
#blue_retrieve_container .closed a {
    margin: 0 0 0 34px;
    padding: 0;
    line-height: normal;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #336699;
    }
    
#blue_retrieve_container .closed a:hover {
    color: #7d0909;
    }

#blue_retrieve_container .opened {
    background: url(../images/arrow_red.gif) 23px 11px no-repeat;
    }

#blue_retrieve_container .opened a {
    color: #7d0909;
    }
    
/*--- the retrieve form ---*/ 
#blue_raq {
    display: none;
    width: 375px;
    height: 50px;
    margin: 0 0 0 0;
    padding: 0;
    background: url(../images/gaq_blue-fq_open_bg.png) 0 0 repeat-y;
    overflow: hidden;
    }
    
#blue_raq div.center {
    width:310px;
    margin: 0 auto;
    padding: 10px 0 0 0;
    }
    
#blue_raq div.text-input {
    float: left;
    margin: 2px 5px 0  0;
    border: 0;
    color: #7d0909;
    text-align: center;
    }
    
#blue_raq div.quote {
    height: 30px;
    width: 144px;
    background: url(../images/retrieve_home_quote_bg.gif) 0 0 no-repeat;;
    }
    
#blue_raq div.zip {
    height: 30px;
    width: 109px;
    background: url(../images/retrieve_home_zip_bg.gif) 0 0 no-repeat;;
    }
    
#blue_raq div.text-input input {
    margin: 6px 0 0 0;
    text-align: center;
    border: 1px solid #fff;
    font-size: 11px;
    color: #666;
    }
    
#blue_raq div.button {
    float: left;
    width: 47px;
    height: 32px;
    }

    
 /* `GAQ Homepage: Text boxes for FAA
-------------------------------------------------*/ 
    
#gaq_content #textbox_container {
    height: 138px;
    margin: 230px 0 0 0;
    padding: 0 0 60px 0;
    overflow: hidden;
    }
    
#gaq_content #textbox_container div.state_availability {
    float: left;
    width: 289px;
    margin: 70px 106px 0 65px;
    font-weight: bold;
    color: #595959;
    }
    html>body #gaq_content #textbox_container div.state_availability {margin: 70px 106px 0 130px;}

#gaq_content #textbox_container div.state_availability p {
    margin: 0;
    padding: 0;
    font-weight: bold;
    color: #595959;
    }    

#gaq_content #textbox_container div.outer {
    float: left;
    width: 362px;
    height: 138px;
    background: url(../images/homepage_textbox_bg.png) 0 0 no-repeat;
    }
    
#gaq_content #textbox_container div.inner {
    width: 314px;
    margin: 31px 0 0 27px;
    padding: 0;
    }
    
#gaq_content #textbox_container div.inner h4 {
    padding: 0;
    margin: 0 0 4px 0;
    line-height: normal;
    color: #660000;
    }
    
#gaq_content #textbox_container div.inner a {
    font-weight: bold;
    color: #2f5f90;
    }
    
#gaq_content #textbox_container div.inner p {
    margin: 6px 0 0 0;
    font-weight: bold;
    color: #333;
    }
    
#gaq_content #textbox_container div.inner p span {color: #660000;}
 

#gaq_content div.security_disclaimer {
    margin: 0 0 0 265px;
    padding: 0 0 4px 0;
    width: 460px;
    font-size: 10px;
    color: #707070;
    }

    
    
/* `GAQ Homepage: Find an agent form
-------------------------------------------------*/ 
#gaq_content #textbox_container div.inner #home_agentForm {
    width: 180px;
    margin: 6px auto 0 auto;
    padding: 0;
    }

#gaq_content #textbox_container div.inner #home_agentForm div {float: left;}

#gaq_content #textbox_container div.inner #home_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;
    }
    
#gaq_content #textbox_container div.inner #home_agentForm div.text-input input {
    margin: 6px 0 0 0;
    text-align: center;
    border: 1px solid #fff;
    color: #666;
    }
    
#gaq_content #textbox_container div.inner #home_agentForm div.button {
    width: 48px;
    height: 32px;
    margin: 0 0 0 10px;
    border: 0;
    }
    
    
/* `FIND AN AGENT (FAA) SECTION 
----------------------------------------------------------------------------------------------------*/

/* `FAA Homepage
-------------------------------------------------*/ 
/*--- left side generic content module ---*/
#promo_left2 {
    width: 220px;
    height: 485px;
    background: url(../images/promo_left_bg2.jpg) 0 0 no-repeat;
    }
    
#promo_left2 .content {
    width: 190px;
    margin: 0 0 0 14px;
    padding: 62px 0 0 0;
    }
    
#promo_left2 .content h5 {
    margin: 0 0 6px 0;
    line-height: normal;
    color: #660000;
    }

#promo_left2 .content p {
    margin: 0 0 8px 0;
    padding: 0;
    line-height: 1.3;
    font-weight: bold;
    color: #333;
    }
    
#promo_left2 .content a {
    margin: 0;
    padding: 0;
    font-weight: bold;
    color: #2f5f90;
    }

#promo_left2 .content div.promo2_lifestyle {
    margin: 15px 0 0 0;
    padding: 0;
    }

/*--- the FAA form ---*/
#faa_container {
    width: 660px;
    margin: 34px auto 0 auto;
    padding: 0;
    background: url(../images/faa_form_bg_container.gif) 0 0 repeat-y;
    }
    
#faa_container #top {
    width: 660px;
    height: 10px;
    background: url(../images/faa_form_bg_top.gif) 0 0 no-repeat;
    overflow: hidden; /* needed for IE6 */
    }
    
#faa_container #bottom {
    width: 660px;
    height: 11px;
    background: url(../images/faa_form_bg_bottom.gif) 0 0 no-repeat;
    overflow: hidden; /* needed for IE6 */
    }
    
#faa_container #copy_container {
    width: 100%;
    margin: 0;
    padding: 0 0 25px 0;
    background: url(../images/faa_form_interior_bg.jpg) top center no-repeat;
    }
    
#faa_container #copy_container .center {
    width: 530px;
    margin: 0 auto;
    padding: 10px 0 0 0;
	font-size: 14px;
    }
    
#faa_container #copy_container p {
    margin: 0;
    padding: 0;
    color: #4d4d4d;
    }
    
#right_column .copy #faa_legal {
    width: 660px;
    margin: 0 auto;
    padding: 20px 0 0 0;
    font-size: 10px;
    color: #727272;
    }
    
#faa_container #faa_finderForm {
    width: 535px;
    margin: 0 auto;
    padding: 10px 0 15px 0;
    }
    
#faa_container #faa_finderForm ul {
    margin: 0;
    }
    
#faa_container #faa_finderForm .button {
    width: 89px;
    height: 18px;
    margin: 21px 0 0 0;
    padding: 0;
    }

/* `FAA results page
-------------------------------------------------*/
#faa_results_container {
    width: 670px;
    }
    
#faa_results_container #text_header {
    margin: 0 0 0 0;
    padding: 0;
    background: #efeeea url(../images/faa_header_arrows.gif) 0px 13px no-repeat;
    }
  
#faa_results_container #text_header h1 {
    padding: 0 0 0 20px;
    color: #5e5e5e;
    }

#faa_results_container .copy p.instructions {
    margin: 0 0 28px 0;
    padding: 18px 0 0 0;
    /*font-size: 14px;*/
    color: #4a4a4a;
    }
 
#faa_results_container .copy p.instructions span {
    font-weight: bold;
    color: #7d0909;}

#faa_results_container h5#agent_list {
    color: #4a4a4a;
    }
    
#faa_results_container .filter_controls {
    margin: 0;
    padding: 15px 0 0 0;
    }
    
#faa_results_container .filter_controls input.radio {
    vertical-align: top;
    }      

   
/*--- the FAA refine form ---*/
#faa_refineForm {
    width: 670px;
    margin: 0;
    padding: 0;
    }
    
#faa_refineForm fieldset {
    margin: 0;
    padding: 0;
    }

#faa_refine_container .center {
    width: 590px;
    margin: 0 auto;
    padding: 15px 0 0 0;
	
    }
   
   
#faa_refineForm .input {
	margin: 0 0 0 3px;	
}
  
  
#faa_refineForm .address {
	width: 230px;
	margin-right: 4px;
}

  
#faa_refineForm ul {
    margin: 0;
    }
    
#faa_refineForm .button {
    width: 89px;
    height: 18px;
    margin: 18px 0 0 0;
    padding: 0;
    }
    
#faa_refineForm .filter_controls {
    margin: 10px 0 0 0;
    padding: 0;
    }
    
#faa_refineForm .filter_controls fieldset {
    width: 645px;
    margin: 0 0 0 25px;
    padding: 0;
    }
   
#faa_refineForm .filter_controls legend {
    padding: 0 0 5px 0;
    font-weight: bold;
    color: #660000;
    }
    
#faa_refineForm .filter_controls label {
    margin: 0;
    font-weight: normal;
    }

#faa_refineForm .filter_controls input {
    vertical-align: top;
    }

/*** error container ***/    
#faa_refineForm div.errors {
    display: none;
    }
    
#faa_refineForm div.errors ul {
    margin: 0;
    padding: 0;
    }
    

/*** form positioning containers  ***/

#faa_refine_container {
    width: 620px;
    margin: 0 auto;
    background: url(../images/faa_refine_container.gif) 0 0 repeat-y;
    }
    
#faa_refine_container #top {
    width: 620px;
    height: 5px;
    overflow: hidden;
    background: url(../images/faa_refine_top.gif) 0 0 no-repeat;
    }

#faa_refine_container #bottom {
    width: 620px;
    height: 7px;
    overflow: hidden;
    background: url(../images/faa_refine_bottom.gif) 0 0 no-repeat;
    }
    
#faa_refine_container #copy_container {
    min-height: 79px;
    background: url(../images/faa_refine_interior.gif) 0 0 no-repeat;
    }
    
    
/*** agent search results list ***/    
    
#result_list_container {
    width: 670px;
    margin: 20px 0 0 0;
    padding: 0;
    }

div.pagination {
    margin: 0 15px 0 0;
    padding: 8px 0;
    float:right;
    }
    html>body div.pagination {margin: 0 30px 0 0;}
    
div.pagination div, 
div.pagination a {
    float: left;
    color: #434343;
    }
    
div.pagination div {
    margin: 0;
    padding: 0 8px;
    }
       
#agent_container {
    float: left;
    width: 290px;
    }
    
.agent_display {
    width: 267px;
    margin: 0;
    padding: 0 0 30px 0;
    }

.agent_display .map_indicator {
    float: left;
    width: 28px;
    height: 30px;
    }
    
.agent_display dl {
    float: left;
    margin: 0;
    }
    
.agent_display dt {
    font-weight: bold;
    color: #660000;
    }
    
.agent_display dd {
    margin:  0 0 1px 0;
    padding: 0;
    }
    
.agent_display dd a {
    color: #660000;
    }
    
.agent_display dd img {
    margin: 0;
    padding: 12px 8px 0 0;
    }
    
#map_container {
    float: left;
    width: 380px;
    }
    


/* `FAA Request a Quote Form
-------------------------------------------------*/

/***  left side promo area  ***/
#faa_agent_promo {
    width: 220px;
    height: 241px;
    background: url(../images/promo_left_bg2.jpg) 0 0 no-repeat;
    }
    
#faa_agent_promo .content {
    width: 190px;
    margin: 0 0 0 14px;
    padding: 62px 0 0 0;
    }
    
#faa_agent_promo dl dt {
    margin: 0 0 10px 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
    color: #660000;
    }
    
#faa_agent_promo dl dd {
    margin: 0 0 1px 0;
    padding: auto;
    }
    
#faa_agent_promo .content .ext_link {
    margin: 10px 0 0 0;
    }

#faa_agent_promo .content .ext_link a {
    margin: 0;
    padding: 0;
    font-weight: bold;
    text-decoration: none;
    color: #660000;
    }
    
/*--- the FAA Get a Quote form ---*/   
#faa_gaq_container {
    width: 670px;
    }
    
#faa_gaq_container #text_header {
    margin: 0;
    padding: 0;
    background: #efeeea url(../images/faa_header_arrows.gif) 0px 13px no-repeat;
    }
    
#faa_gaq_container h1 {
    padding: 0 0 0 20px;
    color: #5e5e5e;
    }
    
#faa_gaq_container #faa_gaqForm {
    width: 655px;
    margin: 0 0 0 15px;
    }
    
#faa_gaq_container #faa_gaqForm ul {
    margin: 0;
    }   
    
#faa_gaq_container #faa_gaqForm #buttons {
    margin: 10px 0 0 0;
    }
    
#faa_gaq_container #faa_gaqForm #buttons .results {
    margin: 0 8px 0 0;
    width: 120px;
    height: 29px;
    border: 0;
    }
    
#faa_gaq_container #faa_gaqForm #buttons .request {
    width: 120px;
    height: 29px;
    border: 0;
    }

/*** error container ***/
#faa_gaqForm div.errors {
    display: none;
    }
    
#faa_gaqForm div.errors ul {
    margin: 0;
    padding: 0;
    }


/* `FOOTER
----------------------------------------------------------------------------------------------------*/
#footer_container {
    width: 960px;
    padding: 0 0 20px 0;
    text-align: left;
    }
    
#footer_container #logos {
    float: left;
    width: 250px;
    }
    
#footer_container #logos img {
    float: right;
    margin: 0 10px 0 20px;
    }

#footer_container #logos .verisign {
	width: 135px;
    float: right;
    margin: 0 10px 0 20px;
    }

#footer_container  #footer {
    float: left;
    width: 710px;
    }
    
#footer_container #footer hr {
	text-align: left;
	width: 675px;
    margin: 0 0 0 14px;
    padding: 0 0 6px 0;
    border-color: #5e5e5e;
    }

#footer_container #footer ul {
    margin: 0 0 4px 0;
    padding: 0 0 0 14px;
    list-style-position: none;
    }
    
#footer_container #footer ul.topline {
    margin: 0 0 0 0;
    padding: 0 0 0 14px;
    list-style-position: none;
    }
    
#footer_container #footer ul.bottomline {
    margin: 0 0 4px 0;
    padding: 0 0 0 14px;
    list-style-position: none;
    }     
    
#footer_container #footer ul li {
    display: inline;
    margin: 0;
    padding: 0;
    font-size: 10px;
    color: #858585;
    }
    
#footer_container #footer ul li a {
    text-decoration: none;
    color: #006699;
    }
    
#footer_container #footer ul li a:visited {color: #006699;}
#footer_container #footer ul li a:hover {color: #660000;}
    
#footer_container #footer p {
    padding: 0 0 0 14px;
    font-size: 10px;
    color: #858585;
    }
	
#footer_container #footer .socialNetLinks {
                display:inline;
                float:left;
                width:672px;
                margin:7px 0 5px 14px;
}
#footer_container #footer .socialNetLinks span {
                display:block;
                float:left;
                clear:both;
                padding:5px 8px 0 0;
				color: #858585;
}
#footer_container #footer .socialNetLinks a {
                margin-right:15px;
}

#footer_container #footer .socialNetLinks {
                display:inline;
                float:left;
                width:672px;
                margin:7px 0 5px 14px;
}
#footer_container #footer .socialNetLinks span {
                display:block;
                float:left;
                clear:both;
                padding:5px 8px 0 0;
}
#footer_container #footer .socialNetLinks a {
                margin-right:15px;
}
	
	
/* ## 2.1.5 Quote Results ## */

/* neccessary for printing  */
#print_letterhead {
    display: none;
    }
    
#print_footer {
    display: none;
    }
    
    
    

#aql_agent {
	color: #ffffff;
	font-size: 20px;
	padding: 4px 0 0 20px;
}

/* buttons: back and continue */
#quote_details_container {
    width: 690px;
    background: url(../images/form_container_primary_bg.gif) 0 0 repeat-y;
	
}
#quote_details_container #buttons {
    float: right;
}

#quote_details_container #step_name_container { width: 200px }
#quote_details_container .faux_hr  { 
	margin: 0 0  20px 0;
}


#quote_details_container h3{ 
	border-bottom: 1px solid #434343;
	color: #434343; 
	font-size: 18px;
	margin: 0 0px 10px 0px;
}

#quote_detailsForm {
	width: 644px;
	margin: 0 23px;
	padding: 36px 0 0 0;
	font-size: 12px;
	/*background-color: #ccccff;*/
}

#payment_options_container  {
	width: 377px;
	float:left;
	margin: 0 0px 0 0;
	color: #434343;
}

#payment_options_container h5 {
	margin-top: 5px;
}

#payment_options_top {
	background: url(../images/options_top.jpg);
	height: 8px;
	width: 377px;
	overflow: hidden;
}

#payment_options { 
	background: url(../images/options_bg.jpg);
	width: 337px;
	padding: 10px 20px; 
}

.payment_option { 
	background: url(../images/payment_bg_blue.gif);
	width: 378px;
	height: 89px; 
}

.payment_option_display { 
	display: none; 
}

.payment_option_premium { 
	background: url(../images/payment_bg_yellow.gif);
	width: 378px;
	height: 82px; 
	margin: 0 0 20px 0;
}

.payment_option_selected {
     height: 110px;
     width: 378px;
     background: url(../images/payment_bg_yellow_selected.gif) no-repeat 0 0;
     margin: 0 0 15px 0;
}

.payment_option_selected .plan .amount { 
     color: #7d0909;
     margin: 5px 0 0 0;
}


.plan { padding: 4px 18px }
.plan p  { margin: 0; padding: 0 }
.plan .amount { font-size: 14px }	
.payment_option .plan .amount { color: #2f5f90 }
.payment_option_premium .plan .amount { color: #7d0909 }
.plan .dollars { font-size: 29px }
.plan .select { float:right; margin: 12px 0 0 0}

/* CALIFORNIA SAME PAY STYLING */
.payment_option_eft {
	height: 105px;
	width: 377px;
	background: url(../images/payment_bg_blue_large.gif) no-repeat 0 0;
}

.payment_option_eft .plan .amount { color: #2f5f90 }
.eft {
		font-size: 11px;
}

/* OKLAHOMA PLATINUM COVERAGE STYLING */
		#payment_options_phx { 
			background: url(../images/options_bg.jpg);
			width: 337px; 
			padding: 5px 20px
		}
		.payment_option_platinum {
			height: 100px;
			width: 377px; 
			background: url(../images/payment_bg_yellow_platinum.gif) no-repeat 0 0;
		}
		.payment_option_phx {
			height: 70px; 
			width: 377px;
			margin: 0; 
			background: url(../images/payment_bg_blue.gif) no-repeat 0 0;
		}
		#payment_options_phx p { margin: 10px 0 }
		.payment_option_platinum h5 {margin: 0; padding: 0 0 0 20px; color: #660000; line-height: 120%}
		.payment_option_platinum p { margin: 0; padding: 0 0 0 20px; font-size: 10px }
		.plan_phx { padding: 4px 18px }
		.plan_phx p  { margin: 0; padding: 0 }
		.plan_phx .amount { font-size: 14px; margin-top: 10px }
		.plan_phx .amount_platinum { font-size: 14px; margin: 5px 0 0 0; padding: 0; height: 33px }	
		.payment_option_phx .plan .amount { color: #2f5f90 }
		.payment_option_platinum .plan_phx .amount { color: #7d0909 }
		.plan_phx .dollars { font-size: 29px }
		.plan_phx .select { float:right; margin: 22px 0 0 0}
		.plan_phx .select_platinum { float:right; margin: 12px 0 0 0}
		.overlay_heading {font-size: 14px; font-weight: bold}
		.overlay_emph {font-weight: bold; font-style: italic; color: #660000}
		.p_inline { margin: 0; padding: 0; font-size: 10px}

p.legal { 
	font-size: 10px; 
	padding: 0px 5px;
	margin: 0;
	width: 367px;
}
p.legal.big {
	font-size: 	12px
}
p.legal a { color: #434343; font-weight: bold }
p.legal strong  { font-weight: bold; color: #7d0909}
.legal_hr { 
	background: #434343;
	height: 1px; width: 377px;
	margin: 10px 0;
 	font-size: 0; /* fix for IE6 */
}
	
#coverage_container { 
	width: 241px;
	float: left;
	margin-left: 15px;
}

#coverage_top {
	background: url(../images/coverage_top.jpg);
	height: 8px;
	width: 241px;
	overflow: hidden;
}

#coverage {
	background: url(../images/coverage_bg.jpg);	background-repeat:repeat-y;
	padding: 10px 20px; 
	width: 201px;
}

#coverage_bottom {
	background: url(../images/coverage_bottom.jpg);
	height: 7px;
	width: 241px;
	overflow: hidden;
}

/* definition list */
#quote_details_container dl {
	font-size: 10px;
	 margin: 0; 
	 width: 210px; 
 }
#quote_details_container dt { 
	margin: 0 0 1em 0;
	padding: 0; 
	width: 115px; 
	font-weight: normal; 
	display: inline-block; float:left; 
 }
#quote_details_container dd {
	margin: 0 0 1em 0;
	padding: 0;
	width: 90px;
	display: inline-block; float:left; 
	text-align:right;
}

#quote_details_container .change { text-align: right; margin: 0 0 4px 0}

#quote_details_container .detail p {
	display: none;
}
	
.detail_title { 
	color: #2f5f90; background: url(../images/detail_closed.gif); background-repeat: no-repeat; background-position:left;
	cursor: pointer; 
	margin-bottom: 10px; 
	padding: 0 0 0 12px;
	text-transform: uppercase;
	font-size: 12px;

}
.detail_title.open { 
	background: url(../images/detail_open.gif); background-repeat: no-repeat; background-position:left;
	color: #7d0909; 
	cursor: pointer; 
	margin-bottom: 10px; 
	padding: 0 0 0 12px;
	text-transform: uppercase;
font-size: 12px;
}
	
.detail_content { display: none}
.detail_content.open_div { display:block}

/* 7.0 - MAIN CONTENT CONTAINER */

/* definition list */
dl { margin: 0 }
dt { font-weight: bold; margin: 0; padding: 0 }
dd {
	margin: 0 0 1em 0;
	padding: 0;
}


#account_container #title_container { width: 640px;  background: url(../images/header_arrows_grey.gif) 0px 20px no-repeat; border-bottom: 1px solid #333333; padding: 0 0 5px 0; margin: 0 auto 12px auto;}
#account_container #title_container h2 { padding: 10px 0 0 0; margin: 0 0 0 22px; line-height: normal; color: #434343;}

#account_container {
	background: url(../images/account_bg_slice.jpg);
	width: 687px; 
	margin: 20px 0 0 0;
	color: #434343;
}

#account_container_top {
	background: url(../images/account_bg_top.jpg);
	width: 687px; height: 14px;
	overflow: hidden;
}

#account_container_inner {
	background: url(../images/account_bg.jpg); background-repeat: no-repeat;	
	width: 687px; 
	padding: 0 0 15px 0;
}

#account_container_inner_short {
	background: url(../images/account_bg_short.jpg); background-repeat: no-repeat;	
	width: 687px; 
	padding: 0 0 15px 0;
}

#account_container_bottom {
	background: url(../images/account_bg_bottom.jpg);
	width: 687px; height: 10px;
	overflow: hidden;
}

#account_container_bottom_short {
	background: url(../images/account_bg_bottom_short.jpg);
	width:687px; height: 12px;
	overflow: hidden;
}

#account_container form#submitInfoForm fieldset .input input {
    margin:2px 4px 0 0;
}

#account_container form#submitInfoForm fieldset .input {
    width:100%;
	margin-bottom:3px;
}

#account_col_container {
	padding: 0 20px;
}
#account_left_col {
	float:left;
}
#account_right_col {
	float:right;
	width: 241px;
}

.account_left {
 width: 378px;
 margin: 0 0 20px 0;
}

.account_left_top {
	background: url(../images/account_left_top.jpg);
	width: 378px; height: 8px;
	overflow: hidden;
}

.account_left_inner {
	background: url(../images/account_left_bg.jpg);
	
	margin: 0;
	padding: 0px 20px; 
	overflow: hidden;
	width: 338px;
}

.account_left_bottom {
	background: url(../images/account_left_bottom.jpg);
	width: 378px; height: 11px;
	overflow: hidden;
}

.account_left_separator {
	background: url(../images/account_left_separator.jpg);
	width: 378px; height: 2px;
	overflow: hidden;
}

.account_left_policy {
	width: 378px;
	background: #fff2cc url(../images/policy_bg.jpg) 0 0 no-repeat;
	min-height: 130px;
	display: inline-block;
}


.account_right { 
	width: 241px;
}

.account_right_top {
	background: url(../images/coverage_top.jpg);
	height: 8px;
	width: 241px;
	overflow: hidden;
}

.account_right_inner {
	background: url(../images/coverage_bg.jpg);	background-repeat:repeat-y;
	margin: 0;
	padding: 0 20px; 
	width: 201px;
	display: inline-block;
}

.account_right_bottom {
	background: url(../images/coverage_bottom.jpg);
	height: 7px;
	width: 241px;
	overflow: hidden;
}

.account_right dl dt {
    font-weight: bold;
    line-height: 1.2;
    color: #660000;
    }
    
.account_right dl dd {
    margin: 0 0 1px 0;
    }
    
.account_right .ext_link {
    margin: 10px 0 0 0;
    }

.account_right .ext_link a {
    margin: 0;
    padding: 0;
    font-weight: bold;
    text-decoration: none;
    color: #660000;
    }



/* definition list */
.policy {
	margin: 0 20px;
	padding: 15px 0 0 0;
}

.policy h4 { 
	color: #7d0909; 
	font-size: 21px;
	margin: 0px;
	
	float:left;
}

.policy .pay_now {  /* Pay Now buttons on 7.0 */
	float:right;
	padding: 4px 0 10px 0;
}

.policy dl {
	 margin: 0; 

 }
.policy dt { 
	margin: 0 0 5px 0;
	padding: 0; 
	width: 50%; 
	font-weight: normal; 
	display: inline-block; float:left; 
 }
.policy dd {
	margin: 0 0 5px 0;
	padding: 0;
	width: 50%;
	display: inline-block; float:left; 
	text-align:right;
	font-weight: bold;
}

#account_container a {
	color: #7d0909;
}

ul.member_info {
	float:left;
    padding: 12px 0 0 0;
}
ul.member_info li{
	color: #434343;
	display:inline-block; float:left; margin: 0 25px 0 0;
}

ul.member_info li.last{
	color: #434343;
	display:inline-block; float:left; margin: 0;
}

#agent_links { padding: 6px 0 0 0} /* AGENT BUTTONS ON 7.0 */
#agent_links img { margin-right: 5px }
#progress { /* Content div ON 7.3.1.15 */
	text-align:center;
	padding: 5px 0 15px 0;
} 
#print_confirmation { /* PRINT BUTTON ON 7.3.2 */
	display: inline-block;
	margin-left: 33px;
}

#email_confirmationForm label { color: #434343 }
#email_confirmationForm input[type=text] { color: #434343; width: 160px; border-color: #434343 }
#email_confirmationForm .button { border: 0}

#email_confirmationForm .errors {
    margin: 0 0 0 15px;
    }

#email_confirmationForm div.errors ul li {
    margin: 0;
    padding: 0;
    color: #b80d0d;
    }

#email_confirmationForm div.errors ul li label.error {
    font-weight: bold;
	font-style: italic;
    color: #b80d0d;
    }

#email_confirmationForm  input.error { border: 1px solid #b80d0d;}

#download_pdf { /* Download button on 7.5 */
	float:right;
	padding: 4px 0 0 0;
}



/* ---------------------- */

.box_full_container {
	background: url(../images/box_full_slice.jpg);
	width: 638px; 
	margin: 20px auto 0 auto;
}

.box_full_top {
	background: url(../images/box_full_top.jpg);
	width: 638px; height: 7px;
	overflow: hidden;
}

.box_full_inner {
	background: url(../images/box_full_bg.jpg); background-repeat: no-repeat;
	width: 598px; 
	padding: 0 20px 0 20px;
}


.box_full_bottom {
	background: url(../images/box_full_bottom.jpg);
	width:638px; height: 6px;
	overflow: hidden;
}


.box_full_separator {
	background: url(../images/box_full_separator.jpg);
	width: 638px; height: 2px;
	overflow: hidden;
}

/* ---------------------- */

.box_double_container {
	background: url(../images/box_double_slice.jpg);
	width: 636px; 
	margin: 20px auto 0 auto;
}

.box_double_top {
	background: url(../images/box_double_top.jpg);
	width: 636px; height: 9px;
	overflow: hidden;
}

.box_double_inner {
	background: url(../images/box_double_bg.jpg);background-repeat: no-repeat;
	width: 636px; 
}

.box_double_bottom {
	background: url(../images/box_double_bottom.jpg);
	width:636px; height: 6px;
	overflow: hidden;
}

.box_double_container .accept {
    margin: 15px 0 4px 0;
    }

.box_col1 {
	float:left;
	width: 280px;
	padding: 0 15px 0 15px;
	color: #595959; 
}

.box_col2 {
	float:left;
	margin-left: 20px;
	width: 260px; 
	padding: 0 15px 0 15px;
	color: #595959;
}

.box_col1 p, .box_col2 p { margin: 0 0 10px 0 }
.box_col1 a, .box_col2 a {color:#595959}
.red_title { color: #660000; font-weight: bold; }

.box_col2 #user_paymentForm .errors {
    padding: 0 0 0 15px;
    }




#account_container h3{ 
	border-bottom: 1px solid #434343;
	color: #434343; 
	font-size: 18px;
	margin: 10px 0px 10px 0px;
	width: 100%;
}

#account_container p.instructions { width: 636px; margin: auto; color: #434343; } 

/* TABLES */
table.info { width: 100%; color:#595959; border-collapse:collapse }
tr.headings { 
	
	color: #2f5f90; 
	height: 22px ;
	text-transform: uppercase;
}

tr.headings td { 
padding: 2px 0 0 10px;
background:url(../images/table_header.jpg); 
}
tr.data td { padding: 8px 0 8px 10px; }

/* REPAIR HISTORY TABLE */
.status_date{ width: 80px }
.target_date { width: 120px }


/* EXTRA LEFT BOXES FOR PROMOS ETC - NOT TIED TO HEADER LOGO */

.box_left_container {
	background: url(../images/box_left_slice.jpg);
	width: 219px; 
	margin: 20px auto 0 auto;
	padding: 0;
}

.box_left_top {
	background: url(../images/box_left_top.jpg);
	width: 219px; height: 9px;
	overflow: hidden; 
}

.box_left_inner {
	background: url(../images/box_left_bg.jpg) 0 0 no-repeat;
	color: #333333;
	font-size: 12px;		 
    margin: 0;
    padding: 10px 0 0 15px;
	display: inline-block;
}

.box_left_inner .content { padding: 0 20px }

.box_left_inner p { margin: 0; padding: 0}
.box_left_inner h2 { 
	margin: 0 0 6px 0; 
	padding: 4px 0 0 0; 
	color: #660000;
	font-size: 16px;
}

.box_left_inner h3, .box_left_inner h3 a { 
	margin: 0; 
	padding: 0; 
	color: #2f5f90;
	font-size: 12px;
}


.box_left_bottom {
	background: url(../images/box_left_bottom.jpg);
	width:219px; height: 9px;
	overflow: hidden;
}


    
.box_left_container dl dt {
    margin: 0 0 10px 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
    color: #660000;
    }
    
.box_left_container dl dd {
    margin: 0 0 1px 0;
    }
    
.box_left_container .ext_link {
    margin: 10px 0 0 0;
    }

.box_left_container .ext_link a {
    margin: 0;
    padding: 0;
    font-weight: bold;
    text-decoration: none;
    color: #660000;
    }


.promo_banner {
	width: 220px;
	margin: 20px 0;
} 


/****  status alert form  ****/

#status_alert_form { 
	text-align: center; 
	width: 172px; margin: 10px 0 0 8px;
}

#status_alert_form #alertsForm .text-input {
    width: 172px;
    height: 31px;
    text-align: center;
    background: url(../images/alert_email_bg.jpg) 0 0 no-repeat;
    }
    
#status_alert_form #alertsForm .text-input label {
    display: none;
    }    
    
#status_alert_form #alertsForm .text-input input {
    margin: 7px 0 0 0;
    border: 1px solid #fff;
    font-size: 11px;
    text-align: center;
	width: 150px;
    color: #666;
    }
    
#status_alert_form #alertsForm .button {
    width: 100%;
    height: 31px;
	margin: 10px 0
    }

#status_alert_form #alertsForm div.errors ul {
    margin: 4px 0 0 0;
    padding: 0 0 0 14px;
    text-align: left;
    }
    
#status_alert_form #alertsForm div.errors ul li {
    margin: 0;
    padding: 0;
    color: #b80d0d;
    }

#status_alert_form #alertsForm div.errors ul li label.error {
    text-align: left;
    font-weight: bold;
	font-style: italic;
    color: #b80d0d;
    }

#promo_left .quote { display:none; }
#promo_left2 .content { display:none; }

.poliseekLeftColumn {
      width: 60%;
}

.poliseekRightColumn {
      width: 150px;
}



/* `New SEO Pages
-------------------------------------------------*/

/** SUB-COLUMN CONTROL **/
/* there are two new subcolumns inside #right_column */
#right_column #column1 {float: left; width: 418px; padding: 0 0 0 12px;}
#right_column #column2 {float: left; position: relative; width: 280px; padding: 5px 0 0 0;}

#right_column #column1 span.bold {font-weight: bold;}
#right_column #column1 span.bold-red {font-weight: bold; color: #660000;}

/* GAQ widget is position:absolute - use padding to offset for other elements */
#right_column #column2.gaq {float: left; position: relative; width: 280px; padding: 205px 0 0 0;}

/** ARTICLE INDEX **/
#right_column #column1 .container-category {margin: 16px 0 0 0;}
#right_column #column1 .container-category .section-name {height: 30px; font-size: 16px; font-weight: bold;}
#right_column #column1 .container-category .section-name a {text-decoration: none;}
#right_column #column1 .container-category .section-name a img.caret {margin: 0 6px 0 0;}
#right_column #column1 .container-category dl {padding: 0 0 8px 14px;}
#right_column #column1 .container-category dt {margin: 0; padding: 0; font-size: 13px;}
#right_column #column1 .container-category dd {margin: 0 0 6px 0;}
#right_column #column1 .container-category dd.btt {padding: 12px 0 0 0;}
#right_column #column1 .container-category dd.btt a {color: #999;}

/** ARTICLE PAGE **/
#right_column #column1.article h3 {font-size: 20px; color:#660000;}
#right_column #column1.article h4, #right_column #column1.article .insArticles h2 {font-size: 13px; font-style: italic;}
#right_column #column1.article p.footnotes {font-size: 10px; padding: 0 0 0 0;}
#right_column #column1.article .index-button {padding: 30px 0 20px; text-align: center;}
#right_column #column1.article ul, #right_column #column1.article ol {margin: 8px 0 0 0;}
#right_column #column1.article ul {padding: 0 0 0 20px;}
#right_column #column1.article ol {padding: 0 0 0 25px;}
#right_column #column1.article ul li {padding: 0 0 8px 5px;}
#right_column #column1.article ol li {padding: 0 0 8px 0;}
#right_column #column1.article ul li ul li {background:url(../../static/images/dashBullet.gif) 0px 8px no-repeat; padding-left: 21px; margin:0; list-style:none}
#right_column #column1.article ul li ul {margin:0 0 0 4px; padding: 0 0 0 0px}


/** QUOTE WIDGET **/
#right_column #column2 #gaq_widget_small {top: 0; left: 14px; z-index: 98;}
/*#right_column #column2.no-gaq #gaq_widget_small {display: none;}*/

/** BLUE AGENT FINDER **/
#right_column #column2 #blue-agent-finder {width: 248px; height: 158px; margin: 4px 0 0 18px; padding: 32px 0 12px 0; color: #fff; background: url(../images/blue-agent-finder-bg.png) 0 0 no-repeat;}
#right_column #column2 #blue-agent-finder h5 {margin: 0 0 4px 40px; font-size: 22px; font-weight: bold;}
#right_column #column2 #blue-agent-finder p {margin: 0 0 0 40px;}
#right_column #column2 #blue-agent-finder div.contact_form {margin: 28px 0 0 0;}
#right_column #column2 #blue-agent-finder div.contact_form #promo_agentForm {width: 130px;}
#right_column #column2 #blue-agent-finder div.contact_form #promo_agentForm .text-input {margin: 3px 0 0 0; background: url(../images/blue-agent-finder-input-bg.gif) 0 0 no-repeat;}
#right_column #column2 #blue-agent-finder div.contact_form #promo_agentForm .button {height: 37px; width: 41px;}


/** ARTICLE SIDEBAR **/
#right_column #column2 #article-submenu {width: 234px; margin: 15px 0 0 28px;}

#right_column #column2 #article-submenu .top {width: 234px; height: 55px; overflow: hidden; background: url(../../static/images/article-sidebar-top2.png);}
#right_column #column2 #article-submenu .top h3 {width: 200px; margin: 0 0 0 13px; padding: 16px 0 0 0; text-align: center; font-size: 15px; color: #fff;}

#right_column #column2 #article-submenu .middle {width: 230px; padding: 12px 0 0 0; background: url(../../static/images/article-sidebar-bg2.png) 0 0 repeat-y;}
#right_column #column2 #article-submenu .middle dl {width: 190px; margin: 0 0 0 14px;}
#right_column #column2 #article-submenu .middle dt, #right_column #article-submenu dd {margin: 0 0 0 4px;}
#right_column #column2 #article-submenu .middle dt {font-size: 13px;}
#right_column #column2 #article-submenu .middle dt a {text-decoration: none; color:#7b0000;}
#right_column #column2 #article-submenu .middle dd {padding: 0 0 14px 0; font-size: 11px; color:#5e5e5e;}
#right_column #column2 #article-submenu .middle dd.index-link {text-align: right;}
#right_column #column2 #article-submenu .middle dd.index-link a {color: #999}


/** FIND AN AGENT - STATE LISTING SECTION **/
#state-links-container {width: 660px; margin: 20px 0 0 20px; padding: 0 0 0 15px;}
#state-links-container p.toggle-link {padding: 0 0 10px 0; font-size: 11px;}
#state-links-container div.column {float: left; width: 150px; margin: 0 15px 0 0;}
#state-links-container div.column dt, #state-links-container div.column dd {margin: 0; padding: 0;}
#state-links-container div.column dt {margin: 0 0 3px 0;}
#state-links-container div.column dd {margin: 0 0 2px 5px; font-size: 11px;}
#state-links-container div.column dd.all {margin: 0 0 14px 5px; font-size: 11px; font-style: italic;}

/** FIND AN AGENT - STATE/REGION PAGE **/
#state-links-container.state-region {width: 660px; margin: 30px 0 0 11px; padding: 0;}
#right_column #column1.state-region h3 {font-size: 20px; color:#660000;}
#right_column #column1.state-region .list {float: left; width: 195px; margin: 15px 20px 15px 0;}
#right_column #column1.state-region #regions.list {margin-right: 0;}
#right_column #column1.state-region .list dl {margin: 12px 0 0 0;}
#right_column #column1.state-region .list dt; #right_column #column1.state-region .list dd {margin: 0; padding: 0;}
#right_column #column1.state-region .list dt {margin: 0 0 3px 0;}
#right_column #column1.state-region .list dd {margin: 0 0 2px 0;}

#left_column #promo_left.high {background: url(../images/promo_left_bg.png) 0 0 no-repeat;}

/** FIND AN AGENT - STATE AGENT LISTS **/
#right_column #column1.agent-list h3 {font-size: 20px; color:#660000;}
#right_column #column1.agent-list #agent-nav-container {margin: 16px 0 0 0; color:#4d4d4d;}
#right_column #column1.agent-list #agent-nav-container dt {padding: 0 0 5px 0;}
#right_column #column1.agent-list #agent-nav-container dd {display: inline; padding: 0 3px 0 0;}

#right_column #column1.agent-list #agent-list-container table {width: 100%; color:#4d4d4d;}
#right_column #column1.agent-list #agent-list-container table th,
#right_column #column1.agent-list #agent-list-container table td {text-align: left;  vertical-align: bottom; /*border: 1px solid blue;*/}
#right_column #column1.agent-list #agent-list-container table th.agent {height: 40px; width: 60%;}
#right_column #column1.agent-list #agent-list-container table th.agent a {color:#4d4d4d;}
#right_column #column1.agent-list #agent-list-container table td.agent {height: 20px; width: 70%;}
#right_column #column1.agent-list #agent-list-container table th.city {width: 40%; padding-left:10px}
#right_column #column1.agent-list #agent-list-container table td {height: 20px;}
#right_column #column1.agent-list #agent-list-container td.cityColumn {padding-left: 10px;}

/** FIND AN AGENT - AGENT PAGE **/
h1.name-top {margin: 6px 0 0 21px; padding: 0; font-size: 18px; font-weight: normal; color:#fff;}
#right_column #column1.agent-page h1 {font-size: 20px; color:#660000;}
#right_column #column1.agent-page .list {float: left; width: 195px; margin: 15px 20px 0 0;}
#right_column #column1.agent-page #info.list dt {margin: 0 0 4px 0; font-weight: normal;}
#right_column #column1.agent-page #info.list dt.header {font-weight: bold; margin: 0 0 6px 0;}
#right_column #column1.agent-page #info.list dd {margin: 0 0 1px 0;}
#right_column #column1.agent-page #info.list dd.region,
#right_column #column1.agent-page #info.list dd.fax,
#right_column #column1.agent-page #info.list dd.license {margin: 0 0 10px 0;}




#right_column #column1.agent-page #info.list dt.header {font-weight: bold; margin-bottom: 3px;}
#right_column #column1.agent-page #info.list dl dd.group {overflow: visible; margin: 0 0 10px 0;}
#right_column #column1.agent-page #info.list dl dd.group dl.flat dt {float: left; padding: 0 6px 0 0;}
#right_column #column1.agent-page #info.list dl dd.group dl.flat dd {float: left; margin-bottom: 2px;}
#right_column #column1.agent-page #info.list dl dd.group dl.flat .no-flat {float: none;}

#right_column #column1.agent-page #products.list {margin-right: 0;}
#right_column #column1.agent-page #products.list dt; #right_column #column1.agent-page .list dd {margin: 0; padding: 0;}
#right_column #column1.agent-page #products.list dt {margin: 0 0 3px 0;}
#right_column #column1.agent-page #products.list dd {margin: 0 0 2px 0;}

#right_column #column1.agent-page #map-container {margin: 30px 0 0 0;}
#right_column #column1.agent-page #map-container .directions {padding: 0 0 6px 0;}


/* `State/Product list box
----------------------------------------------------------------------------------------------------*/
#right_column #column1 #container-state-products {width: 415px;}

#right_column #column1 #container-dropdown {position: relative; height: 30px;}
#right_column #column1 #container-dropdown #label {position: absolute; top: 6px; left: 0;}
#right_column #column1 #container-dropdown #activator {position: absolute; top: 0px; left: 160px; width: 130px; height: 26px; border: 1px solid #b3b3b3; cursor: default; background: url(../../static/images/state-product-select-bg-off.gif) 0 0 no-repeat;} 
#right_column #column1 #container-dropdown #activator div {margin: 4px 0 0 5px;}
#right_column #column1 #container-dropdown #activator.on {background: url(../../static/images/state-product-select-bg-on.gif) 0 0 no-repeat;}
#right_column #column1 #container-dropdown #dropdown {position: absolute; top: 27px; left: 160px; width: 130px; min-height: 26px; background-color: #fff; border: 1px solid #b3b3b3; border-top: none; z-index: 9999; display: none;}
#right_column #column1 #container-dropdown #dropdown dt {padding: 0 0 0 6px; font-size: 12px; font-weight: normal; color: #424242; cursor: default;}


#right_column #column1 #container-state-products .top {height: 18px; margin: 10px 0 0 0; background: url(../../static/images/shape-state-product-list-top.png) 0 0 no-repeat;}

#right_column #column1 #container-state-products .middle {min-height: 50px; background: url(../../static/images/shape-state-product-list-bg.png) 0 0 repeat-y;}
#right_column #column1 #container-state-products .middle dl {width: 360px; margin: 0 0 0 24px; font-size: 13px; font-weight: normal;}
#right_column #column1 #container-state-products .middle dt {display: none; padding: 0 0 8px 0; font-size: 13px; font-weight: normal;}
#right_column #column1 #container-state-products .middle dt#default {display: block;}
#right_column #column1 #container-state-products .middle dt a {text-decoration: none; color: #660000;}
#right_column #column1 #container-state-products .middle dt a.state {font-style: italic;}

#right_column #column1 #container-state-products .bottom {height: 18px; background: url(../../static/images/shape-state-product-list-bottom.png) 0 0 no-repeat;}



/* `Agent page - revised version
-------------------------------------------------*/ 

/* promo */
#left_column #promo-container {padding: 20px 0 0 0;}


/* social media & back to list */
#right_column #column1.agent-page #social-nav {position: relative; height: 22px; margin: 5px 0 0 0;}
#right_column #column1.agent-page #social-nav .sm-link {position: absolute; top: 0;}
#right_column #column1.agent-page #social-nav #twitter.sm-link {left: 0px;}
#right_column #column1.agent-page #social-nav #facebook.sm-link {left: 112px; width: 90px;}
#right_column #column1.agent-page #social-nav #nav-back.sm-link {right: 70px;}

#right_column #column1.agent-page #info {margin-top: 5px;}

#right_column #column1.agent-page .agent-summary {padding: 10px 0 8px 0;}
#right_column #column1.agent-page .agent-summary h3 {margin: 0; padding: 4px 0 10px 0; font-size: 12px; font-weight: bold; font-style: italic;}
#right_column #column1.agent-page .agent-summary p {width: 400px; margin: 0;}


#right_column #column1.agent-page .list dt.header {padding: 12px 0 0 0; font-size: 13px; font-weight: bold; color: #660000;}
#right_column #column1.agent-page .list dd {margin: 0;}

/* agent address column */
#right_column #column1.agent-page #info.list dd.region {margin-bottom: 1px;}
#right_column #column1.agent-page #info.list dd.driving-directions {margin-bottom: 10px;}

/* float contact and quote buttons */
#right_column #column1.agent-page #info.list .contact,
#right_column #column1.agent-page #info.list .quote {float: left; padding: 12px 0 0 0;}
#right_column #column1.agent-page #info.list .quote {margin-left: 8px;}

/* agent hours column */
#right_column #column1.agent-page #other-info.list {margin: 5px 0 0 0;}
#right_column #column1.agent-page #other-info.list dt {margin-bottom: 3px;}
/*#right_column #column1.agent-page #other-info.list dd.license {padding: 12px 0 0 0;}*/

/* Facebook like box */
#facebook-container {padding: 60px 0 0 0;}

/* Youtube box */
#yt-container {padding: 10px 0 0 0;}


/* mini get quote button */
#right_column #column2 #mini-get-quote {padding: 10px 0 10px 24px;}

/* tips sidebar */
#right_column #column2 #article-submenu .middle dl.tip-list dt,
#right_column #column2 #article-submenu .middle dl.tip-list dd {margin: 0;}

#right_column #column2 #article-submenu .middle dl.tip-list dt {padding: 0 0 12px 16px; background: url(../images/arrow_red_right.png) 0 1px no-repeat; color: #660000; cursor: pointer;}
#right_column #column2 #article-submenu .middle dl.tip-list dt.opened {background: url(../images/arrow_red.gif) 0 5px no-repeat;}

#right_column #column2 #article-submenu .middle dl.tip-list dd {padding: 0 0 12px 16px;}
#right_column #column2 #article-submenu .middle dl.tip-list dd div.hidden {display: none;}
#right_column #column2 #article-submenu .middle dl.tip-list dd div p {margin: -9px 0 14px 0;}

#right_column #column2 #article-submenu .middle dl.tip-list dd div dl.product-tips {margin: 0; padding: 0 0 12px 0;}
#right_column #column2 #article-submenu .middle dl.tip-list dd div dl.product-tips dt {padding: 0 0 0 0; font-size: 12px; background-image: none;}
#right_column #column2 #article-submenu .middle dl.tip-list dd div dl.product-tips dt.title {padding: 0 0 5px 0; font-size: 13px; color: #5E5E5E;}
#right_column #column2 #article-submenu .middle dl.tip-list dd div dl.product-tips dd {display: block; padding: 0 0 6px 0; font-size: 12px; line-height: 1.3;}

#right_column #column2 #article-submenu .middle .more-state-link {margin: 0; padding: 0 0 12px 16px;}
#right_column #column2 #article-submenu .middle .more-state-link a {color: #7b7b7b;}

#right_column #column2 #article-submenu .middle dl.tip-list #first-tip-link {background: url(../images/arrow_red.gif) 0 5px no-repeat;}
#right_column #column2 #article-submenu .middle dl.tip-list #first-tip-int {display: block !important;}

/* youtube gallery */
#yt-gallery {padding: 34px 0 0 0;}
#yt-gallery h5 {margin: 0 0 4px 0; color: #660000;}
#yt-gallery p.intro {margin: 0 0 12px 0;}

#yt-gallery #clip-container {position: relative; height: 265px; padding: 0 0 15px 0;}
#yt-gallery #clip-container .clip-set {position: absolute; top: 0; left: 0; display: none; background-color: #fff;}
#yt-gallery #clip-container .sel-clip {font-weight: bold; cursor: pointer; color: #660000; display: none;}
#yt-gallery #clip-container .sel-clip#previous {position: absolute; bottom: 5px; left: 0;}
#yt-gallery #clip-container .sel-clip#next {position: absolute; bottom: 5px; right: 10px;}


#yt-gallery .yt-list dt {margin: 0 0 2px 0;}
#yt-gallery .yt-list div.data {padding: 0 0 5px 0; overflow: hidden;}
#yt-gallery .yt-list div.data div.thumbnail {float: left; width: 120px; height: 90px; margin: 0 10px 0 0;}
#yt-gallery .yt-list div.data p.description {float: left; width: 280px; margin: 0; line-height: 1.2;}

/* youtube overlay */
#player-content {position: relative; width: 525px; height: 430px; background-color: #fff;}
#player-content iframe#the-player {width: 425px; height: 349px; margin: 30px 50px 0 50px;}

#player-content.hidden_overlay .title_bar {height: 32px; width: 100%; background: url(../images/overlay_titlebar_bg.gif) 0 0 repeat-x;}
    
#player-content.hidden_overlay .title_bar p {width: 80%; margin: 0 0 0 20px; padding: 2px 0 0 0; text-transform: uppercase; font-weight: bold; color: #fff;}    
    
#player-content.hidden_overlay div.close {background: url(../images/overlay_titlebar_close.gif) 0 0 repeat-x; position:absolute; right:0; top:0; cursor:pointer; height:22px; width:22px;}





/* BuyButton RAQ New Classes
----------------------------------------------------------------------------------------------------*/
#raq_home #addFields {
    display:none;
    }

#raq_small #addFields {
    display:none;
    }
#footer_container #footer .socialNetLinks a img {
    float: left;
    clear: none;
    margin-right:15px;
}


/* BuyButton GAQ/RAQ Overrides
----------------------------------------------------------------------------------------------------*/
#gaq_home_widget {
    position: absolute;
    top: 165px;
    left: 537px;
    width: 376px;
    height: 95px;
    z-index: 98;
    background: url(../images/gaq_homepage_bg.png) 0 0 no-repeat;
    }

#raq_home {
    display: none;
    width: 376px;
    height: auto;
    margin: 0;
    padding: 0;
    background: url(../images/retrieve_home_open_bg.png) 0 0 repeat-y;
    overflow: hidden;
    }

#raq_home div.text-input {
    float: left;
    margin: 10px 0 0 0;
    border: 0;
    color: #7d0909;
    text-align: center;
    }
    
#raq_home div.quote {
    height: 30px;
    width: 195px;
    padding: 0 5px 0 0;
    background: url(../images/retrieve_home_quote_bg2.gif) 0 0 no-repeat;
    }

#raq_home div.button {
    float: right;
    width: 47px;
    height: 32px;
    margin-top:8px;
    }

#raq_home div.button2 {
    float: left;
    width: 47px;
    height: 32px;
    margin: 3px 0 0 0;
    }

#raq_home div.button .submit {
    width:47px;
    height:32px;
    margin-top: 4px;
    background:url(../images/retrieve_home_button.gif) 0 0 no-repeat;
    cursor:pointer;
    }

#raq_home div.email {
    height: 30px;
    width: 310px;
    padding: 0 5px 0 0;
    background: url(../images/retrieve_home_email_bg.gif) 0 0 no-repeat;
    }

#raq_home div.lastName {
    height: 30px;
    width: 258px;
    padding: 0 5px 0 0;
    background: url(../images/retrieve_home_lastname_bg.gif) 0 0 no-repeat;
    }

#raq_small {
    display: none;
    width: 248px;
    height: auto;
    margin: 0;
    padding: 0;
    background: url(../images/retrieve_interior_bg.png) 0 0 repeat-y;
    overflow:hidden;
    }

#raq_small .errors ul li {
    margin: 4px 0 0 37px;
    color: #b80d0d;
    }

.bubble3 {
    position:absolute;
    top: 170px;
    left: 80px;
    width: 210px;
    height: 62px;
    margin: 0;
    padding: 8px 10px;
    z-index: 999;
    background: url(../images/error_bg2.png) 0 0 no-repeat;
    }

.bubble4 {
    position:absolute;
    top: 86px;
    left: 80px;
    width: 210px;
    height: 35px;
    margin: 0;
    padding: 8px 10px;
    z-index: 999;
    background: url(../images/error_bg2.png) 0 0 no-repeat;
    }

.bubble6 {
    position:absolute;
    top: 250px;
    left: 80px;
    width: 275px;
    height: 79px;
    margin: 0;
    padding: 8px 10px;
    z-index: 999;
    background: url(../images/error_bg3.png) 0 0 no-repeat;
    }



/* BuyButton AQL Timeout Overrides
----------------------------------------------------------------------------------------------------*/
#page_menu_top_white {
    width: 220px;
    height: 30px;
    background: url(../images/page_menu_top_white.jpg) 0 0 repeat-y;
    overflow: hidden;
    }
#container #generic-info h6 {
    margin: 0 18px 0px 0px;
    padding: 0px 0 18px 0;
    font-size: 16px; color: #000;
    }
#container #generic-info .agent-details dt, #container #generic-info .agent-details dd {
    line-height: 1;
    }
#your-agent {
    float: left;
    width: 220px;
    height: 130px;
    margin-left: -15px;
    background: url(../images/buy/bb_agent.jpg) 0 0 no-repeat; 
    }
#aql_agent, #aql_phone1 {
    float: left;
    clear: none;
    color: #ffffff;
    font-size: 20px;
    padding: 4px 0 0 20px;
    }
#aql_agent {
	padding: 4px 0 0 20px;
    }
#aql_phone1 {
	padding: 4px 0 0 0;
    }


/* SOCIAL MEDIA LINKS
----------------------------------------------------------------------------------------------------*/
/* article links */
#sm-link-container.tips {position: relative; width: 400px; height: 22px; margin: 12px 0 0 0;}
.sm-link {position: absolute; top: 0;}
#twitter.sm-link {left: 0;}
#facebook.sm-link {left: 112px; width: 90px;}

/* Like Box - Mercury Facebook page  */
#fb-like-box {position: relative; width: 220px; height: 74px; padding: 24px 0 0 0; background: url(../images/bg-facebook-left.png) 0 24px no-repeat;}
#fb-like-box h6 {position: absolute; top: 30px; left: 27px; margin: 0; font-size: 12px; text-transform: uppercase; font-weight: bold; color: #fff;}
#fb-like-box .page-link {position: absolute; top: 64px; left: 12px;}
#fb-like-box .page-link a {font-weight: bold; color: #5e5e5e; text-decoration: none;}
#fb-like-box .page-link a.over {color: #7d0909;}
#fb-like-box .like-button {position: absolute; top: 63px; left: 124px;}





