html, body{margin:0px;padding:0px;font-size:12px;font-family:Arial;}
body{text-align:center;color:#333;background:#f5fceb}
a, a:link, a:visited{text-decoration:none;color:#3e3e3e;}
a:hover{text-decoration:underline;color:#900;}
a img{border-width:0px;}
ol, ul{margin:0px;padding:0px;list-style-type:none;}
li{padding:0px;margin:0px;}
form{margin:0px;padding:0px;}
#wraper{margin:auto auto;width:1003px;text-align:left;background-color:#fff;}
#wraperMain{background:transparent url(bgfix.gif) 0 0 repeat-y;}
#wraperMainInner{margin:5px 0 0 0;}
#PageKeywords{font-family:Arial;font-size:11px;line-height:20px;margin:0 10px;}

#mainLogo{clear:both;font-size:12px;font-weight:normal;line-height:18px;color:#333;height:99px;background:transparent url(topHeader1.gif) 0 0 no-repeat;overflow:hidden;}
#CompanyName{padding:10px 0 0 10px;font-size:26px;font-weight:bold;line-height:40px;width:760px;}
#logoImg{margin:0 35px 0 0;}
#topPlist{padding:10px;color:#fff;line-height:20px;}
#topPlist span{padding-left:10px;background:transparent url(ion-05.gif) 0 5px no-repeat}
#Search{position:relative;text-align:right;top:-20px;padding:0 5px;font-size:12px;font-weight:normal;color:#000;z-index:10;}

#navBar{line-height:35px;background:transparent url(navbg.gif) 0 0 repeat-x;}
#navBar ul{color:#29121c;height:35px;line-height:35px;}
#navBar ul li{float:left;background:transparent url(spa.gif) right center no-repeat;}
#navBar ul li.last{background-image:none;}
#navBar a,#navBar a:link, #navBar a:visited{color:#fff;font-size:12px;line-height:33px;text-decoration:none;padding:0 30px 0 23px;height:33px;display:inline-block;font-weight:600;}
#navBar a:hover{color:#fcf05c;text-decoration:none;}
#navBar a.active, #navBar a.active:link, #navBar a.active:visited{color:#fcf05c}

#mLeft{width:215px;float:left;background-color:#fff;}
#mLeftInner{border:1px solid #ccc;border-bottom:0;}
#mRight{width:786px;float:left;background-color:#fff;}
#proList .leader{background:transparent url(newleft.gif) 0 0 repeat-x;height:30px;color:#fff;font-size:14px;}
#proList .leader strong{background-image:none;}
#proList ul li{line-height:30px;padding-left:7px;background:#dcebc0 url(left-3.gif) 0 0 repeat-x;}
#proList ul li a, #proList ul li a:link, #proList ul li a:visited{color:#333;text-indent:5px;font-family:Arial;font-size:12px;position:relative;z-index:10;display:block;line-height:30px;font-weight:600;overflow:hidden;}
#proList ul li a:hover{color:#900;}
#proList ul li.ol{margin-top:0 !important;margin-top:-12px;background-image:none;position:relative;overflow:hidden;background-color:#dcebc0;height:auto;}
#proList ul li ol{margin:0px;padding:0px;}
#proList ul li.ol ol li{overflow:hidden;height:28px;line-height:28px;background:transparent 8px 10px no-repeat;border-width:0px;padding-left:0px;overflow:hidden;}
#proList ul li.ol ol li a, #proList ul li.ol ol li a:link, #proList ul li.ol ol li a:visited{color:#333;font-weight:200}
#proList ul li.ol ol li a:hover{color:#900;}
#leftContact{font-size:12px;color:#333;line-height:20px;padding-bottom:10px;}
#leftContact label:first-letter{text-transform:uppercase;}
#leftContact label{display:inline-block;}
#pageNavBar{line-height:20px;padding:0 10px;color:#333;font-size:12px;border:1px solid #ccc;border-top:0px;}
#pageNavBar a,#pageNavBar a:link, #pageNavBar a:visited{font-weight:bold;color:#333;}

#pageNavBar span.block a,#pageNavBar span.block a:link, #pageNavBar span.block a:visited{font:normal 8px Arial;display:inline-block;height:8px;width:8px;margin:0px 2px;}

#wraperBottomInner{margin:0px;padding:10px;line-height:15px;background:url(end2.gif) 0px 0px repeat-x;}
#wraperBottomInner a,#wraperBottomInner a:link, #wraperBottomInner a:visited{color:#333;}
#wraperBottomInner p{margin:5px;}
#detailContact{margin:10px 10px 10px 30px;}
#detailContact label{font-weight:bold;}
#detailContact ul li{line-height:20px;background:transparent url(dot1.gif) 0 center no-repeat;text-indent:10px;}

.myBanner{overflow:hidden;position:relative;float:right;z-index:2;top:-80px;}
.clear{clear:both;}
.center{text-align:center}
.floatRight{float:right;}
.normal{font-size:12px;font-weight:bold;font-family:Arial;line-height:18px;}
.iconEmail{background:transparent url(m1_contact.gif) 0 center no-repeat;}
.iconHome{background:transparent url(m1_home.gif) 0 center no-repeat;}
.iconSitemap{background:transparent url(m1_sitemap.gif) 0 center no-repeat;}
.iconBasket{background:transparent url(m1_basket.gif) 0 center no-repeat;}
.iconViewlist{background:transparent url(View_list.gif) 0 center no-repeat;}
.iconViewgallery{background:transparent url(View_gallery2.gif) 0 center no-repeat;}

.blueSpa{font-size:1px;height:8px;background-color:#02A7F9;}
.leader{color:#fff;font-size:12px;line-height:25px;background:transparent url(grayBar.gif) left -1px repeat-x;color:#333}
.leader strong{padding-left:15px;}
.pad0p15{padding:0 15px;line-height:18px;}
.pad5{padding:5px;line-height:18px;}
.grayBar{background:url(right1.gif) 0px 0px repeat;line-height:25px;padding-left:10px;font-size:12px;color:#333;}
.grayBar a, .grayBar a:link, .grayBar a:visited, .grayBar a:hover{text-decoration:none;color:#fff;padding-right:10px;}
.grayBar strong{background:transparent url(bt02.gif) 0 center no-repeat;padding-left:15px;}
.vcenter{vertical-align:middle;}
.mar15{margin:15px;}
.pad15{padding:15px;}
.red{color:#f00;font-size:13px;font-weight:bold;vertical-align:top;}
.floatLeft{float:left;}
.m10{margin:10px;}
.right{text-align:right;}
.zoom{margin:5px;}
.hidden{display:none;}
.b{font-weight:bold;}
.H20{height:20px;line-height:20px;}
.H30{height:30px;line-height:30px;}
.overhidden{overflow:hidden;height:20px;line-height:20px;}
.H100{height:90px;overflow:hidden;}
/*form inqiuery */
div.formLabel label{float:left;text-align:right;width:150px;font-weight:bold;padding-right:10px;}
div.formLabel div{clear:left;line-height:25px;}
div.formLabel input{border:1px solid #7F9DB9;font-size:12px;padding:2px;}
div.formLabel textarea{border:1px solid #7F9DB9;width:500px;height:115px;overflow:auto;font-size:12px;padding:2px;margin-bottom:5px;}
div.h10dotted{height:10px;font-size:1px;}
.w500{width:500px;}
.w400{width:360px;}
.w200{width:280px;}
.w100{width:100px;}
.w320{width:320px;}

/*probox*/
.proBox{border-bottom:1px solid #cbcbcb;padding:10px 0;height:auto !important;min-height:150px;height:190px;}
.proBox img{clear:both;margin:0px 30px 120px;}
.proBox a,.proBox a:link, .proBox a:visited{font-weight:bold;color:#666464;font-family:Verdana;font-size:12px;}
.proBox a:hover{color:#900;text-decoration:underline;}
.text{margin:5px;color:#2E5468;font-family:Arial;font-size:12px;}

/* pageNav */
#pageNav ul{margin:0px;padding:0px;list-style-type:none;float:right;padding-right:20px;}
#pageNav ul li{margin:0px;padding:0px;float:left;padding:2px;}
#pageNav ul li a,#pageNav ul li a:link,#pageNav ul li a:visited,#pageNav ul li a:active{display:block;background-color:#8A0202;color:#fff;height:20px;width:20px;text-align:center;line-height:20px;text-decoration:none;}
#pageNav ul li a:hover{background-color:#DB8900}
#pageNav ul li a.PageLinkSelected,#pageNav ul li a:link.PageLinkSelected, #pageNav ul li a:visited.PageLinkSelected,#pageNav ul li a:active.PageLinkSelected{background-color:#e1e9f4;color:#333;font-weight:bold;}

/*picList */
div.picList ul li{float:left;margin:5px;padding:0px; width:120px;text-align:center;}

/* nolist */
div.nolist{margin:15px;}
div.nolist ul li{line-height:25px;background:transparent url(dot1.gif) 10px center no-repeat;padding-left:20px;margin:2px;}
div.nolist label{font-weight:bold;}

/*related key */
#relatedKey a, #relatedKey a:link, #relatedKey a:visited{padding:0 10px;}

/* indexProduct */
#indexProduct{margin:10px;}
#indexProduct div.b{color:#000;height:30px;font-size:12px;}
#indexProduct ul{overflow:hidden;}
#indexProduct ul li{margin:5px !important;margin:5px;padding:0px;float:left;text-align:center;width:130px;}
#indexProduct ul li div.center, #indexProduct ul li div.left{width:130px;line-height:16px;overflow:hidden;height:16px;}
#indexProduct ul li div.left{text-align:left;height:20px;}
#indexProduct ul li div.left input{line-height:20px;}
#indexProduct ul li .content{display:none;}

#mainProduct{margin:0px;padding:0px;overflow:hidden;}
#mainProduct ul{display:block;overflow:hidden;margin:10px 0;}
#mainProduct ul li{margin:0px;padding:0px;float:left;text-align:center;width:50%;padding:0px;overflow:hidden;}
#mainProduct ul li div.books{background:transparent url(books.gif) 0 0 no-repeat;width:128px;height:132px;margin:auto auto;padding-top:3px;vertical-align:middle;float:left;margin:8px;}
#mainProduct ul li div.bookRight{overflow:hidden;float:right;width:240px !important;width:230px}

.imagebg{width:130px;}
.images{padding:1px;border:1px solid #999;overflow:hidden;text-align:center;vertical-align:middle;}

/*detail */
.bigPic{border:1px solid #E1E9F4}
#detail{font-family:Arial;font-size:12px;}
.detailSpa {background-color:#f1f1e4;font-size:1px;height:8px;margin:10px 0;}
#detail .img{width:320px;display:table-cell;text-align:center;max-width:330px;overflow:hidden;max-height:330px;}
#detail .img div a{line-height:30px;background:transparent url(zoom.gif) 0 0 no-repeat;padding:0 20px;}

#detail dl{margin:10px 0 0 0;padding:0px;}
#detail dl dt{margin:0px;padding:0px;color:#000;font-weight:bold;padding:5px 10px;line-height:25px;}
#detail dl dd{margin:0px;padding:0px 20px;line-height:18px;}

#Basket {display:none;position:absolute;z-index:10;border:1px solid #ffa600;}
#Basket .leader{text-align:left;padding:0 10px;line-height:20px;font-size:12px;background-color:#fc911c;background-image:none;color:#fcf078;font-weight:600}
#Basket .leader a{font-size:12px;color:#fff;}
#Basket ul li{margin:1px;background-color:#eefaff;line-height:18px;padding:0 10px;}
#Basket ul li .remove{font-weight:bold;color:#900;}

.oprator{background:transparent url(idc-46.jpg) 0 0 repeat-x;border:1px solid #cddcdf;border-top:0px;font-family:Verdana;font-size:12px;padding:8px;}
.oprator span a,.oprator span a:link, .oprator span a:visited{padding:0 0 0 20px;height:20px;line-height:20px;}

/* indexProduct */
#indexProduct ul.viewlist{display:block;}
#indexProduct ul.viewlist li{display:block;float:none;width:100%;text-align:left;}
#indexProduct ul.viewlist .view{float:left;text-align:left;width:520px;margin:5px;}
#indexProduct ul.viewlist .imagebg{clear:left;float:left;margin:10px;}
#indexProduct ul.viewlist li div.left {line-height:16px;overflow:hidden;width:100%;}
#indexProduct ul.viewlist li .finish{clear:both;}
#indexProduct ul.viewlist li .content{display:block;}

div.companyList{padding:0px 10px;line-height:20px;margin:10px 0px;}
div.companyList a, div.companyList a:link, div.companyList a:visited, div.companyList a:active{font-weight:bold;}
div.companyList a.normal{font-weight:normal;color:#777;}
div.companyList div{padding:0px 0 0 20px;}

/* new top line*/
.topline{font-size:1px;background-color:#fff;height:3px;}
/* top nav bar*/
#topNavBar{background:transparent url(head.gif) 0 0 repeat-x;;color:#333;height:18px;line-height:18px;}
#topNavBar a, #topNavBar a:link, #topNavBar a:visited{color:#333;padding:0 2px 0 20px;text-decoration:none;line-height:18px;font-size:11px;}
#topNavBar a:hover{text-decoration:underline;color:#333;}
#topNavBar a.none, #topNavBar a.none:link, #topNavBar a.none:visited{padding:0px;margin:0px;}
/* fix nav*/
.fixnav{background:transparent url(fixnav.gif) left top no-repeat;font-size:1px;height:7px;}
.bottomnav{background-color:#ccc;font-size:1px;height:1px;}

.left{text-align:left;}

table tr td{font-size:12px;}