﻿/*  
Template Name: ECSHOP Book Shop
Template URI: http://www.ecshop.com/
Description: The Gift Shop ECSHOP template .
Version: 2.1.5
Author: ECSHOP Team Xeon[祺]
Author URI: http://www.ecshop.com/
*/

/*===========================================
        页面综合部分
  ===========================================*/
body {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	background-image:url(images/bj.jpg);
	background-color:#a58971;
	background-repeat: no-repeat;
}
body, form, ul, dl, dt, dd {
  margin: 0px;
  padding: 0px;
}
input, select, textarea {
  font-size:12px;
}
img {
  border:0;
}
a, a:link, a:visited {
  font:12px Arial, Helvetica, sans-serif;
  color:#857D64;
  padding:0px;
  margin:0px;
  text-decoration:none;
  margin:0px;
  padding:0px;
}
a:hover {
  color:#333;
}
.hack {
  clear:both;
}
.mark-price {
  background:#5D3411;
  color:#FFF;
  font-weight:bold;
}
.goods-price {
  color:#5D3411;
}
.market-price {
  color:#5D3411;
  background:url(images/line_through.gif) repeat-x center 8px;
}
.group-goods-list {
  border-bottom:1px dashed #CCC;
}
.content-div {
  padding:10px 20px;
  margin-right:30px;
}
.content-div td, th {
  padding:6px;
}
#pager {
  padding:10px;
}
#loader {
  background-color: #FFFFCC;
  border: 1px solid #CC0000;
  position: fixed;
  color: #CC0000;
  z-index: 1000;
  left: 0;
  bottom: 0;
  padding: 5px 15px;
  /*display: none;*/
  filter: progid:DXImageTransform.Microsoft.BasicImage(opacity=.65);
  opacity: 0.65;
}
* html #loader {
  position: absolute;
}
/*===========================================
        页面布局部分
    ===========================================*/

#globalWrapper {
  width:980px;
  margin:0px auto;
  padding:0px;
  background:url(images/container-bg.gif);
}
#container {
  float:left;
  padding-top:20px;
  background:url(images/container-bg.gif);/*三栏式*/
}
#container2 {
  float:left;
  margin-top:20px;
  background:url(images/container-bg.gif);/*两栏式*/
}
#page-left {
  float:left;
  width:240px;
  overflow:hidden;
}
#page-left .title-01 {
  margin:0 10px 0 30px;
  background:url(images/title-01-left.gif);
  height:43px;
}
#page-left .sort-box01 {
  margin:0 10px 10px 30px;
}
#page-middle {
  float:left;
  width:436px;
  padding:0 0 0 1px;
  overflow:hidden;
}
#page-right {
  float:right;
  width:290px;
  overflow:hidden;
  margin-left:13px;
}
#page-right .title-01 {
  background:url(images/title-01-right.gif) repeat-x;
  height:32px;
  clear:both;
  margin-right:30px;
}
#page-right .title-01-arrow {
  font:bold 14px Georgia, "Times New Roman", Times, serif;
  color:#8C846B;
  padding:8px 0 0 20px;
  margin-top:2px;
}
.title-01 .more {
  float:right;
  margin:-20px 10px 0 0;
}
#page-right .sort-box01 {
  margin:0 30px 10px 0px;
}
/*===========================================
        分类模块设置 商品模块显示部分
    ===========================================*/
.brands {
  margin:4px 30px 6px 20px;
}
.brands .list {
  border-bottom:1px #ccc dashed;
  line-height:200%;
  width:100%;
}
.title-01 {
  background:url(images/title-01.gif) repeat-x;
  height:32px;
  clear:both;/*浅色 分类标题背景重复*/
}
.title-01-arrow {
  font:bold 14px Arial, Helvetica, sans-serif;
  color:#7B775B;
  height:23px !important;
  height:22px;
  padding:7px 0 0 20px !important;
  padding:8px 0 0 20px;/*浅色 分类标小图标和文字设置部分*/
}
.title-01 span a, .title-01 span a:visited {
  font-size:12px;
  color:#7B3900;/*浅色更多链接按钮颜色*/
}
.title-01 span a:hover {
  color:#FFF;
  background:#7B3900;/*浅色更多链接按钮经过颜色*/
}
.sort-box01 {
}
.title-02 {
  background:url(images/title-02.gif) repeat-x;
  height:30px;
  clear:both;/*分类标题背景重复部分*/
}
.title-02 span a, .title-02 span a:visited {
  font-size:12px;
  color:#FFF;/*深色更多链接按钮颜色*/
}
.title-02 span a:hover {
  color:#7B3900;
  background:#FFF;/*深色更多链接按钮经过颜色*/
}
.title-02-arrow {
  font:bold 14px Arial, Helvetica, sans-serif;
  color:#FFF;
  background:url(images/title-02-arrow.gif) no-repeat center left;
  height:23px !important;
  height:22px;
  padding:7px 0 0 20px !important;
  padding:8px 0 0 20px;/*分类标小图标和文字设置部分*/
}
.sort-box02 {
  background:#907233;
}
.title-03 {
  background:url(images/title-01.gif) repeat-x;
  height:30px;
  clear:both;/*分类标题背景重复部分*/
}
.title-03 span {
  float:left;
  padding:8px 0 0 15px;
  color:#7B3900;
}
.title-03 span a, .title-03 span a:visited {
  text-decoration:underline;
}
.title-03 span a:hover {
  text-decoration:none;
}
.title-03-arrow {
  font:bold 14px Arial, Helvetica, sans-serif;
  color:#FFF;
  background:url(images/title-02.gif) repeat-x;
  float:left;
  height:23px !important;
  height:22px;
  width:80px;
  padding:7px 0 0 10px !important;
  padding:8px 0 0 10px;/*分类标小图标和文字设置部分*/
}
.title-04-arrow {
  font:bold 14px Arial, Helvetica, sans-serif;
  color:#FFF;
  background:url(images/title-04-arrow.gif) repeat-x;
  float:left;
  height:23px !important;
  height:22px;
  width:80px;
  padding:7px 0 0 10px !important;
  padding:8px 0 0 10px;/*分类标小图标和文字设置部分*/
}
.title-05-arrow {
  font:bold 14px Arial, Helvetica, sans-serif;
  color:#7B3900;
  background:url(images/title-01-arrow.gif) no-repeat center left;
  float:left;
  height:23px !important;
  height:22px;
  width:70px;
  padding:7px 0 0 20px !important;
  padding:8px 0 0 20px;/*分类标小图标和文字设置部分*/
}
.title-01 span, .title-02 span {
  float:right;
  margin-right:10px;/*更多链接按钮*/
}
.promotion {
  margin-right:40px;
}
.promotion .ptable {
  border-bottom:1px dashed #ccc;
  margin:5px;
  padding:5px;
}
.promotion .photo {
  border:4px #E0DBC2 solid;
}
.product-list {
  padding-left:8px;
  color:#960;/*产品列表区域块*/
}
.product-list li {
  width:126px;
  float:left;
  list-style:none;
  margin-top:6px;/*产品列表区*/
}
.product-list a {
  color:#960;
}
.product-list .photo {
  margin-right:5px;
  text-align:center;
}
.product-list .photo img {
  border:4px #E0DBC2 solid;
}
.product-list .price {
  height:20px;
  text-align:center;
}
.product-list .name {
  display:block;
  height:18px;
  padding-top:5px;
  text-align:center;
}
.product-list .buy-btn {
  text-align:center;
}
/*===========================================
        商品列表 搜索结果
    ===========================================*/

.goods-list {
  padding:5px;
  margin:5px;
}
.goods-list li {
  list-style:none;
  float:left;
  width:167px;
  height:230px;
  display:block;
  text-align:center;
  line-height:160%;
  padding-top:10px;
}
.goods-list a {
  color:#960;
}
.goods-list li .goods-name {
  display:block;
  font-weight:bold;
}
.goods-list li .photo {
  margin-bottom:8px;
}
.goods-list li .photo img {
  border:4px #E0DBC2 solid;
}
.goods-list li a:hover img {
  background:#F00;
}
/*===========================================
        顶部菜单和主导航部分
    ===========================================*/
#logo-topnav {
  height:81px;
  width:980px;
  margin:0 auto;
  background:url(images/page-top-bg.png) repeat-x;/*顶部行高和重复背景*/
}
#logo {
  width:930px;
}
#logo img {
  float:left;
  margin-left:3px;
}
#topnav {
  float:right;
  text-align:right;
  padding-top:8px;
  list-style:none;
}
#topnav li {
  float:left;
  padding:0 15px 0 7px !important;
  padding:2px 15px 0 7px;
  background: url(images/topnav-bg.gif) no-repeat right 1px;
}
#topnav a {
  color:#fff;
}
#topnav a:hover {
  text-decoration:underline;
}
a.btn-list, a:visited.btn-list {
  float:left;
  background:url(images/arrow_catalog.gif) no-repeat right top;
  padding-right:8px;
}
a:hover.btn-list {
  background:url(images/arrow_catalog.gif) no-repeat right -12px;
  padding-right:8px;
}
#logo .cart {
  background: url(images/az-topnav-cart.gif) no-repeat left 1px;
  float:right;
  width:50%;
  padding:0px 0 0 1px;
  margin-top:10px;
}
#logo .cart a {
  color:#D8D9C1;
}
#global-nav {
  height:37px;
  width:980px;
  margin:0 auto;
  background:url(images/nav-bg.gif) repeat-x;/*主导航行高和重复背景*/
}
#main-nav {
  width:950px;
  padding:0 10px;
  margin:0px auto;/*主导航总宽度*/
}
#main-nav li {
  list-style:none;
  float:left;
  margin-top:5px;
  height:16px;
  padding:5px 10px 0 10px;
  border-right:1px dashed #CCC;/*主导航重复部分(控制宽度和分隔线)*/
}
#main-nav a {
  color:#fff;
}
#main-nav a:hover {
  text-decoration:underline;
}
/*===========================================
        购物车
    ===========================================*/

#ECS_CARTINFO {
  padding:10px 10px 10px 40px;
  background:#907233 url(images/cart-icon.gif) no-repeat 8px 15px;
}
#ECS_CARTINFO a {
  color:#FFF;
}
#ECS_CARTINFO a:hover {
  text-decoration:underline;
}
/*===========================================
        文章列表
    ===========================================*/

.article-list {
  margin-bottom:16px;
  margin-right:30px;
}
.article-list li {
  padding-left:24px;
  line-height:200%;
  border-bottom:1px #dadada dashed;
  list-style-type:none;
  background:url(images/new.gif) no-repeat left center;
}
.article-list span {
  color:#ccc;
  font-size:10px;
  float:right;
}
/*===========================================
        搜索表单部分
    ===========================================*/

#globalSearch {
  font-size:12px;
  color:#FFA508;
  height:31px;
  background:url(images/search-bg.gif) repeat-x;/*表单全局和重复背景*/
}
#globalSearch .ur-here {
  float:left;
  margin:6px 0 0 20px;
  padding:0 0 0 15px;
  color:#CECAAD;
  background: url(images/ur-here.gif) no-repeat left 3px;
}
#globalSearch .ur-here a {
  color:#CECAAD;
}
#globalSearch #keyword {
  background-color:#9B9576;
  border:1px #E0E0CF solid;
  height:14px;
  padding-top:2px;
  color:#fff;
}
#globalSearch span {
  float:right;
  margin:10px 10px 0 0;
}
#globalSearch form {
  margin-top:4px;
  vertical-align:middle;
  float:right;
  margin-right:20px;
}
#globalSearch .btn {
  vertical-align:middle;
  margin-bottom:4px;
}
#globalSearch a {
  color:#FFf;
}
#globalSearch a:hover {
  text-decoration:none;
}
/*===========================================
        所以分类菜单
    ===========================================*/
.catalog-div {
  border: 1px solid #808080;
  background: #FFF;
  display: none;
  position: absolute;
  padding: 5px 20px;
  margin:0;
}
.catalog-div ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.catalog-div li {
  white-space:nowrap;
}
.catalog-div .top-cate {
  border-bottom: 1px solid #DADADA;
  font-weight:bold;
  margin: 3px auto;
}
.catalog-div .snd-cate {
  padding-left: 1em;
}
/*===========================================
        登录和Flash轮循广告
    ===========================================*/

#flash {
  margin-bottom:15px;/*Flash轮循广告*/
}
.login-input {
  width:130px;
  height:18px;
  border:1px #AAA586 solid;
  background:#fff;
  padding:2px 0 0 3px;
  float:left;
  margin-bottom:5px;/*会员和密码输入框*/
}
.login-btn {
  padding:0px 3px;
  float:left;
  margin-left:40px !important;
  margin-left:20px;
}
*+html .get-reg {
  padding-top:3px;
}
.get-reg img {
  margin-top:5px !important;
  margin-top:2px;
}
#ECS_MEMBERZONE {
  float:left;
  width:200px;
  height:200px;
  color:#735C4C;
  margin-left:30px !important;
  margin-left:15px;
}
#ECS_MEMBERZONE .login-top {
  background:url(images/login-top.gif) no-repeat left center;
  height:66px;
}
#ECS_MEMBERZONE .login {
  height:120px;
  background:url(images/login-bg.gif);/*登录区域尺寸*/
}
#ECS_MEMBERZONE .login div {
  padding:5px;
}
#ECS_MEMBERZONE .login label {
  color:#735C4C;
  padding:3px 8px 0 8px;
  float:left;
  width:30px;
}
/*===========================================
        商品分类
    ===========================================*/

#category-tree {
  padding:10px;
  line-height:160%;
}
#category-tree ul {
  list-style:none;
}
#category-tree .parent-cat a, #category-tree .parent-cat a:visited {
  color:#960;
  font-weight:bold;
  margin:5px 0 3px 0;
  padding:0 0 0 3px;
  border-bottom:1px dashed #CCC;
  display:block;
  width:160px !important;
  width:150px;
  clear:both;/*大分类*/
}
#category-tree span {
  margin-right:5px;
  white-space:nowrap;
}
#category-tree .parent-cat a:hover {
  border-bottom:1px dashed #7B3A02;/*分类文字经过效果*/
}
/*===========================================
        特价促销
    ===========================================*/

#pomotion {
  padding:10px;
}
#pomotion li {
  list-style:none;
  padding-left:8px;
  border-bottom:1px dashed #ebe6c0;
  background:url(images/help-arrow.gif) no-repeat center left;
  margin-bottom:5px;/*列表图标*/
}
#pomotion li a {
  line-height:140%;/*列表字体颜色和行高*/
}
#pomotion li a:hover {
  text-decoration:underline;/*列表字体经过效果*/
}
/*===========================================
        销售排行TOP10
    ===========================================*/

#top10 {
  padding:5px;
  margin-right:30px;
}
#top10 li {
  list-style:none;
  padding:3px;
  margin-bottom:5px;
  border-bottom:1px #ccc dashed;
}
#top10 li img {
  vertical-align:middle;
}
#top10 li span {
  vertical-align:middle;
  padding-left:5px;
}
#top10 li span a {
}
#top10 li span a:hover {
  text-decoration:underline;
}
/*===========================================
        商品详情
    ===========================================*/

#goods-info {
  padding:5px;
}
#goods-info dl {
  float:left;
  margin-top:10px;
}
#goods-info dt {
  color:#D44100;
  font-size:14px;
  font-weight:bold;
  margin-bottom:10px;
}
#goods-info dd {
  color:#7B3900;
  line-height:160%;
}
#goods-info-photo {
  float:left;
  margin:10px;
  border:1px solid #CDCDCD;
  padding:5px;
  background:#F8F8F8;
}
#goods-info-photo img {
  border:1px solid #CDCDCD;
}
#goods-info-photo .zoom {
  width:60px;
  height:14px;
  padding-left:15px;
  margin:5px auto 0 auto;
  background:url(images/zoom.gif) no-repeat center left;
}
#goods-info-photo .zoom a:hover {
  text-decoration:underline;
}
/*===========================================
        商品属性
    ===========================================*/

#properties {
  padding:5px;
  color:#7B3900;
}
#properties th {
  text-align:right;
}
#properties td {
}
/*===========================================
        商品相册
    ===========================================*/

#gallery {
  width:294px;
  padding:5px 0 0 2px;
  border:1px solid #CDCDCD;
  margin-left:15px;
}
#gallery-list {
  width:290px;
  overflow:hidden;
  white-space:nowrap;
}
#gallery-list img {
  border:1px solid #CDCDCD;
  width:90px;
  height:90px;
  margin-left:2px;
}
#gallery-btn {
  text-align:center;
}
#gallery-btn a#more-left {
  background:url(images/more-left.gif) no-repeat center top;
  text-indent:-9999px;
  display:block;
  float:left;
  width:95px;
  height:18px;
}
#gallery-btn a:hover#more-left {
  background:url(images/more-left.gif) no-repeat center bottom;
}
#gallery-btn a#more-list {
  background:url(images/more-list.gif) no-repeat center top;
  text-indent:-9999px;
  display:block;
  float:left;
  width:100px;
  height:18px;
}
#gallery-btn a:hover#more-list {
  background:url(images/more-list.gif) no-repeat center bottom;
}
#gallery-btn a#more-right {
  background:url(images/more-right.gif) no-repeat center top;
  text-indent:-9999px;
  display:block;
  float:left;
  width:91px;
  height:18px;
}
#gallery-btn a:hover#more-right {
  background:url(images/more-right.gif) no-repeat center bottom;
}
#goods-gallery {
  padding:10px;
  text-align:center;
}
#goods-gallery .goods-gallery-outside {
  margin:0 0 15px 0;
  width:100px;
  background:#CEC4A0;
}
#goods-gallery .goods-gallery-inside {
  position:relative;
  top:5px;
  left:5px;
}
.content {
  word-break:break-all;
  word-wrap:break-word;
  color:#7B3900;
  line-height:1.6;
  text-indent:24px;
  overflow:hidden;
  padding:5px;
}
#ECS_COMMENT .comments {
  border:1px #ccc solid;
  background-color:#FFFFCC;
  word-break:break-all;
  word-wrap:break-word;
  color:#003366;
  line-height:1.6;
  text-indent:24px;
  overflow:hidden;
  padding:5px;
  margin-top:6px;
}
#ECS_COMMENT .bg2 {
  border-bottom:1px #333 dashed;
  padding:4px;
}
/*===========================================
        网站帮助
    ===========================================*/

#help {
  width:100%;
  clear:both;
  text-align:left;
  margin:0px auto;
  color:#ebe6c0;
}
.help-title {
  color:#857D64;
  background:url(images/title-03.gif) repeat-x;
  height:29px;
  clear:both;
}
.links {
  color:#857D64;
  background:url(images/title-03.gif) repeat-x;
  height:29px;
  clear:both;
  font-size:14px;
  margin-top:5px;
  padding-top:6px;
  font-weight:bold;
}
.help-title img {
  vertical-align:middle;
}
.help-title span {
  font-weight:bold;
  vertical-align:middle;
}
.help-title div {
  padding:3px 0 0 25px;
}
.help-list {
  padding:10px 15px;
  vertical-align:top;
}
.help-list li {
  color:#EBE6C6;
  list-style:none;
  padding-left:8px;
  background:url(images/help-arrow.gif) no-repeat center left;/*列表图标*/
}
.help-list a, .help-list a:visited {
  line-height:140%;
  color:#857D64;/*列表字体颜色和行高*/
}
.help-list a:hover {
  text-decoration:underline;
}
/*===========================================
        浏览历史 您的选择
    ===========================================*/

#history, #your-picking {
  padding:10px;
}
#history li, #your-picking li {
  list-style:none;
  padding-left:8px;
  background:url(images/list-dist2.gif) no-repeat center left;/*列表图标*/
}
#history li a, #your-picking li a {
  line-height:140%;
  color:#7A3901;/*列表字体颜色和行高*/
}
#history li a:hover, #your-picking li a:hover {
  color:#666;
  text-decoration:underline;/*列表字体经过效果*/
}
/*===========================================
        用户中心
    ===========================================*/

#user-list {
  padding:10px;
}
#user-list li {
  list-style:none;
  padding-left:8px;
  border:1px solid #D2C8A3;
  background:url(images/list-dist2.gif) no-repeat center left;
  margin-bottom:3px;
  padding:3px 5px 3px 10px;/*列表图标*/
}
#user-list li a {
  line-height:140%;
  color:#7A3901;/*列表字体颜色和行高*/
}
#user-list li a:hover {
  color:#666;
  text-decoration:underline;/*列表字体经过效果*/
}
/*===========================================
        最新出价 活动列表 我的出价
    ===========================================*/

#snatch-price, #snatch-list {
  padding:10px;
}
#snatch-myprice li, #snatch-price li, #snatch-list li {
  list-style:none;
  line-height:160%;
  border-bottom:1px dashed #EBE6C6;
  background:url(images/list-dist2.gif) no-repeat center left;
  padding-left:5px;
}
/*===========================================
        文章分类
    ===========================================*/

#article {
  height:30px;
  text-align:center;
  background:url(images/article-bg.gif) repeat-x;
}
#article img {
  vertical-align:middle;
  margin:0px 5px;
}
/*===========================================
        相关文章
    ===========================================*/

#goods_article {
  padding:10px 10px 20px 10px;
}
#goods_article li {
  list-style:none;
  border-bottom:1px solid #CBC7AA;
  padding-left:5px;
  margin-bottom:3px;
  background:url(images/list-dist2.gif) no-repeat center left;
}
#goods_article li span {
  float:right;
  font-size:10px;
  color:#888;
  padding-right:10px;
}
#goods_article li a:hover {
  text-decoration:underline;
}
/*===========================================
        所有分类
    ===========================================*/

#cotalog-list ul {
  margin-left:10px;
  padding-left:10px;
}
/*===========================================
        商品标记
    ===========================================*/

#goods_tags {
  padding:10px;
}
#goods_tags a {
  margin-right:5px;
}
#goods_tags a:hover {
  text-decoration:underline;
}
/*===========================================
        底部版权备案信息
    ===========================================*/

#footer {
  color:#674703;
  width:980px;
  text-align:center;
  line-height:140%;
  margin:0px auto;
  background:url(images/container-bg.gif);
}
#footer #footer-bg {
  background:url(images/footer-bg.png);
  height:104px;
  padding-top:40px;
}

