﻿/*
Template Name: New serial red ( 20090729 V2.7.0 )
Template URI: http://www.ecshop.com/
Description: newred for ECSHOP 2.7.0
Version: 2.7.0
Author: GUI：Yecoir /---------/ CODE：Luhengqi
Author URI: http://www.ecshop.com/
Logo filename: logo.gif
Template Type: type_0
*/

/*  reset  */
* html { filter:expression(document.execCommand("BackgroundImageCache", false, true)) }
body, p, td, th, input, select, textarea { font-size:12px; margin:0; padding:0 }
*, ul, ol, dl, dt, dd, form, ul, ol ,li { margin:0; padding:0; list-style-type:none;}
h1, h2, h3, h4, h5, h6 { font-size:12px; margin:0; padding:0 }
body { background:#fff url(images/untitled.jpg) repeat }
th, td { font-weight:normal; text-align:left }
img, hr { border:0 }
textarea { padding:3px; border:1px solid #e0a07f }
a:link, a:visited { color:#7e7e7e; text-decoration:none }
a:hover, a:active { text-decoration:underline }


/*  layout  */
#wrapper { width:950px; background:#fff; margin:0 auto; position:relative }
#sidebar { width:177px; float:left; overflow:hidden; zoom:1; padding:0 8px 0 11px; display:inline; }
#container { width:742px; float:left; padding-right:10px; overflow:hidden; zoom:1; display:inline; }
#content { padding:10px 20px; }
#collist { width:752px; overflow:hidden; margin-right:-10px; }
*+html #collist { margin-bottom:8px; }

.col243 { width:243px; float:left; margin-right:6px }
.col243.last { margin-right:0 }
.col350 { width:350px; float:left; margin-right:20px; }
.colbox { margin-bottom:8px; position:relative }
.colbox.colpd .colboxcontent { padding:10px; }
.colbox .more { position:absolute; top:7px; right:10px }
.colbox .more a { color:#fff; }
.colbox .more a.btnwhite { color:#e43a23; background:#fff; padding:3px; }
.colbox.colbgcolor { background:#f9e8e4 }
.colbox.colbgcolor .colboxcontent { background:#fff; margin:4px; padding:8px; border:1px solid #f0d4cd }
.colbox h3 { font:normal normal 12px Arial; color:#fff; background:#e43a23 url(images/icon_bg.gif) no-repeat 10px 10px; height:18px; padding:3px 0 0 20px; border-bottom:1px solid #fff }
.colbox h3 a { color:#fff }
.colbox.arrowbox { clear:both }
.colbox.arrowbox h3 { color:#8d3521; background:transparent url(images/icon_bg.gif) no-repeat 5px -96px }

.itemlist li { background:url(images/icon_bg.gif) repeat-x 0 -223px; height:85px; }
.itemlist p, .itemgrid p { line-height:24px; }
.itemlist .thumb { width:70px; height:70px; float:left; margin-right:8px }

.itemgrid li { width:230px; height:100px; float:left; padding-top:8px }
.itemgrid .pic img { width:80px; height:80px; float:left; margin-right:8px }


/*  commponent  */
/*  global  */

.clearfix:after{
content:"."; display:block; height:0; clear:both;
visibility:hidden;
}
*html .clearfix{
 height:1%;
}
*+html .clearfix{
 height:1%;
}

input, select, img { vertical-align:middle }
.textdesc { color:#999 }
.textred { color:red; }
.texttime { font-size:10px; color:#999; margin-left:5px }
.marketprice { text-decoration:line-through; color:#7e7e7e }
.goodsprice { font-size:14px; color:#eb4316 }
.stylelist li { height:20px; background:url(images/icon_bg.gif) repeat-x 0 -277px; padding-top:4px }
.arrowlist li { background:url(images/icon_bg.gif) repeat-x 0 -277px }
.arrowlist a { line-height:24px; background:url(images/icon_bg.gif) no-repeat 5px -146px; padding-left:15px }
.sinput { background:#fff; height:14px; padding:3px; border:1px solid #e0a07f }
#pager { text-align:right; clear:both; padding:5px 10px; }
.fright { float:right }
#rss { position:absolute; top:100px; right:15px }
a.btnred { color:#fff; background:#e43a23; padding:3px; }
.notice { background:#f9e8e4 url(images/icon_notice.gif) no-repeat 15px center; margin:10px auto; padding:10px 10px 10px 50px; border:1px solid #f0d4cd }
.styletable { width:100%; }
.styletable th, .styletable td { padding:5px 8px }
.styletable th, .numtable th { border-bottom:2px solid #dadada }
.styletable td, .numtable td { border-bottom:1px solid #f1f1f1 }
.numtable th, .numtable td { padding:0 5px 5px; }
.gridtable { border-collapse:collapse }
.gridtable th, .gridtable td { padding:3px 5px; }
.pdtable th, .pdtable td { padding:5px 8px; }
.message { text-align:center; line-height:150%; padding:30px 10px; }
.jcarousel-container { position:relative }
.jcarousel-clip { z-index:2; padding:0; margin:0; overflow:hidden }
.jcarousel-list { z-index:1; overflow:hidden; position:relative; top:0; left:0; margin:0; padding:0 }
.jcarousel-next { z-index:3; display:none }
.jcarousel-prev { z-index:3; display:none }

/*  header  */
#globalheader { height:92px; position:relative }
#globalheader #logo { display:inline; float:left; margin:5px 0 0 12px }
#globalheader #topnav, #globalheader #navigator { width:742px; height:40px; background:#e43a23; display:inline; float:right; margin-right:12px; overflow:hidden;}
#globalheader #topnav { text-align:right; line-height:40px; color:#fdd0c9; width:702px; padding-right:40px }
#globalheader #topnav a { color:#fdd0c9; margin:5px }

#globalheader #navigator, #globalheader #navigator ul, #globalheader #navigator li.current, #globalheader #navigator li.current a, #globalheader #navigator li.first { background-image:url(images/nav_bg.gif); background-repeat:no-repeat }
#globalheader #navigator { background-color:#d62918; background-position:0 -40px; background-repeat:repeat-x }
#globalheader #navigator ul { height:32px; background-position:right -80px; padding-top:8px }
#globalheader #navigator li, #globalheader #navigator li.current { height:32px; float:left }
#globalheader #navigator li a, #globalheader #navigator li.current a { height:24px; color:#fff; float:left; margin-left:4px; padding:8px 17px 0 13px }
#globalheader #navigator li.first { width:40px; background-position:0 -8px }
#globalheader #navigator li.current { background-position:0 -120px }
#globalheader #navigator li.current a { background-color:#fff; background-position:right -160px; color:#e43a23 }

/*  urhere  */
#urhere h3 { color:#8d3521; background:transparent url(images/icon_bg.gif) no-repeat 6px -95px; margin-bottom:10px; border-bottom:1px solid #f0d4cd }
#urhere h3 a { color:#8d3521 }

/*  search  */
#globalsearch { height:25px; color:#fff; background:#000; margin-bottom:13px; padding:7px 20px 0; overflow:hidden; }
#globalsearch select, #globalsearch input, #globalsearch img { vertical-align:middle }
#globalsearch select { border:0 }
#globalsearch input#keyword { height:13px; padding:2px 2px; border:0 }
#globalsearch .searchkeywords { color:#e43a23; display:inline; padding:0 20px }
#globalsearch .searchkeywords a { color:#fff; text-decoration:underline; margin:0 5px }
#globalsearch .searchkeywords a:hover { color:#e43a23 }

/*  hotarea  */
#hotarea { zoom:1; overflow:hidden }
#hotarea .left { width:493px; float:left }
#hotarea .right { width:243px; float:right }
#hotarea #promotevideo { background:#e43a23; padding:3px }
#hotarea #promotion .colbox { background:#f9e8e4; height:201px; position:relative }
#hotarea #promotion .colbox h3 { color:#8d3521; background:#fff url(images/icon_bg.gif) no-repeat 6px -95px }
#hotarea #promotion .jcarousel-skin-itemlist { background:#fff; height:153px; overflow:hidden; margin:4px; padding:7px; border:1px solid #f0d4cd }
#hotarea #promotion .jcarousel-skin-itemlist.jcarousel-container-vertical { height:153px }
#hotarea #promotion .jcarousel-skin-itemlist .jcarousel-clip-vertical { height:160px }
#hotarea #promotion .jcarousel-skin-itemlist .jcarousel-item { background:url(images/icon_bg.gif) repeat-x 0 -225px; height:80px }
#hotarea #promotion .jcarousel-skin-itemlist .jcarousel-next-vertical { position:absolute; top:-1px; right:3px; width:23px; height:15px; cursor:pointer; background:transparent url(images/btn_next.gif) no-repeat 0 0 }
#hotarea #promotion .jcarousel-skin-itemlist .jcarousel-next-disabled-vertical, .itemlist .jcarousel-next-disabled-vertical:hover, .itemlist .jcarousel-next-disabled-vertical:active { cursor:default; background-position:0 -96px }
#hotarea #promotion .jcarousel-skin-itemlist .jcarousel-prev-vertical { position:absolute; bottom:-1px; right:3px; width:23px; height:15px; cursor:pointer; background:transparent url(images/btn_prev.gif) no-repeat 0 0 }
#hotarea #promotion .jcarousel-skin-itemlist .jcarousel-prev-disabled-vertical, .itemlist .jcarousel-prev-disabled-vertical:hover, .itemlist .jcarousel-prev-disabled-vertical:active { cursor:default; background-position:0 -45px }
#hotarea #promotion .jcarousel-skin-itemlist .pic { float:left; margin-right:10px; padding:0 }
#hotarea #promotion .jcarousel-skin-itemlist .pic img { width:70px; height:70px }
#hotarea #promotion .jcarousel-skin-itemlist p { padding-top:5px }

/*  brands  */
#home #brands { width:740px; height:42px; overflow:hidden; white-space:nowrap; margin-bottom:8px; padding-top:2px; }
#home #brands img { display:inline; margin-right:2px; width:80px; height:33px; }

/*  goodsbest(v2.6.1)  */
.contact { background:#fcf2f0; clear:both; padding:8px }
.contact h3 { color:#8d3521; background:transparent url(images/icon_bg.gif) no-repeat 5px -98px; position:relative; }
.contact h3 a{color:#8d3521;}
.contact h3 .tagTit{position:absolute; top:-1px; right:10px;}
.contact h3 .tagTit h2{
display:inline; white-space:nowrap; border:1px solid #fae1dc; border-bottom:none;
position:relative; text-align:center; background:#fff; margin:0 0 0 3px;
padding:4px 5px 2px 5px; font-weight:100; float:left;
}
.contact h3 .tagTit h2 a{color:#ff0000; text-decoration:none;}
.contact h3 .tagTit h2 span{
display:block; width:6px; height:6px;
}
.contact h3 .tagTit h2 .left{
background:url(images/bg_1.gif) no-repeat 0 0; overflow:hidden;
position:absolute; top:-1px; left:-1px;
}
.contact h3 .tagTit h2 .right{
background:url(images/bg_1.gif) no-repeat -7px 0; overflow:hidden;
position:absolute; top:-1px; right:-1px;
}
.contact h3 .tagTit h2.h2bg{
border:none; background:#fcf2f0;
}
.contact h3 .tagTit h2.h2bg a{color:#8d3521;}
.contact h3 .tagTit h2.h2bg .left,.contact h3 .tagTit h2.h2bg .right{display:none;}
.contact .colboxcontent { background:#fff; padding:10px }
.contact .colboxcontent li{text-align:center; background:url(images/btn_horizontal.gif) no-repeat 165px -200px; width:168px; height:160px; float:left; padding:20px 4px 0 0 ; overflow:hidden;}

/*  newarticles catarticles  */
#newarticles .colboxcontent, #catarticles .colboxcontent { height:255px }
#newarticles li, #catarticles li { background:url(images/icon_bg.gif) repeat-x 0 -277px }
#newarticles li a, #catarticles li a { line-height:24px; background:url(images/icon_bg.gif) no-repeat 5px -146px; padding-left:15px }

/*  ECS_CARTINFO  */
#ECS_CARTINFO { background:url(images/icon_cart.gif) no-repeat 0 10px; padding-left:10px; }

/*  ECS_MEMBERZONE  */
#ECS_MEMBERZONE { line-height:1.3em; color:#333; text-align:justify; }
#ECS_MEMBERZONE .btnlist { text-align:right; margin-top:5px; }
#ECS_MEMBERZONE p { margin-bottom:5px; }

/*  top10  */
#home #top10 .colboxcontent { height:auto;}
.padd{padding-bottom:1px;}
#top10 .stylelist li { height:24px; padding-left:5px; }
#top10 li img { margin-right:3px }

/*  categorytree  */
#categorytree ul { padding:8px 0 }
#categorytree h4 { line-height:20px; background:url(images/icon_bg.gif) no-repeat 0 -46px; margin:0 8px; padding-left:18px }
#categorytree h4 a { color:#8d3521 }
#categorytree .child { line-height:2em; color:#7e7e7e; margin:0 8px }
#categorytree .child a { white-space:nowrap }
#categorytree .line { background:url(images/icon_bg.gif) repeat-x 0 -200px; overflow:hidden; height:1px; margin:5px 0 }
#categorytree .btnopen, #categorytree .btnclose { text-indent:-999px; _text-indent:0px; background:url(images/btn_switch.gif) no-repeat 0 -20px; width:7px; height:7px; overflow:hidden; float:right; margin-top:5px; /*cursor:pointer*/ }
#categorytree .btnclose { background-position:0 0 }

/*  orderquery subscription  */
#orderquery .colboxcontent, #subscription .colboxcontent { text-align:right; background:#f0d4cd; padding:8px 8px 15px }
#orderquery p, #subscription p { padding:5px 15px 0 0 }
#orderquery .sinput, #subscription .sinput { background:#fff; display:block; width:147px; height:14px; margin:0 auto; padding:3px; border:1px solid #e0a07f }
#orderquery #ECS_ORDER_QUERY { color:#fff; width:177px; _width:150px; overflow:hidden; zoom:1; top:50%; left:50%; z-index:999; opacity:0.85; filter:alpha(opacity=85) }
#orderquery #ECS_ORDER_QUERY ul { width:150px; padding:10px; background:#890208; border:3px solid #000 }
#orderquery #ECS_ORDER_QUERY li { line-height:1.6em; margin-bottom:8px }
#orderquery #ECS_ORDER_QUERY li img { cursor:pointer }
#orderquery #ECS_ORDER_QUERY a { color:#fff; font-size:16px }
#closeOrder{position:relative;}
#closeOrder .closeOrder{position:absolute; top:5px; right:5px; cursor:pointer;}

/*  compareBox  */
#compareBox { width:130px; background:#fff; padding:10px 3px 5px; border:1px solid #999; position:absolute; right:1px; top:200px; opacity:0.8; filter:progid:DXImageTransform.Microsoft.BasicImage(opacity=0.8); }
#compareBox input { color:#FFF; background:#000; width:120px; padding-top:3px; margin-bottom:5px; border:1px solid #000; }
#compareList { width:120px; margin:0px; padding:0px; }
#compareList li { color:#333; text-align:left; width:110px; height:10px; overflow:hidden; background:#f1f1f1; margin:3px 0; padding:3px 5px; border:1px solid #999; }
#compareList li img { float:right; cursor:pointer; }

/*  itempic  */
#itemallinfo { overflow:hidden; zoom:1; margin-bottom:10px; }
#itemallinfo .watermark { position:absolute; top:0; right:-10px; }
#itemallinfo .itembtnlist { text-align:right; clear:both; padding:10px 50px }
#itempic { float:left; padding:0 10px; position:relative; }
#iteminfolist { float:left; padding-left:30px; }
#iteminfolist .goodsprice { font-size:12px }
#iteminfolist h2 { font-size:14px; color:#e43a23; margin-bottom:10px }
#iteminfolist th, #iteminfolist th { color:#333; padding-bottom:3px }
#iteminfolist th { font-weight:normal; color:#8d3521 }

/*  tabpage  */
#globaltab .tabbar { height:22px; clear:both; padding-left:20px; border-bottom:1px solid #f0d4cd }
#globaltab .tabbar li { line-height:20px; color:#666; float:left; padding:0 10px; margin:1px 3px 0 0; border:1px solid #dadada; border-bottom:0; position:relative; cursor: pointer }
#globaltab .tabbar li.selected { line-height:22px; color:#e43a23; background:#fff; margin:0 3px -2px 0; border:1px solid #f0d4cd; border-bottom:0 }
#globaltab .tabbar li.hightlight { background:#f9e8e4 }
#globaltab .tabpages { border-top:0 }
#globaltab .tabpage { padding:10px }
#globaltab .tabpage th { color:#8d3521 }
#globaltab .tabpage th, #globaltab .tabpage td { padding:3px 5px }
#globaltab #ECS_TAGS { padding:10px 0 }
#globaltab #ECS_TAGS a { margin-right:15px }
#globaltab #globaldesc { line-height:1.6em; color:#e43a23 }

/*  itemgallery  */
#itemgallery { width:215px; margin-top:4px }
#itemgallery li { float:left; padding:3px 12px 3px 0 }

/*  related  */
#related li { width:auto; height:50px; float:none }
#related .pic img { width:50px; height:50px }

/*  pricegrade filterattr  */
#pricegrade li, #filterattr li { width:240px; float:left; margin-bottom:8px; }
#brands.arrowbox { padding-bottom:5px; }

/*  brandinfo  */
#brandinfo { height:100px; }
#brandinfologo, #brandinfolist { line-height:1.3em; float:left; padding:5px 10px; }

/*  artile  */
#article h1 { font-size:16px; text-align:center; margin-bottom:10px; }
#article .articleposted { text-align:right; padding:5px 10px; }
#article .articlerelative, #article .articlenext { padding:10px; }

/*  compare  */
#compare { background:#fff; }
#compare #comparetable { table-layout:fixed; border-color:#f0d4cd; }
#compare #comparetable th { background:#f1f1f1; width:100px; border-color:#f0d4cd; }
#compare #comparetable td { width:140px; border-color:#f0d4cd; }

/*  invoicequery  */
#invoicequery { color:#7e7e7e; }
#invoicequery form { display:inline; }
#invoicequery li { line-height:25px; }
#invoicequery li a  { text-decoration:underline; }

/*  activity  */
#activity table { margin-bottom:20px; border:1px solid #f0d4cd; }
#activity table table { border:0; }

/*  goodslist  */
#goodslist { clear:both }
#goodslist li { background:url(images/icon_bg.gif) repeat-x 0 bottom; height:120px; padding:10px 10px 15px; position:relative; }
#goodslist .itemtext li { height:108px; padding-top:20px !important; padding-top:30px; }
#goodslist p { line-height:100%; margin-bottom:12px; }
#goodslist option { padding-right:10px; }
#goodslist .pic { float:left }
#goodslist .name { margin-top:12px; position:relative }
#goodslist .watermark { position:absolute; top:-18px; }
#goodslist .name a { font-weight:bold; color:#e43a23; }
#goodslist .marketprice { margin-right:20px; }
#goodslist .brief { color:#999; }
#goodslist .itemlist .itemlistinfo { width:580px; float:left; padding:5px 10px; }
#goodslist .itemlist .btnlist, #goodslist .itemtext .btnlist { position:absolute; top:110px; right:50px; }
#goodslist .goodslistmenu { text-align:right; background:#f9e8e4; padding:5px 10px; height:20px; }
#goodslist .goodslistmenubtn { float:left; }
#goodslist .itemgrid li { text-align:center; background:none; width:160px; height:220px; float:left; padding-top:30px; }
#goodslist .itemgrid .price { line-height:1.3em }
#goodslist .itemgrid .marketprice { margin-right:0 }
#goodslist .itemgrid .pic, #goodslist .itemgrid .pic img { width:120px; height:120px; float:none; margin:0 auto; }
#goodslist .itemgrid .watermark img { width:58px; height:22px; }
#goodslist .itemgrid .watermark { top:12px; right:15px; }

/*  comment  */
#comment { color:#444; clear:both; padding-top:5px }
#comment h3 { color:#8d3521; background:transparent url(images/icon_bg.gif) no-repeat 6px -95px; margin-bottom:10px; border-bottom:1px solid #f0d4cd }
#comment th, #comment td { padding:3px 5px }
#comment textarea { width:700px }
#comment .commentsline { background:url(images/icon_bg.gif) repeat-x 0 -190px }
#comment .commentsrecontent { padding-top:10px }
#comment #commentform { padding-top:10px }
#comment #commentform th { width:85px }
#comment .author { color:#8d3521 }
#comment #pager { text-align:right; padding:0 30px 30px }

/*  pickout  */
#pickout dt { background:url(images/icon_bg.gif) no-repeat 0 -147px; margin-bottom:5px; padding-left:8px; }
#pickout dd { margin-bottom:5px; padding-left:8px; }
#pickout dd a { margin-right:10px; }

/*  guestbook  */
#guestbook th { color:#8d3521; }

/*  help  */
#help { background:#f9e8e4; padding:4px }
#help ul { background:#fff; padding:15px; border:1px solid #f0d4cd }
#help li { padding:0 10px 0 0; margin-right:10px; float:left;}
#help h4 { line-height:15px; color:#8d3521; background:url(images/icon_bg.gif) no-repeat 0 -100px; margin-bottom:8px; padding-left:15px }
#help p { background:url(images/icon_bg.gif) no-repeat 5px -146px; padding:0 0 10px 13px }

/*  loading  */
#loader { background-color:#ffc; border:1px solid #cc0; position:fixed; color:#CC0000; z-index:1000; left:0px; bottom:0px; padding:5px 15px; filter:progid:DXImageTransform.Microsoft.BasicImage(opacity=.65); opacity:0.65 }
* html #loader { position:absolute }

/*  globallink  */
#globallink { clear:both; margin-bottom:8px; padding:10px; border:1px solid #f0d4cd }

/*  footer  */
#footer { clear:both; padding-bottom:15px }
#footernav { color:#fff; text-align:center; background:#e43a23; height:22px; margin-bottom:10px; padding-top:9px; position:relative }
#footernav a { color:#fff; margin:0 10px }
#footernav .tohome { position:absolute; top:10px; right:32px }
#footernav .totop { position:absolute; top:10px; right:5px }
#footer #copyright { font:12px Arial; line-height:1.5em; text-align:center }


/*购物车提示点击更新按钮式样2.6.2版本添加*/
.messageli {
 list-style-type:none;
 padding:5px;
 color:red
}
.messagediv {
 font-size:12px;
 position:absolute;
 border:1px solid #FFD700;
 text-align:center;
 padding:5px;
 background-color:#FFFACD;
 filter:alpha(opacity=50);
 -moz-opacity:0.7;
 opacity: 0.7;
}

.messagediv a{color:red; cursor:pointer;}

/*  积分兑换样式修改 */
.point li{
 float:left;
 width:300px;
}
.screeBox{
margin-bottom:6px;
padding:3px 0;
}
.screeBox span{
padding:2px 5px; background:#e43a23;
color:#fff;
}
#history_list,.attribute{padding:6px 0;}
#history_list ul,.attribute ul{ margin-bottom:5px;}
#history_list li,.attribute li{float:left;}
#history_list li.goodsimg,.attribute li.goodsimg{ margin-right:6px;}
#history_list li.goodsimg img,.attribute li.goodsimg img{width:45px; height:45px; border:1px solid #ccc;}
#clear_history{ text-align:right; margin-right:5px;}
#clear_history a{cursor:pointer;}
.top_goods{position:relative; padding-left:15px; margin-bottom:6px;}
.iteration{position:absolute; left:0px; top:3px;}
.top_goods li{float:left; background:none; width:75px;}
.top_goods li.topimg{margin-right:6px; width:46px;}
.top_goods li.topimg img{width:45px; height:45px; border:1px solid #ccc;}


