@charset "utf-8";
/* CSS Document */
body { 
	font-size: 1em; 
	font-family: Arial, Helvetica, sans-serif; 
	background-color: #b9b9b9; 
	text-align: center; padding: 0; 
	min-height: 100% }

#container { 	
	background-color: #fff; 
	text-align: center; 
	margin: 30px auto 0; 
	width: 800px; 
	min-height: 100%; 
	overflow: hidden; 
	border-style: solid; 
	border-width: 0 3px 3px 0; 
	border-color: #a09b88 
}

#header {
	width:800px;
	height:124px;
	background-color:#022698;
	background-image:url(../images/ecpHeader2010.jpg);
	background-repeat:no-repeat;
	background-position:center;
	float:right;
	clear:both;	
}

#logo   { 
	margin-top:6px; 
	margin-right:40px; 
	padding-top: 0; 
	width: 522px; 
	float: right; 
}

#sitemap {
	color: #fae301;
	font-size: 0.8em;
	line-height: 1.2em;
	text-align: center;
	margin-top:-10px;
	margin-left:30px;
	width:140px;
	height:89px;
	float:left
}

#sitemap .links { margin-top: 44px; margin-left: -16px; }
#sitemap .links a:link { color: #fae301; text-decoration: none }
#sitemap .links a:visited { color: #fae301; text-decoration: none }
#sitemap .links a:active  { color: #d6d0c0; text-decoration: none }
#sitemap .links a:hover  { color: #d6d0c0; text-decoration: none }

div.telephone {
	float:left;
	width:140px;
	margin-bottom:8px;
	margin-right:4px;
	font-size:1.2em;
	font-weight:bold;
	text-align:left;
	background-image:url(../images/icons/bg_contact_phone.gif);
	background-repeat:no-repeat;
	background-position:right;
}

div.email {
	float:left;
	width:140px;
	font-size:1.2em;
	font-weight:bold;
	text-align:left;
	background-image:url(../images/icons/bg_contact_email.gif);
	background-repeat:no-repeat;
	background-position:right;
}

div.facebook {
	float:left;
	width:140px;
	padding-top:16px;
	font-size:1.2em;
	font-weight:bold;
	text-align:left;
}

#nav  { 
	color: #33378e; 
	font-size: 0.8em; 
	font-weight: bold; 
	line-height: 1.5em; 
	background-color: #e8e8e8; 
	background-image: url("../images/ecp.ie8.jpg"); 
	background-repeat: no-repeat; 
	background-position: left top; 
	text-align:left; 
	list-style-type:none; 
	width:227px; 
	margin-top:25px;
	height:444px; 
	float:left; 
	clear:left;
}

#homeLinks {
	float:left;
	clear:left;
	vertical-align:bottom;
}

#nav ul   { 
	list-style: none; 
	padding-top: 0px; 
	padding-left: 48px; 
	padding-right: 16px; 
	border: none; 
}

#nav li   { 
	text-decoration: none;
	padding-top:0px;
	padding-bottom:0px;
	height:20px;
}

#nav li a      { color: #33378e; text-decoration: none; display: block; }
#nav li a:hover   { color: #f5db00; background-color:#33378e; }
#nav li a.sel    { color: #808080; }
html>body #nav li a   { text-decoration: none; width: auto; }
#nav .bottom_align  { background-position: 0 bottom; }

#content { 
	color: #33378e; 
	font-size: 0.8em; 
	background-color: #fff; 
	background-image: url("../images/ecp.ie9.jpg"); 
	background-repeat: no-repeat; 
	background-position: left top; 
	text-align:left; 
	width:570px; 
	min-height:444px; 
	float:right;
}
	
#content .copy { 
	margin: 25px 20px 25px 0 
}

.breadcrumb   { 
	color: #33378e; 
	font-size: 0.9em; 
	width: 272px; 
	float: left 
}

.date     { 
	color: #33378e; 
	font-size: 0.9em; 
	font-weight: bold; 
	text-align: right; 
	margin-right: 10px; 
	float: right 
}
#content .copy a:link   { 
	color: #33378e; 
	font-weight: bold; 
	text-decoration: none 
}
#content .copy a:visited   { 
	color: #33378e; 
	font-weight: bold; 
	text-decoration: none 
}

#content .copy a:active   { 
	color: #f5db00; 
	background-color:#33378e; 
	font-weight: bold;
	text-decoration: none 
}

#content .copy a:hover   { 
	color: #f5db00; 
	background-color:#33378e; 
	font-weight: bold; 
	text-decoration: none 
	}
	
#content ul    { 
	text-align: left; 
	margin-right: 0; 
	margin-left:0px 
}

#content ul.no_bullet   { 
	text-align: left; 
	list-style-type: none; 
	margin-right: 0; 
	margin-left: -36px 
}

#display_results {
	float:right;
	text-align:left;
	vertical-align:bottom;
	width:300px;
}

#display_pResults {
	text-align:left;
	vertical-align:bottom;
}

#footer  { 
	color: #fae301; 
	font-size: 0.7em; 
	background-color: #012597; 
	text-align: right; 
	width: 799px; 
	height: 16px; 
	clear: both 
}
#id { }

#copyright   { 
	color: #f1f1f1; 
	font-size: 0.7em; 
	text-align: center; 
	clear: both
}

#row     { 
	display: block; 
	float: left 
}
/*div.row span.legend { width:450px; background-color:#E1E1E1; border-bottom:thin; border-bottom-color:#000; border-bottom-style:solid; }*/
div.row span.legend { font-weight:bold; }

div.row span.inline { 
	display: block; 
	padding-bottom: 5px; 
	vertical-align: top 
}

div.row span.label { 
	text-align: left; 
	padding-right:8px; 
	width:136px; 
	float:left 
}

div.row span.splitLabel { 
	text-align:left; 
	padding-right:6px; 
	width:92px; 
	float:left 
}

div.row span.smlLabel { 
	text-align:right; 
	padding-right:4px; 
	width:38px; 
	float:left 
}

div.row span.quote { 
	text-align: left; 
	font-size:2.2em;
	font-weight:bold;
}

div.row span.saving { 
	color:#ff0000;
	font-size:1.8em;
	font-weight:bold;
}

div.row .tny_forminput { width:60px; }
div.row .sml_forminput { width:100px; }
div.row .med_forminput { width:180px; }

div.row .yy_forminput { width:30px; }
div.row .cnt_forminput { width:50px; }
div.row .reg_forminput { width:60px; }

.PCNblue {
	width:176px;
	text-align:center;
	float:left;
	margin-left:5px;
	border:0px;
	}
.PCNyellow {
	width:176px;
	text-align:center;
	float:left;
	margin-left:5px;
	border:0px;
	}
.PCNforeign {
	width:176px;
	text-align:center;
	float:left;
	margin-left:5px;
	border:0px;
	}
	
.no_border {
	border:none;
	outline:none;
}

#copyright a:link { color: #fae301; text-decoration: none }
#copyright a:visited { color: #fae301; text-decoration: none }
#copyright a:active  { color: #d6d0c0; text-decoration: none }
#copyright a:hover  { color: #d6d0c0; text-decoration: none }

.accepted-cards {
	vertical-align:middle;
	border:none;
	outline:none;
}

.alert {
	font-size:1.2em;
	font-weight:bold;
	height:80px;
	margin:5px 0 5px 2px;
	padding:0 0 0 20px;
	/*color:#768593;*/
	color:#CC3300;
	background-image: url(../images/alert.gif);
	background-repeat: no-repeat;
}

.slideshow {
	height:226px;
	width:160px;
	float:right;
	clear:both;
	margin-top: 10px;
	margin-right: 40px;
	margin-bottom: 40px;
	margin-left: 20px;
}
.slideshow img { 
	padding:15px; 
	border:1px solid #cac6c1; 
	background-color: #eee; 
}

.modal {
	background-color:#fff;
	display:none;
	width:150px;
	padding:12px;
	text-align:center;
	border:2px solid #333;
}

.modal {	// for all other browsers
	opacity: .5;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-moz-box-shadow: 0 0 50px #ccc;
	-webkit-box-shadow: 0 0 50px #ccc;
}

.modal {	// for IE5-7
	filter: alpha(opacity=50);
}

.modal {	// for IE8
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.modal { // for all IE
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // first!
	filter: alpha(opacity=50);					// second!
}
	
.modal h2 {
	background:url(/images/icons/info.png) 0 50% no-repeat;
	margin:0px;
	font-size:0.9em;
	padding-top:8px;
	padding-right:0;
	padding-bottom:16px;
	padding-left:40px;
}

.modal a { 	font-size:0.9em; }
.modal a:link { color: #AC2B31; text-decoration: none; }
.modal a:visited { color: #AC2B31; text-decoration: none; }
.modal a:active { color: #AC2B31; text-decoration: none; background-color: #C0C8BB; }
.modal a:hover { color: #AC2B31; text-decoration: none; background-color: #C0C8BB; }

.modalInput {
	background-color:#fff;
	border:0;
	outline:0;
}

div.modalClose {
	float:right;
	padding-top:16px;
}

/* quickPayment */
#quickPayment {
	display:none;
	width:400px;
	border:10px solid #666;
	border:10px solid rgba(82, 82, 82, 0.698);
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

#quickPayment div {
	padding:10px;
	/*border:1px solid #3B5998;*/
	background-color:#fff;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif
}

#quickPayment h2 {
	color:#fff;
	background-color:#6D84B4;
	padding:`4px;
	border:1px solid #3B5998;
	font-size:0.8em;
}

div.row span.prev_month {
	width:10px;
	padding-left:10px;
	padding-right:10px;
	float:left;
}

div.row span.curr_month {
	width:110px;
	background-color:#CCC;
	padding-left:20px;
	padding-right:20px;
	float:left;
	text-align:center;
}

div.row span.next_month {
	width:10px;
	padding-left:10px;
	padding-right:10px;
	float:left;
}

div.row span.day_width {
	width:10px;
	height:14px;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	float:left;
}

div.row span.curr_day_width {
	width:10px;
	height:14px;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	float:left;
}

.this_month {
	width:210px;
	text-align:right;
	float:left;
}