/*
File:			custom.css
Description:	Custom styles for Thesis
More Info:		http://diythemes.com/thesis/rtfm/custom-css/
*/

/* = Force scrollbar on non-scrolling pages - Do not remove! 
/* --------------------------------------------------------- */

body.custom {
	background: #f0f0f0 url("images/body.jpg");
	}


/* = Make the header, content & footer bg transparent for the
/*   background images later on. 
/* --------------------------------------------------------- */
.custom #header_area .page,
.custom #content_area .page,
.custom #footer_area .page {
	background: transparent;
	}


/* = Set up header area to include navigation bg image.
/* --------------------------------------------------------- */
.custom #header_area {
	background: transparent url("images/navigation-green.jpg") no-repeat bottom center; /* Green Background */
	/*background: transparent url("images/navigation.jpg") no-repeat bottom center;*/
	}


/* = Container for the affiliate banner in the header.
/* --------------------------------------------------------- */
#commercial-banner { float: right; width: 455px; margin:-82px -13px 0 0; background-image:images/phone-number.png; background-repeat:no-repeat;}


/* = Custom Menu Bar Styles to fit in with the new nav bar.
/* --------------------------------------------------------- */
.custom ul.menu {
	border: 0;
	min-height: 43px;
	height: 43px;
	}

.custom ul.menu li a {
	background: transparent;
	border: 0;
	color: #FFF;
	font-size: 1.4em;
	letter-spacing: normal;
	padding: 14px 15px 12px;
	text-transform: none;
	}
	
.custom ul.menu li.current-menu-item a,
.custom ul.menu li.current a {
	background: transparent;
	cursor: pointer;
	font-weight: bold;
	text-decoration:underline;
	}
	
	.custom ul.menu li.current-menu-item a:hover,
	.custom ul.menu li.current a:hover {
		color: #FFF;
		}
		
	.custom ul.sub-menu li a,
	.custom ul.submenu li a {
		/* background: #32a5e4; */
		background: #13a274 !important; /*green background*/
		}
		
	.custom ul.sub-menu li a:hover,
	.custom ul.submenu li a:hover {
		/*background: #3fb2f5;*/
		background: #1fc19a; /*green background*/
		}
		
	.custom ul.submenu li.current a {
		/*background: #3fb2f5;*/
		background: #1fc19a; /*green background*/
		}
	

/* = Container to hold the compare boxes & forms.
/* --------------------------------------------------------- */	
.form-container fieldset { border:0; }
.form-container {
	background: red;
	margin-left: 10px;
	width: 326px;
	margin-top:20px;
	}

.form-container input.zipcode {
	font-size: 1.3em;
	font-weight:bold;
	}

/* Residential Comparison Form */
#residential-cform {
	background: transparent url("images/form-residential.jpg") no-repeat;
	min-height: 143px;
	height:143px;
	}
	
	#residential-cform input.zipcode {
		background: transparent url("images/form-residential-input.jpg") no-repeat;
		border: 0;
		/*width: 292px; - Old width without padding */
		min-height: 43px;
		height: 43px;
		margin: 21px auto 0 17px;
		padding-left:20px;
		width: 272px;
		}
	
	#residential-cform input.submit {
		border: 0 !important;
		margin: 21px auto 0 17px;
		}

/* Commercial Comparison Form */	
#commercial-cform {
	background: transparent url("images/form-commercial.jpg") no-repeat;
	min-height: 143px;
	height:143px;
	}
	
	#commercial-cform input.zipcode {
		background: transparent url("images/form-commercial-input.jpg") no-repeat;
		border: 0;
		/*width: 292px; - Old width without padding */
		min-height: 43px;
		height: 43px;
		margin: 21px auto 0 17px;
		padding-left:20px;
		width: 272px;
		}
		
	#commercial-cform input.submit {
		border: 0 !important;
		margin: 21px auto 0 17px;
		}


/* = Content Area Styles.
/* --------------------------------------------------------- */	
.custom #content_area {
	background: url("images/content-bg.jpg") center repeat-y;
	}
	
.custom .post_box, 
.custom .teasers_box, 
.custom .full_width #content_box .page {
margin: 0 2.1em 0 1.5em;
}

/* Styles for the residential/commercial boxes beneath homepage content */
#content-compare-section {
	margin: 0 auto;
	overflow: hidden;
	width: 480px;
	}

	.content-compare {
		width: 229px;
		}
		
	.content-compare h2 a {
		color: #ff6600;
		font-weight: normal;
		}
		
	#content-residential {
		float: left;
		margin-right: 20px;
		}
		
	#content-commercial {
		float: right;
		}

/* Custom Comment Styles */
.custom #comments {
	margin-left: 1em;
	}	

/* OLD COMPARE BOX - TEMP */
			#compare_form {

				float: right;

				width: 359px;

				background: #FFF url("images/compare-bg.jpg");

				margin-top: 10px;

				margin-bottom: 20px;

				}

				

				#compare_form h3 {

					color: #FFF;

					font-size: 3.4em;

					text-align: center;

					margin: 20px 0 5px 0;

					text-indent: 0px;

					}

					

				#compare_form p {

					color: #FFF;

					font-size: 1.2em;

					line-height: 150%;

					margin: 0 35px;

					text-indent: 0px;

					}

				

				#compare_form form {

					margin-top: 122px

					}

					

				#compare_form input {

					background: #FFF;

					clear: both;

					font-size: 1.3em;

					margin: 0 0 0 103px;

					padding: 6px 9px;

					width: 160px;

					}

					

					#compare_form input#ftZip {

	 					margin-top: 5px;

	 					padding:8px 9px;

						}

					

				#compare_form select {

					margin: 44px 0 0 103px;

					width: 180px;

					}

					

				#compare_form input.submit {

					background: transparent url("images/compare.jpg");

					border: 0;

					cursor: pointer;

					margin: 31px 0 0 104px;

					min-height: 39px;

					height: 39px;

					text-indent: 0px;

					width: 142px;

					}



/* = Styles needed for the website footer
/* --------------------------------------------------------- */	
.custom #footer_area {
    background: transparent url("images/footerbg.jpg") no-repeat top center;
	}

/* Styles for the provider images in the footer */	
p#providers {
	text-align:center;
	}
	
	p#providers a {
		border: 0;
		}
	
	p#providers img {
		margin-top: 20px;
		margin-right: 20px;
		}
	
	p#providers img.last {
		margin-right: 0;
		}


.ee-widget-alert {
	background:#fff6bf;
	border: 1px solid #ffd324;
	padding:0 20px;
	}



/* = IE6 Specific CSS Styles
/* = Target IE6 with the class .ie6
/* --------------------------------------- */
/*.ie6 #header_area { background-position: 246px 105px; }*/

.ie6 .form-container input.zipcode { padding-top: 15px; }

.ie6 #residential-cform input.submit,
.ie6 #commercial-cform input.submit { margin: 5px auto 0 17px; }


/* = IE7 Specific CSS Styles
/* = Target IE7 with the class .ie7
/* --------------------------------------- */
/*.ie7 #header_area { background-position: 246px 105px; }*/

.ie7 .form-container input.zipcode { padding-top: 15px; }

.ie7 #residential-cform input.submit,
.ie7 #commercial-cform input.submit { margin: 5px auto 0 17px; }


/* = IE8 Specific CSS Styles
/* = Target IE8 with the class .ie8
/* --------------------------------------- */
/*.ie8 #header_area { background-position: 246px 105px; }*/

.ie8 .form-container input.zipcode { padding-top: 15px; }

.ie8 #residential-cform input.submit,
.ie8 #commercial-cform input.submit { margin: 5px auto 0 17px; }


/* = IE9 Specific CSS Styles
/* = Target IE9 with the class .ie9
/* --------------------------------------- */
/*.ie9 #header_area { background-position: 316px 105px; }*/
#header #logo, #header #tagline {text-indent:0px;} /*#header #logo, #header #tagline {text-indent:0px;}*/
#header{background:url('images/logo.png') no-repeat;}
#header #logo a{display:block;width:300px;height:120px;margin-bottom: -40px;margin-left: -999px;margin-top: -20px;}

#newsletter{
	background-image:url('images/button.jpg');
	background-repeat:no-repeat;
	height:25px;
	width:85px;
	float:right;
}

#lettertext{
	margin-left:2px;
	margin-top:2px;
}