*{margin:0;padding:0;word-wrap:break-word;outline:none;}
html,body,ul,li,dl,dt,dd,p,img,input,h1,h2,h3,h4,td{margin:0;padding:0;border:0;outline:0;}
a{text-decoration:none;color:#17A3FC;}
body{background-color:#fff;font:13px Arial,Helvetica,sans-serif;}
ul{list-style:none;}
header,nav,aside,section,footer{display:block;}

.con:before,.con:after{content:"";display:table;line-height:0;height:0;}
.con:after{clear:both;}
.lte7 .con{zoom:1;}

.lang span,.head-bottom i,.cart u,.cat-prod u,.viewopt span,.imgzoom  u,.put-part i,.cont-email i,.idnwshare a,.inquiry a,.cat-prod .down,.cat-prod .up,.addtobasketdet{background:url(icon-sprite.jpg) no-repeat;}

.all-prd,.cart,.content h3,.button{background:#4ea3dc;
    background: -moz-linear-gradient(top,  #4ea3dc 0%, #2987c5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4ea3dc), color-stop(100%,#2987c5));
    background: linear-gradient(to bottom,  #4ea3dc 0%,#2987c5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4ea3dc', endColorstr='#2987c5',GradientType=0 );}

#loginhead{height:25px;padding-top:5px;border-bottom:2px solid #d5d5d5;background:#fff;position:relative;z-index:10;}
#loginhead a {line-height:25px;color:#06C;}


.wrap{width:960px;margin:0 auto;}
.header{background:#F1F1F1;border-bottom:1px solid #D8D8D8;}
.head-top{padding:5px 0;clear:both;}
.head-top a{color:#555;}
.cptype{float:left;padding:9px 28px;background:#F60;font-size:13px;color:#FFF;font-weight:bold;}
.part-menu a{float:left;padding:0 8px;}
.part-menu{float:left;margin-left:25px;padding:9px 0;}
.part-menu .pm-middle{border:1px solid #555;border-width:0 1px;}
.lang{padding:9px 20px;background:#FFF;border:1px solid #D8D8D8;float:right;border-width:0 1px;}
.lang span{width:37px;height:22px;float:left;}
.lang .flag-en{background-position:0 -330px;margin-right:6px;}
.lang .flag-id{background-position:0 -352px;}


.head-middle{background:#FFF;padding:12px 0;}
.cplogo{float:left;}
.cplogo a{width:150px;height:100px;display:table-cell;text-align:center;vertical-align:middle;}
.cplogo img{max-height:100px;}
.hm-right{float:left;margin-left:30px;width:780px;}
.welcome-to{font-size:13px;}
.cpname{margin:38px 0 10px;}
.cpname h1{font-size:19px;}
.url{float:left;}
.other-nav{float:right;}
.other-nav a{float:left;;color:#555;}
.other-nav .help{padding:0 8px;}
.other-nav span{padding:0 8px;border-right:solid 1px #555;}

.all-prd,.search,.cart{float:left;font-size:14px;}
.all-prd,.cart{padding:12px 0 13px;color:#FFF;text-align:center;width:150px;}
.head-bottom i{width:8px;height:5px;display:inline-block;background-position:0 -7px;margin:0 0 0 5px;position:relative;vertical-align:middle;font-size:0;}
.head-bottom .down{background-position:0 -7px;}
.head-bottom .up{background-position:-8px -7px;}

.all-prd{position:relative;}
.all-prd .prd-ul{list-style:none;background:#FFF;box-shadow:0px 1px 2px 1px #CCC;position:absolute;left:0;top:40px;padding:5px;display:none;width:639px;z-index:1;}
.all-prd-hover .prd-ul{display:block;}
.prd-ul li{float:left;padding:10px;color:#333;width:193px;text-align:left;}
.prd-ul li:hover{background:#F1F1F1;}
.prd-ul a{color:#333;}

.search .input{width:450px;padding:12px 10px;box-shadow:inset 1px 1px 5px #8C8C8C;float:left;}
.search .sbtn{padding:11.5px 40px;background:linear-gradient(to bottom,  #ECECEC 0%,#D4D4D4 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECECEC', endColorstr='#D4D4D4',GradientType=0 )}

.cart{padding:12px 10px 13px;width:auto;}
.cart a{color:#FFF;}
.cart u{width:18px;height:16px;background-position:0 -14px;float:left;display:inline-block;margin:0 15px;font-size:0;}

.sidebar{float:left;width:247px;}

.navigasi{padding:20px;border:1px solid #E0E0E0;border-top:none;list-style:none;width:205px;font-size:14px;color:#555;}
.navigasi dt{margin:0 0 20px;}
.navigasi a{color:#555;}
.navigasi .last{margin:0;}

.prdct{display:none;}
.prdct ul{margin:20px 0 0 20px;list-style:none;}
.prdct li{margin:0 0 20px 0;}
.cat-prod .down{float:right;width:8px;height:7px;margin:5px;font-size:0px;line-height:0;background-position:0 0;font-size:0;padding:0;border:none;}
.cat-prod .up{background-position:-9px 0;float:right;width:8px;height:7px;margin:5px;font-size:0px;line-height:0;font-size:0;padding:0;border:none;}
.review{border:1px solid #E0E0E0;margin:25px 0 0 0;color:#555;text-align:center;}
.review dt,.review dd{padding:15px;}
.review dt{background:#D4E9F7;font-size:13px;border-bottom:1px solid #E0E0E0;color:#333;}
.star img{display:block;margin:8px auto;} 

.content{color:#333;margin:25px 0 0 25px;float:left;width:683px;}
.content h3{padding:10px;font-size:17px;color:#FFF;margin:0 0 15px;}
.content h4{font-size:17px;margin:0 0 15px;}

.mrq{_position:static;z-index:100;margin:0 0 25px;font-size:16px;}
.mrq a{border-right:1px solid #17A3FC;padding:0 10px;}
 #jsmarquee{position:relative;overflow:hidden;height:20px;}
 #vmarquee{position:absolute;left:0;}

.new-prod,.new-prod h4{margin:0 0 25px;}
.new-prod .slide-prd{list-style:none;background:#F6F6F6;height:195px;overflow:hidden;position:relative;}
.slide-prd li{padding:10px;position:absolute;top:0;left:0;z-index:0;background:#FFF;}
.slide-prd .slide-img{display:table-cell;height:175px;text-align:center;vertical-align:middle;width:330px;}
.slide-prd img{max-height:175px;}
.slide-prd .slide-title{float:right;width:315px;margin:30px 0 0 15px;font-size:17px;color:#555;}

.navi{list-style:none;margin-top:3px;}
.navi a{float:left;width:96.5px;height:5px;border-right:1px solid #999;background:#F1F1F1;font-size:0;}
.navi .current,.navi a:hover{background:#2D88C7;}

.cp-desc{font-size:13px;line-height:24px;}
.cp-desc b{display:block;font-size:17px;}

.inf-cp{padding:10px 15px;background:#F1F1F1;}
.inf-cp p{line-height:22px;}
.inf-descsh{margin:40px 0;}
.inf-descsh dt{float:left;font-weight:bold;}
.inf-descsh dd{padding:0px 0px 10px 110px;}
.inf-main{list-style:none;}
.inf-main li{margin:0 0 20px 0;}
.inf-main p{font-size:14px;font-weight:bold;margin:0 0 10px;}
.inf-main h5{font-size:13px;}
.inf-main div{line-height:18px;margin:5px 0 10px;}
.inf-button{margin:0 0 30px 0;}
.button{padding:5px 15px;color:#FFF;font-size:15px;margin:0 0 10px;float:left;}
.button a{color:#FFF;}
.or{margin:5px 10px;float:left;}
.rrlink li{background:#F6F6F6;padding:10px;margin:0 0 10px;}
.inf-review table{border:1px solid #F6F6F6;padding:5px;}
.inf-seerev {background:#F6F6F6;padding:10px;margin:10px 0;}
.tot-rev{margin:0 0 15px;}
.revpaging{margin:5px 0;}

.grupdesc{margin:20px 0;}
.grupdesc dt{float:left;margin:0 10px 10px 0;}
.grupdesc .img{width:150px;height:150px;display:table-cell;text-align:center;vertical-align:middle;border:1px solid #CCC;}
.grupdesc img{max-width:150px;max-height:150px;}


.allinquirybar{margin:20px 0;}
.inquiry{border:solid 1px #D9D9D9;padding:5px 10px;}
.inquiry a{width:27px;height:27px;display:inline-block;margin:0 10px;vertical-align:middle;}
.inquiry .send-now{background-position:0 -32px;}
.inquiry .addtobasket{background-position:0 -59px;}
.inquiry .partner{background-position:0 -86px;}
.inquir{float:left;}
.inquir img{margin:0 5px;}

.view-page{float:right;text-align:right;line-height:25px;}
.check-b{padding:10px;background:#F1F1F1;}
.check-b a{color:#333;line-height:25px;}
.check-b input{margin-right:5px;vertical-align:middle;}
.check-all{float:left;}

.option{float:right;}
.option div{float:left;line-height:23px;margin:0 5px 0 0;}
.option form{float:right;}
.option select{border-radius:5px;}

.viewopt{border-right:solid 1px #333;padding-right:10px;}
.viewopt span{display:inline-block;width:25px;height:23px;vertical-align:middle;}
.viewopt .gridon{background-position:-1px -164px;}
.viewopt .gridoff{background-position:-1px -141px;}
.viewopt .liston{background-position:0 -188px;}
.viewopt .listoff{background-position:0 -211px;}

.prd-list li{border-bottom:dashed 1px #CCC;margin:0 0 20px;padding:0 0 10px;}
.prd-grid input,.prd-list input{float:left;margin:0px 10px 0px 0px;}

.lbox2 .r{border:1px solid #CCC;padding:5px;width:50px;}
.box-img {float:left;position:relative;}
.prod-img{border:1px solid #CCC;margin:0 auto;}
.prod-img span,.prod-img a {vertical-align:middle;text-align:center;display:table-cell;}

.mojozoom_marker{position:absolute;cursor:crosshair;}
.mojozoom_fill{position:absolute;width:100%;height:100%;top:0;left:0;background:#FFF;-moz-opacity:0.4;-webkit-opacity:0.4;filter:alpha(opacity=40);opacity:0.4;}
.mojozoom_imgctr{position:absolute;margin-left:20px;border:1px solid black;z-index:100;}
.imgzoom {display:block;text-align:center;padding:4px 0px;font-size:11px;color:#555;}
.imgzoom  u{display:inline-block;width:10px;height:12px;margin-right:5px;background-position:-17px 0;}
.imglist{text-align:center;width:210px;margin:0 auto;}
.imglist a{height:30px;width:30px;background:#FFF;border:#DDD dotted 1px;padding:5px;display:table-cell;text-align:center;vertical-align:middle;}
.imglist .current{background:#EEE;border-style:solid;}
.imglist img{max-height:30px;max-width:30px;}

.ab-prod{padding-left:10px;overflow:hidden;}
.trade-pname{line-height:20px;margin:0 0 20px;font-size:17px;}
.trade-pname h2{font-size:17px;width:365px;float:left;}
.trade-pname a{color:#555;}
.put-part{float:right;}
.put-part i,.cont-email i,.addtobasketdet{width:28px;height:28px;;margin:0 5px 0 0;display:block;}
.put-part .add-part{background-position:0px -86px;}
.put-part .send-now{background-position:0 -32px;}
.put-part .share-friend{background-position:0 -113px;text-indent:-99999px;}
.share-friend a{display:block;}
.addtobasketdet{background-position:0 -59px;float:left;}
.det-btn{margin:10px 0;}
.det-spec{margin-top:20px;padding-top:20px;border-top:1px solid #CCC;}
.price{color:#555;}
.price dt{float:left;color:#888;}
.price dd{padding:0px 0px 10px 140px;line-height:18px;}
.price .trade-desc{padding:5px 0px;}
.branch{margin-top:10px;}
.ab-branch{float:left;}
.branch-img{margin:0 15px 0 0;}
.ab-branch dt{float:left;color:#888;}
.ab-branch dd{padding:0 0 10px 120px;line-height:18px;}
.ab-branch img{vertical-align:middle;}

.prd-grid{margin:0 3px 20px;}
.prd-grid li{float:left;margin:10px 22px 20px;display:inline;}
.prd-grid li:hover{box-shadow:1px 1px 4px 3px #E3E7EC;padding:5px;margin:5px 17px 15px;}
.lbox3{float:left;width:125px;overflow:hidden;}
.lbox3:hover .put-part2{display:block;}
.trade-pname2{margin:10px 0px;}
.trade-pname2 a{color:#555;float:left;font-size:15px;white-space:nowrap;}
.grid-desc{height:85px;width:122px;overflow:hidden;text-align:center;}
.price2{font-weight:bold;font-size:13px;white-space:nowrap;margin-top:5px;}
.date{font-size:9px;float:right;}
.date2{font-size:9px;font-style:italic;}
.prd-des{height:45px;overflow:hidden;margin-top:5px;}
.prd-grid .clicked{box-shadow:1px 1px 4px 3px #E3E7EC;padding:5px;margin:5px 19px;}
.int-friend{float:right;}
.int-friend a{color:#FFF;}

.paging{text-align:center;padding:10px 0 0;border-top:#f8ede1 solid 1px;}
.paging span{padding:2px 5px;margin:0 2px;background:#c9e2ff;border-radius:3px;color:#000;}
.paging .no{padding:0;margin:0 5px;background:none;}
.paging a span{background:#f1f1f1;color:#000;font-weight:bold;}
.paging a:hover{text-decoration:none;}
.paging a:hover span{background:#666699;color:#fff;}

.paging-view{background:#F1F1F1;padding:10px;color:#333;font-size:13px;}
.paging-view .view-page{line-height:normal;float:left;padding:0 10px 0 0;}
.pagingdet{float:left;}
.pagingdet span{padding:0 10px;}
.pagingdet a{color:#333;}
.pagingdet a:hover{text-decoration:underline;}
.ntfound{margin:0 0 20px 0;}
.suggest {margin: 0 0 10px 20px;}

.footer{margin-top:45px;}
.footer-top{border-bottom:solid 1px #DDD;background:#F6F6F6;}
.footer-nav{float:left;padding:10px 0;}
.footer-nav a{float:left;padding:0 8px;color:#333;border-right:1px solid #555;}
.idnwshare{float:right;padding:10px 0;}
.idnwshare a {width:24px;height:24px;display:inline-block;margin:0px 3px;vertical-align:middle;}
.idnwshare .fb {background-position:0 -234px;}
.idnwshare .tw {background-position:0 -258px;}
.idnwshare .gp {background-position:0 -282px;}
.idnwshare .in {background-position:0 -306px;}
.footer-bottom{background:#F1F1F1;padding:40px 0;text-align:center;font-size:13px;}
.footer-bottom hr,.footer-bottom br{display:none;}