@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

a, a img {
	border: 0;
}

a{
	color: #114a9f;
}
a:hover{
	color:#4b4b4b;
}

a.accessibility_one,
a.accessibility_two { color: #999; font-size: 1.1em; left: 522px; line-height: 2; position: absolute; text-decoration: none; top: -999em; }
a.accessibility_one:focus, a.accessibility_one:active { color: #000; top: 2em; }
a.accessibility_two:focus, a.accessibility_two:active { color: #000; top: 4em; }

body {
	background:url(../img/common/bg-tile.gif);
	color: #114a9f;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 62.5%;
	text-align: center;
}

h1{
	display:block;
	float:left;
	background:url(../img/common/electrical-windows-direct.jpg) no-repeat bottom;
	width:439px;
	height:26px;
	margin:25px 0 0 19px;
	text-indent: -6218em;
}

h1 a{
	display:block;
	width:439px;
	height:26px;
	outline:none;
}

h2{
	/*font-size:24px;*/
	font-size:20px;
	font-weight:bold;
	margin-bottom:17px;
}

h3{
}

h4{
	font-size:1.6em;
}

h5{
	font-size:1.2em;
}

p {
	margin:0 0  1.1em 0;
	font-size:1.2em;
}

.smallGrey{
	color:#616161;
	font-size:1.2em !important;
}

.grey{
	color:#616161!important;
}

.bigGrey{
	color:#616161;
	font-size:18px !important;
}

.bigBlue{
	color:#114a9f;
	font-size:1.6em !important;
}
.mediumBlue{
	color:#114a9f;
	font-size:1.4em !important;
}


.noMarginTop{
	margin-top:0px !important;	
}
.marginTop{
	margin-top:1.1em !important;
}

.noBg{
	background-image:none !important;
	background-color:transparent !important;
}

.clearboth { clear: both; display: block; }


input, textarea, select, option{
	color: #000;
	outline:none;
	font-size:1.1em;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

.col1 ul,  .col1-faq ul{
	list-style-type:none;
	color:#4b4b4b;
}

.col1 li{
	font-size:1.6em;
	margin-bottom:1.6em;
	padding-left:15px;
	background:url(../img/common/bullet.gif) 0 6px no-repeat;
}

.col1 li.indent { /* used for second level lists on sitemap page */
	padding-left:20px;
	background:url(../img/common/bullet.gif) 10px 6px no-repeat;
}

.col1 p, .col1-faq p{
	font-size:1.4em;
}



/* nav */

#nav{
	clear:both;
	width:584px;
	height:36px;
	display:block;
	margin:5px 0 0 13px;
	background:url(../img/common/nav-bg.gif) left top no-repeat;
	overflow:hidden;
	float:left;
}


#nav li{
	display:block;
	float:left;
}

#nav a{
	display:block;
	height:26px;
	text-indent: -6218em;
	outline:none;
}

#nav a:hover{
	background-position:left -38px;
}


#nav-home a{background:url(../img/common/nav-home.gif) left top no-repeat; width:105px;}
#nav-products a{background:url(../img/common/nav-products.gif) left top no-repeat; width:101px;}
#nav-about a{background:url(../img/common/nav-about.gif) left top no-repeat; width:82px;}
#nav-faq a{background:url(../img/common/nav-faqs.gif) left top no-repeat; width:78px;}
#nav-testimonials a{background:url(../img/common/nav-testimonials.gif) left top no-repeat; width:127px;}
#nav-contact a{background:url(../img/common/nav-contact.gif) left top no-repeat; width:87px;}

#home #nav-home a{background-image:none;}
#products #nav-products a{background-image:none;}
#about #nav-about a{background-image:none;}
#faq #nav-faq a{background-image:none;}
#testimonials #nav-testimonials a{background-image:none;}
#contact #nav-contact a{background-image:none;}

#home #nav{background:url(../img/common/nav-bg.gif) left -37px no-repeat;}
#products #nav{background:url(../img/common/nav-bg.gif) left -74px no-repeat;}
#about #nav{background:url(../img/common/nav-bg.gif) left -111px no-repeat;}
#faq #nav{background:url(../img/common/nav-bg.gif) left -148px no-repeat;}
#testimonials #nav{background:url(../img/common/nav-bg.gif) left -185px no-repeat;}
#contact #nav{background:url(../img/common/nav-bg.gif) left -222px no-repeat;}



/* layout */


#wrapper {
	margin: 14px auto 0;
	text-align: left;
	width: 955px;
	background:url(../img/common/page-bg.gif) left top repeat-y;
}


#header {
	background:url(../img/common/header-bg.jpg) top left no-repeat;
	min-height:190px;
}

#logo{
	float:right;
	width:123px;
	height:123px;
	margin:25px 34px 0 0;
}

#modelSelector{
	background:url(../img/common/modelSelectorBg.gif) top left no-repeat;
	min-height:88px;
	
}
#modelSelectorPadding{
	padding:25px 16px 0px 16px;
}
#modelSelector p{
	color:#FFF;
	margin-bottom:5px;
	font-size:1.2em;
}
#modelSelector a, #modelSelector a:hover{
	color:#FFF;
}

#modelSelectorForm select{
	display:block;
	float:left;
	min-height:18px;
	border:none;
	outline:none;
}

#modelSelectorForm option{
	padding:0 2px;
}

.selectorDivider{
	display:block;
	float:left;
	width:45px;
	height:18px;
	background:url(../img/common/selectorDivider.gif) center no-repeat;
}

#selectorPlaceHolder1{
	display:block;
	float:left;
	width:113px;
	height:16px;
	background:url(../img/common/selectorPlaceholder-1.gif) center no-repeat;
	margin-top:1px;
}
#selectorPlaceHolder2{
	display:block;
	float:left;
	width:68px;
	height:16px;
	background:url(../img/common/selectorPlaceholder-2.gif) center no-repeat;
	margin-top:1px;
}
#selectorPlaceHolder3{
	display:block;
	float:left;
	width:112px;
	height:16px;
	background:url(../img/common/selectorPlaceholder-3.gif) center no-repeat;
	margin-top:1px;
}
#selectorPlaceHolder4{
	display:block;
	float:left;
	width:57px;
	height:16px;
	background:url(../img/common/selectorPlaceholder-4.gif) center no-repeat;
	margin-top:1px;
}

#innerWrapper{
	padding:0 28px 0 13px;	
}


#content{
	margin:24px 0 24px 0;
	min-height:500px;
}

.col1{float:left; width:566px; margin-right:15px;}
.col2{float:left; width:329px;}

.col4{float:left; width:250px; margin-right:15px;}
.col5{float:left; width:600px;}
.col6{float:left; width:442px; margin-right:15px;}
.col7{float:left; width:452px; margin-top:0px;}

#footer {
	background:transparent url(../img/common/page-bottom.gif) bottom left no-repeat;
	min-height:60px;
}
#footerPadding {	
	border-top:1px #c5c5c5 solid;
	margin-left:20px;
	width:902px;
}

#footer ul{
	zoom:1;
	margin:10px 0px 0px 0px;
	list-style-type:none;
}
#footer li{
	float:left;
	font-size:1.1em;
	margin-right:3px;
	color:#4b4b4b;
}
#footer a{
	color:#4b4b4b;
}
#footer a:hover{
	color:#114a9f;
}


/* Promos */

.promoBox{background-color:#fdf5c7; margin-bottom:24px; zoom:1;}
.promoBoxImg{float:left; width:130px; margin:14px 0 15px 0; text-align:center;}
.promoBoxTxt{float:left; width:190px; margin-top:14px;}
.promoBoxTxtWide{margin:14px 15px 0 15px; padding-bottom:15px;}
.promoBoxTxtWide p{margin-bottom:0; }

.promoBox h4{display:block;}
.promoBox h4 a{display:block; width:329px; height:34px; text-indent: -6218em;}

#visitKitsPromo a{background:transparent url(../img/promos/visit-kits-page.gif) top left no-repeat; outline:none;}
#visitKitsPromo a:hover{background:transparent url(../img/promos/visit-kits-page.gif) bottom left no-repeat;}

#testimonialsPromo  a{background:transparent url(../img/promos/testimonials.gif) top left no-repeat; outline:none;}
#testimonialsPromo  a:hover{background:transparent url(../img/promos/testimonials.gif) bottom left no-repeat;}

#faqsPromo a{background:transparent url(../img/promos/faqs.gif) top left no-repeat; outline:none;}
#faqsPromo a:hover{background:transparent url(../img/promos/faqs.gif) bottom left no-repeat;}

#productsPromo a{background:transparent url(../img/promos/products.gif) top left no-repeat; outline:none;}
#productsPromo a:hover{background:transparent url(../img/promos/products.gif) bottom left no-repeat;}


#searchPromo{background:transparent url(../img/promos/search.gif) top left no-repeat; width:347px; height:79px; display:block; text-indent: -6218em; outline:none;}


/* Products page */

.resultRow{clear:both; margin-bottom:20px;}
.resultRow:after {content:".";display:block;visibility:hidden;height:0px;clear:both;}


.resultItem{
	float:left; 
	width:452px; 
	border-top:1px #ffda0f solid; 
	border-bottom:1px #ffda0f solid;
	margin-bottom:20px;
}

.first{margin-right:10px;}

.resultItemPadding{
	padding:23px 0 0 10px;
	zoom:1;
}

.resultItemImg{float:left; display:block; width:223px; min-height:190px;}
.resultItemTxt{float:left; width:219px;}

.resultItemTxtRow{clear:both;}
.resultItemLabel{display:block; font-size:1.2em; float:left; width:116px;  min-height:1px;}
.resultItemDetail{display:block; font-size:1.2em; float:left; width:103px; color:#757575;}
.resultItemDetail a{color:#757575; font-weight:bold;}
.resultItemDetail a:hover{color:#114a9f;}

.buyNowBtn{clear:both; height:43px;}
.buyNowBtn a{margin-top:10px; float:right; display:block; width:122px; height:33px; text-indent: -6218em; background:transparent url(../img/products/buy-now-btn.gif) top left no-repeat; outline:none;}
.buyNowBtn a:hover{background:transparent url(../img/products/buy-now-btn.gif) bottom left no-repeat;}

.note .resultItemLabel{ width:176px;}
.note .resultItemDetail{width:43px;}
.redNote{color:red;}
.blackNote{color:#000;}

#outOfStockMsg{margin-top:10px; float:right; display:block; width:219px;}


/* Contact page */


#contact .col1{
	width:570px;
}

#mapBorder{
	width:570px;
	height:222px;
	background:transparent url(../img/contact/gMap-bg.gif) top left no-repeat;
	padding-top:6px;
}
#map{
	margin:auto;
	width:557px;
	height:210px;
}

#contact .col2{
	margin-top:75px;	
}



#contact .col2 p, .contactDetails p, .contactDetails a{
	color:#4b4b4b;
}
.contactDetails a:hover{
	color:#114a9f;
}
.contactDetailsLeft{
	float:left;
	width:62px;
	clear:both;
}
.contactDetailsRight{
	float:left;
	width:255px;
}
.contactDetailsLeft p, .contactDetailsRight p{
	margin:0;
}


/* faq page */

.col1-faq{float:left; width:566px; margin-right:15px;}

#faqsList{
	margin-bottom:15px;	
}

#faqsList li{
	margin-bottom:0.7em;
	padding-left:15px;
	background:url(../img/common/bullet-small.gif) 0 0.6em no-repeat;
	
}

#faqsList h3{
	font-size:1.4em;
	cursor:pointer;
	font-weight:bold;
}

#faqsList p{
	font-size:1.4em;
	margin:1em 0 1em 0;
	display:none;
}

/* testimonials page */

#testimonialsList{
	margin-bottom:15px;	
}

#testimonialsList li{
	font-size:1.4em;
	margin-bottom:0.7em;
	padding-left:15px;
	background:url(../img/common/bullet-small.gif) 0 0.6em no-repeat;
}


/* sitemap page */

#sitemapList{
	margin-bottom:15px;	
}

#sitemapList li{
	font-size:1.4em;
	margin-bottom:0.7em;
	padding-left:15px;
	background:url(../img/common/bullet-small.gif) 0 0.6em no-repeat;
}


/* Privacy page */

#privacy .col1 h3{
	font-size:1.4em;
	font-weight:bold;
}

#privacy .col1 p{
	color:#616161;
	font-size:1.2em !important;
	margin:1em 0 1em 0;
}

#privacy .col1 ol{
	list-style:none;
	list-style-image:none;
}
#privacy .col1 ol li{
	color:#616161;
	list-style-image:none;
	background-image:none;
	font-size:1.2em !important;
}


/* refunds page */

#refunds .col1 h3{
	font-size:1.4em;
	font-weight:bold;
}
#refunds .col1 p{
	color:#616161;
	font-size:1.2em !important;
	margin:1em 0 1em 0;
}


/* Terms page */

#terms .col1 h3{
	font-size:1.4em;
	font-weight:bold;
}

#terms .col1 p{
	color:#616161;
	font-size:1.2em !important;
	margin:1em 0 1em 0;
}


/* kits page */

#kits .promoBox{margin-bottom:20px; background:transparent;}


/* order page */



#orderForm{
	display:block;
	width:452px; 
	margin-top:10px;
	margin-bottom:20px;
	
}

#orderFormErrors{
	margin-left:110px;
	margin-top:10px;
}
#orderFormErrors p{
	margin:0!important;
	font-size:1.2em !important;
	color:red !important;
}

#orderForm p{
	margin:5px 0 0 0;
	font-size:1.2em !important;
}

#orderForm textarea, #orderForm select
{
	width:300px!important; 
	font-size:1.2em !important;
	color:#616161;
}
#orderForm input{
	width:298px; 
	font-size:1.2em !important;
	color:#616161;
}
#orderForm option{
	color:#616161;
}

#orderForm #submitBtn{
	clear:both;
	width:auto;
}

#orderForm label{
	display:block;
	float:left;
	width:100px; 
	text-align:left;
	margin-top:10px;
	font-size:1.2em !important;
	margin-right:10px;
	clear:both;
}

#orderForm p{
	font-size:1.2em !important;
	color:#616161;
	margin:0;
}

.checkboxInput{
	width:auto !important;
	text-align:left !important;
}

#paymentLogos{
	clear:both;
	width:412px;
	height:24px;
	display:block;
	text-align:right;
}

#paymentLogos p{
	margin:5px 0 15px 0;
}

#orderForm .formField{
	display:block;
	float:left;
	width:300px; 
	margin-top:10px;
}

.checkOutBtn{clear:both; height:43px; border-bottom:1px #ffda0f solid;  width:412px;}
.checkOutBtn a{float:right; display:block; margin-top:10px; width:122px; height:33px; text-indent: -6218em; background:transparent url(../img/products/pay-now-btn.gif) top left no-repeat; outline:none;}
.checkOutBtn a:hover{background:transparent url(../img/products/pay-now-btn.gif) bottom left no-repeat;}