/* CSS Document */
*{ margin:0; padding:0;}
body{ font-size:11px; font-family:Arial,"MS Gothic",Helvetica, sans-serif; background:#fff;line-height:130%; }
img{border:0; display:block;}
a{text-decoration:none;color:#333}
ul{ list-style:none;}
.clear{ clear:both; height:0; line-height:0%; font-size:0;}
.red{ color:#f00;}
#container{ background:#fff; width:925px; height:auto; margin:0 auto;}
/*----------------header------------------*/
#header{ margin-top:10px;width:925px; }
#logo{ width:310px; height:auto; float:left;font-size:11px;}
#logo img{ margin-top:10px;}
#topmenu{width:610px; height:auto; float:right;}
#topmenu ul{float:right;}
#topmenu ul li{ display:block; float:left; padding:0px 5px;background:#000; color:#fff; height:24px; line-height:24px; text-align:center; font-size:11px;font-weight:bold; border:1px #ccc solid; margin-left:2px;}
#topmenu ul li#buy{ width:88px; background:url(../images/buy-bg.jpg) no-repeat left; border:0;padding-left:22px;}
#topmenu ul li a{ color:#fff; letter-spacing:-1px}
p.orange{float:right;color:#FF3300; font-weight:bold; font-size:14px; padding-top:10px;padding-right:10px;text-align:right}
p.orange img{ margin-top:10px;}
p.orange span{ font-size:18px;}
/*------------------------------------nav---------------------------------------*/
#nav {width:100%; padding:0; margin:10px 0 0 0; background:url(../images/navbg.jpg) repeat-x;height:21px; position:relative; z-index:500;font-size:14px; font-weight:bold;}
#nav li{display:block; float:left; line-height:21px; }
#nav li.top { height:20px;margin:0;text-align:center;}
#nav li.top a{display:block; float:left; width:108px;text-align:left; text-decoration:none; text-indent:-1000em;font-size:0px}
#nav li.top a:hover{display:block; float:left; width:108px;text-align:left; text-decoration:none; text-indent:-1000em;font-size:0px}
#nav li a#nav1{background:url(../images/nav.jpg) no-repeat 0 -20px; }
#nav li:hover a#nav1{background:url(../images/nav.jpg) no-repeat 0 0; }
#nav li a#nav2{background:url(../images/nav.jpg) no-repeat -108px -20px;}
#nav li a:hover#nav2{background:url(../images/nav.jpg) no-repeat -108px 0;}
#nav li a#nav3{width:109px;background:url(../images/nav.jpg) no-repeat -216px -20px;}
#nav li a:hover#nav3{width:109px;background:url(../images/nav.jpg) no-repeat -216px 0;}
#nav li a#nav4{width:109px;background:url(../images/nav.jpg) no-repeat -325px -20px;}
#nav li a:hover#nav4{width:109px;background:url(../images/nav.jpg) no-repeat -325px 0;}
/* Default list styling */
#nav li:hover {position:relative; z-index:200; }
#nav li:hover ul.sub{left:0px; top:21px;width:108px;height:auto; z-index:1;border-left:1px #999 solid;border-right:1px #999 solid; }
#nav li:hover ul.sub li{float:left; display:block;width:108px; position:relative; text-align:left; text-indent:20px;border-bottom:1px #999 solid;}
#nav li:hover ul.sub li a{float:left;line-height:23px;display:block;width:108px;color:#000;background:#fff; text-indent:10px;font-size:12px}
#nav li:hover ul.sub li a:hover {float:left;display:block;width:108px;background:#dedfe0; color:#333;text-indent:10px;font-size:12px}
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:117px; top:0px; padding:0; white-space:nowrap; width:90px; z-index:400; height:auto;}
#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover ul.sub li.nobottom{border-bottom:1px #fff dotted;}
/*--------------content------------*/
#content{width:100%;height:auto; background:url(../images/contentbg.gif) repeat-y; }
#leftbar{ width:160px; float:left;color:#FFF; padding:0px 10px; }
#rightbar{ width:175px; float:right;color:#FFF;padding:10px 0px}
#mainbar{ width:535px; float:left;padding:20px 15px}
#banner{background:url(../images/banner.jpg) no-repeat;width:860px;height:270px;padding-left:65px;}
#banner p{float:left;color:#fff;width:330px;margin-top:30px}
.center{text-align:center; }
/*--------------left------------*/
#search{ margin:20px auto;}
h3.tit{ width:152px;font-size:14px;background:#000; height:30px; line-height:30px; padding-left:5px;margin-bottom:5px;}
dl.shopping{ margin-bottom:25px;}
dl.shopping dt,dl.shopping dd{ background:url(../images/icon1.gif) no-repeat left; padding-left:20px;padding-right:5px;line-height:160%;font-size:14px; }
dl.shopping dt a,dl.shopping dd a{color:#FFF;font-weight:bold; }
dl.shopping dd{ margin-left:20px;}
ul.information{ margin-left:20px;}
ul.information li{font-size:12px;padding-left:0px;padding-right:10px;list-style:circle; line-height:160%; }
ul.information li a{color:#FFF;font-weight:bold; }
.mobile{ width:157px; background:#fff;border:1px #ccc solid;margin-top:20px;}
.mobile img{ margin:0 auto;}
.shoplink{ width:147px; padding:10px 5px; margin:20px 0; background:#fff; border:1px #ccc solid; }
.shoplink p{color:#000; font-size:14px;}
.shoplink span{ color:#1B3B92;}
.inp-style{float:left;width:100px;margin-right:10px;border:1px solid #a7a7a7}
H4.tit{padding:10px 0px 5px 0px;text-align:center;font-size:13px;}
.calendar{width:157px;margin:0px;}
.calendar td{color:#000; font-weight:bold; font-style:italic;text-align:center; }
.calendar td.days{background:#fff;border:1px solid #666}
.calendar th{background:#000;font-weight:bold;text-align:center;padding:2px 0px;}
.calendar td.pink{background:#f9d7e7; border:1px solid #666}
.notes{padding:10px 0px;color:#333;font-size:11px; letter-spacing:0px}
/*--main content---*/
h3.title{height:30px;background:url(../images/line.jpg) repeat-x center;margin-bottom:5px}
h3.title span{float:left;background:#fff;padding-right:10px; }
.news{padding-bottom:10px;}
.news-con{height:38px; overflow-x:hidden;overflow-y:scroll;border:1px solid #ccc;padding:5px;}
.news-con ul{}
.news-con ul li{ background:url(../images/dot.jpg) no-repeat 0px 3px;padding-left:12px;}
.news-con ul li span{;margin-right:5px;}
.news-con ul li a{color:#333}
.new-arrival{padding-bottom:10px;}
.new-arrival p{padding-bottom:10px}
ul.list{}
ul.list li{float:left;width:122px;padding-right:15px;}
ul.list li.rt{padding-right:0px;}
p.pic{padding-bottom:5px;}
p.pic img{width:122px;}
.recommend{padding-bottom:10px;border-bottom:1px solid #333;}
.other{padding-bottom:10px;padding-top:10px}
.other h3{background:none}
.payment{float:left;width:262px;padding-right:10px}
p.dot1{ background:url(../images/dot1.jpg) no-repeat 0px 3px;padding-left:12px;}
p.dot2{ background:url(../images/dot2.jpg) no-repeat 0px 3px;padding-left:12px;}
p.picstyle{padding-bottom:10px}
.delivery{float:left;width:255px;}
.news-con ul li{ background:url(../images/dot.jpg) no-repeat 0px 3px;padding-left:12px;}
.news-con ul li span{;margin-right:5px;}
.news-con ul li a{color:#333}
.other p{padding-left:12px;}
.about-size{padding:10px 0px}
.about-size p{padding-bottom:10px}
/*--right content---*/
.fastgo{width:135px;margin:0 auto;}
.fastgo p{padding:10px 0;}
.itemrank{width:170px;margin:40px auto 0px auto; }
.item-title{width:133px;text-align:center;margin:0px auto}
.item-list{width:160px;margin:0px auto;padding:10px 5px;}
ul.item{float:left;width:160px;margin:0;border-top:1px solid #333}
ul.item li{float:left;width:150px; display:block;border:1px solid #333;padding:5px;border-top:0px}
p.no{font-size:14px;height:22px;line-height:22px; }
p.no img{float:left;margin-right:5px;}
p.txt{padding:5px 0px 0px 0px;line-height:130%}
.txts{float:left;width:90px;padding:0px;font-size:10px;}
.pics{float:right;width:55px;padding:5px 0px}
.pics img{width:55px;border:1px solid #333}
.about-size-con{background:url(../images/photo.jpg) no-repeat;width:528px;height:222px;padding:10px 0px 10px 10px;}
.about-size-con img{float:left;margin-right:5px;}