/* CSS document designed by Vinaro cheung on 2009.04.29 */

body { margin:0px; padding:0px;  background:#eee; font-size:14px; font-family: Arial, "宋体", "新宋体", Helvetica, sans-serif; color:#333; }

a { font-size:14px; color:#333; text-decoration:none; }
a:link { color:#333; }
a:visited { color:#333; }
a:hover { color:#f5811d; }
a:active { color: #333; }
.input{ border:1px solid #aaa;}
.input:focus{background-color:#eee; border:1px solid #999;}

ul, li, dl, dt, dd, form, h2, h3, h4, h5 { margin:0px; padding:0px; list-style:none; }
img { border:0px; }
hr{ color:#ccc; border:1px solid #ccc;}

.info{  border: 1px solid #FBC2C4;
    color: #4A1F11;
    padding: 10px;margin:5px; font-weight:bold;}
    .info a{color:Blue;}
    
table tbody tr:nth-child(even) td,table tbody tr:nth-child(even) th {background-color:#fff;}
table tbody tr:nth-child(odd) td,table tbody tr:nth-child(odd) th {background-color:#efe;}
#index_scrollbanner tr:nth-child(even) td,#index_scrollbanner tbody tr:nth-child(even) th{background-color:#fff;}
#index_scrollbanner tr:nth-child(odd) td,#index_scrollbanner tbody tr:nth-child(odd) th{background-color:#fff;}

#scrollDiv{width:195px;height:190px;border:#ccc 0px solid;overflow:hidden}
#scrollDiv li{height:190px;padding-left:5px;}
.error,.notice,.note,.success{padding:.8em;margin-bottom:1em;border:2px solid #ddd;}.error h4,.notice h4,.note h4,.success h4{margin:3px 0;}.error{background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}.notice{background:#FFF6BF;color:#514721;border-color:#FFD324;}.note{background:#F5F4EC;color:#514721;border-color:#E5DDC7;}.success{background:#E6EFC2;color:#264409;border-color:#C6D880;}.error a{color:#8a1f11;}.notice a{color:#514721;}.note a{color:#000;text-decoration:none;}.success a{color:#264409;}.error .option,.notice .option,.note .option,.success .option{float:right;cursor:pointer;}.error .pic,.notice .pic,.note .pic,.success .pic{width:48px;height:48px;}.error .pic{background:url(infoerror.gif);}.notice .pic{background:url(infonotice.gif);}.note .pic{background:url(infonote.gif);}.success .pic{background:url(infosuccess.gif);}.infotips{color:#999;padding-left:5px;}.FeedBackInfo{margin:50px auto;color:#333;width:700px;}.FeedBackInfo .success,.FeedBackInfo .error{margin:0 auto;background:none;border:0;}.FeedBackInfo .success .pic,.FeedBackInfo .error .pic{background:url(feedbackinfo.gif) no-repeat center;width:128px;height:128px;padding:0 10px;border-right:1px solid #eee;}.FeedBackInfo .success .pic{background-position:0 18px;}.FeedBackInfo .error .pic{background-position:0 -97px;}.FeedBackInfo h1{margin:0 0 0 5px;font-size:14px;}.FeedBackInfo .success h1{color:#060;}.FeedBackInfo .error h1{color:#900;}

.maskDetail{position:absolute; left:0; top:0; z-index:9000; background-color:#B3CBE3; display:none}
.boxesDetail .windowDetail{position:absolute; left:0; top:0; width:60%; height:95%; border:5px solid #668866; background:#fff; display:none; z-index:9001; padding:2px 2px 2px 2px}
#titleBar,.titleBar{width:100%;height:26px; background-color: #888;  padding: 3px 0px 3px 0px;}
#titleBar .titleBarBtn,.titleBar .titleBarBtn{float: left; margin-right: 5px; font-size:16px; cursor:pointer;}

.cursor{    color: #666666;
    cursor: pointer;
    font-size: 13px;}
.cursor:hover{color:#F5811D;}
.body_content{width:960px; margin:0 auto; background-color:#fff;}
.header_top{text-align: left; padding:10px 0 5px; z-index: 100; vertical-align: middle;border-bottom:1px solid #999;width:960px; margin:0px auto 3px;}
#loginname{color:#0A0AAA;}
.main_content{width:960px; margin:0 auto; min-height:450px;}
.footer{width:960px; margin:5px auto 0px; padding:10px 0px; text-align:center; border-top:1px solid #999;}
.footer{font-size:12px;}

.floatLeft{ float:left;}
.floatRight{ float:right;}
.clear{ clear:both;}
.alignleft{ text-align:left;}
.aligncenter{ text-align:center;}
.alignright{ text-align:right;}
.aligntop{ vertical-align:top;}
.alignmiddle{ vertical-align:middle;}
.alignbottom{ vertical-align:bottom;}

.breakline
{
	word-break: keep-all;
	word-wrap: normal;
}

.breaklineauto
{
	word-break: break-all;
	word-wrap: break-word;
}

.nowrap
{
	white-space: nowrap;
}

.nospace
{
	border: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.header_top .langdiv{width:100px;}
.header_top .logindiv{width:750px; margin:0 20px; text-align:right;}
.logindiv a{color:blue;}
.logindiv a:link{color:blue;}
.logindiv a:visited{color:blue;}
.logindiv a:active{color:blue;}

.indexLeft{ width:350px;}
.indexRight{ width:610px;}
#index_flash{ width:340px; height:500px;}
#index_content{  height: 300px;
    line-height: 21px;
    overflow: hidden;
    overflow-y: auto;
    padding: 10px 5px;
    text-align: left;
    width: 610px;}



a img {
    border: medium none;
}
.imgnav {
    background: none repeat scroll 0 0 #000000;
    border: 1px solid #999;
    height: 500px;
    overflow: hidden;
    position: relative;
    width: 340px;
}
#img {
    background-color: #FFFFFF;
    height: 500px;
    width: 340px;
    z-index: 10;
}

#img table td
{
    vertical-align:middle;text-align:center;width:340px;height:500px; background-color:#fff;
    }
#img img {
    display: none;
   
}
.ctrl {
    bottom: 15px;
    height: 22px;
    left: 1px;
    overflow: hidden;
    position: absolute;
    right: 1px;
    width: 340px;
    z-index: 100;
}
.ctrl ul {
    float: left;
    line-height: 19px;
    opacity: 0.5;
    overflow: hidden;
}
.ctrl li {
    background: none repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    font-weight: 900;
    height: 19px;
    text-align: center;
}
.ctrl span {
    background: none repeat scroll 0 0 #B1C3D9;
    border: 1px solid #CCCCCC;
    cursor: pointer;
    float: left;
    height: 14px;
    line-height: 14px;
    margin-right: 1px;
    text-align: center;
    width: 14px;
}
.ctrl span.hov {
    background: none repeat scroll 0 0 #FFFF99;
    border: 1px solid #FF6600;
}
.ctrl div {
    float: right;
    text-align: right;
}


.indexRight .bottom table td {
    height: 178px;
    margin: 0;
    text-align: center;
    width: 180px;
}
.indexRight .bottom .imgborder {
    border: 1px solid #999;
    height: 148px;
    margin: 5px;
    text-align: center;
    width: 222px;
}

.indexRight .bottom table td img {
    max-height: 148px;
    max-width: 222px;
    vertical-align: middle;
}

.pagenav{ border-bottom: 1px solid #DDDDDD;
    font-size: 13px;
    margin: 10px 0;
    padding: 3px 10px;}
.navtip{ text-align:right; margin:0px 10px;}
.navtip .pager{padding:0px 10px;}
.pagecontent{ margin:10px;}

.main_content .left{ width:200px;}
.main_content .right{ width:760px;}
.griditems .item{     float: left;
    height: 180px;
    margin: 10px 5px;
    padding: 8px;
    text-align: center;
    width: 160px;}
    .griditems .item .img{ height:160px;}
.griditems { width:750px; margin:10px 0px 10px 10px;}

.itemimg
{
	vertical-align: middle; /* fire-fox and others */
	max-height: 160px;
	max-width: 160px; /* for IE and old browser 会消耗一点用户的cpu*/
	width: expression(this.width >160 && this.width >= this.height ? 160:true);
	height: expression(this.height > 160 && this.height >= this.width ? 160:true);
}
.itemimg40
{
	vertical-align: middle; /* fire-fox and others */
	max-height: 40px;
	max-width: 40px; /* for IE and old browser 会消耗一点用户的cpu*/
	width: expression(this.width >40 && this.width >= this.height ? 40:true);
	height: expression(this.height > 40 && this.height >= this.width ? 40:true);
}
.itemimg100
{
	vertical-align: middle; /* fire-fox and others */
	max-height: 100px;
	max-width: 100px; /* for IE and old browser 会消耗一点用户的cpu*/
	width: expression(this.width >100 && this.width >= this.height ? 100:true);
	height: expression(this.height > 100 && this.height >= this.width ? 100:true);
}
.itemimg270
{
	vertical-align: middle; /* fire-fox and others */
	max-height: 270px;
	max-width: 270px; /* for IE and old browser 会消耗一点用户的cpu*/
	width: expression(this.width >270 && this.width >= this.height ? 270:true);
	height: expression(this.height > 270 && this.height >= this.width ? 270:true);
}
.itemimg300
{
	vertical-align: middle; /* fire-fox and others */
	max-height: 300px;
	max-width: 300px; /* for IE and old browser 会消耗一点用户的cpu*/
	width: expression(this.width >300 && this.width >= this.height ? 300:true);
	height: expression(this.height > 300 && this.height >= this.width ? 300:true);
}
.itemimgLimitWidth
{
	vertical-align: middle; /* fire-fox and others */
	max-width: 600px; /* for IE and old browser 会消耗一点用户的cpu*/
	width: expression(this.width >600 ? 600:true);
}

.product .baseimg{ width:475px; padding:0px 10px 5px 5px }
.product .baseimg button{    color: #552493;
    font-size: 14px;
    font-weight: bold;
    margin: 10px;}
.product .content{ width:460px;}
.baseimg img
{
     vertical-align: middle; /* fire-fox and others */
	max-width: 560px; /* for IE and old browser 会消耗一点用户的cpu*/
	width: expression(this.width >560 ? 560:true);}
	
	.contentgrid{ width:460px;}
	.contentgrid ul{ border-bottom:1px solid #ccc;}
.contentgrid li { border:1px solid #ccc; border-bottom:none;}	
.contentgrid li div{ float:left; margin:0px; overflow:hidden;}
.contentgrid li div.clear{clear:both; float:none; height:0px;}
.contentgrid li div.title{font-size:10pt; font-weight:bold; width:74px; border-right:1px dotted #CCCCCC; text-align:center; background-color:#eee;padding:5px;line-height:20px}
.contentgrid li div.text{ font-size:10pt;line-height: 24px; 
    padding: 5px 3px;
    width: auto;}
    .contentgrid li.h50 div.title,.contentgrid li.h50 div.text{line-height: 50px; height:50px;}	
    .contentgrid li.li21{ width:183px; border-right:none;}
    .contentgrid li.li22{width:184px;}
    .contentgrid li.li31{width:120px;border-right:none;}
    .contentgrid li.li32{width:126px; border-right:none;}
    .contentgrid li.li33{width:120px;}
    .contentgrid li.li31 div.title,.contentgrid li.li32 div.title,.contentgrid li.li33 div.title{line-height:18px; height:36px;}
    .contentgrid li.li31 div.text,.contentgrid li.li32 div.text,.contentgrid li.li33 div.text{line-height:36px; height:36px;}
.producttable table{width:370px;}
.producttable  th,.producttable td{border:1px solid #ccc; }
.producttable  th{font-size:14px;width:auto; text-align:center; background-color:#eee;padding:1px;}
.producttable td{font-size:16px;padding:0px;}
.producttable .text{padding:5px 10px;width:auto;}
.producttable .text1{padding:5px 10px; width:50px;}
.producttable .numbers{width:100%;}
.producttable .numbers th{width:100px;}
.producttable .numbers td{width:60px;}
.description { padding:10px; text-align:center;}
.description img{ max-width:940px; margin:10px 0px;}
.relate{ border-top:1px solid #ccc; margin:10px; height:auto; overflow:hidden;}
.relate ul li{ float:left; width:170px; padding:0px 8px; text-align:center;}
.relate ul li .img{padding: 10px 8px;text-align: center; height:160px;width: 170px; overflow:hidden; text-align:center;}
.relate ul li .goodsname{   height: auto; line-height: 20px; overflow: visible;    width: 160px;    word-wrap: break-word;}

#orderitemsDiv .remove,.orderitemsDiv .remove{ color:#f00; cursor:pointer; text-decoration:underline; }
#orderitemsDiv table td,.orderitemsDiv table td{  border-bottom:1px dotted  #ccc; }
#orderitemsDiv table tr:hover td,.orderitemsDiv table tr:hover td{ background-color:#eee;}
#orderitemsDiv thead td,#orderitemsDiv thead tr:hover td,.orderitemsDiv thead td,.orderitemsDiv thead tr:hover td{ background-color:#565; color:#fff; border-bottom:1px solid #ccc;border-right:1px solid #ccc; padding:3px 5px; text-align:center;}

.numberColumn{ text-align:center;padding-right:5px;}

.catalog .cat_title{ 
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 20px;
    padding: 5px 15px;}
 .catalog .cat_childs{ border-top: 1px dotted #CCCCCC;
    margin: 0px 10px;
    padding: 4px 0;}  
  .catalog .cat_childs ul li{ padding:5px 10px 5px 0px;margin:0px 0px 0px 15px; line-height:16px; list-style:circle outside none;}  
  .catalog .type_childs{  border-top: 1px dotted #CCCCCC;
    margin: 10px 10px;
    padding: 5px 0;}  
    .catalog .type_childs ul li{padding:5px 10px 5px 0px; margin:0px 0px 0px 15px; line-height:16px; list-style:square;} 
     .catalog .goodsname{display:none;}
     
    #totalBottom{   background-color: #CCCCCC;
    color: #0000FF;
    font-weight: bold;
    height: 18px;
    padding: 5px;}
    
    #ecatalogue .nav_div{  border: 1px solid #556655; height:285px;   border-radius: 4px;    margin: 5px;    padding: 5px 0;} 
    #ecatalogue .nav_div .text{text-align:center;padding:3px 0px;}
    #ecatalogue .nav_div .imgborder{text-align:center;height:260px;}
    #ecatalogue .nav_div .imgborder img{max-height:260px;max-width:290px;padding:5px;}
     #ecatalogue_ul{ margin:10px; padding:5px;}
     #ecatalogue_ul li{ margin:5px; padding:5px; color:#000000; font-size:1.3em;list-style:disc; font-family:'MiloOffc',sans-serif;}
     #ecatalogue_ul li a{font-size:1.1em;}