body{ background:url(1.jpg)}

#container,#banner,#footer,#main,#header{ width:980px; overflow:hidden; margin:0 auto;}
#container{ padding:0 10px; background:#FFF; overflow:hidden}

#main{ background:url(background.jpg) repeat-y left; padding-bottom:10px}


#footer .a{ line-height:25px; height:25px; border-top:#666 solid 5px; text-align:center; background:#D2DCE0}
#footer .a a{ margin:0 10px}
#footer p{ padding:10px 0 30px 0; text-align:center; color:#999}


#left{ width:200px; float:left; padding-right:10px}
#right{width:200px; float:left; overflow:hidden; padding-left:10px;}
#center{ width:555px; float:left; overflow:hidden; padding:0 2px;}

#right2{ float:right; width:765px; background:#fff; overflow:hidden; display:block;padding-bottom:1000px;margin-bottom:-1000px}


#header{ height:112px}
#header #logo{ width:300px; padding:0px 15px 10px 30px; overflow:hidden; float:left; margin-top:15px}
#header #logo img{ float:left;}
#header #logo b{ float:left; padding:15px 0 0 5px; font-size:30px; color:#3A77B8; height:45px;}


#header{ position:relative;}
#header #topnav{ float:right; padding:5px 40px 0 0}
#header #topnav li{ float:left; padding:0 15px}
#header #topnav li.a{ background:url(topnav-0.jpg) no-repeat 0 3px}
#header #topnav li.i{ background:url(topnav-1.jpg) no-repeat 0 3px}


#header dl#search{ width:260px;  clear:right;position:absolute;bottom:40px; right:40px}
#header dl#search dt,#header dl#search dd{ height:23px; overflow:hidden; float:left; line-height:23px; overflow:hidden}
#header dl#search dt{ width:215px}
#header dl#search dt input{ width:146px; height:20px; border:#DEDBCA solid 1px; background:#F6F5F0}
#header dl#search dd{ width:40px;}
#header dl#search dd input{ background:url(1-0.gif) no-repeat; width:37px; height:21px; color:#fff}

#header #nav{ background:url(nav_2.gif) repeat-x; position:absolute;bottom:0px;width:980px;left:0;}
#header #nav .a ul li,#header #nav .a ul,#header #nav .a,#header #nav{height:31px;}
#header #nav .a{width:980px; background:url(nav_1.gif) left no-repeat}
#header #nav .a ul{width:945px; background:url(nav_3.gif) right no-repeat; padding-left:35px}
#header #nav .a ul li a,#header #nav .a ul li{ float:left;height:31px; color:#FFF}
#header #nav .a ul li a{ padding:0 30px; line-height:31px; text-decoration:none; background:url(nav_0.gif) no-repeat right}

#header #nav .a ul li.current a,#header #nav .a ul li a:hover{ background: url(nav_1-09.gif) no-repeat center; font-weight:bold}




#contact,#classify,#friendlink,#about_us1,#news,#xsnazzy,#loginbar,#banner{ margin-top:8px}


.title{ background:url(c_2.gif) repeat-x; height:23px;}
.title li{ height:23px; line-height:23px}
.title li.a{ background:url(c_1.gif) no-repeat left; padding-left:20px; float:left; color:#fff}
.title li.i{ background:url(nav_3-27.gif) no-repeat right; padding-right:10px; float:right}
.title li.i a{ color:#fff}


.title_c{ height:30px; background:url(title_c.jpg) bottom repeat-x; margin:0 10px}
.title_c li{ height:30px; line-height:37px}
.title_c li.a{ padding-left:10px; float:left; color:#666; font-weight:bold; font-size:18px}
.title_c li.i{ padding-right:10px; float:right}


.title_a{ background:url(z_2.gif) repeat-x 0px 3px; height:23px;}
.title_a li{ height:22px; line-height:22px}
.title_a li.a{ background:#FFF url(z_1.gif) no-repeat left; padding:0 5px 0 20px; float:left; color:#4484BB; font-weight:bold}
.title_a li.i{ background:#FFF; padding:0 5px; float:right}
.title_a li.i img{ margin-top:3px}

.list{padding:5px 10px; border-top:none}
.list li{ height:22px; line-height:22px}

#status{ height:30px; line-height:30px; background:url(status.jpg) repeat-x bottom; padding-left:15px}


#friendlink,#contact,#news,#classify,#loginbar{ width:200px;}

#loginbar dl.a_1{width:200px; overflow:hidden; padding:10px 0}
#loginbar dl.a_1 dd,#loginbar dl.a_1 dt{ height:25px; float:left; line-height:25px; margin:5px 0}
#loginbar dl.a_1 dt{ width:60px;text-align:right}
#loginbar dl.a_1 dd{ width:140px}
#loginbar dl.a_1 dd input{ width:123px; height:22px; border:#DEDBCA solid 1px; background:#F6F5F0}
#loginbar dl.a_1 dt.a input{ background:url(search.gif) no-repeat; width:43px; height:22px}
#loginbar dl.a_1 dd span{ margin-left:10px}

#classify ul.a{ width:190px; padding:5px}
#classify ul.a li{width:190px; line-height:20px;}
#classify ul.a li b{ background:url(1-0_43.gif) no-repeat; padding-left:15px}
#classify ul.a li b a{  color:#4B7AA1}
#classify ul.a li p{  padding-left:15px;width:160px; }
#classify ul.a li p a{ margin-right:15px; display:block}


#content,#about_us,#news_a,#xsnazzy,#about_us1{width:555px; overflow:hidden}

#about_us1 dl.a{width:555px; padding:5px 10px}
#about_us1 dl.a dt{ width:155px; height:155px;float:left;}
#about_us1 dl.a dt img{width:140px; height:140px; padding:5px; border:#CCC solid 1px;}
#about_us1 dl.a dd{ width:370px; float:left;}
#about_us1 dl.a dd p{ padding:5px}


#xsnazzy .list{ padding:0;padding-left:12px; border: #CCC solid 1px;width:541px; overflow:hidden}
#xsnazzy .list dl.img{ width:125px; height:193px; overflow:hidden; float:left; margin:5px 10px 0 0}
#xsnazzy .list dl.img dt{width:125px; height:125px; overflow:hidden}
#xsnazzy .list dl.img dt img{width:123px; height:123px; border:#ccc solid 1px}
#xsnazzy .list dl.img dd{ height:65px; overflow:hidden; text-align:center; padding-top:2px}
#xsnazzy .list dl.img dd b{ display:block}
#xsnazzy .list dl.img dd input{ background:url(1-0_49.gif); height:24px; width:81px}

#contact .list{ border-bottom:#CCC dotted 1px}
#contact dl.a{ width:200px; padding-top:5px}
#contact dl.a dt{ width:90px; text-align:right; float:left; padding-right:10px}
#contact dl.a dd{ width:90px; float:left; padding-left:10px}

#friendlink .list_a{ text-align:center; padding:3px 0}

#about_us .about_us{ padding:5px 20px}

#content,#product,.xsnazzy,#about_us,#news_a{ border-top:#999 solid 5px; background:url(center.jpg) repeat-x top}
#news_a .list{ padding:5px 15px}
#news_a .list li a{ margin-left:3px}

.xsnazzy .list{ border:none !important; padding-top:5px !important}
.xsnazzy{ margin-top:0px !important;}

#product .list_a{ border:none}

#content b{ display:block; font-size:20px; margin:0 10px; padding:10px 0; text-align:center; line-height:25px; background:url(title_c.jpg) bottom repeat-x;}
#content .a2{ color:#88B1D4; text-align:center;}
#content p{ padding:5px 15px;}

/**/


#biaoge2 {width:555px;margin:0px;overflow:hidden; padding-left:10px}                                         
#biaoge2 li,#biaoge li.biaotou {list-style-type:none; width:60px; height:30px;          
line-height:30px;text-align:center; float:left;border-bottom:#CCC dashed 1px;overflow:hidden}   
#biaoge2 li.biaotou_1{ width:212px; padding-left:20px; text-align:left;}
#biaoge2 li.biaotou_2{text-decoration:line-through; color:#999; font-weight:bold}
#biaoge2 li.biaotou { font-weight:bold; } 
#biaoge2 .list_a{ border:#ECECEC solid 1px; margin-top:10px}
#biaoge2 li .amount{ width:30px; border:#CCC solid 1px;}
#biaoge2 li .delete{ width:30px;  color:#FFF}
#biaoge2 li.input{ padding-top:5px; height:25px;}
#biaoge2 li.input input.delete{ background:#3366CC}
#product .list_a .eliminate2,#product .list_a .eliminate{ background:url(search.gif) no-repeat; width:43px; height:22px;}
#product p{ color:#FF9900}



#product .list_a input.eliminate,#product .list_a input{ margin:0px 20px 10px 20px}
#product .list_a input.eliminate{ float:right}
#product .list_a .buy_time{width:555px; overflow:hidden; padding:0 10px; height:30px; border-bottom:#CCC dashed 1px;}

#product .list_a .buy_time dd,#product .list_a .buy_time dt{ float:left; height:30px; line-height:30px; margin-right:30px; font-weight:bold; color:#999}
#product .list_a .info{ width:555px;  overflow:hidden}
#product .list_a .info ul.info1 li{ float:left; height:25px; width:195px; text-align:left; padding:0px; overflow:hidden}
#product .list_a .info ul.info1 li input{width:155px; }
#product .list_a .info ul.info2 li.a,#product .list_a .info ul.info1 li.a{ width:80px;  text-align:right;}
#product .list_a .info{ padding:20px 0;}
#product .list_a .info ul.info2 li select,#product .list_a .info ul.info2 li textarea,#product .list_a .info li input{ margin:0px; border:#CCC solid 1px}
#product .list_a .info ul.info2 li{ width:470px; float:left; margin-bottom:10px;}
#product .list_a .info ul.info2 li .c{ width:430px;}
#product .list_a .info ul.info2 li .info_submit{ width:81px; height:24px; margin:0px 20px 20px 0; background:url(1-0_49.gif) no-repeat;color:#666; font-weight:bold; border:0}
#product .list_a p.totalize{ text-align:right; padding:5px 20px; font-size:14px; font-weight:bold; color:#3366FF}
#product .product_attribute dd  img{float:left;  overflow:hidden; padding-top:10px;margin-left:200px}



/**/


.focus{ height:168px; padding:0px; margin:0px; display:inline; position:relative; overflow:hidden; ; width:980px; float:left;}
.focus ul{ position:absolute; right:1px;width:120px;  height:15px;bottom:10px}
.focus li{ float:left; width:20px; text-align:center; color:#fff; background:#000; margin-right:3px; cursor:pointer; font-family:Arial;}
.focus li.cur{ background:#FA2A01;}

.mpc{ height:168px;text-align:center; margin:1px auto 0; *padding-top:1px; overflow:hidden;}
.mpc div{}
.mpc div img{width:980px; height:168px;  margin:0 auto;}

#news2 .list li{ font-weight:bold; border-bottom:#afd8fa solid 1px; margin-bottom:2px; }
#news2 .list li a{background:#f0f6fa url(1-0_21.gif) no-repeat 5px 5px;padding-left:20px; display:block; color:#386aa5; text-decoration:none}
#news2 .list li.current a,#news2 .list li a:hover{ background:#91bfe5; color:#FFF}