/** 
 * 描述：店铺风格
 * by shopwt.com
 */
@charset "utf-8";

body { font-family: "Lucida Grande", Arial, Helvetica, Verdana, sans-serif; background: #F6F6F8 url(images/body_bg.png) repeat-x scroll 50% 130px;}
a { color: #333; }
a:hover { text-decoration: none; color: #0085CF;}


/* 导航区域布局控制 */
.wtsl-nav { text-align: center; width: 100%;}
/* 导航上部图片控制 */
.wtsl-nav .banner a.img { width: 1000px; margin: 0 auto;}
.wts-default-banner { background: url(images/header.png) no-repeat scroll 50% 0; display: block; width: 100%;}

/* 店铺导航 */
#nav { background: url(images/nav_bg.png) repeat-x; width: 100%; height: 36px; padding-top: 2px; border: none 0; }
#nav ul { white-space: nowrap; display: block; text-align: left; width: 1200px; height: 36px; margin:0 auto}
#nav li {}
#nav li a { height: 36px;}
#nav li a span { font-family: "microsoft yahei"; font-weight: 600; line-height: 20px; color: #FFF; text-overflow: ellipsis; white-space: nowrap; max-width:160px; height: 20px; padding: 8px 30px 8px 10px; margin-left: 20px; margin-right:-1px; overflow: hidden; text-shadow: 0 -1px 1px rgba(0,0,0,0.5);}
#nav li a, 
#nav li a span { background: url(images/nav_btn.png) scroll no-repeat; display: block; cursor:pointer; }
#nav li.normal a { background-position: 0% 0px; height: 36px;}
#nav li.normal a span { background-position: 100% -36px; }
#nav li.normal a:hover { background-position: 0% -72px;}
#nav li.normal a:hover span { background-position: 100% -108px;}
#nav li.active a, #nav li.active a:hover { background-position: 0% -144px; height: 36px;}
#nav li.active a span, #nav li.active a:hover span { background-position: 100% -180px; }

/*店铺分类下拉导航*/
#nav .wts-nav-classes a span { padding-left: 20px; margin-left: 0;}
#nav .wts-nav-classes a span i { font-size: 0; line-height: 0; vertical-align: middle; display: inline-block; width: 0; height: 0; margin-left: 8px; border-color: #FFF transparent transparent;  border-style: solid dashed dashed; border-width: 5px;}
#nav .wts-nav-classes .classes-menu { background-color: #777; border-color: #333; top: 36px;}
#nav .store-nav-class-sub-menu a { color: #FFF;}
#nav .store-nav-class-sub-menu a i { background-color: #FFF; }
#nav .store-nav-class-menu-item { border-color: #333;}
#nav .store-nav-class-menu-item li a { color: #555;}
#nav .store-nav-class-menu-item li a i { background-color: #777; }
#nav .store-nav-class-menu-item li a:hover { color: #333;}


/*侧边栏样式*/
.wts-sidebar-container {}
.wts-sidebar-container .title { background: url(images/repeat_x.png) repeat-x scroll center top; height: 24px; padding: 0; border-radius: 5px 5px 0 0;}
.wts-sidebar-container .title h4 { color:#FFF; line-height: 22px; margin: 0 0 0 16px; display: inline-block; text-shadow: 0 1px 1px rgba(0,0,0,.2);}
.wts-sidebar-container .title h4 { *display: inline;}
.wts-sidebar-container .title span {}
.wts-sidebar-container .content { background:#FFF; border: solid #CDCDCD 1px; border-radius: 0 0 5px 5px; *padding-bottom:10px;}

.wts-main-container {}
.wts-main-container .title { font-family: "microsoft yahei"; background: #EEE; border: solid #CDCDCD; border-width: 1px 1px 0 1px; border-radius: 5px 5px 0 0; padding: 8px 16px 6px 16px;}
.wts-main-container .title h4 { font-weight: normal; font-size: 18px; line-height: 22px; color: #333; display: inline-block; *display: inline; width:50%; padding: 0; zoom: 1;}
.wts-main-container .title span {  font-size: 12px; display: inline-block; *display: inline; float:right; line-height: 16px; color: #777; zoom: 1;}
.wts-main-container .content { clear:both; background-color: #FFF; border: solid #CDCDCD 1px; border-radius: 0 0 5px 5px; overflow:hidden;}

/* 列表翻页 */
.pagination{ padding: 2px; margin-right: 16px;}
.pagination ul li span{ line-height: 20px; color: #CCC; list-style-type: none; background-color: #FFF; padding: 5px 10px; margin: 0px 2px; border: solid 1px #F7F7F7; border-radius: 5px;}
.pagination ul li a span , .pagination ul li a:visited span{ color: #777; border-color: #F7F7F7;}
.pagination ul li a:hover span, .pagination li a:active span{ color: #000; background-color: #F7F7F7; padding: 6px 11px; border: none;}
.pagination ul li span.currentpage{ color:#FFF; font-weight: bold; background-color: #3A557D; padding: 6px 11px; border: none;}

/* 侧边栏搜索 */
.wts-search a { font-size: 11px; color:#FFF; line-height:16px; background: url(images/repeat_x.png) repeat-x center -48px; border: solid 1px #015A9A; text-decoration:none; padding:2px 8px; border-radius: 10px; text-shadow: 0 0 0;}
.wts-search a:hover { background-position: 50% -72px; border-color: #07428F;}


/* 侧边栏排行榜 */

.wts-top-panel li { border-bottom: solid 1px #E7E7E7;}
.wts-top-panel dd.goods-pic a { border: solid 1px #FFF;}
.wts-top-panel li:hover dd.goods-pic a { border-color: #FFF; box-shadow: 1px 1px 1px rgba(0,0,0,0.2)}
.wts-top-panel dd.goods-pic p { border: solid 1px #CCC;}
.wts-top-panel dd.goods-pic p big { border-color: transparent #CCC transparent transparent;}
.wts-top-panel dd.goods-pic p small { border-color: transparent #FFFFFF transparent transparent;}


/* 侧边栏店铺分类控制标签 */
.ico-none, .ico-block, .ico-sub { background-color: #A3A9B4; border:0;}
.ico-none, .ico-block { width: 14px; height:14px; border-radius: 7px; }
.ico-none em, .ico-block em { font-size: 0px; line-height: 0; width: 0px; height: 0px; border: 4px solid; display: block;}
.ico-none em { margin: 3px 0 0 6px; border-color: transparent transparent transparent #FFF;}
.ico-block em { margin: 5px 0 0 3px; border-color: #FFF transparent transparent transparent;}
.ico-sub { width: 2px; height:2px; margin: 10px 6px 0 0; border-radius: 1px;}
.wts-class-bar .content { background:#FFF url(images/content_bg.gif) repeat-x scroll 0px 0px; box-shadow: 1px 1px 0 #FFF inset;}

/* 焦点图轮换 */ 
.flex-control-nav li a { width: 6px ; height: 6px ; line-height: 6px; background-color: #FFF; border: solid 2px #CCC; text-indent: -9999px;}
.flex-control-nav li a:hover { width: 10px ; height: 10px ; line-height: 10px; background-color: #1F95DF; border: none;}
.flex-control-nav li a.flex-active { width: 10px ; height: 10px ; line-height: 10px; background-color: #3A557D; border: none; box-shadow: none;}