/* Template Name: Bluesky Template URI: http://www.ecshop.com/ Description: The Bluesky ECSHOP template. Version: ECSHOP 2.5.0 Author: GUI：Yecoir /---------/ CODE：Luhengqi Author URI: http://www.ecshop.com/ Logo filename: logo.gif */ /*@import url(css/layout.css); @import url(css/component.css); */  /*  ==================== 全局通用部分 ====================  */ * html {   filter:expression(document.execCommand("BackgroundImageCache", false, true)); } body,p,td,th,input,select,textarea {   font: normal normal 12px Arial;   margin: 0;  padding: 0; } input.textinput{border-left:1px solid #666; border-top:1px solid #666; height:18px; line-height:18px;} body{ background:url(images/bg1.jpg);  text-align:center; color:#fff;} ul,ol,dl,dt,dd,form {   margin: 0;  padding: 0; } ul,ol {   list-style: none; } h1,h2,h3,h4,h5,h6 {   font-size: 12px;   margin: 0;  padding: 0; } img {   border: 0; } textarea {   padding: 3px;   border: 1px solid #ccc; } a{   color:#fff; font-weight:bold; text-decoration:none; } a:hover{ text-decoration:underline; color:#ff0000;} /*a:link,a:visited {   color: #333;   text-decoration: none; } a:hover,a:active {   text-decoration: underline; }*/ div{ height:0.1%;} td{vertical-align:top;} #container {  width: 1004px; margin:0px auto; height:auto; text-align:left;} .c{ clear:both; height:auto;} .side{width:100%;} .block{border:1px solid #ccc; padding-bottom:5px; margin-bottom:15px; width:99%;} .sidediv{background:url(images/contact_bg.gif) 120px 120px; width:100%;} .globalLeft { padding-left:2px;} .globalRight{width: 216px; float:left; height:100%;} .center{ padding:0px 5px; height:100%; float:left;} .indexcenter{ height:100%; float:left;} .textbox{ margin:5px 8px;/* text-align:justify; */line-height:18px; font-weight:500;} .textbox h2{ color:#ff9900; font-size:15px; border-bottom:1px solid #ccc; line-height:30px;}   .topheader{ width:1004px; margin:0px auto; background:url(images/top.gif) no-repeat top center; overflow:hidden; height:169px;} .toptxt{font-weight:bold; background:#999999; color:#000;} .notice{ width:310px; overflow:hidden; line-height:22px; white-space:nowrap; padding:0px 5px;} .topmuen li{ list-style:none; background:url(images/tb.gif) no-repeat 7px 3px; clear:both; padding-left:8px; margin-top:8px;}  .muen{ clear:both; text-align:center; margin-bottom:6px; line-height:40px;} .muen a{ font-weight:bold; padding-left:18px; padding-right:18px; font-size:14px;}   .topnews{ background:url(images/top_link_bg.jpg) no-repeat; line-height:27px;} .topnews li{ float:left; margin-left:8px; padding-left:10px;background:url(images/three.gif) no-repeat left;} .topnews li a{ color:#fff; text-decoration:underline; } .topnews li a:hover{ color:#FFCC00;}  #urHere{text-align:left; padding-left:5px;height:25px; line-height:25px; color:#fff;} .search{clear:both; padding:6px;padding-left:140px; text-align:left; background:#333333 url(images/head_search.gif) no-repeat left;} .search a{ color:#FFCC00;} .search strong{ color:#FF0000;} .search td{ vertical-align:middle; padding:1px;} .search input.textinput{ width:300px; height:20px;} .search select#category{} .search input#imginput{} .search span{font-weight:bold; font-size:13px;}  .catside{ clear:both; background:url(images/categoryies_title_bg.gif) repeat-x top;font-size:14px; color:#FFFFFF; text-align:center; font-weight:bold; width:100%; line-height:29px;} .catside .sleft{background:url(images/categoryies_title_leftbg.gif) no-repeat left top;} .catside .sright{background:url(images/categoryies_title_rightbg.gif) no-repeat right top; height:29px;}  .indexiucgoods{ /*padding:5px; background:#666;*/ /*border:1px solid #ccc; */text-align:center;/* margin-right:2px;*/} .indexiucgoods img{ height:100px;} .hotimg{ border:1px solid #ccc; background:#AAAAAA; padding:6px;} .hotimg img{ border:5px solid #DDDDDD;}  .topcart{ background:url(images/cart_item_bg.gif) no-repeat; float:left; height:30px; width:140px; margin-top:10px; margin-left:15px; font-size:12px; text-align:right; padding-right:9px; line-height:30px;}  .wenchuan{ font-size:12px; margin-top:10px; float:left; margin-left:10px; line-height:30px;}  .goodside{ clear:both; margin:5px 15px;color:#000; font-weight:bold;} .goodside h2{ font-size:13px;  line-height:25px;} .goodside h2 span{ float:right; font-size:13px;}  .goodslistside{float:left; width:24%; text-align:center; margin:0px;} .webgoodslist{ width:90%; margin:5px auto; line-height:20px; text-align:center; _margin-left:0.93%;} .webgoodslist .smallimg{border:1px solid #ccc; background:#666; padding:8px;} .webgoodslist .smallimg img{ width:95%; border:3px #ccc solid;} .webgoodslist h1{ clear:both; margin:0px;} .webgoodslist h1 a{} .webgoodslist li{ clear:both; list-style:none;color:#FF0000;} .webgoodslist li a{color:#FF0000;} .webgoodslist li strong{ color:#FF0000;} .webgoodslist li.red{ color:#990000;} .webgoodslist li.cart a{} .webgoodslist li.cart td{ height:24px; line-height:24px; text-align:center; vertical-align:middle;} .webgoodslist li span{ text-decoration:line-through;}  .searchlist{ clear:both; border-bottom:1px dotted #ccc; padding:3px 0px;} .searchlist ul{ float:left;} .searchlist ul h1 a{ color:#000; font-size:13px;} .searchlist ul h1 a:hover{ color:#990000;} .searchlist ul li strong{ color:#990000;} .searchlist ul li.cart{ margin-top:35px;} .searchlist ul li.id{ margin:5px auto 16px;} .searchlist ul li.LiveChat{ color:#003399;} .searchlist ul li.LiveChat a{ color:#990000;} .searchlist ul.goodsimg{ width:120px; margin-right:5px;} .searchlist ul.goodsimg a img{ width:99%; border:1px solid #ccc;} .searchlist ul.goodname{ margin:0px 25px; width:390px;} .searchlist ul.goodsorder{}     .glist tr{ margin:0px 5px; padding-bottom:5px; margin-bottom:5px;} .glist td{border-bottom:1px dotted #ccc; } .glist img.smallimg{ height:90px; border:1px solid #ccc; margin:5px;} .glist h1{ clear:both; line-height:30px; font-size:13px;} .glist h1 a{ color:#fff; text-align:left;} .glist dl{ margin-right:40px; margin-left:10px; line-height:22px;} .glist dl.red{ color:#FF0000; font-size:12px;} .glist dl span{ text-decoration:line-through;} .brief{ width:450px; font-size:11px; line-height:20px; text-align:justify;}  .banner_four{ float:left; margin:5px 3px;}  .moreimg{ float:right; width:200px;} .moreimg li{ float:left; margin:3px 8px;} .moreimg li img{ width:70px; height:70px; border:1px solid #ccc;} .view{ clear:both; text-align:center;} .view a#img{ width:320px; border:6px solid #666; margin:5px; padding:1px; display:block; overflow:hidden;} .view img{ width:320px;} .view_price{} .view_price li{ float:left; margin-left:10px; line-height:25px;} .view_price li span{ color:#FF0000; font-size:14px;} .view_price li span em{ text-decoration:line-through;} .view_price li span.goodsPrice{ color:#FF6600;}  #gallery{ clear:both; text-align:center;} #gallery a img{ border:1px solid #ccc; width:140px; height:140px; padding:3px;}  .goodstitle{ margin:5px 10px;line-height:30px;} .goodstitle h2{ padding-left:20px; color:#145085; height:20px; line-height:20px; }  .goodsinfo{ width:99%; color:#fff; font-weight:bold;} .goodsinfo tr{background-color:expression((this.sectionRowIndex%2==0)?"#222":"#333")} .goodsinfo td{ padding-left:10px; line-height:25px; text-align:left;} .goodsinfo td strong{ color:#990000; font-weight:boldl;} .goodsinfo th{ text-align:right; width:140px;} .goodsinfo span.goods-price{ color:#000;} .goodsinfo span#ECS_GOODS_AMOUNT{ color:#FF0000; font-size:14px; font-weight:bold;}  .linkgoods{ float:left;} .linkgoods img{ width:115px; border:1px solid #ccc; margin:2px;}  .tablelist{ width:99%; text-align:center;} .tablelist tr{background-color:expression((this.sectionRowIndex%2==0)?"#222":"#333")} .tablelist td{ padding-left:10px; height:28px; vertical-align:middle; text-align:left;} .tablelist th{ font-weight:bold; background:#444; color:#000; border-bottom:1px dotted #ccc; height:30px; vertical-align:middle; text-align:center;} .cartlist td{ background:#444; border-right:1px solid #fff; text-align:center;} .addlist{width:99%;} .addlist tr{background-color:expression((this.sectionRowIndex%2==0)?"#222":"333")} .addlist td{ padding-left:10px; height:28px; vertical-align:middle; text-align:left;} .addlist th{ font-weight:bold; vertical-align:middle; text-align:right;}  .cartm{ clear:both; text-align:right; margin-top:10px; border-top:1px solid #ccc; padding-top:15px;} .cartm h3{ color:#FF6600;} .cartm h4{ text-align:left;} .cartm h4 span{ float:right;}  .blockside{ border:1px solid #ccc; background:url(images/titles1_bg.gif) repeat-x top; margin-top:5px; overflow:hidden; width:99%;} .blockside h2{ margin:0px; background:url(images/titles1_left_bg.gif) left top no-repeat; height:27px; line-height:27px; border-bottom:1px solid #ccc; padding-left:10px; margin-bottom:4px;} .blockside h2 span{ display:block; height:27px; float:right; margin:0px; background:url(images/titles1_right_bg.gif) left top no-repeat; width:7px;}    .check{} .check li{ border-bottom:1px dotted #ccc; float:left; margin:2px 5px; width:95%; clear:both;}  .selling{} .selling ul{ margin:2px; float:left; width:99.5%; border-bottom:1px dotted #ccc;} .selling ul li{ list-style:none; float:left;} .selling ul li img{ width:42px; height:42px; border:0px solid #ccc; margin:2px 5px;} .selling ul li strong{ color:#990000; padding-top:10px; display:block;}  .imglink{ padding-bottom:5px;} .imglink li{ float:left; width:45%; margin:3px 3px; border:1px solid #ccc;} .imglink li img{ width:90px; height:27px;}  .txtlink{ clear:both; width:100%;} .txtlink li{ float:left; width:9%; line-height:20px; margin-left:3px; white-space:nowrap; overflow:hidden;}   .footer{ text-align:center; color:#fff; font-weight:bold;} .footer a{color:#fff;} .footer p{}   .indextitle{padding-bottom:5px; margin-bottom:8px;border:0px solid #ccc;} .indextitle h2{ padding-left:15px; background:#ccc; font-size:13px; text-align:left; color:#000;line-height:28px; margin-bottom:5px;} .indextitle h2 span{ float:right;}  .lefttitle{background:url(images/top-bg.gif);padding-bottom:5px; border-bottom: 2px solid #E1E1E1;	border-left: 1px solid #E1E1E1;	border-right: 1px solid #E1E1E1;margin-bottom:8px;} .lefttitle h2{ background:url(images/ja-h3-bg.gif) no-repeat;padding-left:20px; line-height:30px; height:27px;font-weight: bold;	font-family:Tahoma, Arial, sans-serif;	text-transform: uppercase;color: #595959;}  .key{float:left;width:180px; white-space:nowrap;overflow:hidden;height:27px;line-height:27px; background:url(images/key_bg.gif);margin-bottom:5px;padding:0 4px} .key a{color:white;font-size:11px;white-space:nowrap;} .key a:hover{color:yellow;font-size:11px;}  .next{ clear:both; text-align:center;font-size:11px;} 	.next a{width:65px;height:22px;border:1px solid #ccc;color:#666; background:url(images/p_l_n.gif) repeat-x left -50px; text-align:center;margin-left:10px;line-height:22px;padding:3px 10px} 	.next a:hover{border:1px solid #F1B923; color:#c30; background:url(images/p_l_n.gif) repeat-x left -50px; }  #ECS_MEMBERZONE{ color:#fff; background:#000 url(images/e-index_r2_c1.jpg) no-repeat -22px 0px; height:203px; width:230px;}	 #ECS_MEMBERZONE input.textInput{ width:90px;} #ECS_MEMBERZONE td{ height:28px; line-height:28px; margin-top:8px;} /*  ==================== LightBox ====================  */       #lightbox{         position: absolute;         top: 40px;         left: 0;         width: 100%;         z-index: 100;         text-align: center;         line-height: 0;         }        #lightbox a img{ border: none; }        #outerImageContainer{         position: relative;         background-color: #fff;         width: 250px;         height: 250px;         margin: 0 auto;         }        #imageContainer{         padding: 10px;         }        #loading{         position: absolute;         top: 40%;         left: 0%;         height: 25%;         width: 100%;         text-align: center;         line-height: 0;         }       #hoverNav{         position: absolute;         top: 0;         left: 0;         height: 100%;         width: 100%;         z-index: 10;         }       #imageContainer>#hoverNav{ left: 0;}       #hoverNav a{ outline: none;}        #prevLink, #nextLink{         width: 49%;         height: 100%;         background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */         display: block;         }       #prevLink { left: 0; float: left;}       #nextLink { right: 0; float: right;}       #prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }       #nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }         #imageDataContainer{         font: 10px Verdana, Helvetica, sans-serif;         background-color: #fff;         margin: 0 auto;         line-height: 1.4em;         }        #imageData{         padding:0 10px;         }       #imageData #imageDetails{ width: 70%; float: left; text-align: left; }         #imageData #caption{ font-weight: bold; }       #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;  }            #imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;  }         #overlay{         position: absolute;         top: 0;         left: 0;         z-index: 90;         width: 100%;         height: 500px;         background-color: #000;         filter:alpha(opacity=60);         -moz-opacity: 0.6;         opacity: 0.6;         }         .clearfix:after {         content: ".";          display: block;          height: 0;          clear: both;          visibility: hidden;         }        * html>body .clearfix {         display: inline-block;          width: 100%;         }        * html .clearfix {         /* Hides from IE-mac \*/         height: 1%;         /* End hide from IE-mac */         }  		 		 /*  ==================== 分页 ====================  */ #pagerside{ border:0px solid #ccc; padding:4px 10px; clear:both;color: #ccc;} #listform{ float:right;}       #pager {         color: #ccc;         text-align: right;         clear: both;         padding: 8px 10px 8px 0; 		height:40px; 		float:left;       }       #pager a {         color: #ccc;         padding: 3px 10px;         border: 1px solid #666;       }       #pager a,       #pager select {         vertical-align: middle;       }  .reply{ clear:both; margin:0px 50px;} .reply li{ text-align:left; line-height:35px; list-style:none; clear:both;} .reply li strong{ width:100px; display:block; float:left;}   /************************************************/ p.textStrong{ font-size:14px; line-height:40px; font-weight:bold;} p.textStrong a{font-size:14px; line-height:40px; font-weight:bold; color:#ff0000;} p.textDesc{ line-height:22px;} .msgNocice{ line-height:25px; padding:5px; border:1px dotted #ccc;}  .usermenu{ width:99%; margin:0px auto;} .usermenu li{ float:left; text-align:center; width:24%; background:#ccc; border:1px dotted #ccc; line-height:25px; margin:5px 2px;} .usermenu li a{ color:#000; display:block; line-height:25px;} .usermenu li a:hover{ background:#FF6600;} .loginin{ width:70%;} .loginin li{ float:left; width:100%; line-height:25px; text-align:left; border-bottom:1px dotted #ccc;} .loginin div a{ padding:5px 6px; background:#666; color:#fff;}   .descr{ clear:both; padding:5px;} .childc{ width:99%; margin-bottom:3px;} .childc a{ display:block; float:left; height:18px; line-height:18px; text-align:center; border:1px solid #333;width:24%; margin:2px;} .childc a:hover{ background:#ff9900;}  .table_godds td{ border:1px solid #ccc; border-width:0px 1px 1px 0px; padding:2px 5px; height:22px; line-height:22px;} .table_godds{ text-align:center;border:1px solid #ccc; border-width:1px 0px 0px 1px;}  .topcatside{ border:1px solid #ccc; background:url(images/newbg2.gif) no-repeat center top; width:100%; overflow:hidden;} .topcatside h2{ font-size:13px; font-weight:bold; color:#990000; line-height:25px; height:25px; padding-left:8px;} .topcat{ float:left; width:28%; margin:5px 12px; margin-left:16px; _margin-left:12px; overflow:hidden;} .topcat li{ list-style:none; float:left; width:99%;} .topcat li span{ display:block; margin:0px;} .topcat li a span{ display:block; line-height:15px; padding-left:10px; background:url(images/list_ca_l.gif) no-repeat 4px 7px;} .topcat li span img{ width:80%; border:1px solid #ccc; margin:2px;} .topcat dl a{ font-weight:bold; color:#000;}   .msnlink li{ clear:both; list-style:none; margin-top:3px;}   /*=============右飘边菜�?=====*/ #sortlist {clear:both; margin:0px;padding:1px;} #sortlist li{ line-height:25px;} #sortlist li a#top_c{ background:#000 url(images/catalog_bg.gif) no-repeat; display:block; line-height:20px; line-height:20px; color:#ff0000; padding-left:20px;} #sortlist li ul{ margin:0px;} #sortlist li ul li a{display:block; clear:both; width:100%;} #sortlist li ul li a span{color: #fff; display:block; clear:both; padding-left:25px;} #sortlist li ul li a:hover span{ color:#ff0000;} #sortlist li ul li {position: relative; border-bottom:1px dotted #333;} #sortlist li ul li ul{left: 180px;position: absolute;width:180px;top: 0px; z-index:100;background:#333;border-bottom:1px solid #ccc; padding:1px;}  /*=============右飘边菜�?=====*/ #maincontent{width:186px; text-align:left;}