@charset "utf-8";
html, body, div, span, object, iframe, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, fieldset, form, label, legend, table, caption {margin:0;padding:0;border:0;}
img {border:0;}
button {cursor:pointer;}

/* this class uses to fix firefox bug that don't take div's background correctly (not scaling the height) */
.clear {clear:both;height:0px;font-size:1px;line-height:1px;margin-bottom: -1px;}
#overflow {overflow-x:auto; overflow-y: hidden;}

#content_hold {float:right;height:auto;width:580px;margin-top:5px;margin-right:7px;}
#content_hold .hp_middle {;}

#content_hold .hp_middle .pagemiddletop {width:580px;margin:20px auto;text-align:center;}
#content_hold .hp_middle .pagemiddletop .sp_center {;}
#content_hold .hp_middle .pagemiddletop .sp_center .pod {float:right;width:120px;margin: 10px 10px 10px 10px;display:inline;height:120px;}
#content_hold .hp_middle .pagemiddletop .sp_center .pod .pimg {height:95px;}
#content_hold .hp_middle .pagemiddletop .sp_center .pod .pimg img {max-width:120px;max-height:95px;}
#content_hold .hp_middle .pagemiddletop .sp_center .pod .title a {display:block;color:#520000;text-decoration:none;font:14px Arial;font-weight:bold;text-align:center;}
#content_hold .hp_middle .pagemiddletop .sp_center .pod .title a:hover {color:#b30000;text-decoration:none;}

#content_hold .hp_middle .pagemiddlecenter {float:right;width:580px;}
#content_hold .hp_middle .pagemiddlecenter .hot {width:507px;height:316px;margin:0 auto;text-align:center;background-image:url(images/hot.png);background-repeat:no-repeat;position:relative;}
#content_hold .hp_middle .pagemiddlecenter .hot .middletxt {float:left;margin:0px auto;padding-top:15px;height:28px;width:481px;text-align:center;font-size:20px;font-weight:bold;color:#ffffff;}
#content_hold .hp_middle .pagemiddlecenter .hot .ajaxhot .middlearright {height:40px;width:30px;position:absolute;top:120px;right:0px;}
#content_hold .hp_middle .pagemiddlecenter .hot .ajaxhot .middlearleft {float:left;height:40px;width:30px;position:absolute;top:120px;left:0px;}
#content_hold .hp_middle .pagemiddlecenter .hot .ajaxhot .pagetopnav {width:481px;margin:0 auto;text-align:center;}
#content_hold .hp_middle .pagemiddlecenter .hot .ajaxhot .pagetopnav li {position:relative;float:right;width:120px;height:120px;margin-top:10px;padding-top:4px;margin-right:30px;background-image:url(images/hpproduct.jpg);background-repeat:no-repeat;display:block;}
#content_hold .hp_middle .pagemiddlecenter .hot .ajaxhot .pagetopnav li .pod {margin:0px auto;width:130px;display:inline;}
#content_hold .hp_middle .pagemiddlecenter .hot .ajaxhot .pagetopnav li .pod .pimg {height:112px;margin-top: 2px;}
#content_hold .hp_middle .pagemiddlecenter .hot .ajaxhot .pagetopnav li .pod .pimg img {max-width:112px;max-height:112px;}

#content_hold .hp_middle .pagemiddlecenter .hot .ajaxhot .pagetopnav li .btnsLowR {float:right;height:25px;width:25px;position:absolute;bottom:4px;right:0px;}
#content_hold .hp_middle .pagemiddlecenter .hot .ajaxhot .pagetopnav li .btnsLowL {float:left;height:25px;width:25px;position:absolute;bottom:4px;left:0px;}

.catList {
	float: left;
	vertical-align:top;
	height: auto;
	width: 635px;
	_width: 627px;
	padding-bottom: 20px;
}
.catList  li {
	background: url(images/02_categoryBGblue.gif) no-repeat left bottom;
	float: left;
	height: 129px;
	vertical-align:top;
	width: 286px;
	_width: 281px;
	display: block;
	clear: none;
	margin:0;
	padding:0;
	margin-top:25px;
	margin-right:28px;
}
.catList li.spc {
	background: url(images/02_categoryBGred.gif) no-repeat left bottom;
	float: left;
	height: 129px;
	vertical-align:top;
	width: 286px;
	display: block;
	clear: none;
	margin:0;
	padding:0;
	margin-top:25px;
	margin-right:28px;

}
.catList .brown14B {
	display: block;
	text-align: center;
	height: 21px;
}
.catList li img {
	float: right;
	margin-left: 1px;
}
.catList li p {
	float: left;
	height: 60px;
	width: 170px;
	padding-left: 10px;
	display: block;
	overflow: hidden;
}
.catList li .price {
	font-weight: bold;
	color: #bf3000;
	float: left;
	width: 180px;
	height: 22px;
	line-height: 20px;
}
.catList li .btnsLow {
	float: left;
	height: 20px;
	width: 180px;
}

.catList li .btnsLow img {
	margin-left: 6px;
}
.catList  li  .btnsLow  .spcOffer {
	display: none;

}
.catList  li.spc   .btnsLow .spcOffer {
	display: block;

}