/* Copyright (c) 2009, chinastone.com All rights reserved. version: 1.0.0.0 */

.have-padding { padding:9px;}

#shop-header { height:120px; margin-top:10px;}
	#shop-logo { float:left;}
	#shop-name { margin:0 0 0 10px; font-size:20px; line-height:100px; font-weight:bold;}	
	
#shop-menu { clear:left; height:36px; background:url(menu-bg.gif) 0 0 repeat-x;}
#shop-menu .bg-l { height:36px; background:url(menu-bg.gif) left -36px no-repeat;}
#shop-menu .bg-r { height:36px; background:url(menu-bg.gif) right -72px no-repeat;}
	#shop-menu ul { float:left; padding-left:10px;}
	#shop-menu li { float:left; height:36px; padding:0 15px; background:url(menu-bg.gif) right -108px no-repeat; line-height:36px; font-weight:bold; color:#fff;}
	#shop-menu li.current { position:relative; left:-2px; padding:0; background:url(menu-current.gif) left top no-repeat;}
	#shop-menu li.current a { float:left; height:20px; line-height:20px; padding:11px 20px 5px 20px; background:url(menu-current.gif) right bottom no-repeat;}
	#shop-menu li a:link, #shop-menu li a:visited { color:#fff;}
	#shop-menu li.current a:link, #shop-menu li.current a:visited { color:#000;}
	
	.shop-info .detail { padding:9px;}
	.shop-info ul { border-bottom:1px dashed #ccc; margin-bottom:3px; padding-bottom:3px;}
	.shop-info ul.end { border-bottom:none;}
	.shop-info li { padding:3px 0;}
	.shop-info .shop-name { font-weight:bold;}
	
.shop-c { margin-top:10px;}
.shop-c h2 { height:30px; background:url(c.gif) left -90px repeat-x; line-height:30px; font-size:12px;}
	.shop-c h2 span { height:30px;}
	.shop-c h2 span.bg-l { float:left; padding-left:9px; background:url(c.gif) left -120px no-repeat;}
	.shop-c h2 span.bg-r { float:right; padding-right:9px; background:url(c.gif) right -150px no-repeat;}
	.shop-c .detail { border:1px solid #ddd; border-top:none;}
	
.shop-c-tab {}
	.shop-c-tab li { float:left; padding:0 15px;}
	.shop-c-tab li.current { border:1px solid #ccc; background:#fff; border-bottom:1px solid #fff; line-height:28px;}
	
.product-catalog { padding:10px;}
	.product-catalog li { background:url(dot.gif) left 10px no-repeat; padding:3px 0 3px 10px;}
	
.c-shop .top-img-l li {  width:123px; padding:0 12px 9px 12px;}
	.c-shop .top-img-l li span { display:block; width:120px; height:120px; margin:0 auto; border:1px solid #ddd; text-align:center; vertical-align:middle;}
	.c-shop .top-img-l li span { display:table-cell;}
	.c-shop .top-img-l li img { display:inline; margin:0 auto; padding:0; border:none; vertical-align:middle;}
	
#product { margin-top:10px; border:1px solid #ddd; padding:10px 20px 20px 20px;}
	#product .img { float:left;}
	#product .img .mid-img { margin:0; padding:0;}
	#product .img .mid-img td { border:1px solid #ddd; width:300px;}
	#product .img .mid-img .img-b { height:300px;}
	#product .img .mid-img img { margin:0 auto; padding:0; border:none;}
	#product .img td.zoom { padding:4px 0; background:#f8f8f8; border-top:none;}
	#product .img .zoom a { display:block; margin:0 auto; width:72px; height:25px; padding-left:17px; line-height:25px; text-align:center; background:url(zoom.gif) no-repeat;}
	#product h1 { padding:6px 0; border-bottom:1px solid #ddd; text-align:center; margin-bottom:10px;}
	#product .para { margin:10px 0 0 332px;}
		#product .para-1 { float:left; width:300px;}
			#product .para-1 em { font-size:20px; font-weight:bold;}
		#product .para li { line-height:22px;}
		#product .para .notice { float:left; width:340px; padding-bottom:0; margin-bottom:8px; border:1px solid #ddd; background:#f8f8f8;}
		#product .para .notice p { padding:0 0 10px 0;}
		
	#product #freight div { width:340px; border:1px solid #ddd; padding:5px;}
	#freight select { font-size:12px;*font-size:14px;}

	
.shop-about {}
	.shop-about p { float:left; padding:9px;}
	.shop-about div { padding:9px; line-height:1.8em;}
	
.entry { padding:9px; line-height:1.8em;}