/*vertical menu*/
.vertmenu {
float: left;
clear: both;
margin: 12px 0 10px 0;
position: relative;
z-index:2;
width: 750px;
position: relative;
z-index:10;
}
.vertmenu li {
float: left;
clear: none;
padding: 0 0 0 0;
background-image:url(../img/global/vmenu.png);
background-position: -100px top;
background-repeat: no-repeat;
}
.vertmenu li.first {background-position: left top;}
.vertmenu li.last {background-position: right top;}
.vertmenu li a {
text-decoration: none;
float: left;
left: 5px;
position: relative;
text-indent:-5px;
padding-top: 13px;
display: block;
z-index:2;
}
.vertmenu li a span {
text-decoration: none;
float: left;
width: 80px;
text-align: center;
padding: 7px 0 0 0;
left: 5px;
color: #888;
background:url(../img/global/v-menu-horizline.png) 50% -22px no-repeat;
cursor: pointer;
}
.vertmenu li a:hover {
text-decoration: underline;
}

	/*active*/
	.vertmenu li#active {background:url(../img/global/vmenu-a.png) left -120px no-repeat;}
	.vertmenu li#active a {background:url(../img/global/vmenu-a.png) right -120px no-repeat;color: #000;}
	.vertmenu li.first#active {background:url(../img/global/vmenu-a.png) left top no-repeat;}
	.vertmenu li.first#active a {background:url(../img/global/vmenu-a.png) right top no-repeat;color: #000;}
	.vertmenu li.last#active {background:url(../img/global/vmenu-a.png) left -240px no-repeat;}
	.vertmenu li.last#active a {background:url(../img/global/vmenu-a.png) right -240px no-repeat;color: #000;}
	.vertmenu li#active a span {color: #000;}
	
	.vertmenu li#active a:hover {text-decoration: none;}
	.vertmenu li a:active span {color: #0099FF;}



/*product page- gloabal*/
.ProductPage .head {
width: 750px;
border-bottom: 1px solid #bbb;
padding: 10px 0 8px 0;
}
.ProductPage .head h1 {
font: normal 22px/28px Arial, Helvetica, sans-serif;
color: #333;
width: 750px;
padding: 5px 0 0px 0;
}
.ProductPage .head h4, .ProductPage .head a.back {
float: left;
clear: none;
}
.ProductPage .head a.back {
text-decoration: none;
color: #0099FF;
padding-left: 3px;
}
.ProductPage .head a.back:hover {
text-decoration: underline;
}
.ProductPage a.addtocart {
float: right;
clear: none;
}
.ProductPage .head h4 {
font-weight: normal;
}




/*overwiev------------------------------------------*/
.ProductOverview {
float: left;
clear: both;
width: 790px;
margin: -38px 0 20px -25px;
display: inline;
position: relative;
}
.ProductOverview .col1, .ProductOverview .col2, .ProductOverview .col3{
float: left;
clear: none;
}
.ProductOverview .col1 {
width: 250px;
height: 520px;
position: relative;
overflow: hidden;
}
	
.ProductOverview .col2 {
width: 325px;
}
.ProductOverview .col3 {
width: 185px;
margin-left: 15px;
display: inline;
}



/*picture*/
.ProductOverview .col1 img {
position:absolute;
top: 40px;
right: 0;
}



/*tech spec*/
/*title*/
.ProductOverview .col2 h3  {
width: 202px;
background: #F7F7F7;
padding: 11px 0 18px 118px;
background:url(../img/productpage/techdata-bg.png) right top no-repeat;
font: 16px/20px Arial, Helvetica, sans-serif;
border-bottom: 1px solid #ddd;
float: left;
clear: both;
margin-bottom: -1px;
position: relative;
z-index:2;
}
/*table*/
.ProductOverview .col2 dl  {
width: 320px;
padding: 0;
margin: 0;
float: left;
clear: both;
background:url(../img/productpage/techdata-bg.png) 110px -100px no-repeat ;

}
.ProductOverview .col2 dd, .ProductOverview .col2 dt {
padding: 0;
float: left;
clear: none;
margin: 0;
}
.ProductOverview .col2 dt{
width: 101px;
text-align: right;
padding: 6px 10px 4px 0;
border-top: 1px solid #fff;
color: #979797;
}
.ProductOverview .col2 dd{
width: 197px;
background: #F7F7F7;
border-top: 1px solid #DBDBDB;
padding: 6px 5px 6px 6px;
color: #333;
}
/*important*/
.ProductOverview .col2 dl.important {
background:url(../img/productpage/techdata-important.png) left bottom no-repeat #F7F7F7;
width: 325px;
margin: 0 0 -1px 2px;
padding-bottom: 33px;
position: relative;
z-index:2;
display: inline;
}
.ProductOverview .col2 dl.important dt {
background:url(../img/productpage/techdata-important.png) left top no-repeat #00ABEF;
border: 0;
width: 99px;
color: #fff;
}
.ProductOverview .col2 dl.important dd {
border: none;
background:url(../img/productpage/techdata-important.png) right top no-repeat #F7F7F7;
margin: 0 -10px 0 0px;
width: 205px;
}
.ProductOverview .col2 dl.important p {
line-height: 110%;
color: #444;
padding: 2px 0 10px 0;
}
.ProductOverview .col2 dl.important input.addtoinquiry {
float: left;
clear: both;
margin: 0px 0 -10px -2px;
position: relative;
top: 13px;
display: inline;
}
.ProductOverview .col2 dl.important input.addtoinquiry:focus, .ProductOverview .col2 dl.important input.addtoinquiry:active {
margin: 1px -1px -11px -1px;
border: none;
outline: none;
}
/*warranty*/
.ProductOverview .col2 dl.warranty  {
background:url(../img/productpage/techdata-bg.png) right bottom no-repeat;
padding-bottom: 12px;
}
.ProductOverview .col2 dl.warranty dt {
border-top: 1px solid #ddd;
}
.ProductOverview .col2 dl.warranty div.icon {
width: 36px;
height: 36px;
position: absolute;
background:url(../img/productpage/warrantyicon.png) left top no-repeat;
left: 9px;
top: 7px;
}
.ProductOverview .col2 dl.warranty dd {
width: 153px;
padding: 15px 5px 14px 50px;
position: relative;
}
.ProductOverview .col2 dl.warranty dd p, .ProductOverview .col2 dl.warranty dd a {
float: left;
clear: both;
line-height: 100%;
width: 140px;
}
.ProductOverview .col2 dl.warranty dd a {
color: #68A3DE;
text-decoration: none;
}
.ProductOverview .col2 dl.warranty dd a:hover {
text-decoration: underline;
}
/*box*/
.ProductOverview .col2 dl.box {
background:url(../img/productpage/techdata-bg.png) right bottom no-repeat;
padding-bottom: 12px;


}
.ProductOverview .col2 dl.box dt {
border-top: 1px solid #ddd;

}
.ProductOverview .col2 dl.box dd {
background:url(../img/productpage/techdata-boxicon.png) 8px 11px no-repeat  ;

}
.ProductOverview .col2 dd dl {
width: 125px;
float: right;
margin: 0 5px 0 0 ;
display: inline;
position: relative;
z-index:2;
background: none;
}
.ProductOverview .col2 dd dl.weight {
border-top: 1px solid #bbb;
margin-top: 4px;
padding-top: 2px;
margin-bottom: -10px;

}
.ProductOverview .col2 dd dl.weight dd {
font-weight: bold;

}
.ProductOverview .col2 dl.box dd dt {
width: 70px;
text-align: left;
padding: 2px 0 0 0;
border-top: none;
color: #979797;
color: #555;


}
.ProductOverview .col2 dl.box dd dd{
width: 55px;
background: none;
border-top: none;
padding: 2px 0 0 0;

}




/*about product*/
.ProductOverview .col3 h3 {
padding: 11px 5px 16px 0px;
font: 16px/20px Arial, Helvetica, sans-serif;
}

.ProductOverview .col3 .Text p {
padding: 0 0 10px 0;
color: #222;
width: 190px;
}







/*download------------------------------------------*/
table.download {
width: 750px;
float: left;
clear: both;
margin: -38px 0 0 0;
position: relative;
z-index:2;
}


table.download th {
font: 18px/22px Arial, Helvetica, sans-serif;
padding: 40px 0 6px 0;
}
table.download td {
padding: 10px 0 10px 0;
border-top: 1px solid #E3E3E3;
vertical-align: top;
}
table.download td.preview {width: 50px;}
table.download td.descr {width: 290px; padding-right: 10px;}
table.download td.get {width: 105px; padding-bottom: 40px;}


/**/
table.download .gray1 {width: 145px; padding-left: 8px; padding-right: 20px; line-height: 100%}
table.download .gray2 {width: 125px; padding-left: 8px;}
/*hr*/
table.download th.gray1 {
background:url(../img/productpage/download-graycol-1.png) left top no-repeat #E9E9E9;
}
table.download th.gray2 {
width: 130px; background:url(../img/productpage/download-graycol-2.png) left top no-repeat #F9F9F9;
}
/*td*/
table.download td.gray1 {
background:url(../img/productpage/download-graycol-1.png) left -60px no-repeat #E9E9E9;
color: #777;
border-top: 1px solid #D0D0D0;
}
table.download td.gray2 {
width: 130px; background:url(../img/productpage/download-graycol-2.png) left -60px no-repeat #F9F9F9;
}
/*get*/
table.download td.get a {
float: right;
}
table.download td.get a:active, table.download td.get a:focus {
border: none;
outline: none;
margin: 1px -1px -1px 1px;
}
/*lastrow*/
table.download tr.last td.gray1 {
background:url(../img/productpage/download-graycol-1.png) left bottom no-repeat;
}
table.download tr.last td.gray2 {
width: 130px; background:url(../img/productpage/download-graycol-2.png) left bottom no-repeat;
}

/*name*/
table.download td.descr a {
color: #000;
text-decoration: none;
float: left;
clear: both;
}
table.download td.descr a:hover {
text-decoration: underline;
}
table.download td.descr p {
float: left;
clear: both;
color: #777;
line-height: 100%;
padding: 1px 0 0 0;
}
/*last row*/
table.download tr.last td {
padding: 0;
border-top: none;
}
/*preview*/
table.download td.preview div {
float: left;
clear: both;
width: 49px;
height: 44px;
background:url(../img/productpage/fileicon.png) left top no-repeat;
margin: 0 0 0 -5px;
position: relative;
z-index:2;
display: inline;
}
table.download td.preview div span {
float: left;
clear: both;
width: 27px;
height: 14px;
margin: 19px 0 0 3px;
padding: 2px 0 0 0;
font: normal 10px/11px Verdana, Arial, Helvetica, sans-serif;
color: #fff;
text-align: center;
overflow: hidden;
display: inline;
}






/*gallery------------------------------------------*/
.ProductGallery{
width: 780px;
margin:  0 0 0 -25px;
position: relative;
z-index:2;
display: inline;
}
.ProductGallery .Pic {
float: left;
clear: none;
width: 700px;
height: 467px;
}
.ProductGallery ul.gallery {
float: right;
clear: none;
width: 70px;
margin-top: -40px;
}
.ProductGallery ul.gallery li a {
width: 64px;
height: 64px;
float: left;
clear: both;
overflow: hidden;
border: 1px solid #ccc;
margin-top: -1px;
position: relative;
z-index:1;
}
.ProductGallery ul.gallery li img  {
width: 100%;
height: 100%;
}
.ProductGallery ul.gallery li a:hover {
border: 1px solid #888;
z-index:2;
}
.ProductGallery ul.gallery li.on a {
border: 3px solid #00ABEF;
z-index:3;
margin: -2px;
}


/*ProductPage2*/
.ProductPage2 .vertmenu li a span {
width: 120px;
}
.ProductPage2 .ProductOverview .col1 {
width: 300px;
}
.ProductPage2 .ProductOverview  {
background:url(../img/productpage/wavesbg.png) -256px -88px no-repeat;
}
.ProductPage2 .ProductOverview .col1 img {
position:absolute;
top: 40px;
left: 0;
}
.ProductPage2 .ProductOverview .col2 h3  {
width: 312px;
padding: 11px 0 18px 162px;
background:url(../img/productpage/techdata-bg2.png) right top no-repeat;
}
/*table*/
.ProductPage2 .ProductOverview .col2 dl  {
width: 475px;
background-image: url(../img/productpage/techdata-bg2.png);
background-position: 149px -20px;
}
.ProductPage2 .ProductOverview .col2 dt{
width: 140px;
text-align: right;
padding: 6px 10px 4px 0;
border-top: 1px solid #fff;
color: #979797;
}
.ProductPage2 .ProductOverview .col2 dd{
width: 312px;
background: #F7F7F7;
border-top: 1px solid #DBDBDB;
padding: 6px 5px 6px 6px;
color: #333;
}
.ProductPage2 .ProductOverview .col2 dd.about {
color: #666;
line-height: 130%;
padding-bottom:20px;
}
.ProductPage2 .ProductOverview .col2 dd.about p {
padding-bottom:10px;
}
.ProductPage2 .ProductOverview .col2 dl.last  {
background:url(../img/productpage/techdata-bg2.png) 149px bottom no-repeat;
padding-bottom: 15px;
}
