/* == common === */
html{margin:0;padding:0}
body{margin:0;padding:0;font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif;text-align:center;background-color:#eee}
a,a:link,a:visited,a:active{color:#06c}
ul{list-style-type:none;margin:0;padding:0}
li{margin:0;padding:0}
h3{font-size:13px;margin:0;padding:0;color:#000;background:url(bg.gif) repeat-x scroll 0 -177px #FF7300;}
h3 a,h3 a:link,h3 a:visited,h3 a:active{color:#ff0;text-decoration:none;}
h3 a:hover{text-decoration:underline}
form{margin:0;padding:0;}
textarea,input{font-size:12px;}
#scBar{height:35px;background:transparent url(bg.gif) 0 -433px repeat-x;line-height:35px;overflow:hidden;margin-bottom:1px;}
#scBarInner{width:970px;margin:auto auto;text-align:left;}
#scBarInner span.search{float:right;margin-top:0 !important; margin-top:3px;}
#scBarInner span.search input{padding:3px;border:2px solid #4f8cb9;width:360px;vertical-align:middle;}
#scBarInner span.search button{margin:0px 2px;padding:2px 6px;border:1px solid #4F8CB9;color:#333;background:transparent url(bg.gif) 0 -90px repeat-x;text-indent:0;font-size:11px;font-weight:600;font-family:Tahoma;height:27px;line-height:18px;letter-spacing:1px;vertical-align:middle;}
#scBarTop a,#scBarTop a:link, #scBarTop a:visited{padding:2px 3px;text-decoration:none;color:#1d1d1d;text-shadow:1px 1px 1px #f0f0f0;}
#scBarTop a:hover{color:#900;}
#scLogo{float:left;background:transparent url(slogo.gif) 0 0 no-repeat;width:150px;height:30px;margin:2px 16px 0 0}
#scLogo a{display:block;width:150px;height:30px;}
#scLogo span{display:none;}
#mLogo{background:transparent url(freeMember.gif) 5px 0px no-repeat;position:absolute;z-index:999;height:50px;width:126px;height:55px;}
div.gold#mLogo{background-image:url(goldMember.gif);}
div.silver#mLogo{background-image:url(silverMember.gif);}
div.bronze#mLogo{background-image:url(bronzeMember.gif);}
#wraper{width:970px;margin:auto auto;text-align:left;background-color:#31609d;padding:0 8px 8px; }
#mainWraper{margin-top:2px; background:#b3c9e4 url(fixbg.gif) top right repeat-y;}
#headerTop{min-height:75px;padding-left:30px;position:relative;z-index:3;}
#pageTopString{height:20px;line-height:20px;background-color:#31609d;font-size:11px;padding:0 10px;color:#fff;}
#myLogo{overflow:hiiden;height:75px;line-height:75px;display:table-cell;vertical-align:middle;}
#myLogo img{vertical-align:middle;}
#myLogo span{font-size:20px;color:#384e7d;font-weight:600;vertical-align:middle;}
#searchBox{margin-bottom:5px;padding:2px;background-color:#cc3333}
#searchBox button{margin:0;padding:0px;font-size:1px;font-weight:600;background:transparent url(bg.gif) 0 -86px no-repeat;border:0;width:20px;height:20px;cursor:pointer;vertical-align:middle;}
#searchBox input{border:1px solid #33507f;padding:2px 2px;margin:2px;vertical-align:middle;border:1px solid #900;width:150px;}
#profile{padding:5px;line-height:18px;}
#profile h3{color:#fff;font-size:20px;padding:5px; background:none;}
ul#mainMenu{height:30px;line-height:30px;background:transparent url(bg.gif) 0 -173px repeat-x;}
ul#mainMenu li{float:left;padding-left:1px;background:transparent url(bg.gif) -1px -134px no-repeat;}
ul#mainMenu li a,ul#mainMenu li a:link,ul#mainMenu li a:visited{padding:0px 15px;font-size:13px;text-decoration:none;color:#fff;font-family:tahoma;font-weight:600;display:block;}
/*ul#mainMenu li.first{background-image:none;}*/
ul#mainMenu li.active a,ul#mainMenu li.active a:link,ul#mainMenu li.active a:visited,ul#mainMenu li a:hover{color:#1A498E;background:transparent url(bg.gif) 0 -208px repeat-x;line-height:30px;}
ul#mainMenu li.first{background-image:none; padding-left:0;}
#userBanner{overflow:hidden;position:absolute;top:20px;z-index:2;height:75px;}
#userBanner img{overflow:hidden;}
div.spa{height:2px;line-height:2px;background-color:#ccc;font-size:1px;margin:10px 0;}
#mainLeft{float:right;font-family:tahoma;width:234px;padding:0 1px; background-color:#5486bd;}
#mainLeft div.iBox{width:234px;margin-bottom:3px;font-family:Verdana,arial,tahoma;padding-bottom:5px;}
#mainLeft div.fixBorder{padding:0px;}
#mainLeft div.iBox div.title{border-bottom:1px solid #163E7D;background:#FFE5B5 url(bg-item.gif) ;
color:#0065B3;font-size:12px;line-height:25px;}
#mainLeft div.iBox div.title a,#mainLeft div.iBox div.title a:link, #mainLeft div.iBox div.title a:visited{-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent url(bg.gif) no-repeat scroll 0 -653px;color:#fff;font-size:12px;font-weight:600;text-decoration:none; display:block; padding:0px 15px;}
#mainLeft div.iBox div.title a:hover{text-decoration:underline;color:#ff6600;}
#mainLeft div.iBox div.title a:hover{text-decoration:underline;color:#da4901; background:url(bg-item-o.gif);  padding:0px 15px;}
#mainLeft div.catalogTitle, #innerRight div.catalogTitle{line-height:15px;font-weight:600;font-size:15px;color:#a00;}
div.catalogTitle h3{display:block;color:#fff;font-size:13px;padding:5px; background-color:#ff7300; font-family:Verdana;}
div.catalogTitle a,div.catalogTitle a:link,div.catalogTitle a:visited{text-decoration:none;color:#fff;}
div.catalogTitle a:hover{text-decoration:underline;color:#fff;}
#mainRight{float:left;width:715px; background-color:#b3c9e4}
#photoFade{width:200px;height:150px;padding:5px;border: 1px solid #5486bd;overflow:hidden;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;float:left;margin:0 10px;}
#photoFade div img{border:1px solid #aaa;}
#photoFade2{width:200px;height:150px;overflow:hidden;}
.border{border:1px solid #eee;}
.iBoxList{ background-color:#5486bd;}
.iBoxList div{-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;
border-bottom:1px solid #295690; font-size:12px;font-family:verdana;}
.iBoxList div a,.iBoxList div a:link, .iBoxList div a:visited{color:#fff;text-decoration:none;display:block; padding:5px 15px;}
.iBoxList div a:hover{color:#000; background-color:#ffd99d;}
.iBoxList2{margin:0 0 10px 0px;}
.iBoxList2 div{line-height:15px;padding:2px 0 2px 8px;border-bottom:1px solid #5e94d0;color:#c2d3e8;}
.iBoxList2 div label{display:inline-block;line-height:20px;font-weight:bold;color:#c2d3e8;text-transform:capitalize;font-size:12px;}
.iBoxList2 div a,.iBoxList2 div a:link, .iBoxList2 div a:visited{font-weight:200;color:#ff0;text-decoration:none;line-height:20px;}
.iBoxList3 div{line-height:20px;margin:0 5px;padding:5px;border-bottom:1px solid #90afd3;color:#333;background-image:none}
.iBoxList3 h3{height:25px;line-height:25px;background:#5486BD url(bg.gif) 0 -266px no-repeat;border-bottom:1px solid #31609d;font-size:12px;padding:0 15px;font-weight:200px;color:#fff;}
.iBoxList3 div label{display:block;padding:0;display:inline-block;zoom:1;text-transform:capitalize;width:175px;}
span.more{display:block;height:16px;width:16px;float:right;background:transparent url(icons.gif) -9px -71px no-repeat;cursor:pointer;}
.clear{font-size:1px;clear:both;}
.center{text-align:center;}
.vcenter{vertical-align:middle;}
.right{text-align:right;}
.leader{background-color:#6681d8;color:#eee;line-height:20px;padding:0 10px;font-weight:600;}
.leader2{font-size:13px;font-weight:bold;margin:5px 0;padding:5px 10px 5px 5px;}
.innerInfo{padding:0 10px;line-height:20px;}
.floatRight{float:right;}
.iconMore{font-weight:200;color:#333;background:transparent url(bg.gif) -2px -271px no-repeat;padding-left:12px;font-size:11px;}
.dgreen{font-weight:200;color:#5486bd}
.dred{color:#900;font-family:Tahoma;}
.gray{color:#333;}
.pad5px{padding:5px;}
.H20{line-height:25px;min-height:25px;}
div.opbar{background: #90afd3 url(bg.gif) no-repeat scroll 5px -492px;padding:8px 25px;border:1px solid #c2d0e0;}
#mainProduct ul{margin:5px 0;}
#mainProduct ul li{text-align:left;padding:10px;clear:left;height:110px;overflow:hidden;border-bottom:1px dotted #5486bd;margin:5px;}
#mainProduct ul li .image{float:left;width:110px;}
#mainProduct ul li img{width:100px;height:100px;padding:2px;border:1px solid #ddd;}
#mainProduct ul li a,#mainProduct ul li a:link, #mainProduct ul li a:visited{color:#33517f;text-decoration: none;}
#mainProduct ul li div.text{text-align:left;padding:0 2px;height:65px;line-height:16px;overflow:hidden;}
#mainProduct2 ul{margin:0;}
#mainProduct2 ul li{float:left;width:345px;text-align:center;margin:5px;}
#mainProduct2 ul li .image{float:left;width:110px;}
#mainProduct2 ul li img{width:100px;height:100px;padding:2px;border:1px solid #ddd;}
#mainProduct2 ul li div.text{text-align:left;padding-left:5px;height:100px;line-height:16px;overflow:hidden;color:#000}
#mainProduct2 ul li a,#mainProduct2 ul li a:link, #mainProduct2 ul li a:visited{color:#036;text-decoration:none;font-weight:600}
#mainProduct2 ul li a:hover{text-decoration:underline;color:#900;}
#metal{margin-bottom:5px;}
#wraperBottom{line-height:20px;padding:10px;color:#fff;border-top:1px solid #fff; background-color:#666;}
#wraperBottom a,#wraperBottom a:link,#wraperBottom a:visited{text-decoration:underline;color:#fff;font-family:,Arial,Verdana;}

.hbox{margin:10px;padding:10px;background-color:#d5dde8;}
.hbox .text{height:73px;overflow:hidden;}
.himage{width:100px;float:left;height:90px;}
.himage img{border:1px solid #90afd3;padding:2px;background-color:#fff;}

.simage{width:120px;float:left;height:120px;}
.simage img{border:1px solid #666;padding:2px;background-color:#aaa;width:100px;height:100px;}
.scheckbox{float:left;width:20px;}

#detail h1,#myPage h1{font-size:13px;text-align:center;}
#detail div.leader h3{background-color:#5486bd;color:#fff;font-size:12px;padding:3px 10px;}
#myPage .content, #detail .content{padding:10px;}

#turnPage{margin:5px;}
#turnPage a,#turnPage a:link,#turnPage a:visited{display:inline-block;zoom:1;height:16px;margin:5px 2px;padding:0 5px;text-decoration:none;text-align:center;background-color:#5486bd;border:1px solid #295690;font-weight:600;color:#fff;}

#detail div.left{float:left;width:280px;}
#detail div.right{float:right;width:410px;text-align:left;}
#detail div.imageBox{border:1px solid #31609d;text-align:center;overflow:hidden;}
#detail div.imageBoxInner{text-align:center;vertical-align:middle;display:table-cell;overflow:hidden;width:284px;height:284px; background-color:#fff;}
#detail div.imageBox img{margin:2px;}
.LHspace{border-bottom:1px dotted #bbb;line-height:20px;padding:3px 0;}
.floatlabel{display:block;float:left;padding-right:5px;text-align:right;width:100px;text-transform:capitalize; font-size:11px; font-family:tahoma}
.clearleft{clear:left;}
#maxImgBox{width:740px;overflow:hidden;text-align:center;}
#description{line-height:16px;}

.relBox{width:315px;height:119px;overflow:hidden;float:left;margin-top:10px;}
.relBox .relImg{width:120px;text-align:center;float:left;}
.relBox .relImg img{width:100px;height:100px;border:1px solid #31609d}
.relBox .relContent{float:right;width:190px;}
.relBox .relContent h3{margin:0;padding:0;font-size:12px;font-weight:200;background-color:transparent;background-image:none;}

img.abs{position: absolute;}
.redspa{height:3px;font-size:1px;background-color:#e0243b;margin:1px 0;}

#innerLeft{width:555px;float:left;}
#innerRight{width:200px;float:right;}
a.iconHome{background:transparent url(bg.gif) 0px -45px no-repeat;padding-left:20px;color:#fff;text-decoration:none;}
a.iconSitemap{background:transparent url(bg.gif) 0px -24px no-repeat;padding-left:20px;color:#fff;text-decoration:none;}

a.num1{background:transparent url(icon.gif) 0px -8px no-repeat;padding-left:20px;color:#C2D3E8;text-decoration:none;}
a.num2{background:transparent url(icon.gif) 0px -33px no-repeat;padding-left:20px;color:#333;text-decoration:none;}
a.num3{background:transparent url(icon.gif) 0px -59px no-repeat;padding-left:20px;color:#333;text-decoration:none;}
a.num4{background:transparent url(icon.gif) 0px -84px no-repeat;padding-left:20px;color:#333;text-decoration:none;}
a.num5{background:transparent url(icon.gif) 0px -110px no-repeat;padding-left:20px;color:#333;text-decoration:none;}
a.update{background:transparent url(icon.gif) 0px -138px no-repeat;padding-left:20px;color:#333;text-decoration:none;}
.welcome{height:30px;line-height:30px;font-weight:600;color:#036;font-size:18px;}
#proImg{border:0px;}
#maxImgBox{display:none;}
div.jquery-image-zoom{line-height:0;font-size:0;z-index:10;border:5px solid #fff;margin: -5px;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
div.jquery-image-zoom a{background:url(jquery.imageZoom.gif) no-repeat;display:block;width:25px;height:25px;position:absolute;left:-17px;top:-17px;*left: auto;*right: -17px;text-decoration: none;text-indent: -100000px;outline: 0;z-index: 11;}
div.jquery-image-zoom a:hover{background-position: left -25px;}
div.jquery-image-zoom img,div.jquery-image-zoom embed,div.jquery-image-zoom object,div.jquery-image-zoom div{width:100%;height:100%;}
div.position{height:25px;line-height:25px;padding:0 10px;background-color:#3f76be; font-size:10px; font-family:verdana,tahoma, arial;color:#C2D3E8}
div.position a,div.position a:link,div.position a:hover,div.position a:visited{text-decoration:none;color:#fff;}
#mainRight div.right a.pad5px,#mainRight div.right a.pad5px:visited,#mainRight div.right a.pad5px:link{border:1px solid #31609d;color:#fff;font-weight:bold;text-decoration:none; background-color:#5486bd;}
.f11px{font-size:11px;color:#999;font-weight:200;}

.mainLongBg{background:url(bg.gif) repeat-x scroll 0 -177px #FF7300;color:#eee;line-height:23px;padding:0 10px;font-weight:600;}
.mainLongBg2{background-color:#dee9ed;color:#3357d1;height:20px;line-height:20px;padding:0 10px;font-weight:600;}
#faq{background:#eee url(faq.gif) 10px 10px no-repeat;padding:10px 5px 5px 100px;min-height:250px;height:auto !important;height:300px;}
.map{background:transparent url(map.gif) 0 0 no-repeat;height:138px;}
div.leader h3{color:#31609d;background-color:#b3c9e4;font-size:14px;margin:0 -10px;padding:5px;border:0;background-image:none;}