/* CSS Document */

.ProductList .vertmenu, .ProductOverview .vertmenu  {
margin: 18px 0 10px 10px;
}
.ProductList .vertmenu li a, .ProductOverview .vertmenu li a{
width: 90px;
}


.GalleryFrame .vertmenutop {
padding: 32px 0 70px 21px;
width: 729px; 
margin: 0 0 0 0px;
background: url(../img/productgallery/frame.png) left top no-repeat #fff;
}
.GalleryFrame .vertmenubottom {
padding: 72px 0 70px 21px;
width: 729px; 
margin: 0 0 0 0px;
background: url(../img/productgallery/frame.png) -1600px bottom no-repeat #fff;
}


.GalleryFrame {
width: 750px;
background: url(../img/productgallery/frame.png) -800px top repeat-y #ccc;
margin: -4px 0 17px 0;
}
.GalleryFrame .WhiteFrame {
width: 728px;
margin: -30px 10px -117px 11px;
padding: 0 0 0 0;
background: #fff;
overflow: hidden;
position: relative;
z-index:13;
display: inline;
}


.GalleryFrame  h2 {
width: 720px;
border-top: 1px solid #bbb;
float:left;
clear: both;
padding: 11px 0 20px 13px;
font: normal 24px/27px Arial, Helvetica, sans-serif;
letter-spacing: -1px;
color: #777;
margin-bottom: 4px;
height: 50px;
}
.GalleryFrame  h2 img.long {
position: absolute;
}
.GalleryFrame  h1 {
float:left;
clear: both;
padding: 0px 0 0 24px;
font: normal 24px/27px Arial, Helvetica, sans-serif;
letter-spacing: -1px;
color: #777;
margin-bottom: 0;
position: relative;
z-index:30;
margin-top: -30px;
}
.GalleryFrame  h4 {
float:left;
clear: both;
padding: 0px 0 23px 24px;
position: relative;
z-index:20;
font-weight: normal;
margin: -2px 0 25px 0;
widtH: 25em;
color: #555;
}
.GalleryFrame  h3.intro {
float:left;
clear: both;
padding: 0px 0 23px 24px;
position: relative;
z-index:20;
font-weight: normal;
margin: -32px 0 25px 0;
widtH: 25em;
color: #555;
font: normal 16px/18px Arial, Helvetica, sans-serif;
}
.GalleryFrame a.seeall {
float: left;
clear: both;
margin: -8px 0 15px 14px;
background:url(../img/global/bullet2.png) right 2px no-repeat;
padding-right: 12px;
text-decoration: none;
}


ul.productgallery {
width: 760px;
margin: -21px -30px 0 0;
float: left;
clear: both;
overflow: hidden;
}
.ProductsHome ul.productgallery {padding-bottom: 0px}
ul.productgallery li {
width: 148px;
float: left;
clear: none;
padding: 25px 25px 0 15px;
height: 14.6em;
border-bottom: 1px solid #bbb;
margin-bottom: -1px;
position: relative;
}
.ProductsHome ul.productgallery li {border-bottom: 0; height: 13em;}
ul.productgallery li .pic {
width: 100%;
height: 72px;
}

ul.productgallery li h3 a {
padding: 5px 15px 0px 0;
font-weight: normal;
text-decoration: none;
float: left;
clear: both;
line-height: 105%;
}
ul.productgallery li h3 a:hover {
text-decoration: underline;
}
ul.productgallery li p {
float: left;
clear: both;
color: #777;
width: 152px;
}
ul.productgallery li p.notavail {
padding: 7px 0 0 21px;
line-height: 90%;
width: 119px;
background: url(../img/productgallery/notavailable.png) left 9px no-repeat;
}

ul.productgallery li input  {
position: absolute;
left: 14px;
bottom: 25px;
margin: 4px 0 0 -1px;
}
ul.productgallery li input:focus, ul.productgallery li input:active  {
border: none;
outline:none;
margin: 5px 0 -1px 1px;
}
ul.productgallery li a.addtocart:hover {
color: #666;
background:url(../img/productgallery/small-addtocart.png) left -43px no-repeat;
text-decoration: underline;
}


ul.productgallery li a:hover {
}




/*producthome ------------------------------------*/
.PromoBox {
width: 750px;
height: 420px;
margin: 38px 0 5px 0;
background: url(../img/productgallery/featuredantennasbg.png) left top no-repeat #CCCCFF;
position: relative;
}
.PromoBox h1 {
float: left;
clear: both;
margin: 14px 0 0 8px;
display: inline;
}
.PromoBox p{
float: left;
clear: both;
width: 380px;
margin: 1px 0 0 10px;
color: #686882;
line-height: 105%;
display: inline;
}
.PromoBox ul.antennas {
float: left;
clear: both;
width: 750px;
}
.PromoBox ul.antennas li {
position: absolute;
bottom: 0px;
}
.PromoBox ul.antennas li.item1 {left: 18px; bottom: 17px;}
.PromoBox ul.antennas li.item2 {left: 180px; bottom: 4px;}
.PromoBox ul.antennas li.item3 {left: 320px; bottom: 10px;}
.PromoBox ul.antennas li.item4 {left: 440px; bottom: 10px;}
.PromoBox ul.antennas li.item5 {right: 0px; bottom: 30px;}

/*featured info*/
.featuredinfo  {
padding: 8px 0 20px 0;
}
.featuredinfo ul {
width: 750px;
float: left;
clear: both;
}
.featuredinfo ul li {
float: left;
clear: none;
margin-right: 20px;
}
.featuredinfo ul li img, .featuredinfo ul li p {
float: left;
clear: none;
}
.featuredinfo ul li p {
color: #555;
line-height: 110%;
padding-left: 10px;
}
.featuredinfo ul li p strong {
font-weight: normal;
color: #000;
}
.featuredinfo ul li.inf1 p {width: 300px}
.featuredinfo ul li.inf2 p {width: 180px}



.ProductHome h3.featured {
float: left;
clear: both;
padding: 10px 0 5px 0;
font: normal 16px/18px Arial, Helvetica, sans-serif;
}

/*product list 2*/
.ProductList2 ul.productgallery {
margin: -31px -30px 0 0;
position: relative;
z-index:30;
}
.ProductList2 ul.productgallery li {
padding: 25px 25px 0 15px;
height: 10.6em;
border-bottom: 1px solid #bbb;
margin-bottom: -1px;
position: relative;
}
/*paging*/
ul.paging {
float: left;
clear: both;
margin: 15px 0 0 15px;
}
ul.paging li {
float: left;
clear: none;
margin-right: 6px;
display: inline;
}
ul.paging li a {
float: left;
clear: none;
background-image:url(../img/global/paging.png);
background-repeat: no-repeat;
background-position: left -34px;
text-decoration: none;
color: #222;
}
ul.paging li a span {
float: left;
clear: none;
background-image:url(../img/global/paging.png);
background-repeat: no-repeat;
background-position: right -34px;
padding: 4px 7px 0 0;
height: 16px;
overflow: hidden;
margin-left: 6px;
display: inline;
}
ul.paging li a:hover {background-position: left -71px; color: #222;}
ul.paging li a:hover span  {background-position: right -71px; cursor: pointer}
	/*active*/
ul.paging li.active {
float: left;
clear: none;
background-image:url(../img/global/paging.png);
background-repeat: no-repeat;
background-position: right -34px;
padding: 4px 7px 0 0;
height: 16px;
overflow: hidden;
margin-left: 0px;
display: inline;
background-position: left top; 
color: #fff; 
}
ul.paging li.active a {
float: left;
clear: none;
background-image:none;
text-decoration: none;
color: #fff;
cursor:default;
}
ul.paging li.active span, ul.paging li.active a span {
float: left;
clear: none;
background-image:url(../img/global/paging.png);
background-repeat: no-repeat;
background-position: right top;
padding: 4px 7px 0 0;
height: 16px;
overflow: hidden;
margin-left: 6px;
display: inline;
margin: -4px -7px 0 6px;
position: relative;
}