/* In this CSS
site, header, navigation, content, footer, forms, global
*/

/*/////// site /////////////////////////////////////////////////////////////*/

* { margin: 0; padding: 0; }
a { outline: expression(blur()); outline: 0; }
object, embed {outline:none;}

html { 
	/*site wide inherited attributes*/
	color : #666666; 
	font: 12px/16px  Arial, Verdana, Tahoma, sans-serif; 
	filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
 }
body { 
	background-color: #fff; 
 }
.wrapper { 
	margin: 0 auto; 
	width: 960px; 
 }
.wrapper_padding {}


/*/////// header /////////////////////////////////////////////////////////////*/

.header { padding-top: 10px; }
.header_padding { }

.utility { width: 960px; margin: 0 auto; margin-bottom: 15px; text-align: right; }
.utility a { padding: 0 5px; }

.branding, .navlinks { width: 960px; margin: 0 auto; }
.branding { margin-bottom: 15px; }
.branding .insurance-quotes-california { padding: 8px 15px; }
.branding .tagline { vertical-align: bottom; text-align: right; padding:0 10px 17px 0; }
.branding .utility_links { margin-bottom: 20px; font-weight: bold; }
.branding .logos { vertical-align: middle; border: 1px solid #c9c9c9; border-width:0px 1px; padding:0 10px; width: 130px; text-align: center; height: 76px; }
.branding .logos img { display: none; }

.gradient { background: url(/Images/Nav/bg-gradient.jpg) repeat-x; height: 45px; }


/*/////// navigation /////////////////////////////////////////////////////////////*/

.primary_nav {
	background: url(/Images/Nav/bg-main-nav.gif) repeat-x;
	color: #ffffff; 
	font-size: 15px; 
	padding-top: 5px;
 }
 
.navlinks_padding { padding: 0 15px; } 

.navlinks .spacer { width: 10px; }

.navlinks .tab a, .navlinks .tab b { 
	height: 35px; 
	line-height: 35px;
	font-size: 15px; 
	font-weight: bold;
	display: block;
	cursor: pointer;
}
.navlinks .tab a { padding-left: 15px; }
.navlinks .tab b { padding-right: 43px; }

.navlinks .tab a { background: url(/Images/Nav/tab-off.gif) no-repeat left top; }
.navlinks .tab b { background: url(/Images/Nav/tab-off.gif) no-repeat right top; }

.navlinks .home b { background: url(/Images/Nav/tab-off-home.gif) no-repeat right top; padding-right: 15px; }
.navlinks .home a.on { background: url(/Images/Nav/tab-on-home.gif) no-repeat left top; }
.navlinks .home .on b { background: url(/Images/Nav/tab-on-home.gif) no-repeat right top; padding-right: 15px; }

.navlinks a.on { background: url(/Images/Nav/tab-on-home.gif) no-repeat left top; }
.navlinks a.on { color: #5592c1; text-decoration: none; }
.navlinks a.on:link { color: #5592c1; text-decoration: none; }
.navlinks a.on:visited { color: #5592c1; text-decoration: none; }
.navlinks a.on:hover { color: #5592c1;}
.navlinks a.on:active { color: #5592c1;}

.navlinks a { color: #fff; text-decoration: none; }
.navlinks a:link { color: #fff; text-decoration: none; }
.navlinks a:visited { color: #fff; text-decoration: none; }
.navlinks a:hover { color: #a3d1fd;}
.navlinks a:active { color: #fff;}

.navlinks a.on  { background: url(/Images/Nav/tab-on.gif) no-repeat left top; }
.navlinks .on b  { background: url(/Images/Nav/tab-on.gif) no-repeat right top; }

/* changes background of tabs on hover. doesn't work with home tab
.navlinks .hover a  { background: url(/Images/Nav/tab-on.gif) no-repeat left top; }
.navlinks .hover b  { background: url(/Images/Nav/tab-on.gif) no-repeat right top; }
*/
.navlinks .hover a:link { color: #a3d1fd; text-decoration: none; }
.navlinks .hover a:visited { color: #a3d1fd; text-decoration: none; }
.navlinks .hover a:hover { color: #a3d1fd;}
.navlinks .hover a:active { color: #a3d1fd;}



.dropnav { position:absolute; width: 200px; display: none; overflow: hidden; }
.hover .dropnav { display: block; }
.dropnav-links { padding: 5px 10px 0px 10px; background: #f7fafe url(/Images/Nav/bg-dropnav.gif) repeat-x bottom; } 
.navlinks .dropnav .dropnav-links a {
	font-weight: normal;
	padding: 5px;
	font-size: 12px;
	line-height: 15px;
	border-bottom: 1px solid #99ccff;
	width: 170px;
	height: auto;
	background-position: -1000px -1000px; /* IE6 dropnav doesn't work without a background image */
} 

.navlinks .dropnav .dropnav-links a { color: #336699; text-decoration: none; }
.navlinks .dropnav .dropnav-links a:link { color: #336699; text-decoration: none; }
.navlinks .dropnav .dropnav-links a:visited { color: #336699; text-decoration: none; }
.navlinks .dropnav .dropnav-links a:hover { color: #003366;}
.navlinks .dropnav .dropnav-links a:active { color: #336699;}
.navlinks .dropnav .dropnav-links a.last { border-bottom: 0; padding-bottom: 0; }

/*/////// content /////////////////////////////////////////////////////////////*/


.headline { padding: 0 25px; }
.headline h1 { 
	color: #1b75bc; 
	font-size: 26px;
	line-height: 26px;
	font-family: Georgia, "Times New Roman", Times, serif; 
	padding: 0; 
	padding-bottom: 10px;
}
.headline h1 b { color: #bf1e2e; }
.headline .slogan { 
	color: #a49d99; 
	font-size: 15px;
	line-height: 15px; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-weight: bold; 
	padding-bottom: 4px; 
}

.splash { padding: 0 25px; }

.splash .get-started { padding: 10px 20px 0 0; }
.splash .get-started h2 { font-size: 22px; color: #bf1e2e; margin-bottom: 7px; line-height: 25px; }
.splash .get-started p { line-height: 18px; }

.splash .insurance-types { width: 195px; font-size: 14px;  }
.splash .insurance-types ul { list-style-type: none; padding: 3px 0 0 25px; }
.splash .insurance-types ul li { display: inline;}

.splash .insurance-types a { display: block; color: #336699; text-decoration: none; font-weight: bold; padding-bottom: 20px;  }
.splash .insurance-types a:link { color: #336699; }
.splash .insurance-types a:visited { color: #336699; }
.splash .insurance-types a:hover { color: #249bd5; text-decoration: none; }
.splash .insurance-types a:active { color: #336699; }
.splash .insurance-types a b { color: #b5121b; }
.splash .insurance-types .last a { padding-bottom: 0; }

.splash .get-a-quote { padding-top: 4px; }


.col-content .splash { padding: 0; }
.col-content .splash .get-started h2 { margin-bottom: 0; padding-bottom: 10px; }

.callout { background: url(/Images/Icons/star.gif) no-repeat 0 4px; padding-left: 20px; margin-bottom: 15px; }
.callout h4 { padding: 0; }
.callout a { color: #336699; text-decoration: none; font-weight: bold; font-size: 14px; line-height: 17px; }
.callout a:link { color: #336699; }
.callout a:visited { color: #336699; }
.callout a:hover { color: #249bd5; text-decoration: none; }
.callout a:active { color: #336699; }
.callout a b { color: #b5121b; }
.callout a:hover b { color: #336699; }
.callout p { padding-top: 5px; font-size: 11px; line-height: 15px; }

.callouts-home { padding: 0 25px; }
.callouts-home .callout { width:185px; margin-right: 30px; float: left;}
.callouts-home .last { margin-right: 0; }

.col-nav .callouts { padding-right: 20px; }
.col-nav .callout { clear: both;   }

.callouts input.tiny { width: 69px; }
.callouts .inset-get-quote { width: auto; margin-left: 0; margin-bottom: 15px; padding: 15px 13px; }
.callouts .inset-get-quote .get-a-quote { padding-left: 0; }
.callouts .inset-get-quote h2 { font-size: 17px; padding-top: 0; }


.col_left { float: left; width: 460px; }
.col_right { float: right; width: 460px; }

.copy { padding-bottom: 10px; }
.copy p { padding-bottom: 5px; }
.copy h3 a:link { color: #336699; }
.copy h3 a:visited { color: #336699; }
.copy h3 a:hover { color: #249bd5; text-decoration: none; }
.copy h3 a:active { color: #336699; }

.col-content .col_left { width: 320px; }
.col-content .col_right { width: 320px; }

.col-content h2 { color: #bf1e2e; }

.listing { margin: 15px 0 30px 0; }
.listing h2 { padding: 0 !important; }
.listing h3 { padding: 0 !important; }
.listing .hr { margin-top: 10px; }
.listing a.list-item { display: block; margin: 0 0 10px 0; font-weight: bold }

.list-item { margin: 0 0 10px 0; line-height: 15px; }
.list-item .date { font-weight: bold; padding-bottom: 1px; }
.list-item a { font-weight: bold; }
.list-item p { padding-top: 3px; padding-bottom: 0; line-height: 14px; }

a.viewall { font-size: 11px; font-weight: normal; }
a.viewall b { font-weight: normal; }

.column { padding-left: 25px; }
.columns { padding-left: 25px; }
.col-nav { width: 200px; vertical-align: top; }

.col-nav .section-nav {}
.col-nav .section-nav .title { color: #a49d99; font-family: Georgia, "Times New Roman", Times, serif; font-size: 15px; font-weight: bold; margin-bottom: 15px; }

.col-nav .section-nav ul { list-style-type: none; padding:0; font-size: 14px; }
.col-nav .section-nav ul li { margin-bottom: 2px; padding-bottom: 7px; }

.col-nav .section-nav a { display: block; color: #336699; text-decoration: none; font-weight: bold; padding: 5px 10px; zoom: 1;   }
.col-nav .section-nav a:link { color: #336699; }
.col-nav .section-nav a:visited { color: #336699; }
.col-nav .section-nav a:hover { color: #249bd5; text-decoration: none; }
.col-nav .section-nav a:active { color: #336699; }

.col-nav .section-nav li a.on {  color: #249bd5; background: url(/Images/Nav/bg-section-nav.gif) repeat-y right; }

.col-nav .section-nav li .subnav a { margin-left: 20px; font-size: 13px; padding: 5px; font-weight: normal; }
.col-nav .section-nav li .subnav a:link { color: #666666; }
.col-nav .section-nav li .subnav a:visited { color: #666666; }
.col-nav .section-nav li .subnav a:hover { color: #249bd5; text-decoration: none; }
.col-nav .section-nav li .subnav a:active { color: #666666; }

.col-nav .section-nav li .subnav a.on { background: none; color: #336699; }
.col-nav .section-nav li .subnav a.on:link { color: #336699; }
.col-nav .section-nav li .subnav a.on:visited { color: #336699; }
.col-nav .section-nav li .subnav a.on:hover { color: #336699; text-decoration: none; }
.col-nav .section-nav li .subnav a.on:active { color: #336699; }

.col-content { background:url(/Images/CommonImages/border-w.gif) repeat-y; padding: 25px 0 25px 60px; vertical-align: top; }

.col-content img.inset { float: right; margin-left: 15px; border: 3px solid #ededed; padding: 1px; -moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 6px; }
.col-content  h2 { padding: 5px 0 15px 0; }

.col-content .intro { font-size: 13px; font-weight: bold; line-height: 15px; color: #249bd5; }
.col-content .intro b { color: #bf1e2e; }

.inset-get-quote { 
	width: 260px; 
	float: right; 
	margin-left: 40px;
	border: 3px solid #b7dafa; 
	padding: 20px 30px 20px 30px; 
	padding-top: 10px; 
	-moz-border-radius: 6px; border-radius: 6px; -webkit-border-radius: 6px;
	margin-bottom: 5px;
	background: #f4f5f4;
}
.inset-get-quote h2 { color: #1b75bc; }
.inset-get-quote .form label { float: left; width: 60px; margin-right: 10px; }
.inset-get-quote .form input, .inset-get-quote .form select { float: none; }
.inset-get-quote .get-a-quote { padding-left: 70px; }

.backlink { font-size: 11px; position: absolute; width: 660px; text-align:right; margin-top: -25px; }

h2.news { padding-bottom: 3px; }
.date { padding-bottom: 15px; font-weight: bold; }


/*/////// faq //////////////////////////////////////*/
.hide_show { display: none; text-align: right; }
.faq h3 b { float:left; }
.faq h3 span { margin-left:20px; display: block; }
.faq .answer { padding-bottom:15px; }
.faq .answer b { float:left; }
.faq .answer div { margin-left:20px; }
.faq .answer div p:last-child { padding-bottom: 0; }
.faq h3 { font-size: 14px; }
.faq .viewall { text-align: right; }



/*/////// modal //////////////////////////////////////*/

.overlayBkgd {
	background-color: #000000;
	left: 0;
	opacity: 0.6;
	filter: alpha(opacity = 60);
	overflow: hidden;
	position: absolute;
	top: 0;
	display: none;
	z-index: 100;
}
.modal {
	background: white none repeat scroll 0 0;
	display: none;
	height: 300px;
	left: 50%;
	margin-left: -400px;
	position: absolute;
	top: 20px;
	width: 960px; height: 670px;
	z-index: 120;
	border: 5px solid #1b75bc; 
	-moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px;
	background: #fff;
	overflow: hidden;
}
.modal-pad { padding: 10px; padding-top:40px }
.modal-pad iframe { width: 100%; height:700px; overflow: auto; position:inherit;  }
.modal-pad .close { margin-top: -28px; text-align: right; position:absolute; width: 940px; font-size: 16px; font-weight: bold; }


iframe.overlay, iframe.dropnav {
	position: absolute; /*must have*/
	border: 0;
	top: 0; /*must have*/
	left: 0; /*must have*/
	z-index: -1; /*must have*/
	filter: mask(); /*must have*/
	width: 2000px; /*must have for any big value*/
	height: 3000px; /*must have for any big value*/
}



/*/////// footer /////////////////////////////////////////////////////////////*/

.footer { 
	font-size: 11px; 
	line-height: 15px;
	margin-top: 20px;
 }
.footer_padding { }

.footer .toprule { 
	background-color : #bf1e2e; 
	color : #bf1e2e; 
	margin: 0px 0 4px 0; 
	height: 8px; line-height: 8px; font-size: 8px;
	overflow: hidden; 
	border: 0;
	clear: both; 
}

.footer .hr { 
	margin: 0px 0 4px 0;
}
.footer-content { background: #ececec; padding: 25px 25px 10px 25px; margin-bottom: 10px; }

.footerlinks { margin-bottom: 15px;}
.footerlinks td { padding-right: 40px; }
.footerlinks td.last { padding-right: 0; }
.footerlinks h3 { font-size: 15px; }

.footerlinks ul { list-style-type: none; padding: 3px 0 0 5px; }
.footerlinks ul li { margin-bottom: 0; }

.footerlinks a { color: #336699; text-decoration: none; }
.footerlinks a:link { color: #336699; }
.footerlinks a:visited { color: #336699; }
.footerlinks a:hover { color: #249bd5; text-decoration: none; }
.footerlinks a:active { color: #336699; }
.footerlinks a b { color: #b5121b; padding-right: 2px; }

.insurance-quote-america { vertical-align: bottom; text-align: right; margin-top: 10px;  }

.verisign { margin-bottom: 10px; float: left; }
.legal-links { margin-bottom: 10px; float: right; }
.legal-links a { margin-right: 10px; }

/*/////// forms /////////////////////////////////////////////////////////////*/

/* generic form fields */

input, textarea, select { border: 1px solid #7f9db9;}
input, textarea, select, option { font-size: 12px; color: #202121; }
input, textarea { }
option { padding-right: 5px; }

.no_border { border: none !important; width: auto !important; }
.no_border input { border: none !important; }
input[type='checkbox'] { border: none !important; }
input[type='radio'] { border: none !important; }

/* form */

form { display: inline }

.form { display:block; border:0; }
.form_padding { }

legend.form_title { color:#075b87; font: bold 13px/18px Arial, Helvetica, sans-serif; margin-left:12px; padding: 0 6px; background-color:#fff;}
.form_info { float:right; background: #fff url(/Images/Icons/form_req_ast.gif) 3px 4px no-repeat; padding: 0 6px 0 12px; margin-right:18px; margin-top:-13px;}


.formcell { 
	clear:both;
	border-bottom: 1px solid #dfdfdf;
	padding: 7px 6px;
}
.form label { 
	font-size: 12px; 
	line-height: 17px; 
	display: block; 
	color: #336699;
	padding-bottom: 5px;
}
.form input, .form select, .form textarea { 
	color : #000000; 
	font: normal 12px/16px "Trebuchet MS", Helvetica, sans-serif; 
	margin: 0; 
	border: 1px solid #dbdfe6; 
	border-top: 1px solid #abadb3; 
	float:left;
}

.form_container { margin-bottom: 14px; }

.form .form_req label { background: url(/Images/Icons/form_req_ast.gif) right top no-repeat;}
.form .form_err { border-top: 1px solid #df7d7d !Important; border-bottom: 1px solid #df7d7d !Important; background-color:#ffdfdf; }
.form .errmessage { display:none; font: bold 12px/18px "Trebuchet MS", Helvetica, sans-serif; color:#ca4c4c; background-color:#ffbfbf;  margin-bottom:10px; padding: 4px 6px;}
.form .form_err .errmessage { display:block;}
.form_selected { background-color:#fffcdf;}

/*form field px width*/
.input_10 { width:10% !important;}
.input_15 { width:15% !important;}
.input_20 { width:20% !important;}
.input_25 { width:25% !important;}
.input_30 { width:30% !important;}
.input_35 { width:35% !important;}
.input_40 { width:40% !important;}
.input_50 { width:50% !important;}
.input_60 { width:60% !important;}
.input_70 { width:75% !important;}
.input_90 { width:90% !important;}
.input_100 { width:100% !important;}
textarea.input_100 {height:150px !important;}

/*form field percentage width*/
.short { width: 150px !important; }
.medium { width: 200px !important; }
.long { width: 300px !important; }
textarea.medium { height: 65px !important; }
textarea.long { height: 120px !important; }

.form_submit { clear:both; background-color:#e4e4e4;}
.form_submit_padding {padding: 6px 12px; text-align:right;}
.form_submit input { margin-left:15px;}
input.button { 
	/*use to make a button-like element on a button*/
	color: #ccffff !important; 
	font: bold 12px/16px Arial, Helvetica, sans-serif; 
	padding: 5px 10px; 
	background-color: #006699; 
	border: none; 
	width: auto; 
	cursor: pointer; 
}
input.clear_button { 
	/*use to make a button-like element on a button*/
	color: #666666 !important; 
	font: 12px/16px "Trebuchet MS", Helvetica, sans-serif; 
	padding: 3px;
	background-color: transparent; 
	border: none; 
	width: auto; 
	cursor: pointer;
	text-decoration:underline;
}
input.clear_button:hover { text-decoration:none;}

/*/////// global /////////////////////////////////////////////////////////////*/

a { color: #249bd5; text-decoration: none; }
a:link { color: #249bd5; text-decoration: none; }
a:visited { color: #249bd5; text-decoration: none; }
a:hover { color: #249bd5; text-decoration: underline; }
a:active { color: #249bd5; text-decoration: underline; }

p { padding: 0 0 1.2em 0 ; }
p.indent { text-indent: 30px; }
blockquote{ font-style: italic}

h1 { 
	font-size: 26px;
	line-height: 28px; 
	margin: 0;
	padding: 10px 0 15px 0; 
	color: #1b75bc; 
}

h2 { 
	font-size: 19px; 
	line-height: 24px; 
	margin: 0;
	padding: 10px 0; 
	color: #1b75bc; 
}

h3 { 
	font-size: 17px; 
	line-height: 19px; 
	margin: 0;
	padding: 7px 0 4px 0; 
	color: #1b75bc; 
}

h4, h5, h6 { 
	font-size: 13px; 
	line-height: 15px; 
	margin: 0;
	padding: 7px 0 4px 0; 
	color: #1b75bc; 
}
h1 b, h2 b, h3 b, h4 b, h5 b, h6 b { color: #bf1e2e; }
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link { color: #336699; }
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { color: #336699; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #249bd5; text-decoration: none; }
h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active { color: #336699; }

h1 a:hover, h2 a:hover b, h3 a:hover b, h4 a:hover b, h5 a:hover b, h6 a:hover b { color: #336699; }


table { empty-cells: show; }
table tr { vertical-align:top;}

table.basic { 
	/*table class to have padding=0 border=0 spacing=0 width=100% valign=top*/
	border: none; 
	width: 100%; 
	padding: 0; 
	margin: 0; 
	border-spacing: 0px; 
	border-collapse: collapse; 
}
table.basic td { 
	padding: 0; 
	vertical-align: top; 
}

.tablegrid { border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; color: #666666; }
.tablegrid td { border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }

.float_left { 
	float: left; 
	position: relative; 
}
.float_right { 
	float: right; 
	position: relative; 
}
.clear { clear: both; }

.odd { background-color: #CCCCCC; }
.even { background-color: transparent; }

.hr, hr { 
	background-color : #c8c4c1; 
	color : #c8c4c1; 
	margin: 15px 0; 
	height: 1px; 
	overflow: hidden; 
	border: 0;
	clear: both; 
}

ol { padding:2px 0 7px 37px;}
ul { padding:2px 0 7px 30px;}
li { margin-bottom:3px;}
ul ul { padding:0 0 0 15px;}

img { border: 0px; }
.icon { 
	/*aligns img/input/text so they all have verticle centering - all elements need to be the same height*/
	vertical-align: middle; 
}
img.icon { 
	margin: 0 5px 0 5px; 
	display: inline; 
}

.img_mask { 
	position: absolute; 
	z-index: 100; 
}

.button { 
	/*use to make a button-like element on a link*/
	color: #333333; 
	font-size: 11px; 
	line-height: 22px; 
	background: #CCCCCC; 
	border-top: 2px solid #E5E4E4; 
	border-right: 2px solid #B2B1B1; 
	border-bottom: 2px solid #B2B1B1; 
	border-left: 2px solid #E5E4E4; 
	margin: 3px 0; 
}
.button a { color: #666666; text-decoration: none; padding: 3px 5px; }
.button a:link { color: #666666; text-decoration: none; }
.button a:visited { color: #666666; text-decoration: none; }
.button a:hover { color: #AF7215; text-decoration: none; }
.button a:active { color: #666666; text-decoration: none; }


@media print { 
	
}