*{margin:0;padding:0;word-wrap:break-word;}
body{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#656464;position:relative;background:#0574D2;}
a{text-decoration:none;}
img{border:0;}
ul{list-style:none;}
header,section,aside,nav,footer{display:block;}
.clear{clear:both;height:0px;overflow:hidden;}
.con:before,.con:after{content:"";display:table;line-height:0;height:0;}
.con:after{clear:both;}
.con{zoom:1;}

#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;}

.sbtn,.cptype,#pdsnext,#pdsprev,.lang .flag-id,.lang .flag-en,.corner,.recom a,.cont-email i,.scrollToTop{background:url(sprite.jpg) no-repeat;}
.wrap{width:985px;margin:0 auto;}
.header{margin:25px 0 60px;color:#FFF;}
.welcometo{margin:0 5px;}
.banner{width:975px;margin:0 auto;}
.banner img{max-width:975px;margin:0 auto;display:block}
.cpname{float:left;margin:0 15px;}
.cpname h1{text-shadow: 1px 1px 1px #000;margin:5px 0;}
.cpnamed{float:left;margin:0 0 15px 15px;color:#0662AD}
.cpnamed2{margin:0 0 15px 15px;color:#0662AD}
.url{color:#fec600;}
.cpnamed2 .url{color:#0d88ce;}
.lang{float:right;}
.lang span{width:28px;height:17px;}
.lang .flag-id{background-position:-18px -117px;float:left;margin:0 5px;}
.lang .flag-en{background-position:-7px -73px;float:left;}
.sidebar{float:left;padding:0 25px;background:#073269;position:relative;width:200px;border-radius:10px;border-bottom:solid 2px #76aaff;}
.cplogobg{position:relative;width:198px;height:150px;background:#094D94;box-shadow: 0px 2px 5px #04254e;top:-10px;border-radius: 0 0 3px 3px;}
.cplogobg b{width:9px;height:9px;background:#06679c;position:absolute;top:1px;font-size:0;}
.cplogobg .l{left:-9px;border-radius:10px 0 0 0;}
.cplogobg .r{right:-9px;border-radius:0 10px 0 0;}
.cplogo{width:198px;height:150px;display:table-cell;vertical-align:middle;text-align:center;}
.scrollToTop{position:fixed;bottom:35px;right:10px;height:35px;width:35px;background-position:0 0;}
.srch{margin:25px 0;background:#fff;width:198px;height:30px;}
.sbtn{width:16px;height:16px;background-position:-19px -100px;float:right;margin:7px 0;border:none;float:left;}
.input{width:165px;color:#cfcfcf;border:medium none;float:left;margin:7px 5px;outline:none;}
.navigasi{width:205px;border-bottom:solid 1px #0e4182;font-weight:bold;z-index:99999;}
.navigasi a,.navigasi2 a{color:#FFF;}
.navigasi li,.navigasi2 li{margin-bottom:15px;position:relative;z-index:999;width:176px;}
.navigasi a.hover,.navigasi2 a.hover{color:#fec600;text-decoration:underline;}
.navigasi li.hover .nav2hov{display:block;}
.navigasi .current {background:#f3f4f6;padding:10px 30px 10px 35px;position: relative;left: -35px;border-radius: 0 5px 5px 0;color:#063269;}.current a{color:#063269;}
.navigasi2 .current {background:#f3f4f6;padding:10px 15px 10px 35px;position: relative;left: -35px;border-radius: 0 5px 5px 0;color:#063269;}.current a{color:#063269;}
.current .u-curr{border-style:solid;border-width:10px 10px 0 0;border-color:transparent #FFF;font-size:0;top:-10px;left:0;position:absolute;}
.review{width:205px;text-align:center;padding:15px 0 30px 0;border-top:solid 1px #05254c;}
.ever-rev{font-size:14px;color:#fec600;}
.star{color:#CFCFCF;margin:15px 0;}
.star a{color:#CFCFCF;}
.write-rev a,.write-rev{color:#fec600;}
.content{background:#f7f8fA;width:695px;padding:55px 10px;float:right;position:relative;line-height:20px;}
.content h2,h3,h4{position:relative;color:#143E57;}
.peel-l,.cptype,.peel-u{position:absolute;zoom:1;}
.peel-u{border-style:solid;border-width:0 0 15px 20px;border-color:#0b4994 #0574D2;top:-15px;left:0;font-size:0px;z-index:-99;}
.cptype{background-position:-36px 0;top:-43px;right:20px;text-align:center;font-weight:bold;color:#FEC600;padding:29px 28px 26px 70px;width:129px;height:40px;}
.cptype{white-space:nowrap;}
.mrq {height:30px;line-height:30px;font-weight:bold;color:#0d88ce;}
.mrq a{margin-left:3px;color:#a9a9a9;}
#jsmarquee{position:relative;overflow:hidden;height:30px;}
#vmarquee{position:absolute;left:0;}
.idnwshare{position:absolute;right:-24px;top:25px;}
.idnwshare a{display:block;width:24px;height:40px;margin-bottom:5px;background:url(sprite.jpg) no-repeat;}
.idnwshare .fb{background-position:-156px -96px;}
.idnwshare .tw{background-position:-133px -96px;}
.idnwshare .in{background-position:-109px -96px;}
.idnwshare .gp{background-position:-85px -96px;}
.tail{width:310px;height:285px;position:absolute;right:0px;bottom:-285px;background:url(taile.png) no-repeat;z-index:-999;}
.line{width:400px;height:2px;font-size:0;background: linear-gradient(to right, #6ab8e6 35%, #a3d2ee 40%, #FFF 100%) repeat scroll 0% 0% transparent;margin:5px 0 0 0;display:block;}
.footer{margin:10px 0 0 270px;color:#F7F8F9;clear:both;width:365px;}
.footer-signout{text-align:center;margin-top:10px;color:#f7f8f9;clear:both;}
.footer a,.footer-signout a{color:#ffc600;}
/*new-prod*/
.new-prod{margin:25px auto;position:relative;}
.new-prod h3{color:#2f92d3;position:relative;}
.corner{background-position:-2px -90px;width:20px;height:10px;position:absolute;bottom:0;top:-5px;font-size:0;}
.new-prod a{font:bold 12px Arial,Helvetica,sans-serif;color:#0D78B4;display:block;text-align:center;}
.new-prod .np-next{width:10px;height:40px;background-position:0 -100px;display:block;position:absolute;}
#ps{padding:10px 0;position:relative;overflow:hidden;height:145px;}
.ps-container img{border:none;}
#ps div{position:absolute;}
#ps td{text-align:left;padding:0 15px;white-space:nowrap;}
#ps td:hover{background:#fff;}
#pdsnext,#pdsprev{position:absolute;top:35px;width:9px;height:40px;visibility:hidden;}
#pdsnext{right:5px;top:80px;background-position:0 -100px;}
#pdsprev{left:0px;top:80px;background-position:-8px -100px;}
.new-prod:hover #pdsnext, .new-prod:hover #pdsprev{visibility:visible;}
/*slider*/
.slider{width:700px;margin:0 0 20px;position:relative;}
.slider-con{position:relative;height:165px;overflow:hidden;}
.slider-con img{width:700px;height:165px;}
.slider-con li{position:absolute;width:700px;height:165px;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.slider-tab{position:absolute;left:0;bottom:10px;width:100%;height:10px;text-align:center;line-height:10px;font-size:0;text-align:center;z-index:10;}
.slider-tab a{background:#EEE;border-radius:10px;width:10px;height:10px;margin:0 3px;display:inline-block;*display:inline;*zoom:1;}
.slider-tab .current{background:#5e7ab0;}
/*Profil*/
.navigasi2{width:205px;border-bottom:solid 1px #0e4182;font-weight:bold;padding:15px 0 30px 0;border-top:solid 1px #05254c;}
.navigasi2 li.hover .nav2hov{display:block;}
.nav2hov{border-top:solid 5px #055683;background:#FFF;display:none;position:absolute;right:-160px;top:-10px;padding:10px 25px 10px 20px;color:#035783;z-index:9999;width:130px;}
.nav2hov .sdmenu{width:165px;}
.sdropmenu{background:#FFF;display:none;position:absolute;right:-125px;top:-10px;padding:10px 20px;width:100px;color:#035783;z-index:10000;}
.sdropmenu li{width:100px;}
.sdmenu.hover .sdropmenu {display:block;}
.nav2hov a{color:#666465;}
.arrow {border-style:solid;border-width:5px 10px 5px 0;border-color:transparent #FFF;top:5px;left:-10px;font-size:0px;position:absolute;}
.nav2hov li{list-style:square;}
.inf-cp{line-height:26px;margin:0 0 20px 0;}
.inf-join{background:#6ab7e3;padding:5px;position:relative;margin-right:15px;}
.up-inf{border-style:solid;border-width:25px 15px 0 0;border-color:#6bb5e2 #f7f8fa;position:absolute;top:0;left:124px;}
.inf-nat{background:#6ab7e3;position:relative;padding:5px 15px 5px 5px;margin-right:25px;}
.dwn-inf{border-style:solid;border-width:0 15px 25px 0;border-color:#6bb5e2 #f7f8fa;position:absolute;top:-1px;left:124px;font-size:0;}
.inf-join,.inf-nat{color:#083148;}
.cp-desc{margin:20px 0;}
.cp-desc p{margin:20px 0;}
.cp-desc a{color:#656464;}
.read_more{color:#0D78B4;float:right;}
.cp-contact{float:left;}
.cp-contact dt{float:left;color:#646464;font-weight:bold;margin:0 0 5px;}
.cp-contact dd{padding:0 0 5px 90px;margin:0 0 5px;}
.cont-mess{width:220px;float:right;} .cont-mess img{vertical-align:middle;}
.cont-other{margin:15px 0;padding:10px;border:solid 1px #99cff1;background:#dbeefc;clear:both;zoom:1;}
.cont-other a{color:#0F85C8;}
.inf-descsh p{margin:10px 0;}
.inf-type{padding:0 20px 5px 5px;background:#6ab7e3;display:inline-block;margin:20px 0px 15px;width:100px;}
.inf-name{margin:10px 0;clear:both;}
.inf-review{margin:15px 0;}
.inf-review a{color:#0f85c8;}
.inf-tot{margin-top:10px;}
.revpost table{padding:15px 0;border-bottom:1px solid #EEE;}
.inf-seerev a{color:#0f85c8;}
/*pdnotfnd*/
.be-sure{list-style:decimal; margin:15px 50px 45px;}
.ntfound{margin:15px 0;}
/*Produk-grid*/
.tit-prod{color:#143e57;}
.grup{margin:20px 0;}
.grup .grup-logo{float:left;margin:0 10px 0 0;}
.allinquirybar {margin:10px 0 25px 0;}
.inquiry{margin:0 0 20px;}
.inquiry img{margin:0 5px;}
.inquiry span{line-height:10px;padding:5px 0;}
.check-b{float:left;} .check-b a,.check-b2 a{color:#0f85c8;}
.send-now,.addtobasket,.partner{display:inline-block;width:27px;height:40px;vertical-align:-10px;margin:0 3px;background:url(sprite.jpg);}
.send-now{background-position:-237px -96px;}
.addtobasket{background-position:-209px -96px;}
.partner{background-position:-181px -96px;}
.option{float:right;color:#353535;}
.option form{float:right;margin-right:10px;}
.viewopt {float:right;}
.viewopt span{float:right;text-align:right;}
.grid-on,.grid-off,.list-off,.list-on{display:inline-block;width:20px;height:20px;background:url(sprite.jpg) no-repeat;margin-left:5px;float:right;}
.viewopt .grid-on{background-position:-66px -116px;}
.viewopt .grid-off{background-position:-46px -116px;}
.viewopt .list-on{background-position:-46px -96px;}
.viewopt .list-off{background-position:-66px -96px;}
.show-page{text-align:center;padding:10px;border:solid 1px #9ed2f1;background:#daeefc;clear:both;margin:0 0 10px;}

.product h4{background:#073269;padding: 5px 9px;text-align: center;margin:0 0 10px;}
.product h4 a{color:#fff;}
.prd-grid li{float:left;margin:0 10px 15px;}
.trade-pname2 input,.prd-grid input{float:left;margin:0 5px 0 0;}
.lbox1{width:190px;overflow:hidden;float:left;}
.trade-pname{white-space:nowrap;background:#094d93;padding:10px;position:relative;zoom:1;}
.trade-pname a{color:#FFF;}
.trade-pname i{bottom:-5px;border-style:solid;border-color:#0a4e74 #FFF;font-size:0;position:absolute;}
.trade-pname .pname-l{left:0;border-width:5px 0 0 5px;}
.trade-pname .pname-r{right:0;border-width:5px 5px 0 0;}
.grid-box{border:1px solid #ebe8e8;margin:0 auto;width:170px;padding:5px;}
.prd-img{border:1px solid #b7b7b7;margin:10px auto;}
.prd-img a,.prd-img span{vertical-align:middle;text-align:center;display:table-cell;}
.prd-des{height:90px;overflow:hidden;}
.price{white-space:nowrap;}
.price strong{color:#0e7ab8;margin:0 10px 0 0;padding:0 10px 0 0;border-right:1px solid #0e7ab8;}
.prd-det{height:40px;overflow:hidden;margin:5px 0;}
.date{font-size:9px;font-style:italic;text-align:right;}
.date2{font-size:9px;font-style:italic;float:right;}
.box-img{float:left;position:relative;}
.prd-list li{margin:10px 0;}
.trade-pname2 {line-height:20px;}
.trade-pname2 h3{width:545px;line-height:15px;font-size:14px;float:left;}
.trade-pname2 a{color:#0e7ab8;}
.prd-list .lbox2{margin-left:20px;}
.lbox2 .ab-prod{padding-left:10px;}
.ab-prod dl{margin-top:10px;}
.ab-prod dt,.branch dt{float:left;font-weight:bold;width:150px;}
.ab-prod dt{border-right:1px solid #9ed2f1;}
.ab-prod dd,.branch dd{border-bottom:1px solid #9ed2f1;padding:0 0 5px 155px;margin:0 0 5px;}
.al-des{line-height:20px;}
.al-des a,.cont-email a{color:#0f85c8;}
.cont-email{text-align:right;}
.cont-email i{height:20px;width:35px;display:inline-block;background-position:0 -53px;}
.put-part{background:#6ab7e3;padding:5px;color:#FFF;}
.put-part a{color:#fff;}
.addbasket{text-align:left;color:#FFF;display:inline-block;margin-top:10px;}
.btn-partner{display:inline-block;margin:15px 10px 0 0;;}
.btn-part{display:inline-block;margin:5px;}

.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:2px 0 4px;font-size:11px;visibility:hidden;}
.imglist{text-align:center;width:204px;}
.imglist a{height:30px;width:30px;background:#FFF;border:#DDD dotted 1px;padding:5px;display:inline-block;text-align:center;vertical-align:middle;}
.imglist .current{background:#EEE;border-style:solid;}
.imglist img{max-height:30px;max-width:30px;}
.paging-det{float:right;}
.paging span{background:#6ab7e3;padding: 5px;color: #FFF;float: left;margin: 0px 10px 0px 0px;}
.paging p{float:left;margin:0px 15px 0px 0px;line-height:24px;}

.head-des{margin:20px 0 0 20px;}
.insmess img{vertical-align:middle;}

.branch{clear:both;}
.branch h3{padding: 15px 0 15px 20px;}
.branch dl{margin-top:15px;}
.brnc-img{float:left;margin:0 10px 0 20px;}
.branch dd{border:0;}

.footer hr{display:none;}
@media only screen and (max-width:768px){
.wrap,.banner,.banner img{width:90%;}
#navlistbox .r,#navlistbox textarea{width:99%;}
.content{width:99%;}
.tail,.line,.slider,.slider-con img,.slider-con li{width:70%;}
.trade-pname2 h3{width:50%}
}
@media only screen and (max-width:480px){
.wrap,.banner,.banner img{width:92%;height:50px}
}