<style type="text/css">
body {
	margin: 0px;
	font-size: 12px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
.box{
	height: 188px;
	width: 561px;
	border: 5px solid #F5CA00;
	background-color: #000000;
}
.kuang{
	margin: 5px;
	height: 178px;
	width: 387px;
	overflow: hidden;
	float: left;
}
.you{
	float: left;
	height: 55px;
	width: 144px;
	margin-top: 5px;
	margin-right: 5px;
	border: 1px solid #F5CA00;
	color: #FFFFFF;
}
.you1{
	float: left;
	height: 55px;
	width: 144px;
	margin-top: 5px;
	margin-right: 5px;
	background-color: #F5CA00;
	color: #000000;
}
	#t_1,#t_2,#t_3{
	width:100%;
	height:178px;
}
</style>
<div class="box">
   <div class="kuang">
   <div id="t_1"><a href="http://hexon.cc/index.php?a=index&c=productlist&id=6" target="_blank" ><img src="http://hexon.cc/Public/Images/Home/tu1.gif" width="387" height="175" style="border:0px;" /></a></div>
   <div id="t_2"><a href="http://hexon.cc/index.php?a=index&c=productlist&id=7" target="_blank" ><img src="http://hexon.cc/Public/Images/Home/tu2.gif" width="387" height="175" style="border:0px;"/></a></div>
   <div id="t_3"><a href="http://hexon.cc/index.php?a=index&c=productlist&id=10" target="_blank" ><img src="http://hexon.cc/Public/Images/Home/tu3.gif" width="387" height="175" style="border:0px;" /></a></div>
   </div>
   <div class="you" onmouseover="this.className='you1'" onmouseout="this.className='you'"><table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="60" align="center"><img src="http://hexon.cc/Public/Images/Home/gong1.gif" width="50" height="50" /></td>
    <td height="53"><a href="#t_1" >PLIERS</a></td>
  </tr>
</table>
</div>
   <div class="you"  onmouseover="this.className='you1'" onmouseout="this.className='you'"><table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="60" align="center"><div align="center"><img src="http://hexon.cc/Public/Images/Home/gong2.gif" width="50" height="50" /></div></td>
    <td height="53"><a href="#t_2">WRENCH</br>ES</a></td>
  </tr>
</table></div>
   <div class="you"  onmouseover="this.className='you1'" onmouseout="this.className='you'"><table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="60" align="center"><div align="center"><img src="http://hexon.cc/Public/Images/Home/gong3.gif" width="50" height="50" /></div></td>
    <td height="53"><a href="#t_3">SCREWDRI</br>VERS</a></td>
  </tr>
</table></div>
</div>