/************COMMON STYLE************/
body { height:auto; padding:20px 0 }
.wrap { clear:both; width:802px; margin:0 auto; text-align:left }
/************PAGE STYLE************/
.pageA { clear:both; padding:10px; font:12px/19px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#666; text-align:center }
.pageA span, .pageA a { display:inline-block; border:#ddd 1px solid; background:#fff; margin:0 2px; padding:0 5px; color:#666; vertical-align:middle }
.pageA span, .pageA a { *display:inline
}
.pageA a:hover, .pageA a.s, .pageA span.s { border:#888 1px solid; background:#f5f5f5; color:#000 }
.pageA a.s, .pageA span.s { font-weight:bold }
/************BG STYLE************/
.mainTopBoder, .mainBottomBoder, .mainTopBoder .fl, .mainTopBoder .fr, .mainBottomBoder .fl, .mainBottomBoder .fr, .head .fl li, .head .fl li span, .head .fr, .head .fr span { background:url(../images-16/bg_16.gif) no-repeat }
/************MAIN STYLE************/
.productList ul { clear:both; overflow:auto; *display:inline-block
}
.productList li { float:left; display:inline; padding:7px 0; margin:0 7px; vertical-align:bottom }
.productList li img.grayBorder { width:73px; height:73px; border:#ccc 1px solid }
.productList li a:hover img.grayBorder { border:#333 1px solid }
.mainTopBoder, .mainBottomBoder { clear:both; height:4px; background-repeat:repeat-x; overflow:hidden }
.mainTopBoder { background-position:0 -42px }
.mainBottomBoder { background-position:0 -47px }
.mainTopBoder .fl, .mainTopBoder .fr, .mainBottomBoder .fl, .mainBottomBoder .fr { width:4px; height:4px; overflow:hidden }
.mainTopBoder .fl { background-position:0 -52px }
.mainTopBoder .fr { background-position:-5px -52px }
.mainBottomBoder .fl { background-position:0 -57px }
.mainBottomBoder .fr { background-position:-5px -57px }
.mainMiddleOut { clear:both; border-left:#d5d5d5 1px solid; border-right:#d5d5d5 1px solid; background:url(../images-16/main_bg.gif) repeat-x; padding:0 1px }
.head .fr b, .head .fl li b, .head .fr span, .head .fl li span { display:inline-block; vertical-align:bottom }
.head .fr b, .head .fl li b, .head .fr span, .head .fl li span { *display:inline
}
.head { clear:both; height:20px; padding:20px }
.head .fl ul { height:20px }
.head .fl li { float:left; display:inline; margin:0 5px; padding-left:10px; line-height:20px; vertical-align:bottom }
.head .fl li b { padding:0 10px; font-weight:normal }
.head .fl li span { width:10px; height:20px; background-position:right top; overflow:hidden }
.head .fr { display:inline; height:20px; background-position:0 -21px; padding-left:10px; line-height:20px; color:#fff }
.head .fr b { padding:0 10px; font-weight:normal }
.head .fr span { width:10px; height:20px; background-position:right -21px; overflow:hidden }
.middle{clear:both; padding:20px}
.productDetail{clear:both; overflow:auto; *display:inline-block}
.productDetail .fl{width:358px}
.productDetail .fl img{border:#eee 1px solid; padding:3px}
.productDetail .fr{width:380px}
.productDetail .fr h1{ padding:10px; border-bottom:#eee 1px solid; line-height:38px; font-size:28px; font-weight:bold; text-align:center}
.productDetail .fr h2{ padding:10px; font-size:11px}
.foot{clear:both; border-top:#eee 1px solid; padding:20px; text-align:center}
.foot img{vertical-align:middle}