body{font-family: Tahoma, Geneva, sans-serif; font-size:13px;  color:#000; background-color:#F8F8F8; text-align:center; }

body,form{margin:0; padding:0;}
input,select,textarea{font-family:Verdana,Helvetica,sans-serif; font-size:13px;}
p{margin-top:0.8em; margin-bottom:0.8em; line-height:1.7em;}
.center{text-align:center; }
h1{font-family:Tahoma, Geneva, sans-serif; font-weight:bold; text-align:left; font-size:14px; padding:0px 0 0px 0; margin:0.6em 0px 0.6em 0px;  color:#F4731F;line-height:1.5em; text-transform: uppercase;}
h2{font-family:Tahoma, Geneva, sans-serif; font-weight:bold; text-align:left; font-size:13px; padding:0px 0 0px 0; margin:.9em 0px 1.0em 0px; color:#33CC33; }
h2 span{font-weight: normal;}
h2 span a{text-decoration: none;}
h2.faq{
  border-bottom: 1px solid #446A22;
  padding-bottom: 3px;
}

h3{font-family:Tahoma, Geneva, sans-serif; font-weight:bold; text-align:left; font-size:13px; padding:0px 0 0px 0; margin:0.6em 0px 0.6em 0px;  color:#F4731F;line-height:1.5em;}


h4{font-size:13px; color:#fff; margin:0.6em 0 0.6em 0;}
.txt-right{text-align:right;}
.txt-left{text-align:left;}
.txt-center{text-align:center; padding:15px;}
a{color:#F4731F; text-decoration:none;  text-decoration:underline;}
a:hover{color:#FDCA00;}
.red{color:red};
img{border:0;}
.img-left{float:left; border:1px solid #000; margin-right:7px; margin-bottom:2px; margin-top: 0.6em;}
.img-right{float:right; margin-bottom:4px; margin-left:10px; }
.img-right-b{float:right; margin-bottom:4px; margin-left:10px; border: 1px solid #000;}
.img-center{margin:5px 2px 5px 2px;border:1px solid #000;}
/* Custom styles */
/*Header*/
body{background-image:url(../images/site/header-bg.jpg);  background-repeat:repeat-x;}
#header{width:960px;margin:0 auto;position:relative;height:140px;}
#logo{position:absolute;  top:32px;  left:15px; border:0;}


.newsletter {position: relative; height: 80px;}
.newsletter label{color:#F66C18; font-weight: bold; position: absolute; top: 18px; left: 15px;}
.newsletter input#email{ position: absolute; top: 40px; left: 15px; width: 270px;font-style: italic;color: #999999;}
.newsletter input#but{  position: absolute; top: 65px; left: 208px; width: 80px;}
.newsletter a{  position: absolute; top: 70px; left: 20px; width: 80px; text-decoration: none;}
.newsltter a:hover{  position: absolute; top: 70px; left: 20px; width: 80px; text-decoration: underline;}

#rec_value{
  width:312px; height: 109px;  margin:0 10px;  font-size:12px;  text-align:left;   background-image: url(../images/site/rec_bg.jpg); position: absolute; 
   top: 15px;right: 0;
}

#rec_value h3{
  position: absolute;
  top: 10px;
  left: 90px;
}

#rec_value p{
  position: absolute;
  top: 35px;
  left: 90px;
}

#rec_value img{
  position: absolute;
  top: 20px;
  left: 20px;
}

#rec_value a{
  position: absolute;
  top: 75px;
  left: 90px;
}


/*Nav*/

#nav-wrapper{width:960px;  margin:0 auto;  height:40px;}
#nav {padding:0px; margin: 0px auto; width: 960px; font-size:12px;	height: 40px;}
#nav ul {padding: 0px; margin: 0px; list-style: none;}
#nav li {float: left;display: block;position: relative;padding: 0px;margin: 0px;text-align:center;z-index:6;}
#nav a {color:#fff;display:block;list-style: none; padding: 0px; margin: 0px; text-decoration:none;} 
#nav li:hover{background-image: url(../images/site/nav-active.jpg);}
#nav .hi.sfhover {background-image: url(../images/site/nav-active.jpg);} 
#nav .hi{height: 40px; line-height: 40px; width: 118px; margin-right: 1px; font-weight: bold;}
#nav .hi a{color: #FF9701;}
#nav li:hover.hi a{color:#fff;}
#nav li ul {left: -2000px;position: absolute;	background-color: #FF9701; width: 200px;}
#nav li.sfhover ul {left: 0px;width: 200px; background-image:none;}
#nav li ul li{height: 25px;line-height: 25px;}
#nav li.hi a.active {left: 0px;background-image: url(../images/site/nav-active.jpg);background-repeat: repeat-x; color: #fff;} 
#nav li a:hover {left: 0px;background-image: url(../images/site/nav-active.jpg);background-repeat: repeat-x; color: #fff;}
#nav li.hi ul li a {color: #fff;}
#nav li.hi ul li a.active {left: 0px; background-image: url(none);background-repeat: repeat-x;}
#nav li ul a {height: 25px;border-left:#F4731F solid 1px; border-bottom: 1px solid #F4731F;border-right:#F4731F solid 1px; color:#FFFFFF; display:block; width: 200px; text-align:left; text-decoration:none; text-indent: 5px; font-weight: normal; background-color: #FF9701; font-weight: bold;}
#nav li:hover ul{left: 0px; width: 200px; background-image:none;}
#nav li ul a:hover{ color:#ffffff; text-align:left; background-color:#F4731F; background-image:none;}
#nav  a:hover{color:#fff;}
          

/*Focus*/
#focus-wrapper{height:260px;background-image:url(../images/site/focus-bg.jpg);background-repeat:repeat-x;}
#focus{background-image:url(../images/site/focus-in-bg.jpg);  background-repeat:no-repeat;  width:968px;  height:260px;  margin:0 auto;  position:relative;    }


#focus-sml-wrapper{height:40px;background-image: url(../images/site/focus-wrapper-sml-bg.jpg);}
#focus-sml{background-image: url(../images/site/focus-sml-bg.jpg);  background-repeat:no-repeat;  width:968px;  height:40px;  margin:0 auto;  position:relative;    }
#focus-sml p{position: absolute;top: 3px;left: 20px; color: #fff; font-size: 12px; margin: 0; padding:0; line-height: 35px; font-weight: normal; }
#focus-sml p a{color: #fff; font-weight: bold;}





#news-title{position:absolute;  margin:0;  padding:0;  top:35px;  left:60px;  color:#fff;}
#news-text{position:absolute;  margin:0;  padding:0;  top:85px;  left:60px;  width:450px;  color:#fff;  text-align:left;}
#news-text a{color:#fff;}

 #fadder-wrapper{
  position: absolute;
  top: 0;
  left: 590px;
  width: 375px;
  height: 260px;
  overflow: hidden;
}

#fadder{
  
  overflow: hidden;
}

#fadder img{
  position: absolute;
  top: 0;
  left: 0;
}


/*Main*/
#main-wrapper{background-image:url(../images/site/main-wrapper-bg.jpg);background-position:bottom; background-repeat:no-repeat; width:968px; margin:0 auto; padding-bottom:20px;}
#main{margin:0 auto;  background-image:url(../images/site/main-bg.jpg);  background-repeat:no-repeat;  width:968px; }
#content{margin:0 auto;  width:930px; }
/*Home Info Bar*/
#home-info-bar{ width:100%; float:left; position: relative; height: 155px;}
#home-info-bar .box{width:312px; height: 136px;  margin:0 10px;  font-size:12px;  text-align:left;   background-image: url(../images/site/home-info-box-bg.jpg); position: absolute; }
.box-how{top: 10px; left: 3px;}
.box-faq{top: 10px; left: 318px;}
.box-rec{top: 10px; left: 633px;}
#home-info-bar .box div.box-in{padding: 15px 10px 15px 0; text-align:justify; }
#home-info-bar .box .box-right{width:215px;  float:right; margin-right: 5px; }
#home-info-bar .box img{float: left; margin-left: 5px; margin-top: 5px;}
#home-info-bar .box h3{font-size:13px;margin: 0; padding: 0;}



#content-left{width:605px;  float:left;  text-align:justify; padding-top: 5px; }
#content-right{width:306px;  float:right;  text-align:justify;  padding-top:10px;}
.right-box{width:311px;  background-image:url(../images/site/right-box-bg-top.jpg);  background-repeat:no-repeat; margin-bottom: 10px; }
.right-box-bottom{padding:15px;  background-image:url(../images/site/right-box-bg-bottom.jpg);  background-position:bottom;  background-repeat:no-repeat;    }
.right-box h3{color:#F4731F;  margin:5px 0 15px 0;}

ul.big-tick{
  margin: 0;
  padding: 0;
  font-size: 13px;
}
ul.big-tick li{
  margin: 0.6em 0;
  line-height: 1.4em;
  padding: 0;
  font-size: 13px;
  list-style: none;
  background-image: url(../images/site/tick.jpg);
  background-position: left;
  background-repeat: no-repeat;
  text-indent: 20px;
}


ul.news-archive{
  margin: 0;
  padding: 0;
  font-size: 13px;
}
ul.news-archive li{
  margin: 0.6em 0;
  line-height: 1.4em;
  padding: 0;
  font-size: 13px;
  list-style: none;
  background-image: url(../images/site/news.jpg);
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 20px;
  font-size: 12px;
  margin-bottom: 5px;
}

ul.news-archive{
  margin: 0;
  padding: 0;
  font-size: 12px;
}
ul.news-archive li{
  margin: 0.6em 0;
  line-height: 1.4em;
  padding: 0;
  font-size: 12px;
  list-style: none;
  background-image: url(../images/site/news.jpg);
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 20px;
  font-size: 11px;
  margin-bottom: 5px;
}

ul.news-archive li a{
text-decoration: none;
}



#content-left ul,#content-full ul{
  margin: 0;
  padding: 0 0 0 20px; 
  text-align: justify;
}

#content-left ul li,#content-full ul li{
  margin: 0.6em 0;
  line-height: 1.5em;
}

p.note{
  background-color: #236A0C;
  padding: 5px;
  color: #fff;
  border: 1px solid #EFEFEF;
}


#content-full{
  text-align: left;
  padding-top: 1px;
}

.tools{
  width: 930px;
  height: 46px;
  background-image: url(../images/site/info-bar.jpg);
  background-repeat: no-repeat;
  line-height: 42px;
  text-indent: 15px;
}

.divider{
  
  border-bottom: 1px solid #446A22;
  padding-bottom: 3px;
}

#product-detail-left{
  float: left;
  width: 700px;
  
  text-align: left;
}

#product-detail-right{
  float: right;
  width: 210px;
  padding-top: 20px;
}

#product-detail-right img{
  margin: 10px 0;
}

table.side-contacts{
  width: 99%;
  margin-bottom: 10px;
  font-size: 11px;
}

table.side-contacts th{
  background-color: #FF9701;
  text-transform: uppercase;
  color: #fff;
  font-size: 12px;
}

table.side-contacts td{
  background-color: #EFEFEF;
  
}



table.b{}
table.b label{width:100px;  display:block;  float:left;  text-align:right;  font-weight:bold;  margin-right:5px;}
table.b input{width:350px;}
table.b textarea{width:350px;  height:150px;}
table.b td.register textarea{width:320px;  height:300px;}

table.b #but{width:100px;}


table.sb{}
table.sb label{width:250px;;  display:block;  float:left;  text-align:left;  font-weight:bold;  margin-right:5px;}
table.sb input{width:270px;}
table.sb textarea{width:270px;  height:150px;}
table.sb td.register textarea{width:320px;  height:300px;}

table.sb #but{width:100px;}



fieldset{border:1px solid #F17E1A;  margin-bottom:10px;}
legend{font-weight:bold;  color:#F17E1A;  text-transform:uppercase;}


/*Bottom Nav*/
#bottom-nav-wrapper{height:38px;;  background-color:#FF9701;}
#bottom-nav{width:968px;  margin:0 auto;  background-image:url(../images/site/bottom-nav-bg.jpg);  background-repeat:no-repeat;  height:38px;   }
#bottom-nav ul{margin:0 auto;   display:block;  width:930px;  padding:0;  color:#fff;  text-align:left;}
#bottom-nav ul li{margin:0;    padding:0;  color:#fff;  display:inline;  line-height:38px;}
#bottom-nav ul li a{color:#fff;  text-decoration:none;  }
#bottom-nav ul li a:hover{text-decoration:underline;  }
/*Footer*/
#footer-wrapper{ }
#footer{background-image:url(../images/site/footer-bg.jpg);   background-repeat:no-repeat;   width:968px;   margin:0 auto;   height:150px;   position:relative;  }
table.footer-contacts{position:absolute;  top:20px;  left:10px;  width:400px;  }
table.footer-contacts th{text-align:right;  }
table.footer-contacts td{text-align:left;    border-left:1px solid #FF9701;  }
#signature{font-size:11px; color:#B4B4B4;    width:940px;    margin: 0px auto 0 auto;  z-index: 10;      text-align:right;      }
#signature a{color:#B4B4B4;    text-decoration:none;}

#facebook{
  position: absolute;
  top: 12px;
  left: 600px;
  border:none;
}

#twitter{
  position: absolute;
  top: 12px;
  left: 680px;
  border:none;
}

#clean-energy{
  position: absolute;
  top: 12px;
  right: 10px;
}

#footer-print{
  display: none;
}


a.register{
  display: block;
  width: 199px;
  height: 35px;
  background-image: url(../images/site/register-your-interst.jpg);
  text-align: center;
  color: #fff;
  line-height: 35px;
  text-decoration: none;
  font-weight: bold;
}

.register-product{
  border: 1px solid #F17E1A;
  padding: 10px;
  margin: 10px 0;
  background-color: #F5F0F5;
}