/* CSS Document */
body{background:url(../images/bg_body.jpg) no-repeat center top; margin:0 auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

a img{border:0;}


h1{color:#444444; font-size:14px; text-transform:uppercase; padding:15px 5px 5px 5px; margin:0; border-bottom:1px solid #cccccc;}
h1#onecolumn{margin:0 5px 0 5px;}

h2{font-size:15px; padding:15px 5px 5px 5px; margin:0; color:#666666;}
h3{color:#666666; font-size:16px; text-align:center; border-bottom:1px solid #cccccc; padding:12px 5px 5px 5px; margin:0 5px  10px 0;}
h4{font-size:12px; color:#666666; padding:10px 5px 5px 5px; margin:0;}

/* for products section */
h5{font-size:16px; text-transform:uppercase; margin:10px 5px 0 5px; padding:10px; background:#006fa5; color:#fff;}
h6{color:#fff; text-transform:uppercase; font-size:14px; background:#006fa5; padding:5px 10px 5px 10px; margin:20px 20px 10px 10px}
/* for products section - end */

h7{color:#444444; font-size:16px; text-transform:uppercase; padding:15px 5px 5px 5px; margin:0;}
h8{color:#444444; font-size:12px; text-transform:uppercase; padding:15px 5px 5px 5px; margin:0; border-bottom:1px solid #cccccc;}

p{color:#444444; padding:5px 5px 5px 5px; margin:0; font-size:12px}

input, textarea, select{font-size:12px; font-family:Arial, Helvetica, sans-serif;}

#dealersTable tr td{
	border:#CCC thin solid;
}
#container{background:url(../images/bg_container1.jpg) no-repeat top center; margin:0 auto; width:790px; padding-top:10px}
#products #container{ background:url(../images/bg_container2.png) no-repeat top center; }

#container2{ margin:0 auto; width:790px;}

#container3{width:790px; float:left; background:#fff;}
#productSwf{width:100%; text-align:center; margin-top:10px; margin-bottom:10px; background-color:#FFF; width:775px;}
#header{background:url(../images/bg_header2.jpg) no-repeat; width:790px; height:70px; margin:0px auto;}
#header img{margin:10px 0 0 15px; float:left;}

#slogan{float:right; width:240px;font-size:20px; color:#426E0D; line-height:180%; letter-spacing:-1px; padding-top:20px}

#headerright{width:230px; float:right; padding-right:10px; text-align:right; color:#666; font-size:11px; line-height:200%}
span#tollfree{font-size:14px;}
input{vertical-align:middle;}
input#logininput{width:80px; border:1px solid #cccccc; padding:2px 4px; font-size:10px; background:url(../images/bg_input.jpg) no-repeat; }
#headerright form { clear:both; margin:0px; padding:0px;}
#headerright a{color:#666; text-decoration:none;}
#headerright a:hover{text-decoration:underline;}


#bannerarea{width:790px; height:205px; margin:5px auto; clear:both; padding-left:10px;}
.bannercolumn{width:253px; margin:0 10px 0 0; float:left;}
.bannercolumn#column3{margin-right:0px;}
.bannertext, .bannertext2{background:url(../images/bg_bannertext.gif) no-repeat; height:45px; float:left; width:178px; padding:7px 35px 0 40px;}
.bannertext:hover, .bannertext2:hover { background-image:url(../images/bg_bannertext_over.gif); }
.bannertext a, .bannertext2 label{display:block; width:178px; text-align:left; color:#fff; font-size:18px; text-decoration:none; line-height:95%; height:42px; float:left; padding-top:3px;}
.bannertext a span, .bannertext2 label span, .bannertext2 label a{color:#aedcf0; font-style:italic; letter-spacing:1px; text-decoration:none}

#bannerarea2{width:785px; height:610px; margin:5px auto; clear:both; padding-left:5px;}
body.productsmain #bannerarea2 { height:415px; }
body.productssub .bannercolumn { height:105px; }


em.positiontitle { float:right; font-size:12px; margin-right:10px; color:#000; font-style:normal; }

.simplifyList a { font-weight:bold; text-decoration:underline; cursor:pointer; }

#column1 .bannertext a, #column1 .bannertext2 label{ background:url(../images/bannericon_1.gif) top right no-repeat;}
#column2 .bannertext a{ background:url(../images/bannericon_2.gif) top right no-repeat;}
#column3 .bannertext a{ background:url(../images/bannericon_3.gif) top right no-repeat;}
#column1 .bannertext a:hover, #column1 .bannertext2 label:hover{ background:url(../images/bannericon_1_over.gif) top right no-repeat;}
#column2 .bannertext a:hover{ background:url(../images/bannericon_2_over.gif) top right no-repeat;}
#column3 .bannertext a:hover{ background:url(../images/bannericon_3_over.gif) top right no-repeat;}

#products #column1 .bannertext2 label,
#products .bannertext a { background:none; text-align:center; }

body.productsmain #column1 .bannertext a:hover, body.productsmain #column1 .bannertext2 label:hover,
body.productsmain #column2 .bannertext a:hover,
body.productsmain #column3 .bannertext a:hover,
body.productssub #column1 .bannertext a:hover, body.productssub #column1 .bannertext2 label:hover,
body.productssub #column2 .bannertext a:hover,
body.productssub #column3 .bannertext a:hover { background:none; }

p#breadcrumbs{font-size:10px; color:#2a7f52; font-weight:bold; padding:10px 0 0 20px; margin:0}
p#breadcrumbs a{color:#fff; background:url(../images/icon_arrow.png) no-repeat right 5px; padding-right:12px; margin-right:8px }
p#breadcrumbs a:hover{color:#2a7f52;}
p#breadcrumbs span{text-decoration:underline;}



#main{width:700px; padding:5px 0 30px 30px; clear:both; float:left;}
#mainint{width:700px; padding:5px 0 0px 0px; clear:both; float:left;}

#leftcol{width:450px; float:left; padding-left:5px;}
#rightcol{width:220px; float:right;}

#productRight{width:390px; float:right; padding-left:5px;}
#productLeft{width:390px; float:left; padding-right:5px;}
#productLeft ul li ul li{margin-left:35px; width:auto; float:none;}
#productRight ul li ul li{margin-left:35px; width:auto; float:none;}

#specifications{width:790px; float:left; background:url(../images/bg_specifications.gif) repeat-y;}

body#products #leftcol{width:430px;}
body#products #rightcol{width:320px; margin-right:5px;}

#main ul, #main ol{padding:10px 5px 10px 0; margin:0 0 0 30px}
#main li{background:url(../images/icon_arrow_green.png) left 5px no-repeat; list-style:none; padding: 0 0 15px 30px; margin:0; font-size:12px; line-height:120%;}

#main li li{padding:0 0 5px 15px;}

#main a{color:#006699;}
#main a:hover{color:#009966;}


#main #rightcol ul{padding:0 15px 5px 5px; margin:0}
#main #rightcol li{ background:none; padding:0; margin:0; margin:5px 0; background:url(../images/rightcol_bg.jpg) bottom left repeat-x; padding:10px 5px; font-weight:bold; color:#009966; padding-left:10px; }
#main #rightcol li li { background:none; margin:5px 0; padding:0; }
#main #rightcol li a{ display:block; font-weight:normal; color:#000; text-decoration:none; color:#003366; background:url(../images/icon_arrow_green.gif) left 4px no-repeat; font-size:12px; padding-left:10px; }
#main #rightcol li a.selected {
font-weight:bold; color:#009966; 
}
#main #rightcol li a:hover{text-decoration:underline; color:#009966;}


a.rightnav{float:left; width:155px; color:#000000 !important; font-size:10px; text-decoration:none; display:block; height:80px; padding:7px 10px 0 88px; line-height:100%; cursor:pointer}
a.rightnav span{color:#333333; font-weight:bold; font-size:14px; display:inline-block; padding-bottom:3px; line-height:110%}

a.rightnav#rightnav_1{background:url(../images/bg_rightnav_tab1.jpg) no-repeat;}
a.rightnav#rightnav_2{background:url(../images/bg_rightnav_tab2.jpg) no-repeat;}
a.rightnav#rightnav_3{background:url(../images/bg_rightnav_tab3.jpg) no-repeat;}
a.rightnav#rightnav_4{background:url(../images/bg_rightnav_tab4.jpg) no-repeat;}
a.rightnav#rightnav_pdf{background:url(../images/bg_rightnav_tab_pdf.jpg) no-repeat;}

a.rightnav#rightnav_1:hover,
body#consumer a.rightnav#rightnav_1{background:url(../images/bg_rightnav_tab1_o.jpg) no-repeat;}
a.rightnav#rightnav_2:hover,
body#commercial a.rightnav#rightnav_2{background:url(../images/bg_rightnav_tab2_o.jpg) no-repeat;}
a.rightnav#rightnav_3:hover,
body#utility a.rightnav#rightnav_3{background:url(../images/bg_rightnav_tab3_o.jpg) no-repeat;}
a.rightnav#rightnav_4:hover,
body#everyone a.rightnav#rightnav_4{background:url(../images/bg_rightnav_tab4_o.jpg) no-repeat;}
a.rightnav#rightnav_pdf:hover,
body#document a.rightnav#rightnav_pdf{background:url(../images/bg_rightnav_tab_pdf_o.jpg) no-repeat;}

a#learnhow{background:url(../images/bg_learnhow_btn.gif) no-repeat left top; width:129px; height:40px; display:block; color:#fff; font-size:14px; text-decoration:none; text-align:center; padding-top:10px; padding-left:5px; cursor:pointer}
a#learnhow:hover{background:url(../images/bg_learnhow_btn.gif) no-repeat -134px top; color:#fff;}


a.read{background:url(../images/icon_tick.gif) no-repeat left center; padding-left:20px; color:#006699; font-size:14px;}
a.read:hover{color:#009966}

#footer{width:790px; float:left; background:url(../images/bg_footer.png) no-repeat top; height:32px; clear:both; padding-top:5px; margin-left:0px;}
body.productsmain #footer { background-image:url(../images/bg_footer.png); display:none; }
#footer a{color:#fff; font-size:12px; font-weight:bold; text-decoration:none; padding:0; display:block; width:auto; float:left}
#footer a span{padding:5px 23px 5px 23px;display:block;}

#footer a:hover{background:url(../images/bg_footer_select_right.png) no-repeat right top}
#footer a:hover span{background:url(../images/bg_footer_select_left.png) no-repeat left top}

body#home #footer a#footer_1 span,
body#applications #footer a#footer_2 span,
body#benefits #footer a#footer_3 span,
body#get_involved #footer a#footer_4 span,
body#technical #footer a#footer_5 span,
body#about #footer a#footer_6 span,
body#faq #footer a#footer_7 span,
body#contact#footer a#footer_8 span
{background:url(../images/bg_footer_select_left.png) no-repeat left top}

body#home #footer a#footer_1,
body#applications #footer a#footer_2,
body#benefits #footer a#footer_3,
body#get_involved #footer a#footer_4,
body#technical #footer a#footer_5,
body#about #footer a#footer_6,
body#faq #footer a#footer_7,
body#contact #footer a#footer_8
{background:url(../images/bg_footer_select_right.png) no-repeat right top}

p#copyright{clear:both; padding:0 0 10px 0; margin:0 auto; width:100%; text-align:center; font-size:10px; font-weight:bold; color:#999; }

img.fright{float:right; margin:5px 0 10px 10px;}
img.fleft{float:left; margin:5px 10px 10px 0;}


a#register{background:url(../images/bg_register_btn.png) no-repeat; display:inner-block; height:32px; width:240px; float:right; text-align:center; color:#fff; font-size:16px; font-style:italic; text-decoration:underline; padding-right:20px; padding-top:4px;}
a#register:hover{color:#fff;}

#main a.button{background:url(../images/bg_btn.jpg) top right no-repeat; display:inner-block; height:24px; width:230px; clear:left; float:left; text-align:center; color:#fff; font-size:14px; padding-right:20px; padding-top:8px; color:#FFF; text-decoration:none; overflow:hidden; margin-top:10px;}
#main a.button:hover{ background-position:right -32px; color:#fff;}


/* styles for forms */
p.note{font-size:12px !important; color:#ff0000;}

#info{font-size:12px; padding-left:25px;}
#info label{float:left; width:180px; display:block; padding-right:10px; margin-bottom:5px; clear:both;}
#info .formitem{float:left; width:200px; margin:0 0 5px 0;}
#info .formitem .errors{font-size:10px; display:block; clear:both; float:left}
#info input, #info textarea{width:200px; border:1px solid #006699;}
#info textarea{height:80px;}
#info select{width:203px; border:1px solid #006699;}
#info input.sub{border:none; background:url(../images/bg_learnhow_btn.gif) no-repeat left top; width:129px; height:40px; color:#fff; font-size:14px; padding-bottom:5px; padding-left:5px; cursor:pointer; text-transform:uppercase;}
#info input.sub:hover{background:url(../images/bg_learnhow_btn.gif) no-repeat -134px top;}
#info .checkboxdiv input{width:15px; border:none;}
#info label.title{font-size:14px; color:#666; width:400px; margin-bottom:10px; font-weight:bold; margin-top:10px;}


table.specifications{margin-top:20px;}
table.specifications th{text-align:left; color:#fff; text-transform:uppercase; font-size:14px; background:#009773; padding:5px 10px 5px 10px;}
table.specifications td{font-size:12px; border-bottom:1px solid #ccc; padding:3px 10px 3px 10px; vertical-align:top;}

table#righttable1{float:left; width:120px; margin-left:20px; margin-top:80px; clear:both}
table#righttable2{float:right; width:140px; margin-right:20px; margin-top:80px;}

table#righttable1 th, table#righttable2 th{background:#006fa5; color:#fff; font-size:12px; text-align:center; border-bottom:1px solid #fff; border-right:1px solid #fff;}
table#righttable1 th{padding:4px 0 2px 0;}
table#righttable2 th{padding:8px 0 6px 0;}
table#righttable1 td, table#righttable2 td{background:#009773; color:#fff; font-size:12px; text-align:center; border-right:1px solid #fff; border-top:1px solid #fff; padding:5px 0 5px}

#main ul.downloads li { padding-left:15px; }

.flash-replaced { padding:12px 0 0 7px; }

.right { float:right; }
.left { float:left; }
.dealernavlinks { margin-top:16px; }
.dealernavlinks a { background:url(../images/arrow_down.gif) top left no-repeat; display:inline-block; float:right; padding-left:18px; text-decoration:none; margin-left:10px; font-weight:bold; }

.img_rightcol { margin:12px 0 0 15px; }

#subfooterarea { font-size: 10px; color: #BFBFBF; padding: 0px; text-align: center;}

#subfooterarea a:link, #subfooterarea a:visited { font-size: 10px; color: #BFBFBF; text-decoration: none; }

#subfooterarea a:hover { color: #0FA0DD; background-color: #FFFFFF;}