/* BASIC css start */
#visualWrap{width:1000px; min-height: 442px; position: relative; }
#visualWrap .visual{width:727px; float:left; }
#visualWrap .thumb{ width:259px; border: 1px solid #ccc; float: right; background: url(/design/hbags/images/thumbBg.gif) left top no-repeat; }
#visualWrap .thumb ul li{display:block;width:259px;height:110px;position:relative;z-index:1; }
#visualWrap .thumb ul li a{position:absolute;z-index:1;top:0;left:0;display:block;}
#visualWrap .thumb ul li.thumb1.now a{top:0;border-top:none;z-index:2;}
#visualWrap .thumb ul li.thumb2{height:111px;}
#visualWrap .thumb ul li.thumb4{height:109px;}
#visualWrap .thumb ul li.thumb4.now{height:109px;border-bottom:none;background:#fff}
#visualWrap .thumb ul li.now a{top:-1px;border:1px solid #cbcbcb;border-left:none;border-right:none;}
#visualWrap .thumb ul li.thumb1{}
#visualWrap .thumbOn1 { position: absolute; left:740px; top:1px; }
#visualWrap .arrow { position: absolute; left:733px; top:50px; }

.testWrap{}
.test-list { position: relative; margin-top: 10px; }
.test-list .info { width: 236px; border: 1px solid #ddd; border-radius: 4px; padding:10px 0px; float: left; margin-right:19px; }
.test-list .thumb { width: 220px; height: 220px; margin: 0 auto 10px; font-size: 0; line-height: 0; border-bottom: 1px solid #eee; }
.test-list .thumb img { width: 100%; height: 100%; }
.test-list .dsc,
.test-list .price,
.test-list .color,
.test-list .preview { margin-bottom: 3px; padding-left: 24px; font-size:13px; color:#525252; text-align: left; }
.test-list .dsc img { font-size: 0; line-height: 0; }
.test-list .price { font-weight: bold; color: #666; font-size:13px; letter-spacing: -1px; }
.test-list span.price2 { font-weight: bold; color: #ec4a03; font-size:16px; letter-spacing: -1px; }
.test-list .closeup{text-align:left; padding-left: 25px; }
.test-list span.arrow{ padding: 0 5px 0 10px; }
.test-list span.arrow img{padding-top: 7px;}

.aaa{text-align: center !important; color:#D9418C; }
/* BASIC css end */