@charset "utf-8";
body {
	background-image: url(images/clouds2.jpg);
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
.rounded_top_image {
	background-image: url(images/upperimage.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 950px;
	padding-bottom: 5px;
}
#wrapper {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}

.rounded_bottom_image {
	background-image: url(images/bottomimage.png);
	background-repeat: no-repeat;
	height: 120px;
	width: 950px;
	text-align: center;
	font-size: 11px;
	margin-top: 0px;
	clear: both;
}
#main_content {
	width: 950px;
	background-color: #FFF;
}

#header_search {
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	width: 350px;
	margin-top: 30px;
	margin-right: 76px;
}
#header_search_phone  {
	float: right;
	margin-top: 12px;
	text-align: right;
	margin-right: 10px;
}
.header_search_phone_logo {
	height: 60px;
	padding-top: 0px;

}
.bbb_logo {
	float: right;
}
#weathertight_logo {
	float: left;
	margin-top: 10px;
	margin-left: 75px;
}
#search_box {
	text-align: right;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#top_menu {
	background-color: #FFF;
	margin-right: auto;
	margin-left: auto;
	padding-top: 14px;
	clear: both;
}
.demonstration_form {
	width: 280px;
	float: right;
	background-image: url(images/form_curve.png);
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 75px;
	height: 260px;
}
#demonstration_form_top {
	height: 25px;
	padding-top: 5px;
	background-repeat: no-repeat;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	width: 280px;
	font-size: 18px;
}
#form_main {
	background-color: #003366;
	color: #FFF;
	text-align: right;
	padding-right: 25px;
	padding-top: 9px;
	margin-top: 0px;
	margin-bottom: -3px;
	padding-bottom: 0px;
}
#contact_div {
	height: 27px;
	width: 510px;
	float: left;
	margin-top: 0px;
	margin-left: 75px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	padding-top: 6px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	font-size: 15px;
	padding-bottom: 1px;
	background-image: url(images/contact_curves.png);
}
#contact_div a:link {
	color: #FFF;
	text-decoration: none;
}
#contact_div a:visited {
	color: #FFF;
	text-decoration: none;
}
#contact_div a:hover {
	color: #FFF;
	text-decoration: underline;
}



/* 
This is all of the CSS for the main top menu.
*/
#dropline {
	padding:0;
	list-style:none;
	text-align:center;
	font-size:11px;
	height:41px;
	position: relative;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	top: -20px;
	width: 880px;
	border-bottom-width: thick;
	border-bottom-style: solid;
	border-bottom-color: #003366;
}
#products_contact_div {
	height: 27px;
	width: 510px;
	float: left;
	margin-top: 5px;
	margin-left: 75px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	padding-top: 6px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	font-size: 15px;
	padding-bottom: 1px;
	background-image: url(images/contact_curves.png);
}
#dropline div {
	list-style:none;
	position:absolute;
	text-align:center;
	background:url(images/trans.gif);
	left: -9999px;
	width: 810px;
	margin-right: auto;
	margin-left: auto;
}
#windows_dropline {
	text-align: left;
}


#dropline ul li {
	display:inline;
	text-align:left;
	margin: 0;
}
#dropline ul li a {
	display:inline-block;
	height:30px;
	line-height:40px;
	margin:0;
	background:transparent;
	font-weight:bold;
	font-size:11px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

#dropline li {
	display:inline;
	text-align:left;
	margin-top: 0;
	margin-right: -2px;
	margin-bottom: 0;
	margin-left: -2px;
	padding-right: 0px;
	padding-left: 0px;
}
#dropline li a {
	display:inline-block;
	height:36px;
	margin:5px 0 0 0;
	padding:0 25px 0 0;
	background:url(images/new_button.png) right top;
	line-height:38px;
	text-decoration:none;
	color:#000;
}
#dropline li a.sub {
	background:url(images/new_button.png) right top;
	color: #FFF;
}
#dropline li a.sub1 {
	background:url(images/new_button.png) right top;
	color: #FFF;
	line-height: 10px;
}

html>/**/body #dropline li {display:inline-block; padding:0;}

* html #dropline li a {margin-bottom:-4px; margin-right:3px;}

#dropline li a b {display:block; height:36px; float:left; padding:0 0 0 25px; background:url(images/new_button.png) left top; cursor:pointer;}

#dropline li a:hover {background-position:right bottom; color:#fff;}
#dropline li a:hover b {background-position:left bottom;}

#dropline li:hover > a {background-position:right bottom; color:#fff;}
#dropline li:hover > a b {background-position:left bottom;}

#dropline :hover div {left:0; top:41px;}

#dropline :hover ul li a:hover {text-decoration:underline; color:#800;}



/* SpryValidationTextField.css - version 0.4 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	color: #CC3333;
}



/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	background-color: #FFFFFF;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FFFFFF;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFFF;
}

/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
.textfieldFlashText input, input.textfieldFlashText {
	color: red !important;
}
#sprytextfield4{
	width:208px;
}

/* When the widget has the hint message on, the hint text can be styled differently than the user typed text. */
.textfieldHintState input, input.textfieldHintState {
	/*color: red !important;*/
}
.home_products {
	width: 194px;
	background-color: #C2D0D9;
	margin-top: 10px;
	margin-left: 3px;
	height: 252px;
	background-position: 10%;
	border: 2px solid #003366;
	text-decoration: none;
	float: left;

}
.home_products_left {
	width: 194px;
	background-color: #C2D0D9;
	margin-top: 10px;
	margin-left: 75px;
	height: 252px;
	border: 2px solid #003366;
	text-decoration: none;
	float: left;

}
.home_products h2, .home_products_left h2{
	text-align: center;
	color: #003366;
	padding-top: 0px;
	margin-top: 4px;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 4px;
}
.home_products p, .home_products_left p {
	background-color: #FFF;
	padding-top: 5px;
	margin-top: 0px;
	font-size: 11px;
	padding-left: 12px;
	margin-bottom: 0px;
	padding-bottom: 4px;
	padding-right: 10px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #003366;
	border-right-color: #003366;
	border-bottom-color: #003366;
	border-left-color: #003366;
	line-height: 14px;
}

#testimonials {
	width: 800px;
	margin-left: 75px;
	height: 85px;
	color: #FFF;
	clear: both;
	background-image: url(images/testimonials_full_curve.png);
}
#testimonials_left {
	width: 200px;
	padding-left: 14px;
	float: left;
	font-size: 14px;
}
#testimonials_left h2 {
	font-size: 25px;
	font-weight: bold;
	margin-top: 7px;
	margin-bottom: 4px;
}
.testimonials_center {
	width: 295px;
	float: left;
	font-size: 12px;
	font-style: italic;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 10px;
	line-height: 13px;
}
#testimonials_right {
	float: left;
	width: 245px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFF;
	padding-bottom: 5px;
	padding-top: 12px;
	padding-left: 13px;
}
.main_flash {
	height: 220px;
	width: 510px;
	float: left;
	margin-left: 75px;
	margin-top: 10px;
	background-color: #FFF;
	margin-bottom: 5px;
	background-image: url(images/weathertight_building_home.jpg);
}
.promotions_products {
	margin-left: 10px;
	width: 202px;
	color: #FFF;
	text-align: center;
	padding-top: 0px;
	background-image: url(images/promotions_product.png);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 52px;
	float: left;
	margin-top: 10px;
}
.promotions_products p {
	margin-top: 1px;
	text-align: center;
	font-size: 13px;
	margin-bottom: 5px;
	text-decoration: underline;
	line-height: 20px;
	color: #000;
}
.promotions_products h3 {
	color: #003366;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 4px;
}
.main_flash_products {
	height: 260px;
	width: 510px;
	float: left;
	margin-left: 75px;
	margin-top: 10px;
	background-color: #FFF;
	margin-bottom: 0px;
}
#product_divider {
	width: 800px;
	float: left;
	margin-left: 75px;
	margin-top: 0px;
}

.promotions_home_page p {
	margin-top: 5px;
	text-align: center;
	font-size: 13px;
	margin-bottom: 5px;
	text-decoration: underline;
	line-height: 20px;
}
.promotions_home_page {
	background-image: url(images/promotions_C2D0D9.png);
	margin-left: 10px;
	background-repeat: no-repeat;
	width: 202px;
	float: left;
	margin-bottom: 10px;
	margin-top: 10px;
	height: 128px;
}
.promotions_home_page h3 {
	color: #003366;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 4px;
}
.underline {
	text-decoration: underline;
}
#testimonials_home_page {
	width: 375px;
	float: left;
	font-size: 13px;
	color: #000;
	background-image: url(images/description_curve_C2D0D9.png);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	margin-top: 10px;
	height: 128px;
}
#testimonials_product_pages p {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 8px;
	color: #000;
}
#testimonials_product_pages {
	width: 375px;
	float: left;
	font-size: 13px;
	color: #FFF;
	background-image: url(images/about_product.png);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	margin-top: 10px;
	height: 52px;
	}
#testimonials_home_page p {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 4px;
}

.main_product {
	width: 573px;
	font-size: 12px;
	padding-right: 0px;
	margin-top: 4px;
	margin-left: 303px;
	padding-bottom: 30px;
}

.main_product h1 {
	font-size: 30px;
	margin-top: 0px;
	color: #003366;
	font-weight: bold;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.menu_product p {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 30px;
	color: #000;
}
.menu_product h2 {
	font-size: 15px;
	font-weight: bold;
	margin: 0px;
	padding-top: 0px;
	padding-left: 17px;
}
#dropline li #windows_dropline ul {
	text-align: left;
	text-indent: 0;
	margin-left: 5px;
}
#dropline li #sunrooms_dropline ul {
	text-align: left;
	text-indent: 0;
	margin-left: 25px;
}

#dropline li #roofing_dropline ul {
	text-align: center;
	text-indent: 0;
	margin-left: -260px;
}
#dropline li #doors_dropline ul {
	text-align: center;
	text-indent: 0;
	margin-left: -35px;
}
#dropline li #contact_dropline ul {
	text-align: right;
	text-indent: 0;
	margin-right: -25px;
}
#dropline li #about_dropline ul {
	text-align: right;
	text-indent: 0;
	margin-right: 40px;
}
#dropline li #siding_dropline ul {
	text-align: right;
	text-indent: 0;
	margin-right: 145px;
}

/* - - - - - - - - - - - - - - - - - - - - -

Title : Lightbox CSS
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/

Created : January 13, 2006
Modified : February 1, 2006

- - - - - - - - - - - - - - - - - - - - - */

#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:400px;
	height:375px;
	margin:-220px 0 0 -250px;
	background:#C2D0D9;
	text-align:left;
}
#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
	color: #FFF;
}
#lightbox.done #lbContent{
	display:block;
	color: #FFF;
}
#lightbox.loading #lbContent{
	display:none;
	color: #FFF;
}
#lightbox.loading #lbLoadMessage{
	display:block;
	color: #FFF;
}

#lightbox.done img{
	width:100%;
	height:100%;
}
.email_us {
	text-align: left;
	margin-top: 0px;
	padding-top: 15px;
	margin-bottom: 0px;
	padding-bottom: 10 px;
	margin-right: auto;
	font-size: medium;
	line-height: 25px;
	color: #000;
	float: none;
	background-color: #C2D0D9;
	padding-right: 30px;
	padding-left: 75px;
	font-weight: normal;
	margin-left: auto;
}
.visit_us {
	text-align: left;
	margin-top: 0px;
	padding-top: 15px;
	margin-bottom: 10px;
	padding-bottom: 20px;
	margin-right: auto;
	font-size: 12px;
	line-height: 25px;
	color: #000;
	float: none;
	background-color: #C2D0D9;
	padding-right: 30px;
	padding-left: 65px;
	font-weight: normal;
	margin-left: auto;
}
.coupon_code {
	text-align: left;
	margin-top: 0px;
	padding-top: 15px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-right: auto;
	font-size: 12px;
	line-height: 25px;
	color: #000;
	float: none;
	background-color: #C2D0D9;
	padding-right: 30px;
	padding-left: 65px;
	font-weight: normal;
	margin-left: auto;
}
.sweepstakes {
	text-align: left;
	margin-top: -100px;
	padding-top: 15px;
	margin-bottom: 0px;
	padding-bottom: 10 px;
	margin-right: auto;
	font-size: medium;
	line-height: 25px;
	color: #000;
	float: none;
	background-color: #C2D0D9;
	padding-right: 30px;
	padding-left: 30px;
	font-weight: normal;
	margin-left: auto;
	width: 450px;
}
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #00F;
	text-decoration: underline;
}
a:active {
	color: #00F;
}

.menu_product {
	width: 203px;
	float: left;
	padding-left: 0px;
	font-size: 14px;
	color: #003366;
	line-height: 20px;
	margin-top: 10px;
	padding-top: 10px;
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 10px;
	margin-left: 75px;
	background-color: #C2D0D9;
	text-decoration: none;
	border: 2px solid #003366;
}
.home_page_product {
	width: 950px;
	float: left;
	background-color: #FFF;
	margin-top: -2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#cse-search-results {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
.name_city_date {
	font-style: italic;
	font-size: 11px;
}
.blue_underline {
	color: #003366;
	text-decoration: underline;
}
.main_product a:link {
	color: #00F;
	text-decoration: underline;
}
.main_product a:visited {
	color: #00F;
	text-decoration: underline;
}
#promotions {
	width: 800px;
	height: 950px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	text-align: center;
	line-height: 20px;
}
.coupons_left {
	height: 180px;
	width: 387px;
	margin-right: 10px;
	margin-bottom: 10px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	float: left;
	font-weight: bold;
}
.coupons_right {
	height: 180px;
	width: 387px;
	margin-bottom: 10px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	float: left;
	font-weight: bold;
}
.coupons_right a:link  {
	color: #00F;
	text-decoration: underline;
}
.coupons_left a:link  {
	color: #00F;
	text-decoration: underline;
}
.coupons_right a:visited  {
	color: #00F;
	text-decoration: underline;
}
.coupons_left a:visited  {
	color: #00F;
	text-decoration: underline;
}
#promotions h2 {
	padding-left: 15px;
	margin-bottom: 15px;
	padding-bottom: 0px;
	text-align: center;
	color: #003366;
	margin-top: 10px;
}
#promotions h3 {
	padding-left: 15px;
	margin-bottom: 0px;
	font-size: 18px;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 5px;
	text-align: center;
}
.fine_print {
	font-size: 9px;
	margin-top: 20px;
	margin-bottom: 0px;
	line-height: 10px;
	font-weight: normal;
}