body { background-color:#000000; font:11px arial, sans-serif; color:#ffffff; margin:0; padding:0; }
 

/*-- LINKS  --*/

a:link, a:visited { text-decoration:none; color:#f7030d; }
a:hover, a:active {text-decoration:underline; color:#ffffff; } 

a:link.rev, a:visited.rev { text-decoration:none; color:#ffffff; }
a:hover.rev, a:active.rev {text-decoration:underline; color:#f7030d; } 

a:link.revunder, a:visited.revunder { text-decoration:underline; color:#ffffff; }
a:hover.revunder, a:active.revunder { text-decoration:underline; color:#f7030d; } 

a:link.rev2, a:visited.rev2 { text-decoration:none; color:#ffffff; }
a:hover.rev2, a:active.rev2 {text-decoration:underline; color:#adadad; } 

a:link.grey, a:visited.grey { text-decoration:none; color:#cdcdcd; }
a:hover.grey, a:active.grey {text-decoration:underline; color:#f7030d; } 

a:link.dl, a:visited.dl { text-decoration:underline; color:#76c5ee; }
a:hover.dl, a:active.dl { text-decoration:underline; color:#ffffff; } 


a:link.artselect, a:visited.artselect { text-decoration:none; color:#3995e6; }
a:hover.artselect, a:active.artselect {text-decoration:underline; color:#adadad; } 


a:link.gr, a:visited.gr { text-decoration:underline; color:#ff1b1b;  }
a:hover.gr, a:active.gr { text-decoration:underline; color:#ffffff; } 





/*-- GLOBAL FIXES --*/

img {border:none;}
form {padding:0px; margin:0px;}
.txtpad { margin:0 5px 0 5px ;}
.txtpadb { margin:0 15px 10px 7px ;}
.headers { margin-bottom:1px;}

.result { width:600px; margin:10px 0 20px 10px; padding-bottom:5px; border-bottom:1px dotted #cdcdcd; }
.resulthd { font: bold 12px arial, sans-serif; padding-bottom:4px;}
.restxt { font-size:12px; margin:20px 0 20px 10px;}

#headcontainer { width:798px; margin-right:auto; margin-left:auto; border-left:1px solid #4a4a4a;  border-right:1px solid #4a4a4a;}

#topnavbox { background: url(gfx/head_bg.jpg) repeat-x #232323; width:798px; height:41px; }

#searchbox {margin:11px 0 0 10px; float:left;}
input.sea {  background-image: url(gfx/txt_bg.gif); border:#828282 1px solid; height:14px; color:#000000; font:9px verdana, sans-serif; width:120px; margin:0; vertical-align:middle; padding:1px 0 0 4px;}
input.btnsea { font:bold 10px arial, sans-serif; color:#ffffff; background-color:#d30409;  border:#d30409 1px solid; height:17px; padding:0 2px 0 2px; margin:1px 0 1px 3px; vertical-align:middle;}

label.seal {color:#ffffff; vertical-align:middle; padding:0 5px 0 0;}

#dda { float:right; padding:14px 10px 0 0;}

/*-- END --*/


#tabcontainer { background: url(gfx/tabs_bg.jpg) repeat-x; height:49px; overflow:hidden;}


  #tabs { float:left; background:transparent; font-size:11px; padding-left:10px; }
  
  #tabs ul { margin:0; padding:0; list-style:none;}
  #tabs li { display:inline; margin:0; padding:0; }
 
  #tabs a { float:left; background:url("gfx/tab_left.png") no-repeat left top; margin:0; padding-left:8px; text-decoration:none;}

  #tabs a span { float:left; display:block; background:url("gfx/tab_right.png") no-repeat right top; padding:20px 15px 0px 6px; height:49px; text-align:center; color:#cdcdcd;}

  #tabs li.default { float:left; background:url("gfx/tabs_end.gif") no-repeat left top;  display:inline; margin:0;  padding:0; width:4px; height:49px; }


    #tabs a:hover span {
      color:#ffffff;
      }
    #tabs a:hover {
      background-position:0% -49px;
      }
    #tabs a:hover span {
      background-position:100% -49px;
      }





/*-- BODY ELEMENTS SETUP --*/
#fadesubbox { background: url(gfx/sub_fade.jpg) repeat-x #140303; width:798px;  margin-right:auto; margin-left:auto; padding:0; margin-top:0; overflow: auto;  border-left:1px solid #4a4a4a;  border-right:1px solid #4a4a4a;}

#bodybgbox { background: url(gfx/hiwatt_boutique_valve_amps.jpg) no-repeat; width:798px;  margin-right:auto; margin-left:auto; padding:0; background-position: 0px 255px; overflow: auto; }

#leftpagebox {float:left; width:508px;}
#homeflash { width:508px; height:230px; margin:10px;}
#bodycontent { width:508px; margin:28px 10px 10px 10px;}

.bodyhome {font:bold 17px arial, sans-serif;padding:5px 0 5px 0;}

.bodyhd1 {font:bold 17px arial, sans-serif;padding:5px 0 5px 5px;}
.bodysubhd1 {font:bold 12px arial, sans-serif; padding-bottom:10px;}
.bodycontentpics { float:right; padding:0 0 5px 10px;}


/*-- PRODUCTS --*/
#fadesubboxprod { background: url(gfx/hiwatt_circ_pagebg.jpg) repeat-x #383838; width:798px;  margin-right:auto; margin-left:auto; padding:0; margin-top:0; overflow: auto;  border-left:1px solid #4a4a4a;  border-right:1px solid #4a4a4a;}
#leftpageboxprod { float:left; width:508px; padding:10px 0px 10px 12px; overflow:hidden;}

.rangehd1 {font:bold 17px arial, sans-serif; padding:6px; background-color:#2F2F2F; margin:0 11px 5px 0; border-bottom:1px solid #cdcdcd; }
.prodhd{width:497px; height:197px; float:left; padding:5px 0 0 0; margin-bottom:17px; }
.prod1{width:151px; float:left; padding:5px 22px 0 0; }
.prod2{width:151px; float:left; padding:5px 0 0 0; }
.prod3{width:151px; float:left; padding:5px 0 0 22px; }

.morebutton {text-align:right; padding:15px 0 0 0;}

.listview { border-collapse:collapse; border-bottom:1px dotted #4f4f4f; margin:0; width:497px; }
.listview td { padding:10px 10px 10px 0; }
.listpic{ width:150px; }
.listhd {font: bold 14px arial, sans-serif; padding-bottom:4px;}
.listtxt { width:99%; height:84px; overflow:hidden;}


.lithumb { width:150px; height:150px; border:1px solid #cdcdcd; overflow:hidden; }
img.listthumb { width:375px;}

.mainpic { border:1px solid #cdcdcd; width:375px; float:left; }
.mainpic2 { width:375px;}

#thumbpicbox { float:left; padding:0; margin-left:18px; width:102px; overflow:hidden;}
.thumbpic { border:1px solid #cdcdcd; width:100px; height:63px; float:left; overflow:hidden; margin: 0 0 19px 0; }
img.thumb { width:275px;}

.catthumb {width:151px; height:153px;} 


/*-- ARTIST THUMBS --*/

.artthumb1{ width:119px; float:left; padding:5px 6px 0 0; }
.artthumb2{ width:119px; float:left; padding:5px 6px 0 6px; }
.artthumb3{ width:119px; float:left; padding:5px 0 0 6px; } 
.arthdtxt { background: url(gfx/art_hd_bg.jpg) no-repeat; text-align:center; height:43px; padding:8px 5px 5px 5px; font:10px arial, sans-serif; }

.artthumbcontainer { width:119px; height:78px; overflow:hidden; }
.artthumb { width:119px; } 

#alpha {font:bold 24px arial, sans-serif; padding:10px 0 10px 0; letter-spacing:1px; width:775px; text-align:center;}

.artbackhd { background-color:#2F2F2F; font:12px arial, sans-serif; padding:7px 0 0 4px; height:24px; border-top:1px solid #cdcdcd; text-align:left; margin-top:10px;}



/*-- PRODUCT DETAILS --*/
.buybox {float:right; margin:3px 7px 5px 5px; padding:10px; background:#2F2F2F; width:127px; text-align:right; font:10px arial, sans-serif; color:#8c8c8c; line-height:10px; border:1px solid #474747; }

.backhd1 {font:12px arial, sans-serif; padding:7px 0 0 4px; height:24px; background-color:#2F2F2F; margin:5px 11px 5px 0; border-top:1px solid #cdcdcd; text-align:left; }

.optdrop {font:bold 10px arial, sans-serif; color:#000000; background-color:#ffffff; padding:0; margin:5px 0 10px 0; width:100px;}

.qtybox {float:right; height:19px; padding:0; margin:0;}
.pdqty { background-image: url(txt_bg.gif); width:20px; border:1px solid #000000; height:19px; margin-right:5px; 
text-align:center; padding:0;}

.addbtn { vertical-align:top; float:right; height:19px; padding-top:2px; }



/*-- SIMPLE BODY ELEMENTS --*/
#fadesubbox2 { background: url(gfx/sub_fade.jpg) repeat-x #353535; width:798px;  margin-right:auto; margin-left:auto; padding:0; margin-top:0; overflow: auto;  border-left:1px solid #4a4a4a;  border-right:1px solid #4a4a4a;}
#fullpagecontact { background: url(gfx/hiwatt_dealers_bg.gif) no-repeat ; float:left; width:786px; padding:10px 0px 10px 12px;}
.prodhdtxt { background: url(gfx/prod_hd_bg.jpg) no-repeat; text-align:center; height:43px; padding:13px 5px 5px 5px; font:bold 12px arial, sans-serif;}

#fullpagenbg {  float:left; width:786px; padding:10px 0px 10px 12px;}

/*-- NAV BAR LIST --*/
ul.topcat,li.topcat { list-style: square inside; padding:0 10px 0 0; margin:0; }
li.topcat { padding: 4px 4px 4px 7px;  border-bottom: 1px dotted #cdcdcd; font:bold 13px arial, sans-serif;}
li.topcat:hover {list-style: square inside; background-color: #232323;}

li.topcat2 { padding: 4px 4px 4px 7px; border-bottom: 1px dotted #cdcdcd; font:bold 14px arial, sans-serif;  background-color: #232323; color:#D30409; }


ul.subcat { padding:0; margin:0; }
li.subcat { list-style: square inside; padding:4px 0 4px 11px; margin:0;  border-bottom: 1px dotted #4f4f4f; color:#ffffff; }
li.subcat:hover { list-style: square inside; background-color: #2E2E2E; padding-left:12px; color:#717171;  }

li.subcat2 { list-style: square inside; padding:4px 0 4px 11px; margin:0;  border-bottom: 1px dotted #4f4f4f; color:#D30409; background-color: #232323; font-weight:bold;}


/*-- DEALER LIST --*/

.dishds { font:bold 14px arial, sans-serif; border-bottom:1px dotted #7c7c7c; margin:20px 0 10px 0; width:220px; padding-bottom:3px; }

.dealercontainer  { float:left; width:760px; padding:0; margin:0;}

.newscontainer  { float:left; width:775px; padding:0; margin:0; }

.dealerbox { width:155px; padding:20px 10px 5px 0; margin-right:20px; font-size:11px; float:left; font:11px arial, sans-serif; }

#locdropbox {float:left; padding:10px 10px 5px 0; border-bottom:1px solid #cdcdcd;}
select.localdrop { font-size:10px; height:19px;  vertical-align:bottom;}
input.local { font: 11px arial, sans-serif; color:#ffffff; background-color:#c21920; margin: 0 0 0 5px; padding:2px; border: 0; height:20px; }

.loctxt {font:bold 12px arial, sans-serif; color:#000000; background-color:#898989; padding:0 5px 0 5px; }
.localview {float:left; font-size:12px; border-bottom:1px solid #cdcdcd; padding:14px 0 6px 0; }



/*-- RIGHT NEWS BAR --*/
#rightnewsbox { background: url(gfx/hiwatt_news_bg.jpg) repeat-x #232323; float:right; width:250px; margin:10px; _margin:10px 5px 10px 0; padding:3px;
  /* for IE */
  filter:alpha(opacity=85);
  /* CSS3 standard */
  opacity:0.85;
}


#rightnews {
  /* for IE */
  filter:alpha(opacity=100);
  /* CSS3 standard */
  opacity:1.0; color:#ffffff; padding:10px; width:230px; overflow:hidden;}

.newsbarhd { background-color:#242424; font:bold 14px arial, sans-serif; padding:5px 10px 5px 10px;}
.newsbarhd2 { background-color:#181818; font:bold 12px arial, sans-serif; padding:5px 10px 5px 10px;}
.newssub {font: 11px arial, sans-serif; color:#61aaeb; padding-bottom:4px; }
.newsimage { float:left; margin:3px 7px 4px 0; width:78px; border:1px solid #cdcdcd;}
.newstxtsum {height:101px; width:100%; overflow:hidden;}
.newsmore {width:100%; text-align:right; color:#cdcdcd; font:10px verdana, sans-serif; font-variant:small-caps; border-bottom:1px dotted #cdcdcd; padding:5px 0 5px 0; margin-bottom:10px;}



/*-- MAIL LIST --*/
.mailbox {padding:10px;}

input.mailjoin { background-image: url(gfx/txt_bg.gif); border:#828282 1px solid; height:16px; color:#000000; font:10px arial, sans-serif; width:160px; margin-right:10px;  padding:2px 0 0 4px; vertical-align:middle;}

input.joinbtn { font:bold 10px arial, sans-serif; color:#ffffff; background:#B71219; border:#B71219; padding:0 2px 0 2px; height:20px; margin:0; vertical-align:top; cursor:pointer;}
.mailins {padding-top:5px;}

select.maildrop { font-size:11px; height:19px; margin-bottom:3px; background:#f0efef;}


/*-- REGISTRATION --*/
.reghds { font-weight:bold; border-bottom:1px solid #646464; padding:6px 3px 6px 6px; margin-bottom:5px; text-align:left; background:#414141;}
.regform { padding:20px; float:left; width:420px;}
input.reg {	background-image: url(txt_bg.gif); height: 17px; width: 263px; margin-bottom:5px; border:#424242 1px solid; color:#000000; font: 11px verdana, sans-serif; padding:4px 0 0 6px; }
input.regdate {	background-image: url(txt_bg.gif); height: 17px; width: 100px; margin-bottom:5px; border:#424242 1px solid; color:#000000; font: 11px verdana, sans-serif; padding:4px 0 0 6px; }

select.regdrop { font-size:11px;  background:#f0efef; margin-top:2px;}




/*-- STORE FORMAT --*/ 
.smbtnsbox {padding:0; margin:0; width:215px;}
.feainfobox {width:85px; padding-right:10px; margin:0;  border-right: 1px solid #D0D0D0;}
.genstk { color:#cdcdcd; font:10px arial, sans-serif; text-align:right; }
.feaprice {font: bold 16px arial, sans-serif; color:#ffffff; padding-left:3px;}


/*-- CART SUMMARY --*/

#sumbox {margin:10px;}
.cartable { width:230px; border-collapse:collapse;}
.cartable td { border-bottom:1px dotted #cdcdcd; padding:4px; }
.cartable th { font-weight:bold; border-bottom:1px dotted #cdcdcd; padding:8px 4px 8px 4px; letter-spacing:1px; background:#2e2c2c; }
.ctleft {text-align:left;}
.ctright { text-align:right;}

.checkhd { background-color:#242424; font: 12px arial, sans-serif; padding:5px 10px 5px 10px; text-align:right; letter-spacing:1px; }


#cartbox { background: url(gfx/hiwatt_news_bg.jpg) repeat-x #232323; float:right; width:250px; margin:10px; _margin:10px 5px 10px 0; padding:3px;
  /* for IE */
  filter:alpha(opacity=85);
  /* CSS3 standard */
  opacity:0.85;
}



/*-- CHECKOUT --*/

.checktable { font: 11px arial, sans-serif; color:#ffffff; margin:30px 20px 30px 20px; border-collapse:collapse; width:730px;}
.checktable td { padding:6px 4px 4px 4px; border-bottom: 1px solid #5a5a5a;}
.checktable th { background-color:#414141; font:bold 11px arial, sans-serif; letter-spacing:2px; padding:5px 0 5px 4px; color:#cdcdcd; text-align:left; border-bottom: 1px solid #BCBCBC; }

th.right { background-color:#414141; font:bold 11px arial, sans-serif;letter-spacing:2px; padding:5px 5px 5px 4px; color:#cdcdcd; text-align:right; border-bottom: 1px solid #BCBCBC;  }

th.tot { font:bold 13px  arial, sans-serif; letter-spacing:2px; padding:5px 3px 5px 4px; color:#ffffff; text-align:right; border-bottom: 1px solid #BCBCBC; background-color:#810101; }

select.qty { font:bold 11px arial, sans-serif; color: #810101; height:19px; vertical-align:middle; margin:0px; }
select.ship { font:bold 11px arial, sans-serif; color: #810101; height:19px; vertical-align:middle; margin-bottom:2px;}

.remove { padding:0 0 0 5px; vertical-align:middle;}


/*-- DOWNLOADS --*/

.dtbox1 {float:left; margin-top:8px;}
.dtable1 { width:300px; border-collapse:collapse;}
.dtabrt {text-align:right; font-weight:bold;}
.dtable1 td { border-bottom:1px solid #646464; padding:6px 6px 6px 6px; background:#484848; }
.dtable1 th { font-weight:bold; border-bottom:1px solid #646464; padding:6px 3px 6px 6px;text-align:left; background:#414141; }

.dtbox2 {float:left; margin:8px 9px 0 9px;}

.dtbox3 {float:left; margin-top:8px;}


.secdbox1 {float:left; margin-top:8px;}
.secdtable1 { width:500px; border-collapse:collapse;}
.secdbrt {text-align:right; font-weight:bold;}
.secdtable1 td { border-bottom:1px solid #646464; padding:6px 6px 6px 6px; background:#484848; }
.secdtable1 th { font-weight:bold; border-bottom:1px solid #646464; padding:6px 3px 6px 6px;text-align:left; background:#414141; }

/*-- NEWS PAGE --*/

#fullpagenews { background: url(gfx/hiwatt_news_pagebg.jpg) no-repeat ; float:left; width:786px; padding:10px 0px 10px 12px;}



.newsitem { float:left; width:772px; padding-bottom:15px; margin-bottom:10px;  }

.ntxtbox { float:left; margin:0; width:100%; }

.newstxt { padding:5px;}

.newshd { background-color:#414141; font:bold 15px arial, sans-serif; border-bottom:1px dotted #7c7c7c; padding: 5px;  }

.newspicbox {float:right; margin:0 0 10px 10px; width:225px;}
.newspic { border:1px solid #cdcdcd; width:225px; overflow:hidden;}

     
.vidbox { float:left; text-align:justify; }
.vidtxt { padding:5px; width:765px;}  
.vidhd { background-color:#414141; font:bold 15px arial, sans-serif; border-bottom:1px dotted #7c7c7c; padding: 5px;  }
.videobox { float:right; margin:5px 0 10px 17px; width:560px; }

.vidsumhd { font:bold 14px arial, sans-serif; padding:5px 0 0 5px;  }
.viditem { float:left; width:772px; border-bottom: 1px solid #4A4A4A; padding-bottom:5px; margin-bottom:10px;   border-bottom:1px dotted #7c7c7c;}
.vidsum { padding:5px; height:26px; overflow:hidden; }


.vidbackhd { background-color:#2F2F2F; font:12px arial, sans-serif; padding:7px 0 0 4px; height:24px; border-top:1px solid #cdcdcd; text-align:left; margin-top:10px; clear:both; }

/*-- CONTACT --*/

#addybox {float:left; padding:20px;}
#contactform { padding:20px; float:left;}
textarea.cnt { background-image: url(txt_bg.gif); border:#424242 1px solid; color:#000000; font: 11px verdana, sans-serif; padding: 6px; width:180px; height:75px; }

textarea.cntb { background-image: url(txt_bg.gif); border:#424242 1px solid; color:#000000; font: 11px verdana, sans-serif; padding: 6px; width:350px; height:175px; }

input.contact {	background-image: url(txt_bg.gif); height: 19px; width: 170px; margin-bottom: 5px;border:#424242 1px solid; color:#000000; font: 11px verdana, sans-serif; padding:2px 0 0 6px; }

label.contact { background:#424242; float:left; font:10px verdana, sans-serif; padding:4px 7px 6px 0; width: 140px; text-align:right; margin:1px 2px 0 0; }

label.blank { background:none; float:left; padding-right:10px; width: 140px; }

input.btn { font:bold 10px "trebuchet ms", sans-serif; color:#ffffff; background-color:#B71219; border:none; padding:2px 3px 2px 3px; margin:5px 0 5px 0;}

select.dept { font-size:12px; height:22px; margin-top:1px;}


/*-- PAGING --*/

#pagefix {width:773px;}
#pagingbox {width:100%; margin-right:auto; margin-left:auto; overflow:hidden; text-align:center; margin-top:10px; }
#paging { vertical-align:top; padding:5px 0 5px 0;  letter-spacing:3px;}
#numbers { font:bold 11px arial,  sans-serif; color:#a1a1a1; padding:7px 0 7px 0;  margin-right:0px; border-top:1px solid #4A4A4A; letter-spacing:1px; }



 
/*-- BEGIN FOOTER BAR --*/

#footercontainer { background: url(gfx/footer_bg.jpg) repeat-x #2d2d2d; width:778px; height:70px; margin-right:auto; margin-left:auto; border:1px solid #4a4a4a; padding:10px;}

#footlinks {font:11px arial, sans-serif; color:#000000;}
#footdisc {font:9px arial, sans-serif; padding:7px 0 5px 0; color:#b2b2b2;}