/* CSS Document */
* { margin: 0; padding: 0; border:none; }
body { font:12px Arial, Helvetica, sans-serif; color:#444;  }

.fl { float:left; }
.fr  { float:right; }
.clear { clear:both; }

a { color:#fe7e00; text-decoration:none;  }
a:hover { color:#333; text-decoration:none;  }

.imgright { float:right; margin:0 0 12px 12px; padding:2px; border:3px solid #e6e6e6; }

/* Main -------- */

#header { background:#fff url(images/headerbg.png) repeat-x top; padding:20px 0; }
#header-in { width:960px; margin:0 auto; }

#navbg { background:#000 url(images/navbg.png) repeat-x top; height:30px; margin-bottom:1px; }
#banner { background:#3f3f3f url(images/bannerbg.png) repeat-x bottom; }
#banner-in { width:960px; margin:0 auto; height:350px; }

#head { background:#3f3f3f url(images/bannerbg.png) repeat-x bottom; }
#head-in { width:960px; margin:0 auto; padding:20px 0; }

#page { width:960px; margin:0 auto; height:100%; overflow:hidden; clear:both;}
#content { width:665px; float:left;  padding:15px 0; }
.single_col { width:960px !important;  }
#sidebar { width:240px; float:right; margin-top:-3px; padding:18px 0 15px 20px;background:url(images/sidebarbg.png) no-repeat top left; min-height:250px;  }

#footer { background:#000; border-top:4px solid #ffb400; }
#footer-in { width:960px; margin:0 auto; height:20px; padding:20px 0; }

/* header -------- */
.logo { width:232px; height:45px; display:block; text-indent:-9009px; background:url(images/logo.png) no-repeat; }


/*top page navigation ----------- */
.nav { list-style:none;  width:960px; margin:0 auto; padding:0; }
.nav li { margin:0; padding:0; font:bold 12px Arial, Helvetica, sans-serif; color:#fff; float:left; text-transform:uppercase;  }
.nav li a { padding:8px 15px 7px 15px;  color:#fff; text-decoration:none; float:left; display:block; border-right:1px solid #717171; }
.nav li a:hover { color:#000; background:#f2d503 url(images/current_navbg.png) repeat-x top; }
.nav li.current a {  color:#000; background:#f2d503 url(images/current_navbg.png) repeat-x top;  }

/* Banner  ----------- */

#banner .bcontent { width:395px; float:left; padding:75px 0 0px 0; height:245px;  position:relative; }
#banner .bcontent h1.title { width:372px; margin:0; padding:0; height:81px; margin-bottom:30px; display:block; text-indent:-9009px; background:url(images/head_keon_power.png) no-repeat; }
#banner .bcontent h2.subhead { width:363px; height:42px; margin:0; padding:0; display:block; text-indent:-9009px; background:url(images/head_generator.png) no-repeat; }

#banner .bcontent .more { position:absolute; left:0; bottom:0; text-indent:-9009px;  }
#banner .bcontent .more a { display:block; background:url(images/b_readmore.png) no-repeat; width:129px; height:19px; }
#banner .bcontent .more a:hover { background-position:0 -19px; }


#banner .banner_slider { width:525px; height:327px; float:right; padding:10px;  position:relative; text-align:right;  }
#banner ul { margin:0 0 6px 0; padding:0; position:absolute; right:0; bottom:0; list-style:none; }
#banner li { margin:0; padding:0; float:left; background:none; } 
#banner li img { border:4px solid #9b9b9b; margin-left:10px; }


/* Content ----------- */

#head h1 { margin:0; padding:0; font-size:36px; color:#fff; font-weight:normal; text-transform:uppercase; }

h2 { margin:0; padding:0; font:28px Arial, Helvetica, sans-serif; color:#000; }
h3 { margin:0 0 15px 0; padding:0; font:22px Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase; }
h4 { margin:25px 0 5px 0; padding:0; font:normal 18px Arial, Helvetica, sans-serif; color:#000;}

p { margin:0 0 15px 0; padding:0; font:12px Arial, Helvetica, sans-serif; color:#444; line-height:20px; }

#content ul, #sidebar ul { list-style:none; margin:0; padding:0;  }
#content ul li, #sidebar ul li { margin:0 0 10px 0; padding:0 0 5px 15px; line-height:18px; background:url(images/bullet.png) no-repeat; font-size:12px; }

#content ol, #sidebar ol { list-style:none; margin:0; padding:0;  }
#content ol li, #sidebar ol li { margin:0 0 10px 28px; padding:0 0 5px 0; line-height:18px; background:none; list-style:decimal; font-size:12px; }

#content .product { height:100%; overflow:hidden; padding-bottom:10px; margin-bottom:20px; border-bottom:1px  dotted #ccc; }
#content .product img  { float:left; margin:0 15px 15px 0; border:1px solid #ccc;  }
#content .product h3 { font:18px Arial, Helvetica, sans-serif; margin:0; padding:0; color:#000; text-transform:none; }

.pbutton  { background:#000; margin-right:10px; cursor:pointer; font:bold 13px Arial, Helvetica, sans-serif; padding:5px 10px; text-align:center; color:#fff;  }

.imgc {  margin:0 0px 0px 0; border:1px solid #ccc;  }

/* Contact Us */ 

.note { font-size:11px; color:#666;  }

.field { overflow:hidden; height:100%; margin-bottom:8px; }
.field_l { width:100px; float:left; font-weight:bold; }
.field_r { width:450px; float:left; }
.textfield { border:1px solid #ccc; width:280px; background:#eee; padding:3px; font:13px Arial, Helvetica, sans-serif; }
.textfield:hover { background:#fff; }

.button { background:#000; margin-left:100px; cursor:pointer; font:bold 13px Arial, Helvetica, sans-serif; padding:5px 10px; text-align:center; color:#fff;  }

/* footer  ----------- */
#footer p { margin:0 0 5px 0; padding:0;  font-size:12px; color:#626262;  }
#footer p a { color:#626262; text-decoration:none; padding:0 10px; }
#footer p a:hover { color:#fff; text-decoration:none; }