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

body {behavior:url(cssHoverFix.htc);margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:18px;color:#000;width:100%;background:#000;}
h1 {margin:10px 0 10px 0; padding:0; font-size:18px; color:#fff;}
h2 {margin:0 0 10px 0; padding:0; font-size:12px; color:#fff; font-weight:normal;}
#wrapper {width:100%;margin:0px auto 0 auto;padding:10px 0 0 0;float:left;background:;}
#headerContainer {text-align: center;padding: 0px;width: 100%;min-height: 140px;height: auto !important;height: 140px;margin:17px auto 0;background:;}

/* Main Navigation */
#MainNav {width:1000px;margin:0px auto 0px auto;padding:0;}
#MainNav ul {margin:0 auto;padding:0;list-style:none;width:1020px;}
#MainNav li {padding:0px;border:0px solid #000;margin:0 6px 0 0;background:url(images/navbg.jpg);float:left;width:auto;display:inline;}
#MainNav li a {display:block;margin:0;padding:9px 24px 9px 25px;color:#ffc;text-decoration:none;text-align:left;font-weight:;}
#MainNav li a:hover {text-decoration:none;background:url(images/navbghover.jpg);color:#333;}
#MainNav .selected {background:url(images/navbghover.jpg);color:#000;}
#MainNav .solarnav {background:url(images/solarbg.jpg);display:block;text-decoration:none;color:#fff;margin:0;padding:0;float:left; width:133px}
#MainNav ul ul {width:150px;display:none;float:left;background-color:#b84847;z-index:2000;padding:0;margin:0;}
#MainNav ul li:hover ul {display:block;position:absolute;}
#MainNav ul ul li {float:left;}
#MainNav ul ul li a {background:url(images/navbg.jpg);display:block;font-size:14px;text-align:left;width:150px;padding:10px 0 10px 15px;border-top:1px solid #fff;color:#ffc;}
#MainNav ul ul li a:hover {background:url(images/navbghover.jpg);color:#000;}

#a-rated {width:1000px; float:left; margin:0 0 10px 0; height:70px;}

/* footer */
#bottomlinks {width:100%; margin:0px auto 10px auto; padding:5px 0 5px 0; background:#222; float:right; text-align:right;}
#bottomlinks a {margin:0; font-size:11px; text-decoration:none; padding:0 5px 0 5px;}
#bottomlinks a:hover {text-decoration:underline;}
#footerindex {width:100%; margin:10px auto 0px auto; padding:5px 0 5px 0; background:#dcd2c8; text-align:center; float:right;}
#footernotop {width:100%; margin:10px auto 10px auto; padding:5px 0 5px 0; background:#dcd2c8; text-align:center; float:right;}
#footer {width:100%; margin:10px auto 10px auto; padding:5px 0 5px 0; background:#dcd2c8; text-align:center; float:right;}
#footer p {margin:0px; padding:0px; font-size:11px; color:#000;}
#offersfooter {width:100%; margin:10px auto 10px auto; padding:5px 0 5px 0; background:#dcd2c8; text-align:center; float:left;}
#offersfooter p {margin:0px; padding:0px; font-size:11px; color:#000;}
.tablefooter {font-size:11px; color:#000; text-align:right;}

.footerleft {margin:0 0 0 5px; padding:0; text-align:left; float:left; font-size:11px; display:inline;}
.footerright {margin:0 5px 0 0; padding:0; float:right; font-size:11px;}

/* Content Box main */
#maincontectbox {width:1000px;margin:0 auto;padding:0px;}

#mainnavboxescontainer {width:340px;margin:0;padding:0;float:right;background:#000;}
#mainnavboxestop {width:338px;margin:0 auto 0px auto;padding:0px;float:left;}
#mainnavboxestop ul {margin:0 0 20px 25px;padding:0;color:#fff;font-size:11px;list-style:url(../tick.jpg)}
#mainnavboxestop ul li {margin:0;padding:0;list-style:url(../tick.jpg);}
#maincontectbox p {margin:0 0 10px 0;padding:0; font-size:12px; color:#fff;}
#maincontectbox a {color:#fff; text-decoration:underline;}
#maincontectbox a:hover { text-decoration:none;}
#mainpicturebox {width:652px;margin:0 10px 0 0;padding:0px;float:left; border:0; position:relative;}
/*offers*/
#maincontectboxoffers {width:1000px;margin:0px auto 0px auto;padding:0px;}
#mainpictureboxoffers {width:652px;margin:0 10px 0 0;padding:0px;float:left;}
#mainnavboxestopoffers {width:338px;margin:0 auto 10px auto;padding:0px;height:320px;float:left;}
/*install*/
#mainpictureboxinstallmain {width:1000px;margin:0 0px 0 0;padding:0px;float:left;}
#mainpictureboxinstallmain ul {margin:0px 0 0 2px; padding:0; list-style:none;}
#mainpictureboxinstallmain li {color:#fff; display:inline; float:left; margin:0 5px 10px 5px; padding:10px; border:1px solid #fff; background:#000;}
/*faq*/
#mainpictureboxfaq {width:632px;margin:0 10px 0 0;padding:0 20px 0 0;float:left;}
#mainnavboxestopfaq {width:338px;margin:0 auto 0px auto;padding:0px;float:left;}
.img {margin:0 0 8px 0;}
.imgtop {margin:10px 0 0 0;}
.imgright {margin:0 10px 0 0;}
.imgtopright {margin:10px 10px 0 0;}
/*fensa*/
#mainnavboxestopfensa {width:338px;margin:0 auto 0px auto;padding:0px;float:left;}
#mainnavboxestopfensa img {margin:0;}

#bottomboxesindex {width:652px;margin:10px auto 0;padding:0; float:left;}
#bottomboxesindex1 {width:1000px;margin:10px auto 0;padding:0; float:left;}
#largebox {width:1000px; margin:0; padding:0; float:left;}

#windowsindex {width:155px; margin:0; padding:0; float:left; background:url(images/windowsindexnew.jpg); height:173px;}
#windowsindex p {padding:0px 0 0 0px; margin:151px 0 0 0; text-align:right; width:150px;}
#windowsindex a {margin:0; padding:0; text-decoration:none;}
#windowsindex a:hover {text-decoration:underline;}
#windowsindex h1 {float:left; font-size:14px;margin:7px 0 0 7px; padding:0; color:#fff;}

#connieindex {width:155px; margin:0 0 0 10px; padding:0; float:left; background:url(images/connieindex.jpg); height:173px;}
#connieindex p {padding:0px 0 0 0px; margin:151px 0 0 0; text-align:right; width:150px;}
#connieindex a {margin:0; padding:0; text-decoration:none;}
#connieindex a:hover {text-decoration:underline;}
#connieindex h1 {float:left; font-size:14px;margin:7px 0 0 7px; padding:0; color:#fff;}

#rooflineindex {width:156px; margin:0 0 0 10px; padding:0; float:left; background:url(images/rooflineindex.jpg); height:173px;}
#rooflineindex p {padding:0px 0 0 0px; margin:151px 0 0 0; text-align:right; width:150px;}
#rooflineindex a {margin:0; padding:0; text-decoration:none;}
#rooflineindex a:hover {text-decoration:underline;}
#rooflineindex h1 {float:left; font-size:14px;margin:7px 0 0 7px; padding:0; color:#fff;}

#doorsindex {width:156px; margin:0 0 0 10px; padding:0; float:left; background:url(images/doorsindex.jpg); height:173px;}
#doorsindex p {padding:0px 0 0 0px; margin:151px 0 0 0; text-align:right; width:150px;}
#doorsindex a {margin:0; padding:0; text-decoration:none;}
#doorsindex a:hover {text-decoration:underline;}
#doorsindex h1 {float:left; font-size:14px;margin:7px 0 0 7px; padding:0; color:#fff;}


/* Bottom Boxes */
#bottomboxes {width:1000px;margin:10px auto 0;padding:0; float:left;}
#bottomboxeslarge {float:left; width:394px; margin:0 10px 0 0; padding:0;}
#bottomboxesmiddle {float:left; width:192px; margin:0 10px 0 0; padding:0; height:200px; background:url(images/boxes2.jpg);}
#bottomboxesmiddle h1 {float:left; font-size:14px;margin:6px 0 0 7px; padding:0; color:#666;}
#bottomboxesmiddle2 {float:left; width:192px; margin:0 10px 0 0; padding:0; height:200px; background:url(images/contactbox.jpg);}
#bottomboxesmiddle2 h1 {float:left; font-size:14px;margin:6px 0 0 7px; padding:0; color:#666;}
#bottomboxesmiddle h1 a {color:#666; text-decoration:none;}
#bottomboxesmiddle h1 a:hover {color:#666; text-decoration:underline}
#bottomboxesmiddle2 h1 a {color:#666; text-decoration:none;}
#bottomboxesmiddle2 h1 a:hover {color:#666; text-decoration:underline;}
#bottomboxesright  {float:left; width:192px; margin:0; padding:0;}
/*Blogger Box*/
#leftnav {float:left;margin:0;padding:0;width:192px;color:#fff;}
#backbutton {float:left;margin:0px auto 0; padding:0; width:100%;}

/* Randoms */
hr {margin:0; padding:0; width:500px; color:#64e626;}
.questions {color:#64e626; font-weight:bold; font-size:12px;}
.testnames {color:#fff; font-weight:bold; font-size:11px;}
.teststatment {color:#fff; font-size:11px; background:#000;}
.testnames1 {color:#fff; font-weight:bold; font-size:11px;}
.teststatment1 {color:#fff; font-size:11px;}
.testform {font-size:11px; color:#fff;}
.nameinput {float:left; margin:0 0 0 5px; padding:0; width:150px;}
.inputs { float:left;margin:0 0 0 5px;padding:0;width:250px;}
.inputsnumber { float:left;margin:0 0 0 5px;padding:0;width:40px;}
.select {float:left; margin:0 0 0 5px; padding:0;}
#maillist {float:left; width:1000px; margin:0 0 10px 0; padding:0; background:#fff;}
.appointment {float:left; margin:0 0 0 55px; padding:0;}
#aboutboxescontainer {float:left; width:1000px; margin:0; padding:0;}

/* form elements */
#formbox {float:left;width:450px;margin:0 0 0 10px;padding:50px 0 0 0;color:#fff; font-size:11px;}
#formbox fieldset { float:left;font-size:11px;color:#fff;width:300px; margin:0; padding:0;}
#formbox .inputs { float:left;margin:0 0 0 5px;padding:0;width:150px;}
#formbox select {float:left; margin:0 0 0 5px; padding:0;}
#formbox textarea {float:left; margin:0 0 0 5px; padding:0;  width:150px;}
#formbox legend {color:#fff; font-size:11px;}
#myform_errorloc ul li {color:#F00;font-size:12px;list-style:none;display:block;padding:10px;margin:5px;background:#906;}
#formbox fieldset {margin:0 0 0 75px;}
#formbox .form {width:300px;margin:0 auto;}
.field {margin:0 0 0 0px;clear:both;height:35px;}
.reqfield {margin:0 0 0 65px;clear:both;height:35px;}
.field label {color:#fff;width:60px;font:Arial, Helvetica, sans-serif;font-size:11px;padding:0;float:left;text-align:right;}
.field input {float:left;margin:0 0 0 5px;width:150px;}
.field textarea {float:left;margin:0;padding:0;width:150px;height:50px;position:relative;}
.error {font:Arial, Helvetica, sans-serif;font-size:12px;color:#F00;}
#formbox .submit {float:left; margin:10px 0 0 65px; padding:0; width:150px; height:24px; background:url(images/sendbutton.jpg); color:#fff; border:none;}
.nolabel {float: left;display: block;font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #fff;width: 90px;margin-right: 10px; padding-top: 2px;	text-align: right;}

/* appointment Form Elements */
#appointmentformbox {float:left;width:450px;margin:0 0 0 10px;padding:0px 0 0 0;color:#fff; font-size:11px;}
#appointmentformbox fieldset { float:left;font-size:11px;color:#fff;width:300px; margin:0; padding:0;}
#appointmentformbox .inputs { float:left;margin:0 0 0 5px;padding:0;width:150px;}
#appointmentformbox select {float:left; margin:0 0 0 5px; padding:0;}
#appointmentformbox textarea {float:left; margin:0 0 0 5px; padding:0;  width:150px;}
#appointmentformbox legend {color:#fff; font-size:11px;}
#appointmentformbox fieldset {margin:0 0 0 75px;}
#appointmentformbox .form {width:600px;margin:10px auto 0;}
#appointmentformbox .field {margin:0 0 0 0px;clear:both;height:35px;}
#appointmentformbox .field label {color:#fff;width:100px;font:Arial, Helvetica, sans-serif;font-size:11px;padding:0;float:left;text-align:right;}
#appointmentformbox .field input {float:left;margin:0 0 0 5px;width:150px;}
#appointmentformbox .field textarea {float:left;margin:0;padding:0;width:150px;height:50px;position:relative;}
#appointmentformbox .error {font:Arial, Helvetica, sans-serif;font-size:12px;color:#F00;}
#appointmentformbox .submit {float:left; margin:10px 0 0 0px; padding:0; width:150px; height:24px; background:url(images/sendbutton.jpg); color:#fff; border:none;}
#appointmentformbox img {margin:0 0 10px 0px;}

#testbox {width:454px; padding:0; margin:0; background:#000; }
#testbox p {margin:0; padding:0; color:#fff; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
#testbox a {color:#fff; text-decoration:none;}
#testbox a:hover {text-decoration:underline;}
#testboxname {width:454px; margin:0; padding:0;height:20px; float:left; background:#000; border-bottom:1px solid #ccc; }
#testboxdesc {width:454px; margin:0; padding:5px 0; float:left; background:#000;}
#testboxpdf {width:454px; margin:0 0 20px 0; padding:0; float:left; background:#000; border-top:1px solid #ccc;}

ul#points{list-style:url(tick.jpg); margin:0 0 0 35px; padding:0;}

.mainpoint {font-size:13px; font:Arial, Helvetica, sans-serif; color:#fff;}
.smallpoint {font-size:11px; font:Arial, Helvetica, sans-serif; color:#ef8716}

.red {color:#F00; font-size:19px; margin:0; padding:0;}

.FI_reviews {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	background:#ffc;
}

#maillist {
	width:650px;
	margin:10px 0 0 0;
	padding:9px 0 10px 0;
	background:url(../mailback.jpg);
	border:solid 1px #dcd2c8;
	color:#fff;
	height:20px;
	font-size:11px;
	font-weight:bold;
}

.mailinput {
	display:inline;
	margin:0 0 0 12px;
	width:190px;
	border:#dcd2c8 1px solid;
}

.mailbutton {
	margin:0 0 0 5px;
	padding:0;
	border:0;
	height:20px;
	width:80px;
	background:url(../mailbutton.jpg);
	color:#fff;

}
	
.maillistform {
	padding:0 0 0 9px;
}

.policy li {color:#fff; margin:0 0 10px 30px; padding:0; font-size:12px;}

#sitefooter {width:1000px; margin:10px 0 0 0; padding:0;float:left;}
#sitefooter a {text-decoration:none;}
#sitefooter a:hover {text-decoration:underline;}
#sitefooter h1 {font-size:14px; color:#fff; margin:0; padding:0;}
#sitefooter ul {list-style:none; margin:10px 0 0 0; padding:0; font-size:11px; color:#fff;}
#sitefooter li {}
#sitefooterleft {width:1000px; float:left; margin:0; padding:0;}
#sitefooterleft1 {width:138px; float:left; margin:0; padding:0 0 20px 0; height:190px; }
#sitefooterleft2 {width:138px; float:left; margin:0; padding:0 0 20px 10px; height:190px; }
#sitefooterleft3 {width:138px; float:left; margin:0; padding:0 0 20px 10px; height:190px; }
#sitefooterleft4 {width:138px; float:left; margin:0; padding:0 0 20px 10px; height:190px; }
#sitefooterleft5 {width:400px; float:left; margin:0; padding:0 0 20px 10px; height:190px; }
#sitefooterleft5areas {width:400px; float:left; margin:0; padding:0;}
#sitefooterleft5 h1 {color:#666;}
#arealists {width:100px; float:left; margin:0; padding:0 0 20px 0;}
#arealists ul {color:#666;}

#dt1bar {width:1000px; margin:20px 0 0 0; padding:0; float:left; text-align:center; font-size:10px; color:#666;}

#logos {width:400px; float:left; margin:10px 0 0 0; padding:0;}

#detailsbox {float:left;width:450px;margin:0 0 0 10px;padding:50px 0 0 0;color:#fff; font-size:11px;}

#detailsbox form {width:390px; float:left; margin:0 0 0 30px; padding:0;}
#detailsbox input {width:250px;px; padding:5px; margin:5px 0 5px 0; border:#ccc 1px solid;}
#detailsbox textarea {width:250px; height:100px; padding:5px; margin:5px 0 5px 0; border:#ccc 1px solid;}
#detailsbox select {width:250px; margin:10px 0 10px 0;}
#detailsbox .label {color:#fff; margin:10px 10px 0 0; float:left;}
#detailsbox table {width:390px; margin:0; float:left;}
#detailsbox tr {vertical-align:top;}
#detailsbox .required1 {color:#fff; float:left; font-size:14px; margin:0 0 20px 30px;}
#detailsbox .required {color:#F00; margin:0}
#detailsbox .checkbox {margin:4px 0 0 -4px; width:30px; border:0; padding:0;}
#detailsbox .checkboxbox {width:279px;}
#detailsbox .checkboxsmallbox {width:20px; height:30px; float:left; margin:0 0 5px 0; padding:0;}
#detailsbox .checkboxlegend {width:249px;float:left; padding:4px 0 0 4px; margin:0 0 5px 0;}
#detailsbox .submit {float:left; margin:10px 0 0 0px; padding:0; width:150px; height:24px; background:url(images/sendbutton.jpg); color:#fff; border:none; cursor:pointer;}


#appbox {float:left;width:450px;margin:0 0 0 10px;padding:0px 0 0 0;color:#fff; font-size:11px;}
#appbox form {width:390px; float:left; margin:0 0 0 30px; padding:0;}
#appbox input {width:250px;px; padding:5px; margin:5px 0 5px 0; border:#ccc 1px solid;}
#appbox textarea {width:250px; height:100px; padding:5px; margin:5px 0 5px 0; border:#ccc 1px solid;}
#appbox select { margin:10px 0 10px 0;}
#appbox .label {color:#fff; margin:10px 10px 0 0; float:left;}
#appbox table {width:390px; margin:0; float:left;}
#appbox tr {vertical-align:top;}
#appbox .required1 {color:#fff; float:left; font-size:14px; margin:0 0 20px 30px;}
#appbox .required {color:#F00; margin:0}
#appbox .checkbox {margin:4px 0 0 -4px; width:30px; border:0; padding:0;}
#appbox .checkboxbox {width:279px;}
#appbox .checkboxsmallbox {width:20px; height:30px; float:left; margin:0 0 5px 0; padding:0;}
#appbox .checkboxlegend {width:249px;float:left; padding:4px 0 0 4px; margin:0 0 5px 0;}
#appbox .submit {float:left; margin:10px 0 0 0px; padding:0; width:150px; height:24px; background:url(images/sendbutton.jpg); color:#fff; border:none; cursor:pointer;}

#charity-gallery-pics {float:left; width:1000px; margin:10px 0 0 0;}
#charity-gallery-pics ul {margin:0px 0 0 2px; padding:0; list-style:none;}
#charity-gallery-pics li {color:#fff; display:inline; float:left; margin:0 5px 10px 0; padding:10px; border:1px solid #fff; background:#000;}


#slideshow {
	position:relative;
    height:318px;
	border-bottom:1px solid #333;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:1000;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}