﻿/*-------------------------------------------------------------------General styles*/
*{margin:0; padding:0;}
body{ font-family: "MS PGothic"; color:#666; background:url(../images/bodybg.gif) center center repeat-y;}
div,form,fieldset,ul,dl,dt,dd{ margin:0; padding:0; border:0;}
h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0;}
em{font-style:normal;}
li{ margin:0; padding:0; list-style-type:none; display: block;}
img{ border:0; display:block;}
.clear{ clear:both;}

/*-------------------------------------------------------------------link styles*/
.red{ color:#ff3469;}

/*-------------------------------------------------------------------font styles*/
.fonttahoma{ font-family:Tahoma;}
.font14{ color:#593117; font-size:14px;font-weight:700; width:100%; }
.font24{ color:#ff3469; font-size:24px; line-height:60px; font-weight:700;}

/*-------------------------------------------------------------------link styles*/
a{ color:#593117; text-decoration:none;}
a:link,a:visited{ color:#593117; text-decoration: none;}
a:hover,a:active{ color:#ff3469; text-decoration: underline;}

a.show_model{ color:#593117; text-decoration:none;}
a.show_model:link,a:visited{ color:#593117; text-decoration: none;}
a.show_model:hover,a:active{ color:#ff3469; text-decoration: none;}

/*-------------------------------------------------------------------layout styles*/
#layout{ margin:0 auto; width:944px; height:auto;}

/*-------------------------------------------------------------------header styles*/
#header{ float:left; position:relative;width:944px; height: 177px;}
.top{width:944px; height:116px; background:url(../images/topbg.gif) repeat-x;}
#logo{
	position:absolute;
	left:21px;
	top:16px;
	width:356px;
	height:81px;
}
#myaccount{
	position:absolute;
	right:10px;
	top:16px;
	width:400px;
	height:27px;
	font-size:13px;
	line-height:27px;
	text-align:right;
}
#myaccount span{padding:0 15px; border-right:1px dotted #4b2b1b;}
#myaccount .register{ padding:5px 0 5px 28px;background:url(../images/icon/icon_register.gif) left center no-repeat;}
#myaccount .login{ padding:5px 0 5px 28px; background:url(../images/icon/icon_login.gif) left center no-repeat;}
#myaccount .service{ padding:5px 0 5px 28px; background:url(../images/icon/icon_ques.gif) left center no-repeat;}
#wishlist {
	position:absolute;
	left:612px;
	top:75px;
	width:100px;
	height:20px;
	font-size:13px; line-height:20px;
	padding-left:24px;
	background:url(../images/icon/icon_wishlist.gif) left center no-repeat;
}
#cart {
	position:absolute;
	right:10px;
	top:69px;
	width:196px;
	height:32px;
}
#cart a.cart{ float:left; padding-left:30px;  width:166px; height:32px;font-size:12px; font-weight:bold; line-height:32px; color:#fff; text-align:center; text-decoration:none; background:url(../images/btn_cart.gif) no-repeat;}
#cart a.cart:hover{background:url(../images/btn_cart.gif) 0 -32px no-repeat;}
#nav {
	position:absolute;
	left:0;
	top:116px;
	width:944px;
	height:29px;
	border-top:1px solid #e4eae0;
}
a.nav1{ float:left; width:82px; height:29px; background:url(../images/nav.gif) no-repeat;} 
a.nav1:hover{ background:url(../images/nav.gif) 0 -29px no-repeat;}
a.nav2{ float:left; width:126px; height:29px; background:url(../images/nav.gif) -82px 0 no-repeat;} 
a.nav2:hover{ background:url(../images/nav.gif) -82px -29px no-repeat;}
a.nav3{ float:left; width:128px; height:29px; background:url(../images/nav.gif) -208px 0 no-repeat;} 
a.nav3:hover{ background:url(../images/nav.gif) -208px -29px no-repeat;}
a.nav4{ float:left; width:125px; height:29px; background:url(../images/nav.gif) -336px 0 no-repeat;} 
a.nav4:hover{ background:url(../images/nav.gif) -336px -29px no-repeat;}
a.nav5{ float:left; width:172px; height:29px; background:url(../images/nav.gif) -461px 0 no-repeat;} 
a.nav5:hover{ background:url(../images/nav.gif) -461px -29px no-repeat;}
a.nav6{ float:left; width:186px; height:29px; background:url(../images/nav.gif) -633px 0 no-repeat;} 
a.nav6:hover{ background:url(../images/nav.gif) -633px -29px no-repeat;}
a.nav7{ float:left; width:125px; height:29px; background:url(../images/nav.gif) -819px 0 no-repeat;} 
a.nav7:hover{ background:url(../images/nav.gif) -819px -29px no-repeat;}
#search {
	position:absolute;
	left:0px;
	top:147px;
	padding:5px 10px;
	width:924px;
	height:21px;
	background-color:#efefe9;
}
.search_icon{ float:left; width:21px; height:21px; background:url(../images/icon/icon_search.gif) no-repeat; margin-right:3px;}
.searchbox{ float:left; width: auto; text-align:left;}
.select{float:left; padding-left:12px; width:110px; height:21px; font-size:12px; font-family:"MS PGothic"; color:#666; margin-right:3px;}
.select_input{float:left; padding-left:12px; width:254px; height:16px; font-size:12px; font-family:"MS PGothic"; color:#666;margin-right:3px;}
.select_btn{float:left;width:55px; height:21px; background:url(../images/btn_search.gif) no-repeat; border:0; cursor:pointer; margin-right:10px;}
.topkey{ float:left; width: auto; font-size:10px; line-height:21px;}
.topkey .title{ float:left; padding:4px 0; width:39px; height:13px;}
.topkey a,.topkey a:link,.topkey a:visited,.topkey a:hover{ padding:0 6px;color:#0066cc; text-decoration:underline;}


/*-------------------------------------------------------------------container styles*/
#container{ float:left; padding:10px; width:924px; height: auto; clear:both;}
.topbanner{ float:left; width:924px; height:auto}
.showbanner{ float:left;width:690px; height:278px; background-color:#fff; border:10px solid #e6e6dc; margin:0 10px 10px 0;}
.showbanner_tab{ float:left; padding:5px; width:188px; height:275px; border-right:4px solid #e6e6dc;}
.showbanner_tab .arrow_t{ float:left; width:15px; height:10px; padding:0 0 6px 85px;}
.showbanner_tab .arrow_b{ float:left; width:15px; height:10px; padding:11px 0 0 85px;}
.showbanner_tab .small_img{ float:left; width:188px; height:72px; padding-top:5px;}
.largebanner{ float: left; width:478px; height:278px;}
.rightbanner{ float:left; width:204px; height:auto;}
.bannerimg{ float:left; margin-bottom:10px;}
/*-------------------------------------------------------------------left styles*/
#left{ float:left;width:204px; height: auto; margin-right:10px;}
.catalog{ float:left; width:204px; height:auto; margin-bottom:10px; background-color:#f7f1e1;}
.catalog_title{ padding:5px 0 5px 40px; width:164px; height:20px; background:url(../images/titlebg.gif) -10px -10px no-repeat; margin-bottom:1px;}
.catalog ul{ padding:0 0 6px;padding:9px 0\0;*padding:0 0 6px;_padding:0 0 2px; width:204px; height:auto; background-color:#f7f1e1; margin:0;}
.catalog li{ padding:8px 0 8px 20px;width:184px; height:auto; font-size:12px; border-top:1px solid #fff; background:url(../images/icon/icon_catalog_arow.gif) left top no-repeat;}
.catalog li ul{ padding-left:12px;width:172px; margin:0;}
.catalog li ul li{ padding:6px 0;width:172px; font-size:11px; background:none; border-top:none; }
.catalog li ul li.s1{ padding:6px 0 5px;}
.catalog li ul li.s2{ padding:5px 0 0;}
.smallbanner{ float:left; width:204px; height:auto; margin-bottom:10px;}
.new_products{ float:left; width:496px; height:auto; margin:0 10px 10px 0; }
.new_title{width:496px; height:30px; margin-bottom:2px;background:url(../images/titlebg.gif) -10px -50px no-repeat;}
.newlist{ float: left; padding:0 2px;width:492px; height:auto; background-color:#faf6eb; clear:both; display:inline;}
.newlist .pr{float:left; position:relative; padding:5px 12px; width:140px; height: auto;}
#new{
	position:absolute;
	left:13px;
	top:16px;
	width:40px;
	height:26px;
	background: transparent url(../images/icon/icon_new.gif) no-repeat;}
.pr a img{ padding:8px; width:120px; border:2px solid #fff;}
.pr a:link img,.pr a:visited img{border:2px solid #fff;}
.pr a:hover img{ border:2px solid #daa16d;}
.pr p{ font-size:12px; padding-top:8px;}
.newlist .name{ height:27px;*height:44px;_height:48px;line-height:14px; overflow:hidden;}
.newlist .rprice{ font-size:11px;}
.newlist .nprice{ font-size:14px; color:#ff3469; font-weight:700;}
.hotprlist{ float:left; width:204px; height:auto; background-color:#fbf4ed;}
.hotprlist .hot_title{ float:left; width:204px; height:30px; background:url(../images/titlebg.gif) -10px -90px no-repeat;}
.hotpr{ float:left; padding:15px 8px;padding:14px 8px\0;*padding:12px 8px; _padding:13px 8px; position:relative; width:188px; height:auto; background-color:#fbf4ed; border-top:2px solid #fff;}
#hot {
	position:absolute;
	left:78px;
	top:15px;
	width:18px;
	height:11px;
	background:url(../images/icon/icon_hot.gif) 0 -71px no-repeat;
}
.hot1{ float:left; width:18px; height:17px; background:url(../images/icon/icon_hot.gif) 0 -3px no-repeat; margin:22px 10px 22px 0;}
.hot2{ float:left; width:18px; height:17px; background:url(../images/icon/icon_hot.gif) 0 -20px no-repeat; margin:22px 10px 22px 0;}
.hot3{ float:left; width:18px; height:17px; background:url(../images/icon/icon_hot.gif) 0 -37px no-repeat; margin:22px 10px 22px 0;}
.hot4{ float:left; width:18px; height:17px; background:url(../images/icon/icon_hot.gif) 0 -54px no-repeat; margin:22px 10px 22px 0;}
.hotpr a img{ float:left; width:60px; height:60px; border:1px solid #ccc; margin-right:6px;}
.hotpr span{ float:left; font-size:11px;}
.hotpr .name{ width:92px; height:48px; }
.hotpr .nprice{ width:92px; font-size:12px; color:#ff3469; font-weight:500;}

.contentbox{ float:left; padding:15px; width:890px; margin-top:10px; height: auto; border:2px solid #e6e6dc;}
.contentbox .left{ float:left; width:425px; height:auto;}
h3{ width:425px; font-size:12px; color:#000; font-weight:700; margin-bottom:15px;}
.contentbox .left img{ float:left; width:197px; margin:0 10px 10px 0;}
.contentbox .right{ float:right; width:425px; height:auto}
/* modify by caiyeqing 2010-07-20 */
.contentbox .right h2 { color:#000; }
.contentbox .right p{ width:425px; font-size:12px; line-height:24px;}

/*--- add Information model by caiyeqing 2010-07-16  ---*/
.pd6 { padding:6px; }
.pt6 { padding-top:6px; }
.mt10 { margin-top:10px; }
.fontColor { color:#c00000; }
.fontWeight { font-weight:bold; }
.serviceInfor { width:100%;font-size:12px; }
.serviceInfor table { width:100%;border-collapse:collapse;border:2px solid #e6e6dc; }
.serviceInfor table a { text-decoration:underline;color:#0000ff; }
.serviceInfor table td,.serviceInfor table th { border:1px solid #e6e6dc; }
.serviceInfor table td.bisection { width:50%; }
.serviceInfor table td.left { width:35%; }
.serviceInfor table td.right { width:65%; }
.serviceInfor table th { height:25px;line-height:25px;background:#f2dbdb;text-align:center;font-size:14px;color:#000; }
.serviceInfor table .iehack { *height:20px;*line-height:20px; }
.serviceInfor td p,.serviceInfor td div,.serviceInfor td li { line-height:22px; }
.serviceInfor td .payCard { padding-left:15px; }
.serviceInfor td h4 { font-size:12px;color:#c00000; }
.serviceInfor td .pack { width:750px;margin:0 auto; }
.serviceInfor td .pack:after { display:block; clear:both; content:"."; height:0; visibility:hidden; overflow:hidden; }
.serviceInfor td .pack dd { float:left;position:relative;width:250px;height:120px; }
.serviceInfor td .pack dd img { position:absolute;left:50%;top:50%;margin-left:-100px;margin-top:-52px; }

/*-------------------------------------------------------------------footer styles*/
#footer{ float:left; padding:0 10px 15px;width:924px; height: auto;}
.bottommenu{ float:left; padding:0 12px; width:900px; height:35px; font-size:12px; line-height:35px; background-color:#e6e6dc;}
.bottommenu .left{ float:left; width: auto;}
.bottommenu .left a{ padding:0 8px; color:#000;}
.bottommenu .pageup{ float:right; padding:9px 0; width:74px; height:17px;}
.bottom{ float:left; padding:10px 12px 0; width:900px; height:auto;}
.bottom .left{ float:left; padding:10px 0 0; width: auto; text-align:left;}
.bottom .left img{ float:left; width:auto; padding-right:5px;}
.bottom .right{ float:right; width:auto; text-align:right; font-size:10px; font-family:Tahoma; color:#000;}

/*-------------------------------------------------------------------list styles*/
#right{ float:left;width:710px; height: auto;}
.crumb{ float:left; width:710px;  font-size:11px; color:#593117; margin:10px 0; }
.products{ float:left; width:710px; height:auto;}
.products .title{ float:left; padding-left:38px; width:672px; height:30px; font-size:13px; font-weight:700; color:#986401; line-height:30px; background:url(../images/titlebg.gif) -10px -130px; margin-bottom:2px;}
.prlist{ float:left; width:710px; height:auto; background-color:#faf6eb;}
.pbox{ float:left; width:122px; height:215px; padding:10px;position:relative;}
.pboxsale { height:48px; position:absolute; right:0; top:0; width:48px; }
.pbox a img,.pbox a:link img,.pbox a:visited img{border:1px solid #fff;}
.pbox a:hover img{ border:1px solid #d58000;}
.pbox p{  padding-top:8px;}
.pbox .name{ font-size:12px;height:40px; line-height:14px;}
.pbox .rprice{ font-size:11px;}
.pbox .nprice{ font-size:14px; color:#ff3469; font-weight:700;}

/*-------------------------------------------------------------------productdetail styles*/
.productdetail{ float:left;width:710px; height: auto; background-color:#faf6eb; clear:both; margin-bottom:10px;}
.productdetail .title{ float:left; width:710px; height:30px; font-size:13px; font-weight:700; color:#986401; line-height:30px; background:url(../images/titlebg.gif) -10px -170px; margin-bottom:2px;}
.productdetail .left{ float:left; padding:8px; width:300px; height:auto; margin:10px; background-color:#fff;display:inline;}
.productdetail .left .pimg{float:left; width:300px; height:300px; margin-bottom:8px;}
.productdetail .left .enlarge{float:left; width:300px; height:13px; margin-bottom:8px;}
.productdetail .left .small_img{ float:left; width:300px; height:auto}
.productdetail .left .small_img img{ float:left; width:60px;}
.productdetail .right{ float:left; width:354px; height:auto; margin:10px;}
h1{ width:354px; height:auto; font-size:18px; line-height:24px; color:#593117; margin-bottom:10px;}
.productdetail .right .detail{ float:left; width:354px; height:auto; margin-bottom:10px;}
.productdetail .right .detail p{ float:left; width:354px; font-size:12px; line-height:28px;}
.productdetail .right .detail .a1{ float:left;width:64px; height:auto; color:#593117;}
.productdetail .right .detail .a2{ float:left;width:290px; }
.productdetail .right .detail  .nprice{ font-size:14px; color:#ff3469; font-weight:700;}
.qty{ width:117px; height:19px;}
.select_style{ width:170px; height:19px;}
.productdetail .right .detail .add{float:left; width:175px; height:24px; margin:8px 10px 0 0;}
.productdetail .right .detail  .wishlist{ float:left; width:145px;line-height:24px;padding-left:24px;background:url(../images/icon/icon_wishlist.gif) left center no-repeat; margin-top:8px;}
.productdetail .right .detail .intr{float:left; width:354px; padding:10px 0 0 0;border-top:1px dotted #663300;}
.intr1{float:left; width:354px; padding:0 0 10px 0;
}
.intr a{ cursor:pointer; display:block; font-size:12px; color:#593117;text-decoration:none; line-height:12px;
}
.intr a img{ margin:0 10px -2px 0; float:left; width:12px}
.intr p{padding:8px 10px; width:334px; height:auto;  font-size:11px; line-height:150%;  }
.intr table{padding:8px 10px; width:334px; height:auto;  font-size:11px; line-height:150%;  }
.intr input{ width:150px; height:14px; border:1px solid #beb19e;}
.intr textarea{ width:150px; height:50px;  border:1px solid #beb19e;}
.intr .send{ width:46px; height:21px; background:url(../images/btn_send.gif) no-repeat; cursor: pointer;}

/*-------------------------------------------------------------------progress styles*/
.progress{ float:left; width:710px; height:auto; border-top:1px solid #999;}
.shopstep1{ float:left; margin: 35px 15px 24px; width:640px; height:40px; background:url(../images/shopstep.gif) 0 0 no-repeat; }
.shopstep2{ float:left; margin: 35px 15px 24px; width:640px; height:40px; background:url(../images/shopstep.gif) 0 -40px no-repeat; }
.shopstep3{ float:left; margin: 35px 15px 24px; width:640px; height:40px; background:url(../images/shopstep.gif) 0 -80px no-repeat; }
.shopstep4{ float:left; margin: 35px 15px 24px; width:640px; height:40px; background:url(../images/shopstep.gif) 0 -120px no-repeat; }
.progress table{ float:left;font-size:12px; line-height:18px; margin-top:2px;}
.tdtitle{ background-color:#f8f5eb; color:#593117; font-weight:700;}
.tdtotal{ padding:0 10px; height:32px; background-color:#fffcfa; border-top:1px solid #ff85a5; font-weight:700px; color:#ff3469; line-height:32px; border-bottom:1px solid #ff85a5;}
.discount{ width:180px; height:20px; border:1px solid #ff9999;}
.confirm_title{ padding:0 10px;}
.indent{ padding-right:10px;}
.all_input{ width:300px; height:20px; border:1px solid #e6e6dc;}
.all_input1{ width:200px; height:20px;border:1px solid #e6e6dc;}
.all_choose{ width:300px; height:22px;}

/*-------------------------------------------------------------------faq styles*/
.faq{ float:left; width:710px; height:auto; padding-top:37px; border-top:1px solid #999;}
.faq .ques{ float:left; padding:0 0 5px 20px; margin-bottom:10px; border-bottom:1px solid #986401; width:690px;}
.faq .ques .p1{ float:left; width:26px; height:26px;background:url(../images/icon/icon_privacy.gif) 0 0 no-repeat;}
.faq .ques .p2{ float:left; width:26px; height:26px;background:url(../images/icon/icon_privacy.gif) 0 -28px no-repeat;}
.faq .ques .p3{ float:left; width:26px; height:26px;background:url(../images/icon/icon_privacy.gif) 0 -55px no-repeat;}
.faq .ques .p4{ float:left; width:26px; height:26px;background:url(../images/icon/icon_privacy.gif) 0 -82px no-repeat;}
.faq .ques .p5{ float:left; width:26px; height:26px;background:url(../images/icon/icon_privacy.gif) 0 -109px no-repeat;}
.faq .ques .p6{ float:left; width:26px; height:26px;background:url(../images/icon/icon_privacy.gif) 0 -136px no-repeat;}
.faq .ques p{ float:left; padding-left:14px; width:650px; height:26px; font-size:13px; line-height:26px; font-weight:700; color:#986401; }
.faq .answer1{ float: left; margin-left:20px; border-bottom:1px dashed #ccc; margin-bottom:18px;}
.faq .answer{ float: left; width:auto;       border-bottom:1px dashed #ccc; padding:0 0 18px 20px;}

.faq .answer .a{ float:left; width:26px; height:26px;background:url(../images/icon/icon_privacy.gif) 0 -163px no-repeat;}
.faq .answer p{ float:right; padding-left:14px; width:650px; height:auto; font-size:12px; line-height:18px; padding-bottom:10px;}
.faq .answer table{font-size:12px;}
.faq .answer textarea{width:300px; height:100px;}

.payment{ float:left; width:710px; height:auto; padding-top:20px; border-top:1px solid #999;}
.payment .title1{ float: left;  width:660px;    border-bottom:1px dashed #ccc; padding:0 0 18px 20px; font-size:12px;}
.payment p{ float:right; padding-left:14px; width:650px; height:auto; font-size:12px; line-height:18px; padding-bottom:10px;}

/*-------------------------------------------------------------------showbanners styles*/
#banners{ float:left; width:710px; height:576px;}
#slideshow {list-style:none; color:#ffffff; }
#slideshow span {display:none}

#wrapper {width:706px; margin:0px auto;display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:706px; height:462px; padding:2px; background:#593117}
#information {position:absolute; bottom:0; width:706px; height:0; background:#593117; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:12px;}
#information p {padding:0 8px 8px;color:#ffffff; font-size:12px; line-height:18px;}
#image {width:706px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:450px; cursor:pointer; z-index:150;}
#imgprev {left:0; background: url(../images/model/left1.gif) left center no-repeat;}
#imgnext {right:0; background:url(../images/model/right1.gif) right center no-repeat;}
#imglink {position:absolute; height:450px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40);}
.linkhover {background:url(https://www.linkscraft.co.uk/images/link.gif) center center no-repeat}

#thumbnails {margin-top:12px}
#slideleft {float:left; width:20px; height:99px; background:#af8863 url(../images/model/scroll-left.gif) center center no-repeat; }
#slideleft:hover {background-color:#ae9073;}
#slideright {float:right; width:20px; height:99px; background:#af8863 url(../images/model/scroll-right.gif) center center no-repeat; }
#slideright:hover {background-color:#ae9073;}
#slidearea {float:left; position:relative; width:642px; margin-left:14px; height:99px; overflow:hidden}
#slider {position:absolute; left:0; height:99px}
#slider img { float:left; cursor:pointer;border:1px solid #ccc;}

#icon_foot {
	position:absolute;
	left:917px;
	top:6px;
	width:23px;
	height:23px;
}
.productdetail .relatedimg{ float:left; padding:0 26px;}
.productdetail .relatedimg img{ margin-top:15px;}
.productdetail .relatedimg{ float:left; padding:15px 26px;}
.productdetail .relatedimg img{ margin-top:15px;}

/*ibanner*/
#ibanner { overflow:hidden; width:478px; height:277px;position:relative; }
#ibanner_pic { }
#ibanner_pic a { display:block; height:380px; overflow:hidden; position:absolute; top:0; left:0; }
#ibanner_btn { position:absolute; bottom:5px; right:25px; z-index:5; }
#ibanner_btn span { cursor:pointer; display:block; float:left; margin-left:4px; width:12px; height:12px; text-align:center; line-height:12px; font-size:10px; font-weight:bold; color:#fff;background:#84807d; border:1px solid #c3c0bc; }
#ibanner_btn .current { background:#E93893; border:1px solid #E93893; }

div#calendararea {
float:right;margin:10px 0 0 0;
border:1px solid #CCCCCC;
padding:5px;
width:192px;
font-size:11px;
}
div#calendararea table {
border-collapse:collapse;
margin:0 auto 10px;
text-align:center;
}
div#calendararea th, div#calendararea td {
border:1px solid #CCCCCC;
padding:2px 6px;
*padding:3px 6px;
}
div#calendararea th {
background:none repeat scroll 0 0 #CC5987;
color:#FFFFFF;
}
div#calendararea .off {
background:none repeat scroll 0 0 #FFD8E7;
color:#CC5987;
}
div#calendararea caption {
color:#CC5987;font-size:12px;padding:5px 5px;
}
/** css_modify begin**/


#main{
	 float:left;width:710px; height: auto;
}
.abanner{
	width:710px;height:295px;margin:0 0 10px 0;
}
#ibanner {  position:relative;float:left;width:478px; height:277px;border:9px solid #E6E6DC;overflow:hidden; }
.rightbanner{ float:right; width:204px; height:auto;}
.rightbanner a{
	display:block; width:auto;height:auto;padding:2px 0;
}
.leftBanner{
	float:left;
	width:204px;
height:auto;
}
.leftBanner ul li{
	padding:2px 0;
}

/**modify start**/
.catalog li { padding:8px 0 8px 20px; }
.catalog li ul { padding-left:0px; }

.catalog .icon1,.catalog .icon2,.catalog .icon3,.catalog .icon4,.catalog .icon5,.catalog .icon6,.catalog .icon7,.catalog .icon8,.catalog .icon9,.catalog .icon10,.catalog .icon11,.catalog .icon12,.catalog .icon17,.catalog .icon18,.catalog  .icon19, .catalog .icon20{
	width:auto; height:25px; padding-left:35px;background:url(../images/caticon.png) no-repeat; overflow:hidden;
}
.catalog .icon13,.catalog .icon14,.catalog .icon15{
	width:auto; height:28px; padding-left:39px;background:url(../images/caticon.png) no-repeat;  overflow:hidden;
}
.catalog .icon21,.catalog .icon22,.catalog .icon23{
	width:auto; height:25px; padding-left:39px;background:url(../images/caticon.png) no-repeat; overflow:hidden;
}

.catalog .icon0 { display:block; width:auto; height:20px; }
.catalog .icon1 {  background-position: 0 -288px; }
.catalog .icon2 {  background-position: 0 -152px;  }
.catalog .icon3 { background-position: 0 -255px; }
.catalog .icon4 {  background-position: 0 -591px; }
.catalog .icon5 {  background-position: 0 -550px;  }
.catalog .icon6 {  background-position: 0 -222px; }
.catalog .icon7 {  background-position: 0 -509px; }
.catalog .icon8 {  background-position: 0 -182px; }
.catalog .icon9 {  background-position: 0 -326px; }
.catalog .icon10 { background-position: 0 -426px; }
.catalog .icon11 { background-position: 0 -660px; }
.catalog .icon12 {  background-position: 0 -472px;  }
.catalog .icon13 {  background-position: 8px -100px; }
.catalog .icon14 { background-position: 8px -618px; }
.catalog .icon15 { background-position: 8px -68px;}
.catalog .icon16 {display:block; width:auto; height:20px; }
.catalog .icon17 { background-position: 0px -700px;  }
.catalog .icon18 { background-position: 0px -5px; }
.catalog .icon19 { background-position: 0px -760px; }
.catalog .icon20 { background-position: 0px -728px; }
.catalog .icon21 { background-position: 8px -38px; }
.catalog .icon22 { background-position: 8px -790px;  }
.catalog .icon23 { background-position: 8px -353px;  }