@charset "utf-8";
/* CSS Document */
/* Accordion
========================*/
.shop #wrapper{width: 939px; height: 200px; overflow:hidden; margin: 0 auto; z-index:60; position: relative; background:url('../images/bg_accordion.gif') top center no-repeat;}
img{border: none;}
.shop ul li table{display:inline; position:relative; z-index:inherit;}
.shop ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

.shop ul li{
  float: left;
  padding: 0px 0px 0px 0px;
  display: block;
  margin-right: 0px;
  height: 200px;
 
  
}
.shop ul li a{float:right; position: relative; right: 0px;}
.viewLink{position:relative; right: 20px; top: 10px;margin-right: 25px;}
.shop ul li a:link, .shop ul li a:visited{color: #fff; font-size:10px;}
.shop ul li dt{
  display: block;
  overflow: hidden;
  height: 165px;
  width: 132px;
  border: none;
  margin:0;
  padding:0;
  border: 1px solid #fff;
  float: left;
}
.shop ul li dl{
  display: block;
  overflow: hidden;
  height: 135px;
  width: 133px;
  border: none;
  margin:0;
  padding:0;
  text-indent:0px;
  background: url('../images/tab_video2.gif') 0 0 no-repeat; height:135px;
}
.shop ul li dd{
	margin:0;
	padding:0;
	cursor: pointer;
}

.shop #a1{
  width: 536px;
}

.shop ul li img{
  position: relative;
  border: none;
}
.shop ul li div{
  position: relative;
  border: none;
  display: inline;
}
dl #tabVideo, dl #tabAcc, dl #tabPwr, dl #tabCat{background: none; height:35px;}

#a1{background: url('../images/tab_video2.gif') -140px 0 no-repeat; height:190px;}
#dlAcc{background: url('../images/tab_acc2.gif') 0 0 no-repeat; height:190px;}
#dlPwr{background: url('../images/tab_pwr2.gif') 0 0 no-repeat; height:190px;}
#dlCat{background: url('../images/tab_cat2.gif') 0 0 no-repeat; height:190px;}
.tabVideoGreen{background: url('../images/tab_video.gif') top center no-repeat; height:35px;}
.shop ul li p{
  margin: 0;
  padding: 0;
  width: 120px;
  display: block;
  margin-left: 125px;
}
.accordionRow {width:70px; height: 200px; padding:0; margin:0; border: 2px solid blue; overflow: hidden; }
.accordionRow1 {width: 530px; height: 200px; padding:0; margin:0; outline: 1px dotted blue;}
.accordionTab { width: 70px; height: 35px; padding:0; margin:0; position: relative;}
#rowVideo{position: relative; z-index: 100;}
#rowAcc{position: relative; z-index: 200;}
#rowPwr{position: relative; z-index: 300;}
#rowCat{position: relative; z-index: 400;}
.productCell{width: 75px; height: 200px; padding:0; margin:0; position:relative; }


/* navigation menu
========================*/
#subNavElec{float:none; position: absolute; top:35px;  display: block; padding:0; margin:0; background-color:transparent; overflow:visible; text-indent: 0px; z-index: 100;}
.shopelec{ display: block; width: 120px; height: auto;}

#btnElec{ display: block; }
.subNavElecBtn{display:block; padding-left: 35px; padding-top:8px; width: 206px; height:22px; background:url('../images/bg_nav_btn_off.gif') ; cursor: pointer; border-bottom: 0px solid #ddd;margin:0px 1px 0px 0px; font-size: 11px;}
.subNavElecBtn2{display:block; padding-left: 35px; padding-top:8px; width: 206px; height:22px; background:url('../images/bg_nav_btn2_off.gif') ; cursor: pointer; margin:0px 1px 0px 0px; font-size: 11px; background-color: transparent;
}
.subLevelNavElec{display:block; position:absolute; left: 228px; top: 0px; width: 360px; height: 400px;  background:url('../images/bg_subnav.gif') top center no-repeat ; z-index:600; padding: 5px 5px 5px 15px;  background-color: transparent;}
.subLevelNavElecShort{display:block; position:absolute; left: 228px; top: 0px; width: 360px; height: 400px;  background:url('../images/bg_subnav_short.gif') top center no-repeat ; z-index:600; padding: 5px 5px 5px 15px;  background-color: transparent;}

.subLevelNavElec2{display:block; position:absolute; left: 150px; top: 10px; width: 360px; height: 400px; background:url('../images/bg_subnav.gif') top center no-repeat ; z-index:600; padding: 0px 5px 5px 15px;}
#subLevelNavElec2{position: absolute; top: 33px;}
#subLevelNavElec3{position: absolute; top: 60px;}
#subLevelNavElec4{position: absolute; top: 93px;}


.subNavElecBtn table {background-color: transparent;}
.subNavFooter{width: 335px; height: 20px; padding:0; margin:0; background:url('../images/bg_subnav_btm.gif') top center no-repeat; position: relative; bottom: 6px; text-align: right; padding-right:30px; padding-top:10px;}
#mainNav ul #btnElec .subNavFooter a{background-image:none; float: right;}
#mainNav ul #btnBat .subNavFooter a{background-image:none; float: right;}
.subNavFooter a:link, .subNavFooter a:visited {color: #fff; font-weight: normal; background-image: none;}
.subNavFooter a:hover{text-decoration: underline;}
#mainNav ul #btnElec td a{background-color: transparent; background-image:none; border: 1px solid #ddd; border-top: none; border-right:none; text-indent: 0px; height: 136px; width: 120px; vertical-align:middle;}
#mainNav ul #btnBat td a{background-color: transparent; background-image:none; border: 1px solid #ddd; border-top: none; border-right:none; text-indent: 0px; height: 136px; width: 120px; vertical-align:middle;}
#mainNav ul #btnBat td .tdLeft,#mainNav ul #btnElec td .tdLeft { border-left:none;}
#navFrame0{left:4px; top:120px;}
#navFrame{left:140px; top:120px;}
#navFrame2{left:240px; top:120px;}


/* Carousel
========================*/
#carouselWrapper{float:left;}
.carouselWrapper{width: 950px; height: 150px; padding:0; margin:0; border: 1px solid red; position:relative; top: 20px;}
.carouselWrapper2{width: 690px; height: 260px; padding:0; margin:0; position:relative; top: 20px;float: left; z-index:200;}
.carouselWrapper4{width: 625px; height: 55px; padding:0; margin:0; position:relative; top: 2px;float: left; z-index:200;}
#carouselBtns{float:right; padding-right: 25px;}
#carouselBtns2{ padding-right: 15px; z-index: 900; position: relative; float: right; }
.carouselWrapper2 ul li{width: 700px; display: inline; z-index: 299;}
.carouselWrapper3 ul li {width: 130px; height: 190px;}
.carouselWrapper4 ul li {width: 120px; height: 55px;}
/* Tabs
========================*/
#divname{height: 220px;}
#divname2{height: 220px;}
#divname3{height: 220px;}
#divname4{height: 220px;}
#divname5{height: 220px;}
.hiddencontent,.hiddencontent2 {
	padding:2px;
	background:#eee;
	display:none;
	height: 220px;
	width: 694px;
	}
	
.hiddencontent p{color: #fff; line-height: 16px; width: 210px; font-weight: normal; position: relative; top: 120px; left: 24px;}

/* Product Info
========================*/
.productImageLarge{ width:420px; height:539px; background: url('../images/bg_large_prod.gif') top center no-repeat; position: absolute;  z-index: 999; padding-left: 10px; margin-left:30px; padding-top:13px;}
.productImageLarge .hiddencontent {background: none; width: 420px; height: 400px;}
.prodLargeWrapper{height: 400px;}
#closeLargeProd{cursor: pointer; float: right; position: relative; padding-right: 40px; }
.productSeeAll{width: 350px;  position: absolute;  background: none ; z-index:998; float: left; padding:0; margin:0;}
.prodSeeAllTop{width: 350px; height: 9px; padding:0; margin:0; background: url('../images/bg_see_all_top.gif');background-color: none;}
.prodSeeAllMid{width: 330px; height: auto; padding:10px; margin:0;background: url('../images/bg_see_all_mid.gif') repeat-y;clear:both;}
.prodSeeAllBtm{width: 340px; height: 10px; padding: 0px 10px 8px 0px;  margin:0;background: url('../images/bg_see_all_btm.gif') bottom center no-repeat; clear:both; background-color: none;}
#closeSeeAll{cursor: pointer; float: right;}
#closeSeeAll a {text-decoration: none; color:#069FDE;}
#closeSeeAll a:hover{text-decoration: underline;}
.prodMoreImages{float: left; margin-top: 8px; margin-left:5px;}