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

body {margin:0;padding:0 0 10px 0;font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:18px;color:#000;width:100%;text-shadow: #000000 0 0 0px; background:url(bg.jpg) repeat-x;}
h1 {margin:0; padding:0; font-size:18px; color:#666;}
h2 {margin:10px 0 10px 0; padding:0; font-size:16px; color:#F60;}
p {font-size:12px; margin:5px 0 0 0; padding:0; color:#000;}
a {color:#444; text-decoration:underline;}
a:hover {text-decoration:none}
#mainwrapper {width:1000px; margin:10px auto; padding:0 10px 0px 10px; background:#fff; border-top:1px solid #666; border-left:1px solid #666; border-right:1px solid #666; border-bottom:1px solid #666;}
#wrapper {width:1000px;margin:0 -11px;padding:10px; float:left;background:#fff; border-left:1px solid #666; border-right:1px solid #666;}
#headerContainer {text-align: center;padding: 0px;width:1000px;height: auto !important;margin:10px auto;}

/* Main Navigation */
#MainNav {width:1000px;margin:0px auto 0px -11px;padding:0 10px 0 10px; background:#fff; float:left; border-left:1px solid #666; border-right:1px solid #666;}
#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(solarmainnav.jpg);float:left;width:auto;display:inline;}
#MainNav li a {display:block;margin:0;padding:9px 17px;color:#000;text-decoration:none;text-align:left;}
#MainNav li a:hover {text-decoration:none;background:url(navbghover.jpg);color:#333;}
#MainNav .selected {background:url(navbghover.jpg);color:#000;}
#MainNav .glazenav {background:url(glazeunder.jpg);display:block;text-decoration:none;color:#fff;margin:0;padding:0;float:left; width:147px}
#MainNav ul ul {width:150px;display:none;float:left;background-color:#b84847;z-index:1;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(navbg.jpg);display:block;font-size:14px;text-align:left;width:150px;padding:10px 0 10px 15px;border-top:1px solid #fff;color:#000;}
#MainNav ul ul li a:hover {background:url(navbghover.jpg);color:#000;}

/* Main Content */
#maincontectbox{width:1000px;margin:0px auto 0px auto;padding:0px;}
#maincontectbox ul {margin:0; padding:0; list-style:none;}
#maincontectbox li {color:#fff; display:inline; float:left; margin:0 5px 10px 5px; padding:10px; border:1px solid #ccc; background:#fff;}

#benefitsbox {width:1000px;margin:0px auto 0px auto;padding:0px;}
#benefitsbox ul { width:450px; margin:0; padding:15px 0 5px 20px; list-style:square; font-size:12px;}
#benefitsbox ul li {margin:0 0 10px 0; padding:0;}


#textbox {float:left; width:480px; margin:0; padding:0 10px 0 0;}
#textbox2index {float:left; width:480px; margin:10px 0 0 0; padding:0; height:150px;}
#flashbox {float:right; width:500px; margin:0; padding:0;}
#indexfrontbox {float:left; width:490px; margin:0 0 0 20px; padding:0;}

/* Bottom Boxes */

#bottomboxescontainer {width:1000px; height:138px; margin:20px auto 0; padding:0; float:left;}

#bottomboxescontainerinnerleft {width:320px; height:138px; margin:0 10px 0 0; padding:0; float:left;}
#bottomboxescontainerinnertext {width:140px; margin:10px 0 0 0; padding:0 10px 0 10px; float:left; font-size:11px;}
#bottomboxescontainerinnertext a {color:#F00; text-decoration:none;}
#bottomboxescontainerinnertext a:hover {text-decoration:underline;}
#bottomboxescontainerinnerpic {width:160px; height:110px; margin:10px 0 0 0; padding:0; float:left;}

#bottomboxescontainerinnermiddle {width:340px; height:138px; margin:0; padding:0; float:left; }
#bottomboxescontainerinnertextsale {width:160px; margin:10px 0 0 0; padding:0 10px 0 10px; float:left; font-size:11px;}
#bottomboxescontainerinnertextsale a {color:#F00; text-decoration:none;}
#bottomboxescontainerinnertextsale a:hover {text-decoration:underline;}

#bottomboxescontainerinnerright {width:320px; height:138px; margin:0 0 0 10px; padding:0; float:left; }

#footer {width:990px; margin:10px auto 0; padding:5px;background:#fff000; font-size:11px; text-align:center; float:left;}

/* form elements */
#formbox {float:left;width:490px;margin:0;padding:0;color:#fff; font-size:11px;}
#formbox fieldset { float:left;font-size:11px;color:#000;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:#000; 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:20px auto;}
.field {margin:0 0 0 0px;clear:both;height:35px;}
.reqfield {margin:0 0 0 65px;clear:both;height:35px; color:#000;}
.field label {color:#000;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; border:1px solid #333;}
.field textarea {float:left;margin:0;padding:0;width:150px;height:50px;position:relative; border:1px solid #333;}
.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(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:490px;margin:0 0 0 0;padding:0px 0 0 0;color:#fff; font-size:11px;}
#appointmentformbox fieldset { float:left;font-size:11px;color:#000;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:#000; font-size:11px;}
#appointmentformbox .appointment {width:450px;margin:30px 10px;}
#appointmentformbox .field {margin:0 0 0 0px;clear:both;height:35px;}
#appointmentformbox .appointment label {color:#000;font:Arial, Helvetica, sans-serif;font-size:11px;padding:0;float:left;text-align:right; width:200px;}
#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(sendbutton.jpg); color:#fff; border:none; cursor:pointer;}
#appointmentformbox img {margin:0 0 10px 0px;}

.questions {color:#000; font-weight:bold;}
.answer {color:#fb9527; font-weight:bold;}

#recommendationbox {width:450px; float:left; margin:15px 0 0 0; padding:10px; border:1px solid #666; font-size:14px; color:#F00; font-weight:bold; background:#ccc}
#recommendationbox p {margin:5px 0 0 0; padding:0;}

#mainproducts {width:1000px;margin:0px auto 0px auto;padding:0px;}
#mainproducts ul {margin:0px 0 0 20px; padding:0; list-style:square; font-size:12px; width:400px;}
#mainproducts li {color:#000; margin:5px 0 5px 20px; padding:0}

.imgtopright {margin:10px 5px 0 0;}
.imgtop {margin:10px 0 0 0;}
hr {width:400px; margin:3px 0 20px 40px;}


#sitefooter {width:1000px; margin:10px 0 0 0; padding:10px 0 0 0;float:left; border-top:1px solid #ccc;}
#sitefooter a {text-decoration:none;}
#sitefooter a:hover {text-decoration:underline;}
#sitefooter h1 {font-size:14px; color:#333; 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:#333;}
#arealists {width:100px; float:left; margin:0; padding:0 0 20px 0;}
#arealists ul {color:#666;}
#logos {width:90px; margin:10px 0 0 430px; padding:0; float:left;}
#indexlogos {width:250px;  margin:20px 0 0 300px; padding:0;}
.logoimg {margin:0 10px 0 0;}
.sponserimgmargin {margin:0 0 8px 0;}
.testnames {color:#000; font-weight:bold; font-size:11px;}
.teststatment {color:#000; font-size:11px;}
.bottommargin {margin:0 0 10px 0;}

.feedin { font-size:9px; line-height:12px; margin:10px 0 0 0;}
.youtube {float:left; margin:10px 0 0 0;}

#newformbox {width:450px; float:left; margin:20px 0 0 0; color:#333;}
#newformbox .legend {float:left; width:142px; padding:10px 0 0 0; height:30px; color:#333; font-weight:bold;}
#newformbox .inputfields {float:left; width:300px; padding:0; height:40px;}
#newformbox .textareafields {float:left; width:300px; padding:0;}
#newformbox input {margin:5px; width:280px; border:#ccc 1px solid; padding:5px;}
#newformbox textarea {margin:5px; width:280px; border:#ccc 1px solid; padding:5px; height:100px;}
#newformbox select {margin:5px;}
.required {color:#F00; margin:0 0 0 5px;}
.required1 {color:#333;}
#newformbox .submit {float:left; margin:10px 0 0 0px; padding:0; width:150px; height:24px; background:url(sendbutton.jpg); color:#fff; border:none; cursor:pointer;}
#newformbox .checkbox {margin:0 0 10px 5px; width:20px; border:0;}