/* CSS Document */
@import "system.css";
body{ font-family:"Times New Roman", Times, serif}
*{ margin:0; padding:0;}
#top{ margin:0 auto; width:1004px;height:178px; background:url(../images/topbg.jpg) repeat-x; }
#head{ position:relative; width:1004px; height:99px; background:url(../images/topringht.jpg) right no-repeat;}
#head img{ border:0;}
#login{ position:absolute; width:372px; right:19px; height:5px; bottom:20px;font-weight:bold; font-size:16px;}
#login a{ color:white; text-decoration:none; }
#login span{ color:white; word-spacing:normal;}
#head form{	position:absolute;	left: 269px;	bottom:0px;	width: 158px;height: 30px;}
#top ul{ margin-left:30px;width: 974px;	height: 50px;}
#top ul li{ float:left; padding:0 15px; line-height:40px; list-style:none;}
#top ul li a{ font-size:16px; font-weight:bold; text-decoration:none; color:white;}
#top p{ margin-left:50px; color:white;}
#main{ margin:5px auto; width:1004px; }
#left{ float:left; width:219px; }
#left #pocket{ width:218px; height:110px;}
#left #pocket h3,#left #subscripion h3{ height:27px; line-height:27px; background:url(../images/h3bg.jpg) no-repeat; width:189px; padding-left:30px;}
#left #pocket ul{ border:#f9c6df 1px solid; height:80px;}
#left #pocket ul li{ line-height:24px; font-size:13px; list-style:circle inside; padding-left:10px;}
#left #subscripion{ margin-top:8px; width:219px; height:90px;}
#left #subscripion form{ border:#f9c6df 1px solid; width:216px; height:54px; padding-top:10px; }
#left #categary{  width:217px; margin:8px 0;}
#left #categary ul{ border-left:#f9c6df 1px solid;  border-right:#f9c6df 1px solid; border-bottom:#ffcccc 18px solid; width:214px; padding-bottom:20px; }
#left #categary ul li{ list-style:inside url(../images/categaryli.jpg); line-height:29px; border-bottom:#aaa solid 1px; margin:0 15px;}
#left a{ color:#65002a; text-decoration:none;}
#center{ float:right; margin-right:8px; width:552px; }
#right{ float:right; width:219px; }
#center #popular,#center #products{ margin-top:8px; width:548px; height:239px; background:url(../images/best-seller.gif) no-repeat;}
#center #popular a,#center #products a{ color:black; text-decoration:none;}
#center #popular h3{ height:27px; line-height:27px;  padding-left:30px;}
#center #popular ul{ margin:18px 0 0 12px; }
#center #popular ul li{float:left; text-align:center; width:105px;white-space:normal; list-style:none; font-size:12px; }
#center #popular ul li img{  margin:4px; border:0; width:78px; height:94px;}

#center #tags{ width:548px;}
#center #tags ul li{ float:left; list-style:none;}
#center #tags a{ padding:0 10px;color:#65002a;  line-height:20px; text-decoration:none; }
#right #cart{ width:219px; height:155px; background: url(../images/cart.gif) no-repeat;}
#right #hot,#right #new-arrivals{ margin-top:8px;}
#right #hot ul li a img,#right #new-arrivals ul li a img{ width:37px;}
#right #hot h3,#right #new-arrivals h3{ height:27px; line-height:27px; background:url(../images/h3bg.jpg) no-repeat; width:189px; padding-left:30px;}
#right #hot ul{ height:233px; width:216px; border:#f9c6df 1px solid; background:url(../images/new-arrivalsbg.gif) repeat-x ;}
#right #hot ul li{ list-style:none; height:110px; padding:10px;}
#right #hot ul li a,#right #new-arrivals ul li a{ color:#65002a; text-decoration:none;}
#right #hot ul li h2,#right #new-arrivals ul li h2{ font-size:14px;}
#right #hot ul li a img{ float:left; border:0;}
#right #new-arrivals ul{width:216px; height:322px; border:#f9c6df 1px solid;}
#right #new-arrivals ul li p,#right #hot ul li p{ color:red; font-weight:bold;}
#right #new-arrivals ul li{ list-style:none; height:51px; margin:10px; clear:both;}
#right #new-arrivals ul li img{ margin:10px; border:1px solid #cccccc; float:left;}
#right #new-arrivals ul li .imgright{ padding-top:15px;}
#main .order{ float:left; width:251px; height:82px;background:url(../images/orderbg.jpg) no-repeat; }
#main .order img{ float:left; margin:10px;}
#main .order h4{ height:22px; line-height:22px;padding-left:30px;}
#main .order ul{ margin-top:10px;}
#main .order ul li{ list-style:inside url(../images/orderlibg.jpg); font-size:12px;}
#main .order ul li a{ color:#000; text-decoration:none;}
#bottom{ position:relative; border:#f9c6df solid 1px; height:202px; width:1004px; margin:20px auto 0; background:url(../images/bottombg.jpg) repeat-x;}
#bottom ul li a{ color:#fff; text-decoration:none; font-weight:bold;}

#bottom ul li{ float:left; height:32px; line-height:32px; padding:0 30px; list-style:none;}
#bottom a img{ float:left; margin:20px 0 10px; border:0; border-right:#f9c6df solid 1px;}
#bottom #info{	position:absolute;	width: 789px;	height:137px;	left: 211px;	top: 50px; line-height:22px; font-size:14px;}
#bottom #info img{ padding:5px 1px;}
#bottom #info a{ color:#000; padding:5px;}
/**list**/
#main #content{ float:right; width:770px; color:#333333;}
#main #guide{ width:768px; height:60px; line-height:60px;}

#main #content a{ color:#333333;}
#main #content ul li{ float:left; list-style:none; text-align:center; width:250px; margin:10px 0;}
#main #content ul li img{ border:0; width:204px;}
#main #content ul li span{ font-weight:bold; color:red;}
#main #rightcontent{ float:right; width:770px;}

#main #rightcontent #bill{ width:622px; margin-top:50px;}
#main #leftcontent{ float:left; width:354px; height:581px;}
/**conent**/
#main li{ list-style:inside decimal;}