/* == common === */
html{margin:0;padding:0}
body{margin:0;padding:0;font-size:12px;font-family:arial,tahoma;text-align:center;}
a,a:link,a:visited,a:active{color:#0066cc}
ul{list-style-type:none;margin:0;padding:0}
li{margin:0;padding:0}
h3{font-size:13px;margin:0;padding:0;color:#333;}
h3 a,h3 a:link,h3 a:visited,h3 a:active{color:#4F689F;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:#ff6600;}
#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:#fff;padding:0 1px 1px;}
#mainWraper{margin-top:2px;background:transparent url(fixbg.gif) 0 0 repeat-y;}
#headerTop{height:96px;background:transparent url(bg.gif) 0 -555px repeat-x;padding-left:130px;}
#pageTopString{background:#536A7B url(bg.gif) repeat-x scroll 0 -653px;color:#333333;font-size:11px;height:25px;line-height:25px;padding:0 10px;}
#myLogo{overflow:hiiden;height:75px;line-height:75px;display:table-cell;vertical-align:middle;padding:10px 0;}
#myLogo img{vertical-align:middle;}
#myLogo span{font-size:20px;color:#fff;font-weight:600;vertical-align:middle;}
#searchBox{margin-bottom:5px;padding:2px;background-color:#8495d0}
#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; color:#fb9300;}
#searchBox input{border:1px solid #33507f;padding:2px 2px;margin:2px;vertical-align:middle;border:1px solid #8495d0;width:150px;}
#profile{padding:5px;line-height:18px;}
#profile h3{color:#6a7fba;font-size:26px;padding:5px;}
ul#mainMenu{height:30px;line-height:30px;background:transparent url(bg.gif) 0 -172px repeat-x;}
ul#mainMenu li{float:left;padding-left:2px;background:transparent url(bg.gif) -1px -141px no-repeat;}
ul#mainMenu li a,ul#mainMenu li a:link,ul#mainMenu li a:visited{padding:0px 15px;font-size:12px;text-decoration:none;color:#333;font-family:verdana;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:#ff6600;background:transparent url(bg.gif) 0 -203px repeat-x;line-height:30px;}
#userBanner img{overflow:hidden;}
div.spa{height:2px;line-height:2px;background-color:#ccc;font-size:1px;margin:10px 0;}
#mainLeft{float:left;font-family:tahoma;width:204px;padding:0 1px}
#mainLeft div.iBox{width:204px;margin-bottom:5px;font-family:arial,tahoma;padding-bottom:5px}
#mainLeft div.fixBorder{padding:0px;}
#mainLeft div.iBox div.title{-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;background:transparent url(bg.gif) repeat-x scroll 0 -238px;border:1px solid #c1c9d5;
color:#0065B3;font-size:12px;line-height:25px;margin:3px 0;}
#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 -686px;
color:#333366;
font-size:12px;
font-weight:600;
padding:0 0 0 20px;
text-decoration:none;}
#mainLeft div.iBox div.title a:hover{text-decoration:underline;color:#ff6600;}
#mainLeft div.catalogTitle, #innerRight div.catalogTitle{line-height:15px;padding:5px;font-weight:600;font-size:12px;color:#333;background:#d8daf0 url(bg.gif) 0 -111px no-repeat;}
div.catalogTitle h3{display:block;padding:0 15px;color:#000;}
div.catalogTitle a,div.catalogTitle a:link,div.catalogTitle a:visited{text-decoration:none;color:#000}
div.catalogTitle a:hover{text-decoration:underline;color:#6a7fba}
#mainRight{float:right;width:760px;}
#photoFade{width:200px;height:150px;padding:5px;border: 1px solid #ccc;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{margin:0px 10px;}
.iBoxList div{-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(bg.gif) no-repeat scroll -5px -337px;
border-bottom:1px dotted #999;
padding:5px 5px 5px 15px;}
.iBoxList div a,.iBoxList div a:link, .iBoxList div a:visited{color:#333;text-decoration:none;}
.iBoxList div a:hover{color:#ff6600;}
.iBoxList2{margin:0 10px 10px 0px;}
.iBoxList2 div{line-height:15px;padding:2px 8px;border-bottom:1px solid #ddd;color:#333}
.iBoxList2 div label{display:inline-block;line-height:20px;font-weight:bold;color:#333;text-transform:capitalize;font-size:12px;}
.iBoxList2 div a,.iBoxList2 div a:link, .iBoxList2 div a:visited{font-weight:200;color:#0066cc;text-decoration:none;line-height:20px;}
.iBoxList3 div{line-height:20px;margin:0 5px;padding:5px;border-bottom:1px solid #ddd;color:#333;background-image:none}
.iBoxList3 h3{height:25px;line-height:25px;background:#eaeaea url(bg.gif) 0 -266px no-repeat;border-bottom:1px solid #c2c0c0;font-size:11px;padding:0 15px;font-weight:200px;color:#333;}
.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{font-size:13px;font-weight:bold;margin:5px 0;padding:5px 10px 5px 5px;background:#d8daf0 url(bg.gif) 0 -111px no-repeat;}
.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:#295808}
.dred{color:#ff6600;font-family:Tahoma;}
.gray{color:#333;}
.pad5px{padding:5px;}
.H20{line-height:25px;min-height:25px;}
div.opbar{background:#f0f0f0 url(bg.gif) no-repeat scroll 5px -492px;padding:8px 25px;border:1px solid #ccc}
#mainProduct ul{margin:5px 0;}
#mainProduct ul li{text-align:left;padding:10px;clear:left;height:110px;overflow:hidden;border-bottom:1px dotted #ccc;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:#333;text-decoration:none;font-weight:600;}
#mainProduct ul li div.text{text-align:left;padding:0 2px;height:65px;line-height:16px;overflow:hidden;}
#mainProduct2 ul{margin:5px 0;}
#mainProduct2 ul li{float:left;width:265px;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:#3D3D3D}
#mainProduct2 ul li a,#mainProduct2 ul li a:link, #mainProduct2 ul li a:visited{color:#333;text-decoration:none;font-weight:600}
#mainProduct2 ul li a:hover{text-decoration:underline;color:#ff6600;}
#metal{margin-bottom:5px;}
#wraperBottom{height:40px;line-height:20px;padding:10px;color:#333;border-top:2px solid #8495d0}
#wraperBottom a,#wraperBottom a:link,#wraperBottom a:visited{text-decoration:underline;color:#333;font-family:Verdana,Arial;}

.hbox{margin:10px;padding:10px;background-color:#f7f9fb;}
.hbox .text{height:73px;overflow:hidden;}
.himage{width:100px;float:left;height:90px;}
.himage img{border:1px solid #ccc;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:18px;text-align:center;}
#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:#cfd8e9;border:1px solid #004185;font-weight:600;color:#333;}

#detail div.left{float:left;width:280px;}
#detail div.right{float:right;width:450px;text-align:left;}
#detail div.imageBox{border:1px solid #ddd;text-align:center;overflow:hidden;}
#detail div.imageBoxInner{text-align:center;vertical-align:middle;display:table-cell;overflow:hidden;width:284px;height:284px;}
#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}
.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 #ccc;}
.relBox .relContent{float:right;width:190px;}
.relBox .relContent h3{margin:0;padding:0;font-size:12px;font-weight:200;}

img.abs{position: absolute;}
.redspa{height:2px;font-size:1px;background-color:#8495d0;margin:2px 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:#336;text-decoration:none;}
a.iconSitemap{background:transparent url(bg.gif) 0px -24px no-repeat;padding-left:20px;color:#336;text-decoration:none;}

a.num1{background:transparent url(icon.gif) 0px -8px no-repeat;padding-left:20px;color:#333;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:#333366;font-size:15px;}
#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:transparent url(bg.gif) 0 -176px repeat-x; font-size:10px; font-family:verdana,tahoma, arial}
div.position a,div.position a:link,div.position a:hover,div.position a:visited{text-decoration:none;color:#0066cc;}
#mainRight div.right a.pad5px,#mainRight div.right a.pad5px:visited,#mainRight div.right a.pad5px:link{border:1px solid #c1c9d5;color:#333366;font-weight:bold;text-decoration:none;}
.f11px{font-size:11px;color:#999;font-weight:200;}