/* CSS Document */
@import url("style.css");
div.center1{margin-left:auto!important; margin-right:auto!important;}
div.c{clear:both;}
div.c10{height:10px;overflow:hidden;}
div.c20{height:20px;overflow:hidden;}
h3{font-size:16px; line-height:30px; color:#6A8901; font-weight:bold; padding:0 0 0 10px;}
.a1 a {font-family:Arial,"Lucida Grande", Verdana, Lucida, Helvetica, sans-serif;text-decoration:none; font-weight:100;color:#585F63;font-size:12px;}
.a1 a:link{text-decoration:none;color:#585F63;}
.a1 a:hover {text-decoration:underline;color:red;}
.a2 a {font-size:12px;font:Arial,"Lucida Grande", Verdana, Lucida, Helvetica, sans-serif;color:#FFF;text-decoration:none; font-weight:700;}
.a2 a:link{text-decoration:none;color:#FFF;}
.a2 a:hover {text-decoration:underline;color:#94EC00;}
.a3 a {font-size:11px;font-family:Arial,Tahoma,Verdana,;color:#FFF;text-decoration:none; font-weight:100;}
.a3 a:link{text-decoration:none;color:#FFF;}
.a3 a:hover {text-decoration:underline;color:#94EC00;}
.a4 a {font-size:12px;font:Arial,Tahoma,Verdana,;color:#333;text-decoration:none;font-weight:700;}
.a4 a:link{text-decoration:none;color:#333;}
.a4 a:hover {text-decoration:underline;color:red;}
.a5 a { font-family:Arial,"Lucida Grande", Verdana, Lucida, Helvetica, sans-serif;text-decoration:none; font-weight:100;color:#585F63;font-size:12px;}
.a5 a:link{text-decoration:none;color:#585F63;}
.a5 a:hover {text-decoration:underline;color:#689F00;}

/*__      ---------------------------------------------------------*/
#top{width:780px;height:100px;}
.vi{width:150px;height:100px;background:url(../images/vi.jpg) no-repeat 0px 0px;display:block;float:left;}
.top_R{width:610px;height:100px;float:right;text-align:right;}
.yy{width:610px;height:20px;padding:15px 0; display:block;}

.soso{width:610px;height:23px;background:url(../images/ss.jpg) no-repeat right center;display:block;padding:3px 0 0 0;*padding:1px 0 0 0;}
.so{width:175px;height:20px;*height:20px;border:0px solid #CCC;}
.se{width:175px;height:20px;*height:20px;border:1px solid #CCC;}



/*__  ==    ---------------------------------------------------------*/
#nav{width:780px;height:30px;overflow:hidden;}
.nav_L{width:5px;height:30px;background:url(../images/01.jpg) no-repeat;float:left;}
.nav_R{width:5px;height:30px;background:url(../images/03.jpg) no-repeat;float:left;}
.nav_C{width:770px;height:30px;background:url(../images/02.jpg) repeat-x;float:left;}

.nav_C .home_style{background:none;}
.nav_C ul li{text-align:center;padding:0 0px;float:left;background:url(../images/04.jpg) no-repeat left center;}
.nav_C ul li a{font-size:12px;height:30px;display:inline-block;line-height:30px;font-family:Arial,"Lucida Grande", Verdana, Lucida, Helvetica, sans-serif;color:#FFF;text-decoration:none;font-weight:bold;padding:0px 30px;}
.nav_C ul .active a{height:30px;line-height:30px;display:inline-block;font-size:12px;font-family:Arial,"Lucida Grande", Verdana, Lucida, Helvetica, sans-serif;color:#FFF;text-decoration:none;font-weight:bold;padding:0px 20px;background:url(../images/active.jpg) repeat-x;}
.nav_C ul li a:link{text-decoration:none;color:#FFF;font-weight:bold;}
.nav_C ul li a:hover{text-decoration:underline;height:30px;line-height:30px;color:#FFF;background:url(../images/active.jpg) repeat-x;display:inline-block;}


/*__  slide    ---------------------------------------------------------*/
.slide{width:780px;height:275px;overflow:hidden;}
.slide img{display:block;}


/*__  content    ---------------------------------------------------------*/
#content{width:780px;}


.content_info{width:780px;height:35px;}
.content_info_L{width:520px;height:35px;line-height:35px;float:left;}
.content_info_L a{background:url(../images/05.jpg) no-repeat 5px 3px;padding:0 0 0 18px;color:#666;text-decoration:none;}
.content_info_L a:hover{color:#000;text-decoration:underline;}

.content_info_RK{width:250px;height:35px;line-height:35px;float:right;}
.content_info_R{width:250px;height:35px;line-height:35px;float:right;position:relative;z-index:100;}
.msn_k{width:88px;height:35px;background:url(../images/msns.jpg) no-repeat;}

.cart_k{position:absolute;cursor:pointer;width:110px;height:35px;right:0px;top:0px;background:url(../images/cart.jpg) no-repeat;float:left;}
.cart_nr{position:absolute;padding:10px;line-height:20px;width:130px;display:none;right:-43px;*right:-43px;top:28px;z-index:999; background:#fff; border:1px solid #ddd; text-align:left;}
.cart_nr li{line-height:20px; height:20px; padding:0px 0px;}
.cart_nr li strong{color:#F30;}

.msn_k{position:absolute;cursor:pointer;width:88px;height:35px;right:115px;top:0px;background:url(../images/msns.jpg) no-repeat;}

.msn_nr{position:absolute;padding:10px;line-height:20px;width:183px;display:none;right:116px;top:29px;z-index:999; background:#fff; border:1px solid #ddd;}
.msn_nr dt{float:left; text-align:right;width:50px;font-weight:bold; padding-left:8px; margin:3px 0; background: url(../images/icon02.gif) no-repeat 0px 5px; }
.msn_nr dd{float:left; margin:3px 0; width:100px;}



#content_L{width:180px;float:left;}
#content_R{width:590px;float:right;}


/*__  content_R   &   news list ---------------------------------------------------------*/
#content_R dl{width:570px; line-height:30px;text-align:left;border-bottom:1px dashed #E1E1E1; }
#content_R dl dt{text-align:left; line-height:30px;padding:0 0 0 10px;}
#content_R dl dt{float:left;}
#content_R dl dd{float:right;}

/*
.help{position:absolute;cursor:pointer;width:210px;height:40px;right:0px;top:0px;background:url(../images/kf.jpg) no-repeat;float:left;}
.helpaa {position:absolute;padding:10px;line-height:20px;width:183px;display:none;right:5px;top:32px;z-index:999; background:#fff; border:1px solid #ddd; border-width:0 1px 1px; }
.helpaa dt{float:left; text-align:right;width:50px;font-weight:bold; padding-left:8px; margin:3px 0; background: url(../images/icon02.gif) no-repeat 0px 5px; }
.helpaa dd{float:left; margin:3px 0; width:100px;}

*/


.homebox{width:780px;height:210px;}

.homeabout{width:315px;height:210px; float:left;}
.homeabout_N{width:315px;height:30px;}
.homeabout_N_L{width:115px;height:30px;line-height:30px;background:url(../images/06.jpg) no-repeat;float:left; color:#FFF;font-size:14px;padding:0 0 0 10px;}
.homeabout_N_C{width:158px;height:30px;background:url(../images/08.jpg) repeat-x;float:left;}
.homeabout_N_R{width:32px;height:30px;background:url(../images/07.jpg) no-repeat;float:left;}
.homeabout_C{width:305px;height:160px;background:url(../images/09.jpg) no-repeat bottom;padding:0 5px 10px 5px; color:#666;}

.homeshow{width:450px;height:210px; float:right; position:relative; z-index:1;}


#proPic_small li a{ width:168px; height:168px; border:1px solid #ddd; display:table-cell; *display:block; vertical-align:middle; *font-size:110px; *font-family:Arial; background-color:#fff; text-align:center;}
#proPic_small li a:hover,
#proPic_small li a.curr_show{ border:1px solid red;}
#proPic_small li a img{ vertical-align:middle;}


/*
.L_menu{width:180px;}
.L_menu_N{width:170px;line-height:35px;background:url(../images/009.jpg) no-repeat;color:#fff;font-size:14px;padding:0 0 0 10px;}
.L_menu_C{width:170px;padding:0 5px;background:#3D3D3D url(../images/11.jpg) repeat-x;}
.L_menu_C ul{width:170px;overflow:hidden;}
.L_menu_C ul li{line-height:24px;list-style-type:decimal;padding-left:8;list-style-position: inside;color:#fff;
}
.L_menu_C ul li ul li{line-height:22px;border:none;padding-left:10px;}
.L_menu_B{width:180px;height:10px;overflow:hidden;background:url(../images/010.jpg) no-repeat;}
*/


.L_menu{width:180px;}
.L_menu_N{width:170px;line-height:24px;background:url(../images/50.jpg) no-repeat;color:#fff;font-size:14px;padding:0 0 0 10px;}
.L_menu_N_B{width:180px;height:5px;overflow:hidden;background:url(../images/52.jpg) repeat-y;}
.L_menu_C{width:180px;background:#CCC url(../images/55.jpg) repeat-x;}
.L_menu_C ul li a{line-height:24px;height:24px;padding:0 0 0 5px;display:block;color:#333;text-decoration:none;padding:0 0 0 20px;background:url(../images/arrow.gif) no-repeat 7px 7px;}
.L_menu_C ul li a:link{color:#333;text-decoration:none;display:block;}
.L_menu_C ul li a:hover{color:red;text-decoration:underline;background:url(../images/arrow.jpg) no-repeat;font-weight:700;padding:0 0 0 23px;}

.L_menu_B{width:180px;height:4px;overflow:hidden;background:url(../images/54.jpg) no-repeat;}



.box1{width:130px;text-align:center;padding:10px 0 0 14px;float:left;}
.box1_pic{width:125px;height:125px;overflow:hidden;background-color:#FFF;display:table-cell;vertical-align:middle; *display:block;*font-size:110px;*font-family:Arial;}
.box1_pic img{display:block;}
.box1_name{width:125px;line-height:20px;text-align:center;}
.box1_id{width:125px;line-height:20px;text-align:center;color:#666;}
.box1_money{width:125px;font-size:11px;line-height:20px;text-align:left;}
.box1_money span{color:#363636;text-decoration:line-through;font-weight:bold;}
.box1_money b{color:#F30;}







/*__  bottom   ---------------------------------------------------------*/
#bottom{width:780px;text-align:center;background:url(../images/10.jpg) repeat-x;}
.b_nav{width:780px;height:34px;}

.copy{width:780px;font-size:12px;color:#585F63;line-height:30px;}

.ab{padding:10px;}



/*__  content_R  &   products info(Ʒϸҳ)---------------------------------------------------------*/
.info_nav{height:30px;line-height:30px;background:url(../images/31.jpg) no-repeat; padding:0 0 0 10px;}
.info_nav span{font-size:15px;color:#441A02;}
.info_content{width:580px;text-align:left;}
.productBox{margin-left:10px;margin-top:10px;}
.productBox h4{font-size:14px;font-weight:bold; margin:10px 0; color:#333;}
.productBox .productImgBox{float:left; width:280px;}
.productBox .productImg{width:280px;display:block;background:#fff;margin-bottom:10px; padding:0 0 1px 0;}
.smallImg{padding:0 0 2px 15px;}
.smallImg img{ border:1px #eee solid;margin:3px 6px 0 0;}
.click{ text-align:center;}
.click a,.click a:visited{color:#546C00;}

.productBox .productInfo{ float:right;padding:5px;margin-left:8px; width:250px;border:0px #edebed solid;}
.productBox .item,.productBox .size,.productBox .price{ border-bottom:1px dotted #ddd; padding:8px 0; font-size:12px;}
.productBox .price strong{ color:#333;}
.productBox .price{font-weight:bold; color:#eb4329;}
.productBox .addCart{padding:20px 0;}
.productBox .prev{ text-align:center;}


.productDetail{ margin-left:10px;}
.productDetail h4{font-weight:bold; font-size:14px; border-bottom:1px solid #ddd; padding:5px 0; margin:5px 0;color:#333;}


/* Nav Pages */
.navpages{padding:5px; margin-top:10px;font-family:Arial,"Lucida Grande", Verdana, Lucida, Helvetica, sans-serif; font-size:12px;}
.navpages ul{text-align:right;margin:0;padding:0}
.navpages li{list-style:none;display:inline; width:14px;margin-right:2px;}
.navpages li.thepage{margin-right:5px;color:#333;padding:1px 4px; width:auto}
.navpages a{text-decoration:none;color:#333;padding:1px 4px;border:1px solid #fff;}
.navpages a:hover{border:1px solid #888;color:#fff;background:#888; text-decoration:none}
.navpages li.curr_linkpage{border:0px solid #06F;color:#fff;padding:1px 4px;background:#333;}


/* Online service */
#Floatservice { position:absolute;top:100px;right:10px;z-index:2000;width:120px;}
#Floatservice a { color:#444}
#Floatservice a:hover { color:red; font-weight:700;text-decoration:none}
.osmain { width:120px; position:relative;color:#fff;font-size:12px;text-align:left;}
.osmain h3 { height:25px; text-indent:-9999px; background:url(../images/os_top.png) no-repeat}
.osbody { background:url(../images/os_bg.png) repeat-y}
.osfooter { width:120px; height:20px; background:url(../images/os_bottom.png) no-repeat}
#closeFloat { position:absolute; top:0; right:0; height:25px; text-indent:-9999px; cursor:pointer}
#closeFloat span { display:block; width:25px; height:25px;}

#Floatservice ul { padding:10px 5px 5px; background:url(../images/os_top_shadow.png) no-repeat 0 0}
#Floatservice li { height:24px; line-height:24px; border-bottom:1px dashed #ccc}
#Floatservice li a { height:24px; line-height:24px; display:block; overflow:hidden}
#Floatservice .iemail { background:url(../images/gmail.png) no-repeat 1px 50%; padding-left:30px}
#Floatservice .imsn { background:url(../images/msn.png) no-repeat 0 50%; padding-left:30px;}
#Floatservice .iyahoo { background:url(../images/yahoo.png) no-repeat 1px 50%; padding-left:30px;}
#Floatservice .iskype { background:url(../images/skype.png) no-repeat 1px 50%; padding-left:30px;}
#Floatservice .iqq { background:url(../images/qq.gif) no-repeat 1px 50%; padding-left:30px;}
/* end of online service */