body {
	background-color: #767b81;
	font: 12px/1.8 Verdana, sans-serif;
	color: #000;
	margin: 0;
}
a img {	border: 0 none;}
a { text-decoration:none;
color:#FFF;
font-family:Verdana, Geneva, sans-serif;
}
#head {
	background:url(aquaracer2000.jpg) no-repeat 50% 0%;
	width:994px;
	height:387px;
}
#wrapper {
	width:994px;
	margin: 0 auto;
	position: relative;
}
#right {
	margin:0;
	width:255px;
	float: right;
	z-index:-1;
}
#detail {
	width:170px;
	height:220px;
	float:left;
	margin-left:555px;
	margin-top:108px;
	text-align:left;
}
#title {
	width:170px;
	height:90px;
	float:left;
	margin-top:0;
	font: 12px/1.8 Verdana, sans-serif;
	color: #333;
	font-weight: bold;
	padding-left:5px;
}
#price {
	width:170px;
	height:80px;
	float:left;
	padding-left:5px;
	margin-top:10px;
	font-weight:bold;
	padding-left:10px;
}
span del {
	text-decoration: line-through;
	color:#F00;
	font-weight:bold;
}
span.our {
	color:#0F0;
	font-weight:bold;
}
span.our2 {
	color:#01663E;
	font-weight:bold;
}
span.percent {
	color:#F96;
	font-size:20px;

}


.button a {
	text-decoration:none;
	text-align:left;
	float:left;
	margin-top:10px;
	width : 172px;
	height : 31px;
	background : url(button.jpg) no-repeat;
	color:#333;
	letter-spacing:-1px;
	font-weight:bold;
	padding-left:15px;
	padding-top:3px;
}

.button a:hover {
	background : url(button-hover.jpg) no-repeat;
	color:#FFF;
} 
.button2 a {
	text-decoration:none;
	text-align:left;
	float:left;
	margin-top:10px;
	width : 120px;
	height : 31px;
	background : url(button2.jpg) no-repeat;
	color:#333;
	letter-spacing:-1px;
	font-weight:bold;
	padding-left:15px;
	padding-top:6px;
}

.button2 a:hover {
	background : url(button2-hover.jpg) no-repeat;
	color:#FFF;
} 

#content {
	width:994px;
	height:290px;
	background-color:#A3AAB0;
	padding:0;
}
div.product {
	float:left;
	margin-top:4px;
	margin-left:4px;
	width:120px;
	height:260px;
	text-align:left;
	line-height:18px;
}
#cr {
	width:994px;
	height:45px;
	background-color:#878888;
}
#link {
	width:994px;
	height:25px;
		margin: 0 auto;
}
div.left { 
	width:600px;
	height:45px;
	float:left;
	text-align:left;
	padding-top:2px;
}
div.right { 
	float:right;
}
a.info{
    position:relative; /*this is the key*/
    z-index:24;
    color:#ccc;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#fff; color:#333;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-260px; right:2em; height:250px; width:250px;
    border:1px solid #fff;
    background-color:#ccc; color:#000;
	padding:3px;
    text-align: left}


#search {
	text-align:right;
	padding-right:15px;
	font-weight:bold;
	font-size:14px;
}