@import url(base.css);

#pro h1 span{
  font-size:14px;
  color:#666;
}

#prolist h1 span{
  display:block;
  font-size:12px;
}

#probar{
  overflow:hidden;
  _height:1%;
  margin:20px;
  border:1px solid #999;
  background-color:#eee;
}

#probar li{float:left;/*only for IE6*/}

#probar a{
  float:left;
  padding:5px 10px;
  border-right:1px solid #000;
  line-height:1em;
  font-weight:bold;
  text-decoration:none;
}

#probar a:hover{
  color:black;
  text-decoration:underline;
}

#probar a.case{border:none;}

#pro div.prolist{
  position:relative;
  margin:20px;
  border:1px solid #999;
  zoom:1;
}

#pro div.prolist h3{
  padding-left:115px;
  line-height:27px;
  border-bottom:1px solid #ccc;
  background:#eee url(../img/logo_nextel.gif) no-repeat 20px;
}

#pro div.blackberry h3{background-image:url(../img/logo_blackberry.gif)}

#pro div.lg h3{background-image:url(../img/logo_lg.gif)}

#pro div.samsung h3{background-image:url(../img/logo_samsung.gif)}

#pro div.treo h3{background-image:url(../img/logo_treo.gif)}

#pro div.motorola h3{background-image:url(../img/logo_motorola.gif)}

#pro div.prolist ul{
  overflow:hidden;
  _height:1%;
  margin:15px 20px;
}

#pro div.prolist li{
  float:left;
  margin:2px 0;
  width:91px;
}

#pro div.prolist li a{color:#444}

#pro div.prolist li a:hover,
#pro div.prolist li a:visited{color:#3871A9}

/* proshow.asp
============================================ */
#product-details{
  overflow:hidden;
  margin:20px;
  zoom:1;
}

#pro a.product-image{
  float:left;
  margin-right:50px;
  width:250px;
  border:6px solid #999;
}

#pro a.product-image:hover{border-color:#3871A9}

#pro a.product-image img{display:block}

#product-details ul{
  float:left;
  padding-bottom:10px;
  width:277px;
  border-bottom:1px dotted #666;
}

#product-details li{line-height:2.1em}

#product-details strong{font-weight:bold}

#product-details span{
  display:inline-block;
  margin-right:5px;
  width:70px;
  text-align:right;
}

#pro a.chat{
  float:right;
  margin:21px 20px 0 15px;
  padding:4px 0 0 4px;
  width:80px;
  height:20px;
  background:url(../img/chat.gif) no-repeat;
}

#pro a.contact{
  float:right;
  margin-top:18px;
  width:142px;
  height:30px;
}

#related{
  position:relative;
  zoom:1;
  padding-bottom:20px;
  margin:20px;
  border:1px solid #999;
}

#related h3{
  padding:2px 15px;
  border-bottom:1px solid #ccc;
  background:#eee;
}

#related ul{
  overflow:hidden;
  zoom:1;
}

#related li{
  float:left;
  _display:inline;
  width:272px;
  margin:20px 0 0 15px;
}

#related dl{
  float:left;
  width:179px;
  wfont-size:12px;
}

#related dd{font-size:9px}

#related a.related-image{
  overflow:hidden;
  float:left;
  text-align:center;
  margin-right:5px;
  width:86px;
  height:86px;
  line-height:86px;
  border:1px solid #bbb;
  #font:77px Arial;
  background-color:#fff;
}

#related a.related-image:hover{border-color:#3871A9}

#related a.related-image img{vertical-align:middle}

#related .current{background:#F0F5FB}

#pro a.more{
  position:absolute;
  top:5px;
  right:15px;
  padding-left:15px;
  background:url(../img/arr_r_hover.gif) no-repeat 0 66%;
}

#pro a.more:hover{
  text-decoration:none;
  background:url(../img/arr_r.gif) no-repeat 2px 66%;
  color:#999;
}