@import "promo.css";
@import "modalbox.css";

body {
	margin: 0;
	padding: 0;
	background-color: #FFF;
	color: #000;
	font: 100%/1.2 Arial, Helvetica, Geneva, sans-serif;
	min-width: 910px;
}

a:link    { color: #259; }
a:visited { color: #529; }
a:hover   { color: #B22; }
a:active  { color: #B22; }

h1, h2, h3, p, ul, ol, li, dl, dt, dd, form, fieldset, legend, blockquote, img {
	margin: 0;
	border: 0;
	padding: 0;
}

h1 {
	padding: 1em 0 .4em;
	font: bold 130% "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
	color: #B22;
}
	h1 a:link {
		color: #B22;
	}
	h1 .number {
		font-weight: normal;
		color: #DD9090;
	}
h2 {
	padding: .8em 0 .2em;
	color: #334;
	font: bold 120% "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
}
h3 {
	padding: .8em 0 .2em;
	font-size: 100%;
	color: #000;
}
p {
	padding: .2em 0 .6em;
	font-size: 100%;
}
ul, ol {
	padding: .2em 0 .6em 2.4em;
	font-size: 100%;
}
	ul li,
	ol li {
		padding: .2em 0 .1em;
	}

table {
	font-size: 100%;
}
kbd {
	font: normal 100% Monaco, "Courier New", Courier, monospace;
}
abbr {
	border-bottom: 1px dotted #CCC;
	cursor: help;
}


.required {
	color: #C00;
	font-weight: bold;
}
.comment {
	color: #68696C;
	font-size: 85%;
}
.highlight {
	background-color: #FFF2B2;
}
.help {
	margin: 0 .3em;
	vertical-align: text-bottom;
}
.sml {
	font-size: 85%;
	font-weight: normal;
}
.hidden_accordion-click {
	display: none;
}
.ul_no_list, .ul_no_list li {
	margin: 0;
	margin-top: 5px;
	padding: 0;
	list-style: none;
}



/* Header
============================== */

#header {
	height: 95px;
	background: #4D5E80 url(/images/bg_header.gif) repeat-x 0 0;
}
	#header a {
		color: #FFF;
	}
	#header .wrap {
		position: relative;
		width: 880px;
		height: 95px;
		margin: 0 auto;
		color: #FFF;
		font-size: 75%;
	}


/* Logo
------------------------------ */

#logo {
	position: relative;
	float: left;
	width: 176px;
	height: 48px;
	margin: 30px 0 17px 17px;
	padding: 0 5px;
	background: transparent url(/images/bg_logo_company.gif) no-repeat 0 12px;
	overflow: hidden;
}
	#logo span {
		position: absolute;
		top: 0;
		left: 5px;
		width: 176px;
		height: 100%;
		background: transparent url(/images/logo.gif) no-repeat 0 0;
	}


/* Contact information
------------------------------ */

#contact-info {
	float: right;
	width: 352px;
	margin: 25px 0 0;
	padding: 0;
}
	#contact-info li {
		position: relative;
		float: left;
		height: 16px;
		padding: 0;
		list-style: none;
		font-size: 90%;
		white-space: nowrap;
		overflow: hidden;
	}
		#contact-info li a,
		#contact-info li span {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 16px;
		}

	#chat-with-agent {
		width: 158px;
		margin-left: 0;
	}
		#chat-with-agent img {
			float: right;
		}

	#customer-service {
		width: 175px;
		margin-left: 19px;
	}
		#customer-service span {
			background: transparent url(/images/t_customer_service.gif) no-repeat 0 0;
		}


/* Top menu
------------------------------ */

#menu {
	clear: right;
	float: right;
	width: 301px;
	height: 29px;
	margin: 25px 0 0;
	padding: 0;
}
	#menu li {
		position: relative;
		float: left;
		height: 29px;
		padding: 0;
		list-style: none;
		text-align: center;
		white-space: nowrap;
		overflow: hidden;
	}
		#menu li a {
			display: block;
			height: 29px;
			background-color: #7D8FB3;
		}
		#menu li strong {
			display: block;
			height: 29px;
			background-color: #FFF;
			color: #BF1D1D;
		}
		#menu li span {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: transparent no-repeat 0 0;
		}
			#menu li a:hover span { background-position: 0 -29px; }
			#menu li strong span, #menu li a:hover strong span { background-position: 0 -58px; }

	#m-home { width: 66px; margin-right: 1px; }
	#m-home span { background-image: url(/images/m_home.gif) !important; }

	#m-about { width: 83px; margin: 0 1px; }
	#m-about span { background-image: url(/images/m_about.gif) !important; }

	#m-manage-policy { width: 148px; margin-left: 1px; }
	#m-manage-policy span { background-image: url(/images/m_manage_policy.gif) !important; }



/* Layout
============================== */

#wrapper {
	width: 880px;
	margin: 15px auto 0;
	overflow: hidden;
}


/* Main
------------------------------ */

#main {
	float: right;
	width: 645px;
}
.content h1 {
	margin-bottom: 1em;
	border-bottom: 1px solid #B22;
	padding-bottom: 0;
}
.panel h1 {
	padding: .6em 0 .2em;
	overflow: hidden;
}
	.panel h1 a {
		float: left;
		padding-right: 7px;
		background: transparent url(/images/bullet.gif) no-repeat 100% .6em;
	}


/* Promo
------------------------------ */

#promo {
	position: relative;
	width: 645px;
	height: 173px;
}


/* One columns
------------------------------ */

.one-column {
	background: transparent url(/images/bg_one-column.gif) repeat-y 100% 0;
}
	.one-column .content {
		float: left;
		width: 630px;
		margin-right: 1px;
		padding: 0 14px 30px 0;
		font-size: 80%;
		background: transparent url(/images/bg_one-column_main.gif) no-repeat 100% 0;
	}


/* Two columns
------------------------------ */

.two-columns {
	background: transparent url(/images/bg_two-columns.gif) repeat-y 100% 0;
}
	.two-columns .content {
		clear: both;
		float: left;
		width: 410px;
		padding: 0 0 15px;
		font-size: 80%;
	}
	.two-columns .panel {
		float: right;
		width: 190px;
		padding: 15px;
		font-size: 70%;
	}


/* Left sidebar
------------------------------ */

#sidebar {
	float: left;
	width: 220px;
	font-size: 75%;
}


/* Footer
------------------------------ */

#footer {
	clear: both;
	width: 880px;
	margin: 0 auto;
	font-size: 70%;
	color: #999;
}
	#footer .wrap {
		margin: 0 0 0 220px;
		border-top: 1px solid #EAECF3;
		padding: 15px 0;
	}

	#footer a:link    { color: #9AC; }
	#footer a:visited { color: #A9C; }
	#footer ul {
		padding: 0 0 1em;
		overflow: hidden;
	}
		#footer ul li {
			float: left;
			border-right: 1px solid #B8BECC;
			padding: 0 .5em;
			list-style: none;
		}
		#footer ul li.last {
			border-right: 0;
			padding-right: 0;
		}



/* Sidebar styles
============================== */


/* Navigation
------------------------------ */

#navbar {
	margin: 0 0 15px;
	padding: 0;
}
	#navbar li {
		margin: 0 0 1px;
		padding: 0;
		list-style: none;
		font-weight: bold;
	}
		#navbar li a,
		#navbar li strong {
			display: block;
			height: 21px;
			padding: 7px 0 0 15px;
			background-image: url(/images/bg_navbar.gif);
			background-repeat: no-repeat;
			text-decoration: none;
		}
			#navbar li.first a,
			#navbar li.first strong {
				background-image: url(/images/bg_navbar_first.gif);
			}
			#navbar li.last a,
			#navbar li.last strong {
				background-image: url(/images/bg_navbar_last.gif);
			}
		#navbar li a {
			background-position: 0 0;
			background-color: #7B8DB0;
			color: #FFF;
		}
			#navbar li a:hover {
				background-position: 0 -28px;
			}
		#navbar li strong,
		#navbar li strong a,
		#navbar li strong a:hover {
			background-position: 0 -56px;
			background-color: #FFF;
			color: #B11;
		}
			#navbar li strong a {
				margin: -7px 0 0 -15px;
			}

	/* Subnavigation */

	#navbar li ul {
		margin: 0;
		padding: .5em 0 .75em;
		background: transparent url(/images/bg_navbar_sub.gif) no-repeat 0 0;
	}
		#navbar li ul li {
			margin: 0;
			padding: 0;
			font-weight: normal;
		}
			#navbar li ul li a,
			#navbar li ul li strong {
				height: 1.3em;
				padding: .3em 0 .3em 15px;
				background-color: transparent !important;
				background-repeat: no-repeat !important;
				background-position: 8px 50% !important;
			}
			#navbar li ul li a {
				background-image: url(/images/bullet_blue.gif) !important;
				text-decoration: underline;
			}
			#navbar li ul li a:link		{ color: #259; }
			#navbar li ul li a:visited	{ color: #529; }
			#navbar li ul li a:hover	{ color: #B22; background-image: url(/images/bullet.gif) !important; }
			#navbar li ul li a:active	{ color: #B22; }

			#navbar li ul li strong {
				background-image: url(/images/bullet.gif) !important;
			}
			#navbar li ul li strong a,
			#navbar li ul li strong a:hover {
				margin: 0;
				padding: 0;
				background: transparent none !important;
				color: #B11 !important;
			}


/* Sidebar blocks
------------------------------ */

.side-block {
	margin: 0 0 15px;
	padding: 1px 0 1px 1px;
	background-color: #CDD4E0;
	overflow: hidden;
}
	.side-block .wrap {
		padding: 9px 14px;
		background: #FFF url(/images/bg_side-block.gif) repeat-y 100% 0;
		overflow: hidden;
	}
	.side-block h1,
	.side-block legend {
		padding: 0 0 .4em;
		color: #334;
		font: bold 120% "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
	}
	.side-block ul {
		padding-left: 0;
	}
		.side-block ul li {
			padding-left: 15px;
			list-style: none;
			background: transparent url(/images/bullet.gif) no-repeat .4em .6em;
		}

	/* Before you shop */

	#before-you-shop ul {
		font-size: 95%;
	}


/* Sidebar promo
------------------------------ */

.side-promo {
	margin: 0 0 15px;
	overflow: hidden;
}


/* Site tools
------------------------------ */

.site-tools {
	margin: 0 0 15px;
	padding: 0;
	font-size: 90%;
	overflow: hidden;
}
	.site-tools li {
		padding: 0;
		list-style: none;
	}
		.site-tools li a {
			display: block;
			padding: .3em 0 .3em 30px;
		}
		#email-page a    { background: transparent url(/images/i_email.gif) no-repeat 7px .5em; }
		#add-favorites a { background: transparent url(/images/i_favorites.gif) no-repeat 7px .2em; }



/* Content styles
============================== */

/* Forms
------------------------------ */

.one-column .content form {
	padding: 1em 0 .4em;
}
	.one-column .content form fieldset {
		padding: 0 0 2em;
	}
		.one-column .content form fieldset legend {
			padding: 0 0 .6em;
			color: #334;
			font: bold 120% "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
		}

.form-comment {
	padding: .2em 0;
	font-size: 95%;
}

.form-row {
	padding: .1em 0;
	overflow: hidden;
}
	.form-row .form-1col {
		float: left;
		width: 39%;
	}
	.form-row .form-2col,
	.form-row .form-comment {
		float: right;
		width: 58%;
	}
	.form-row .form-comment {
		color: #A1A5B3;
		font-size: 85%;
	}
	.form-row label,
	.form-row input {
		vertical-align: middle;
	}

.one-line {
	padding-top: 2em !important;
	font-size: 90%;
}

.indention {
	margin: 10px 0 0 45px;
}

/* Submit button block */

.submit-button {
	margin: 1.5em 0 .5em;
	padding: .5em;
	background-color: #E8EEF5;
	color: #778;
}
	.submit-button img {
		vertical-align: middle;
	}
	.submit-button a {
		font-weight: bold;
	}

/* Select block */

.selector {
	margin: 0 0 10px;
	border: 1px solid #C3CCDE;
	padding: 10px 5px 10px 30px;
	background: #EBEEF5 url(/images/i_down.gif) no-repeat 8px 8px;
}
	.selector fieldset {
		margin: 10px 0 -5px -25px;
		padding: 10px !important;
		background: #FFF none;
	}

/* Default form in one colunmn */

.one-column .content .separated .form-row {
	padding: .3em 0;
	background: transparent url(/images/bg_form.gif) repeat-y 54% 0;
}

/* Compact form in one colunmn */

.one-column .content .compact .form-row {
	background: transparent url(/images/bg_form.gif) repeat-y 34% 0;
}
	.one-column .content .compact .form-row .form-1col {
		float: left;
		width: 25%;
	}
	.one-column .content .compact .form-row .form-2col,
	.one-column .content .compact .form-row .form-comment {
		float: right;
		width: 73%;
	}

/* Big login block */

.one-column .content #signin-block legend {
	padding-bottom: 1em;
}
.one-column .content #signin-block .form-row {
	background-position: 120px 0;
}
	.one-column .content #signin-block .form-row .form-1col {
		width: 105px;
	}
	.one-column .content #signin-block .form-row .form-2col,
	.one-column .content #signin-block .form-row .form-comment {
		width: 485px;
	}

/* Error handling */

.error {
	margin: .2em 0;
	border: 1px solid #C00;
	padding: .2em 0 !important;
}
.error .form-1col {
	padding-left: 4px;
	color: #C00;
}

/* Errors description */

.error-desc {
	clear: both;
	margin: 15px 0;
	border: 2px solid #C00;
	padding: 15px 10px 15px 35px;
	background: #FFF7F7 url(/images/i_error.gif) no-repeat 7px 12px;
	color: #C00;
	font-weight: bold;
	line-height: 1.2;
}
	.error-desc li {
		padding: 0 0 .6em;
		list-style: none;
	}

/* Form steps */

.steps {
	width: 631px;
	margin: 1em -1px 0 0;
	padding: 0;
	overflow: hidden;
}
	.steps li {
		float: left;
		width: 208px;
		margin: 0 2px 0 0;
		padding: 5px 0;
		background-color: #D7DDE8;
		color: #334;
		list-style: none;
		text-align: center;
	}
	.steps li.active {
		width: 209px;
		padding-bottom: 7px;
		background-color: #D7DDE8;
		font-weight: bold;
	}

.steps-secondary {
	width: 630px;
	padding: 0;
	background-color: #D7DDE8;
	font-size: 85%;
	overflow: hidden;
}
	.steps-secondary li {
		float: left;
		width: auto;
		border-right: 1px solid #f2f5fa;
		padding: 4px 0;
		color: #334;
		list-style: none;
		text-align: center;
	}
	.steps-secondary li.active {
		width: auto;
		background-color: #c3ccde;
		font-weight: bold;
	}
		.steps-secondary li a {
			color: #889 !important;
		}


/* Rate table
------------------------------ */

#rate {
	width: 100%;
	margin: .4em 0 1em;
	border-collapse: collapse;
	border: 1px solid #E6EBF2;
	border-bottom: 0;
	padding: 0;
}
	#rate th,
	#rate td,
	#rate td.company-logo {
		margin: 0;
		border-collapse: collapse;
		border: 0;
		border-bottom: 1px solid #E6EBF2;
		padding: .6em 1em;
		vertical-align: middle;
	}
	#rate th {
		background-color: #E6EBF2;
		text-align: left;
	}
	#rate td.company-logo {
		float: none;
		padding: 1em;
		text-align: center;
	}
	#rate td.price {
		color: #334;
		font-size: 120%;
	}
		#rate td.price table {
			width: 100%;
			margin: 0 0 1.5em -.25em;
			border-collapse: collapse;
			border: 0;
			padding: 0;
			font-size: 70%;
		}
		#rate td.price table th,
		#rate td.price table td {
			padding: .5em .25em;
		}

	#rate td.cntrl {
		text-align: right;
		vertical-align: top;
	}
	#rate td.review-rating {
		border: 0;
	}
	#rate .details {
		display: block;
		padding: .8em 0 .5em;
		font-size: 70%;
	}


/* Logos in 3 columns
------------------------------ */

ul.logos-list {
	padding: 0;
	overflow: hidden;
}
	ul.logos-list li {
		float: left;
		width: 33%;
		height: 30px;
		padding: 5px 0;
		list-style: none;
		text-align: center;
	}


/* Company review
------------------------------ */

.company-logo {
	float: right;
	margin: .3em 0 15px 15px;
	border: 1px solid #CDD4E0;
	padding: 30px;
}

p.address {
	padding-top: 1em;
	line-height: 1.5;
}

ul.company-features {
	padding-left: 0;
}
	ul.company-features li {
		padding: .4em 0 .4em 30px;
		background: transparent url(/images/i_feature.gif) no-repeat 6px .25em;
		color: #334;
		list-style: none;
		font-weight: bold;
	}

/* Comments */

dl.company-review {
	margin: 0 0 1em;
	border-bottom: 1px solid #EAECF3;
	padding: .6em 15px 1em;
	background-color: #F7F7FA;
	overflow: hidden;
}
	dl.company-review dt {
		padding: .2em 0 .5em;
		overflow: hidden;
	}
		dl.company-review dt span.review-author {
			float: left;
			padding-right: 1em;
			font-size: 105%;
			font-weight: bold;
		}
		dl.company-review dt span.review-date {
			float: left;
			padding-right: 1em;
			color: #889;
		}
		dl.company-review dt span.review-rating {
			display: inline;
			float: right;
		}

	dl.company-review dd.label {
		clear: both;
		float: left;
		width: 20%;
		padding: .5em 0;
		color: #889;
	}
	dl.company-review dd.text {
		clear: right;
		float: right;
		width: 80%;
		padding: .5em 0;
	}

/* Rating stars */

ol.rating {
	float: left;
	width: 65px;
	margin: 0;
	padding: 0;
}
	ol.rating li {
		float: left;
		padding: 0;
		list-style: none;
	}
		ol.rating span {
			float: left;
			width: 13px;
			height: 13px;
			background: transparent url(/images/rating-stars.gif) repeat 0 0;
			text-decoration: none;
			text-indent: -9000px;
			z-index: 20;
			font-size: 1%;
		}
		ol.rating strong span {
			background-position: 0 -13px !important;
		}

/* Big rating with voting */

.company-rating {
	float: right;
	margin-top: -3.1em;
}
	.company-rating ol.rating {
		width: 100px;
	}
		.company-rating ol.rating span {
			width: 20px;
			height: 20px;
			background-image: url(/images/rating-stars-big.gif);
		}
		.company-rating ol.rating strong span {
			background-position: 0 -20px !important;
		}


/* 2 columns
------------------------------ */

.twocols {
	overflow: hidden;
}
	.twocols .firstcol {
		float: left;
		width: 190px;
	}
	.twocols .secondcol {
		float: right;
		width: 190px;
	}


/* Paging
------------------------------ */

#paging {
	padding: 15px 0 0;
}
	#paging ul {
		margin: 0;
		padding: 1em 0 .5em;
		overflow: hidden;
	}
		#paging ul li {
			float: left;
			margin: 0;
			padding: 0;
			list-style: none;
			font-size: 85%;
			overflow: hidden;
		}
			#paging ul a,
			#paging ul strong {
				float: left;
				margin-right: 5px;
				border-width: 1px;
				border-style: solid;
				padding: .4em .8em;
				font-size: 90%;
			}
			#paging ul a {
				border-color: #E6EBF2;
				text-decoration: none;
			}
			#paging ul a:hover {
				border-color: #7C9EBF;
			}
			#paging ul strong {
				border-color: #7C9EBF;
				background-color: #E6EBF2;
			}

		#paging ul li.txt {
			margin-right: 5px;
			padding: .4em .8em;
			font-size: 100%;
		}
			#paging ul li.txt a {
				float: none;
				margin: 0;
				border: 0;
				padding: 0;
			}



/* Panel styles
============================== */

/* Sign In form
------------------------------ */

#signin-block {
	margin: 0 0 15px;
	padding: 1px;
	background-color: #CDD4E0;
	font-size: 105%;
	overflow: hidden;
}
	#signin-block form {
		padding: 9px;
		background-color: #FFF;
		overflow: hidden;
	}
	#signin-block legend {
		padding: 0 0 .4em;
		color: #334;
		font: bold 120% "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
	}

/* Newsroom
------------------------------ */

h2.date {
	padding-bottom: 0;
	color: #8F9BB3;
	font-size: 95%;
	font-weight: normal;
}



/* Other layouts
============================== */


/* Special Page
------------------------------ */

#specialpage #header .wrap,
#specialpage #wrapper,
#specialpage #footer {
	width: 660px;
}
#specialpage #footer .wrap {
	margin-left: 10px;
	border-top: 0;
	background: transparent url(/images/bg_one-column_main.gif) no-repeat 100% 0;
}


/* Error Page
------------------------------ */

.errorpage #logo {
	margin-left: 242px;
}


/* Get Quote Process
------------------------------ */

#getquote #header .wrap,
#getquote #footer {
	width: 880px;
}
#getquote #footer .wrap {
	margin-left: 10px;
	border-top: 0;
	background: transparent none;
}
#getquote #wrapper {
	width: 880px;
	background: transparent none;
}
	#getquote #main {
		float: left;
	}
		#getquote .one-column .content {
			margin: 0 0 0 15px;
			padding: 0 0 30px;
			background: transparent none;
		}
	#getquote #sidebar {
		float: right;
	}
		#getquote #sidebar img {
			display: block;
			margin: 10px 0;
		}