@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; font-size:12px; border:0; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000;
}
html{ height:100%;
}
select{border:1px solid #999;}
#header{ width:840px; height:103px; margin:0 auto; position:relative; 
}
#top1{height:25px;font-size:11px; line-height:25px; text-align:right; padding-right:0px; color:#000000; width:391px; float:right; background:url(../images/topcontent.jpg) no-repeat;
}
#top1 span{ background:url(../images/shoppingcartbg.jpg) left no-repeat; padding-left:20px;}
#top1 a{ color:#3D5376; font-size:11px; padding-right:6px; padding-left:5px;
}
#top1 a:hover{ background:#3D5376; color:#cccccc;
}
.logo{ position:absolute; top:8px; left:0;
}
.ship{position: absolute;left: 230px;top:12px;}
.search{ position:absolute; top:26px; right:0;
}
.in3{ border:1px solid #999; width:200px; height:16px; padding-top:2px;
}
.in4{ padding-top:3px;
}
.s1{border:1px solid #999; }
#topnav{ position:absolute; top:73px; left:0; width:100%; height:25px; line-height:25px; border-top:4px solid #bc2a29; background:url(../images/bg1.jpg) left bottom repeat-x;
}
#topnav p{ margin:auto; width:840px; margin-bottom:0px; margin-top:0px; }
#topnav a{ color:#4d4d4c; text-decoration:none; float:left; height:25px; display:block; padding: 0 21px 0 21px; 
}
#topnav a:hover{ background:url(../images/bg2.jpg) left bottom repeat-x; color:#fff;
}
#container{ width:840px; margin:0 auto; 
}
#container_bg{ float:left; width:838px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;
}
TABLE,IMG { BORDER: 0px; }
/*+++++++++++++++++++++++left++++++++++++++++++++++++++++++++++++++++++++++*/
#left{ width:237px; min-height:1%; float:left; border-right:1px solid #e5e5e5;
}
.left1{ float:left; width:217px; margin:10px 0 0 0; padding:0 10px 10px 10px;
}
.left1 h2{color:#c63b39; font-size:14px; padding:7px 0 5px 18px; margin-bottom:5px; border-bottom:1px solid #e5e5e5; background:url(../images/left.jpg) no-repeat;
}
.in1{ border:1px solid #999; width:140px; height:18px; padding-top:2px;
}
.in2{ padding:5px 0 0 0;
}
.left1 ul li span{ color:#c63b39; font-size:13px;}
.left1 ul li{ list-style:none; height:25px; line-height:25px; border-bottom:1px solid #e5e5e5;
}
.left1 ul li a{ text-decoration:none; display:block; width:100%; color:#000000; font-size:11px;
}
.left1 ul li a:hover{ background:#F1F7F9; color:#C11406; 
}
.left1 ul li a span{ font-size:7px;
}
/*-----------------------logged ----------------------------------------*/
.left1 div p{ font-size:11px;
}
.left1 div p a{ font-size:11px; padding:1px; color:#65c22d
}
.left1 div p a:hover{ background:#01accb; color:#fff;
}
.left1 div span a{ font-size:11px; color:#C11406; padding:1px;
}
.left1 div span a:hover{background:#01accb; color:#fff;
}

#spacer { width: 486px; height: 34px; float: left; background:url(../images/bg-bar1.jpg) no-repeat; }
#click1 a { display: block; overflow: hidden; height: 34px; width: 21px; float: left; padding: 0px; margin: 0px 4px 0px 0px; background: url('../images/click1.jpg') no-repeat; }
#click2 a { display: block; overflow: hidden; height: 34px; width: 21px; float: left; padding: 0px; margin: 0px 4px 0px 0px; background: url('../images/click2.jpg') no-repeat; }
#click3 a { display: block; overflow: hidden; height: 34px; width: 21px; float: left; padding: 0px; margin: 0px; background: url('../images/click3.jpg') no-repeat; }

#click1 .on, #click2 .on, #click3 .on { background-position: 0 -34px; }
#click1 .off, #click2 .off, #click3 .off { background-position: 0 0px; }
#click1 a:hover, #click2 a:hover, #click3 a:hover { background-position: 0 -34px; }
/*+++++++++++++++++++++++right++++++++++++++++++++++++++++++++++++++++++++++*/
#right{ width:590px; min-height:1%; float:right; padding:10px 0 0 10px; margin-bottom:10px;
}
#banner{ float:left; width:580px; height:250px;
}
#welcome{ float:left; width:590px; padding:10px 0 10px 0; border-bottom:1px solid #e5e5e5;
}
#welcome p{ line-height:150%; font-size:11px; padding-right:15px;
}
#welcome .in5{ color:#0d6ea4; font-weight:bold;
}
#welcome .in6{ color:#0d6ea4; font-size:11px;
}
#topseller{ width:590px; float:left; margin-top:10px;
}
#topse{ float:left; width:590px; height:23px; border-bottom:1px solid #e5e5e5; margin-bottom:10px;
}
.t1{ float:left; width:258px; height:110px; padding:10px 10px 0 10px; margin:10px 10px 0 0; border:1px solid #e5e5e5;
}
.t1 img{ width:100px; height:100px; float:left; 
}
.t2{ padding-left:110px;
}
.t2 a{ color:#3D5376; padding:2px;
}
.t2 a:hover{ background:#01accb; color:#fff; padding:2px;
}
.in7{ font-size:11px; line-height:1.5em;
}
.in8{ font-size:11px; color:#C8338D;font-weight:bold;
}
.in9{ font-size:10px; color:#000000; text-decoration:line-through;
}
.inx{ font-size:11px; color:#000000; font-weight:bold;
}
/*+++++++++++++++++++++++footer++++++++++++++++++++++++++++++++++++++++++++++*/
#footer{ width:840px; margin:0 auto; clear:both; border-top:1px solid #e5e5e5;
}
#footernav{ margin:auto; text-align:center; padding:10px; color:#666;}
#footer p{ font-size:11px; color:#666; background:url(../images/footerbg.jpg) repeat-x; text-align:center; padding-top:20px;
}
#footernav a{ font-size:11px; color:#666; margin-left:5px; margin-right:5px;
}
#footernav a:hover{ color:#C11406;
}