@charset "utf-8";
/* CSS Document */

/*-------------- CSS browser reset -----Eric Meyer ---http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ ----------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
body {
  line-height: 1;
  color: black;
  background: white;
}
ol, ul {
  list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}


/*-------------- end browser reset ------------------*/

/* ---------------- Tabbed Nav CSS -------------------*/
#tabbednav li {display:inline;}
#tabbednav ul {display:block;}
#header img { display:inline;}

#tabbednav {
  text-align:right;
  font-size:100%;
  line-height:normal;
  font-family:Verdana, Arial, Helvetica, sans-serif;
/*  background:url(images/images-header_bg.gif) repeat-x center bottom;*/
}

#tabbednav ul {
  margin:0;
  list-style:none;
}

#tabbednav li {
  margin:0;
  padding:0;
} 

#tabbednav a {
  float:left; /*orders the li left to right or opposide if float right*/
  margin:0;
  text-decoration:none;
  background:url(images/images-door_left.gif) no-repeat left top;
  padding:0 0 0 9px;
  color:#000000;
  font-size:90%;
  font-family:verdana;
  font-weight:bold;

}

#tabbednav a span.rollover {
  float:left;
  display:block;
  background:url(images/images-door_right.gif) no-repeat right top; 
  padding:5px 9px 4px 0px;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabbednav a span.rollover {float:none;}
/* End IE5-Mac hack */   /*need this hack for ie6 win as well*/
#tabbednav a:hover span.rollover {
  color:#ffffff;
}

#tabbednav a:hover {
  background-position:0% -150px;
}

#tabbednav a:hover span.rollover{
  background-position:100% -150px;
}

#tabbednav #current a {
  background-position:0% -150px;
  color:#ffffff;
  border-bottom:solid 1px #352d22;
}

#tabbednav #current a span.rollover {
  background-position:100% -150px;
}

/* ---------------- End Tabbed Nav -------------------*/

/*---------------General Layout; wrapper, h1,h2,p etc ------------*/
html {height:101%;}

body {
  font-family: arial, helvetica, sans-serif;
  font-size: 80%;
  padding: 0;
  margin: 0;
  text-align:center;
}

/*h1,h2,h3,h4,h5,h6 {
	font-weight:bold;
} */

.italics { font-style:italic;}

bold, .bold, strong { font-weight:bold;}

#three_reasons_section h1 {font-weight:normal;}

p {
	padding-bottom:10px;
	line-height:1.25em;
}

ol {line-height:1.25em:}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#wrapper { 
  width:780px;
  margin: 0 auto;
  padding:20px 0px 0 0;
  text-align:left;
}

.clearer {clear:both;}
.center {text-align:center;}

#content, #header, #footer {
	clear: both;
}

#content {
	overflow:hidden;
	_zoom:1;
}

#header {
  /*background:red;
  overflow:auto;
  zoom:1;*/
	width:100%;
}

#header #menu_bar {
	text-align:right;
	background: #1B4B97;
	color:#ffffff;
	padding:5px;
	font-weight:bold; 
	font-size:110%;
}

#header #menu_bar a{
	text-decoration:none;
	color:#ffffff;
}

.header_left {
	margin-bottom:-15px;
} /*heights to force one line header --avoid if possible */
.header_right {
	line-height:35px;
	margin-left:300px;
} /*must have margin to bump over tabs */

#header h1 {
  color:#edece2;
}

.QS_phone_num {
  font-weight:bold;
  color:#1B4B97;
  font-family:verdana, sans-serif;
  font-size:110%;
}

#footer {
/*	margin-top:15px;*/
	text-align:center;
	padding:15px 5px 5px 5px;
}

#footer a {
  color:#000000;
  padding:3px;
}

#footer a.contractor {
	color: #CC2127;
}

.Copyright {
  margin:10px;
  padding-top:7px;
  color:#acacac; /*light grey color */
}

.errorExplanation {
  background-color: #FAE5EE;
  border: 1px solid red;
  color: #F00;
  margin-left: auto;
  margin-right: auto;
  padding-left: 4px;
  padding-right: 4px;
  text-align: center;
  width: 350px;
}
.line_with_error{
margin-top:9px;
}
.field_error_message{
text-align: left;margin-left:55px;background: url(images/images-field-error-bg.gif) top left no-repeat; padding:6px 0 15px 30px;color:#AB0000;
}

/*--------------- END General Layout; wrapper, columns h1,h2,p etc ------------*/

/* --------------- Column and 3 reason layout --------------*/

#three_reasons_section {
	background:#D8E7FE;
	overflow:hidden;
	_zoom:1;
}

#three_reasons_section .three_reasons_text_holder {
	float:right;
	width:470px;
	margin:5px;
	color:#1B4B97;
	display:inline;
}

#three_reasons_section li {
	background-image: url(images/images-arrow.gif);
	background-repeat: no-repeat;
	background-position: 0.2em;
/* So that the text doesn't overlap the background image. */
	padding-left: 20px;	
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

#three_reasons_section .three_reasons_text {
	/*text-align:center;*/ /*removed for consistency with old site*/
	font-size:36px;
	font-family:"Times New Roman", Times, serif;
  margin-bottom:20px;
  text-align:center;
}

.air_conditioning  #three_reasons_section .three_reasons_text {
  font-size:34px; /*shrink font-size for safari*/
}

.large_charactor {
	font-size:64px;
	vertical-align:middle;
	line-height:46px;
}

#three_reasons_section .left_margin {
  margin-left:90px;
}

#three_reasons_section ul {
	margin-left:20px;
	font-size:130%;
	margin-top:10px;
	line-height:1.2em;
	color:#000000;
}

#three_reasons_section ul strong { font-style:italic; }

.three_reasons_image_holder {
	width:295px;
}

#index .sidebar_holder h2 {
	font-weight:bold;
	margin-bottom:10px;
}

#customer_information .sidebar_holder {
  text-align:center;
  width:220px;
}

.sidebar_holder h2 {
	font-weight:bold;
	margin-bottom:2px;
}

.sidebar_holder {
	padding:10px 10px 0px 10px;
}

.sidebar_holder p { padding:0; }
.sidebar_holder .testimonials p {
  font-size:95%;
  padding:10px 0;
}

.testimonials h2 {
  padding-top:15px;
  font-style:italic;
}

.testimonial_author {
  color:#999999;
  display:block;
}

a.read_more {
  color:#ff0000;
}

.read_more_container {
  text-align: center;
  padding-top: 20px;
}

.membership_seals { 
	text-align:center;
	font-size:75%;
	color:#cccccc;
}

.sidebar_holder .membership_seals strong {color:#000000;font-weight:bold;}

.sidebar_holder .seal_image {	/*margin-top:10px;*/}

.sidebar_holder .seal_image img {
	padding:2px;
	margin:1px;
}

#index #left_column {
	float:left;
	width:270px;
}

#index #right_column {
	float:right;
	width:505px;
}

#customer_information #left_column {
	float:left;
	width:505px;
}

#customer_information #right_column {
	float:right;
	width:275px; /* FYI: this is wider than the left column on the home page*/
}

.icon {
  float:left;
  margin-top:30px;
  text-align:center;
  line-height:1.125em;
}

.icon label {
  cursor: pointer;
}

/* --------------- END Column and 3 reason layout --------------*/

/* ------------------- Form CSS --------------------*/
.form_holder {
    background:#1B4B97;
	padding:10px;
	margin-top:1px;
	/*place margin-bottom here if it bumps up against border on confirmation page: currently seals fix problems*/
}

.describe_project {
	padding-top:5px;
	color:#ffffff;
	text-align:center;
}

.describe_project h2 {
	font-size:150%;
	font-weight:bold;
}

.describe_project h3 {
	font-size:95%;
	font-weight:normal;
	padding-top:3px;
}

.question_holder {
	background:#3A6DBC;
	border:2px groove #CCCCCC;
	padding:10px;
	margin-top:10px;
	color:#ffffff;
}

.question_holder h2{
  font-size:110%;
  font-style:italic;
  font-weight:bold;
  font:verdana;
}

h2.section_header {
  margin-left:55px;
  margin-top:10px;
  font-size:115%;
  font-style:normal;
}

.question_holder h2 .highlight_city {
  color:#FFEF2B;
}

.form_question_number {
	background-image: url(images/images-number_bg.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
	clear: left;
	width: 47px;
	height: 47px;
	margin-right: 5px;
}

* html .form_question_number /* IE Hack */ {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.qualitysmith.com/images/number_bg.png');
}

.form_question_text {
  margin-top:10px;
  margin-left:55px;
}

#customer_information .form_question_text {
  clear:both;
  margin-top:5px;
  padding-left:15px;
}

#customer_information .Step .first_form_multi_line {
  clear:none;
  /*margin-top:3px;*/
} 

#customer_information .Step .first_form_multi_line label {
  padding-top:0px;
}



#customer_information .form_question_text label{
  float:left;
  display:block;
  padding-right:10px;
  padding-top:5px;
  padding-bottom:5px;
  line-height:1.25em;
}

.form_question_text label {
  /*background:red;*/
  width:200px;
}

.form_example {
  font-size:85%;
}

.you_told_us_info {
  margin-top:15px;
  margin-bottom:10px;
}

.you_told_us_info h2 {
  font-style:normal;
}

.you_told_us_info li {
  line-height:1.25em;
}

.start_over_link a{
  font-size:85%;
  font-weight:bold;
  color:yellow;
  font-family:arial, verdana;
}

.Step .icon {
  width:132px;
  padding:15px 0 5px 0;
  margin:0;
}

.Step {
  display: block;
  overflow: hidden;
  margin-bottom:10px;
}

.Step .FieldValue {
  display:inline;
}

.Step .CheckboxFieldValues {
  float: left;
  width: 33%;
  line-height: 20px;
}

.Step .CheckboxFieldValues.clearer {
  clear: left;
}

.Step .CheckboxRow {
    clear: both; 
    width: 101%;
}

#customer_zip_container {
  clear: both;
}

.newsletter_signup {
  margin-left:5px;
  margin-right:30px;
  padding-bottom:10px;
  font-size:11px;
  line-height:1.25em;
}

.newsletter_text {
  padding-top:3px;
}

.floated_checkbox {
  float:left;
  padding-right:3px;
  margin-bottom:12px;
}

.estimates_button {
	padding:10px 10px 0px 10px;
	text-align:center;
}

.pdf_holder {
  padding-left:25px;
}

.pdf_img_holder {
  float:left;
  width:150px;
}

.pdf_text {
  padding-top:20px;
  line-height:1.25em;
  margin-right:35px;
}

.required {
  background:url(images/images-asterisk.gif);
  background-position:0 45%;
  background-repeat:no-repeat;
}

.first_form_multi_line.required {
  background-position:0 10%;
}

.short_length label {
	width:70px;
}

.medium_length label {
  /*float:left;
  display:block;*/
  width:105px;
}

.wide_length label {
	width:170px;
}

label .right {
	margin-left:35px;
	font-weight:normal;
}
.name {
/*	font-size:90%;*/
	font-weight:bold;
}

/* --------------specific input widths --------------*/

/*input and select width differ by 5px so they appear the same width*/
input.signup_line { width:120px;} /* generic input width */
select.signup_line { width:125px;} /* generic input width */
input.short_input  { width:70px;} /* short width */
select.short_input { width:75px;}
input.medium_input { width:150px;} /* medium width */
select.medium_input { width:150px;}
input.wide_input { width:185px;} /* widest and largest width */
select.wide_input { width:190px;}
input.contact_info_input {width:100px;}
input.phone_ext {width:25px;}
input.email_input {width:255px;}
/*input#customer_email {width:230px;}*/ /*email input width */
/*input#customer_address1 {width:200px;}*/ /*email input width */
/*.name input#customer_first_name {width:80px;float:left;}
.name input#customer_last_name {width:80px;}*/
/* ------------------- End Form CSS --------------------*/

/*------------------ confirmation page CSS -------------*/
#confirmation_thank_you .three_reasons_image_holder {
	width:375px;
	text-align:center;
	/*display:inline;*/
}

#confirmation_thank_you .three_reasons_image_holder img {
	padding:5px;
	border:1px solid #cccccc;
	margin:5px;
	background:#ffffff;	display:
}


#confirmation_thank_you .three_reasons_text_holder {
	width:395px;
}

#confirmation_thank_you .three_reasons_text {
	font-size:170%;
	line-height:1.25em;
}



#confirmation_thank_you .three_reasons_text h2 {
	font-size:150%;
	line-height:1.25em;
}


#confirmation_sorry #content, #confirmation_thank_you #content {
	border:solid #cccccc;
	border-width:0px 1px 1px 1px;
}

#confirmation_sorry #left_column, #confirmation_thank_you #left_column {
	float:left;
	width:380px;
}

#confirmation_sorry #left_column h1, #confirmation_thank_you #left_column h1 {
	text-align:center;
	font-size:200%;
	font-weight:bold;
	padding-top:15px;
	padding-bottom:15px;
}

#confirmation_sorry #left_column .sidebar_holder, #confirmation_thank_you #left_column .sidebar_holder {
	padding:0px 18px;
}

.sidebar_holder p.thankyou { 
	padding-bottom:10px; 
}

#confirmation_thank_you h3 { padding-top:10px;}

#left_column .sidebar_holder ol {
	margin-left:23px;
	list-style-type:decimal;
	padding:10px 0;
}

#confirmation_sorry ol li, #confirmation_thank_you ol li {
	padding-bottom:.8em;
}

#confirmation_sorry #left_column .sidebar_holder {
	padding-bottom:20px;
}

#confirmation_sorry #right_column, #confirmation_thank_you #right_column{
	width:395px;
	float:right;	
}

#right_column .seal_image {vertical-align:middle;}

/*#right_column .seal_image img {
	padding:10px;
	margin:1px;
}*/

#confirmation_thank_you {
	
}

#confirmation_partner {

}


/*---------------END confirmation page CSS -------------*/