*{margin:0;padding:0;word-wrap:break-word;outline:none;}
a{text-decoration:none;color:#00b16a;}
img{border:0;font-size:0;}
ul{list-style:none;}
body{font:14px 'Source Sans Pro',Arial,sans-serif;color:#4f4f4d;background: url(background-repeat.jpg) repeat-x;background-color:#C8F6C5;}
header,aside,section,footer{display:block;}
.con:before,.con:after{content:"";display:table;line-height:0;height:0;}
.con:after{clear:both;}
.con{zoom:1;}

#loginhead{padding:5px 0;height:20px;background:#f2f2f2;box-shadow: 0 0 4px #1b1b1b;color: #1b1b1b;height: 20px;padding: 5px 0;}
#loginhead img{width:auto;}
#loginhead a{color:#00F;}
#wrap{width:1024px;margin:0 auto;}

.flag-en,.flag-id,.box-contact dt,.viewopt i,.viewopt a,.search .sbmt{background:url(images-icon.jpg) no-repeat;font-size:0;}

.h-left{float:left;margin:33px 0 0;width:775px;}
.cplogo{float:left;margin:0 20px 0 0;}
.cplogo2{float:left;margin:0 10px 0 0;}
.cpname{color:#00854f;}
.cpname2{color:#00854f;margin:0 0 15px;}
.slider{width:742px;position:relative;}
.slider-con{position:relative;height:300px;overflow:hidden;}
.slider-con img{width:742px;}
.slider-con li{position:absolute;width:742px;height:300px;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:#00B16A;}

.h-right{float:right;font-size:12px;width:230px;}
.banner{background:#f6f6f4;width:1024px;clear:right;}
.banner img{margin: 0px auto;display:block;max-width:1024px;height:auto;}
.shape{float:right;background:#00965d;width:33px;height:61px;}
.shape b{float:right;background:#136434;width:17px;height:17px;}
.cont-right{float:right;}
.cptype{margin:10px 5px;}
.lang{line-height:18px;float:right;_width:120px;}
.lang p{float:left;}
.flag-en,.flag-id{width:29px;height:18px;float:right;margin:0 0 0 5px;}
.flag-en{background-position:0 -17px;}
.flag-id{background-position:0 0;}

.mrq{_position:static;z-index:100;padding:10px 10px 0;background:#f6f6f4;}
 #jsmarquee{position:relative;overflow:hidden;height:20px;}
 #vmarquee{position:absolute;left:0;}

.menu-sosial{line-height:30px;background:#F6F6F4;padding:15px 10px;}
.menu-sosial nav{float:left;}
.menu-sosial .link{margin:0 20px 0;color:#00854F;float:left;}
.menu-sosial .grup-menu{float:left;position:relative;}
.menu-sosial .active{position:relative;color:#dbdbdb;background:#010C00;padding:0 15px;}
.active i{position:absolute;width:10px;height:10px;top:0;right:0;background:#00854F;font-size:0;}
.dd{position:relative;float:left;height:30px;z-index:100;}
.dd .ddd{z-index:100;display:none;position:absolute;list-style:none;left:20px;top:30px;background:#FFF;width:180px;padding:5px 0;color:#00B16A;}
.dd:hover .ddd{display:block;}
.sdd:hover .sitem{display:block;}
.dd .sdd span{height:30px;overflow:hidden;display:block;}
.dd ul a{color:#00B16A;}
.dd ul li:hover{background:#115C2F;}
.dd.hover .ddd{display:block;}
.dd ul li{line-height:30px;padding:0 8px;}
.sdd{position:relative;}
.sdd .sitem{display:none;position:absolute;list-style:none;left:180px;top:0;background:#FFF;width:180px;}
.sdd.hover .sitem{display:block;}
.sdd .sitem li{line-height:30px;height:30px;padding:0 8px;overflow:hidden;}
.idnwshare{float:right;margin:0 14px 0 0;}
.idnwshare a{width:29px;height:29px;float:left;margin:0 5px 0 0;background:url(images-share.png) no-repeat;font-size:0;}
.idnwshare .fb{background-position:0 0;}
.idnwshare .tw{background-position:-29px 0;}
.idnwshare .in{background-position:-87px 0;}
.idnwshare .gp{background-position:-58px 0;}

.body{background-color:#f6f7f4;}
.suggest{margin:20px;}
.sidebar{float:left;width:282px;}

.ps-container{padding:20px 17px;background:#f0f0f0;}
#ps{position:relative;overflow:hidden;height:140px;}
.ps-container img{border:none;}
#ps div{position:absolute;}
#ps td{text-align:center;padding:5px;white-space:nowrap;}
#pdsnext,#pdsprev{display:none;}
.cp-contact,.ever-rev{color:#f6f6f4;font-size:17px;font-weight:bold;padding:15px 10px;background:#00B16A;border-left:14px solid #00854F;}
.box-menu{background:#115C2F;color:#f6f6f4;font-size:18px;font-weight:bold;padding:15px 10px;border-left:14px solid #187A43;margin:0 0 10px 0;}
.aside-menu li{color:#f6f6f4;font-size:17px;font-weight:bold;padding:15px 10px;}
.aside-menu a,.box-menu a{color:#f6f6f4;font-size:17px;font-weight:bold;}
.aside-menu .trd-buy{background:#00d27a;border-left:14px solid #00b446;}
.aside-menu .trd-sell{background:#00bd6d;border-left:14px solid #00a23f;}
.aside-menu .trd-coop{background:#00aa62;border-left:14px solid #009239;}
.aside-menu .certif{background:#009958;border-left:14px solid #008433;}
.aside-menu .download{background:#008a4f;border-left:14px solid #00772e;}
.aside-menu .branch{background:#007c47;border-left:14px solid #006b29;}
.aside-menu .bank{background:#007040;border-left:14px solid #006125;}
.box-contact,.review{background:#f0f0f0;color:#00b16a;font-size:14px;padding:10px 10px 10px 22px;}
.box-contact dt{float:left;width:17px;height:21px;margin:12px 0;}
.box-contact dd{margin:0 0 0 30px;border-bottom:1px solid #cac4ce;padding:15px 0;}
.box-contact .cont-name{background-position:0 -51px;}
.box-contact .cont-email{background-position:0 -152px;}
.box-contact .cont-mess{background-position:0 -132px;}
.box-contact .cont-hp{background-position:0 -72px;}
.box-contact .cont-phone{background-position:0 -172px;}
.box-contact .cont-fax{background-position:0 -113px;}
.box-contact .cont-address{background-position:0 -93px;}
.box-contact .cont-page{background-position:0 -192px;}
.review{text-align:center;font-size:16px;}
.review img{display:block;margin:8px auto;}
.review .see-rev{margin:5px 0;}

.right{float:right;width:742px;position:relative;z-index:0;}
.search{height:30px;}
.search .src{position:relative;}
.search span{position:absolute;width:26px;height:28px;top:0;right:16px;background:#EEE;}
.search .sbmt{width:16px;height:16px;background-position:0 -35px;margin:5px;vertical-align:middle;border:0;}
.search .src-field{background:#FFF;border:0;padding:5px;position:absolute;top:0;right:43px;width:195px;border:solid 1px #E0E0E0;}
.content,.inf-main{margin:20px;line-height:19px;}
.rev-link{margin:0 20px 10px;}
.inf-main li{width:200px;float:left;margin:0 15px;}
.inf-main div{margin:10px 0;}
.inf-review{background:#ffffff;border:1px solid #dbdbdb;padding:5px 10px;margin:10px 0;}
.inf-seerev{color:#e30539;}
.inf-cp,.inf-button{margin:15px 0;}
.inf-cp span{font-weight:bold;}
.inf-button span{float:left;}
.inf-button a{color:#dbdbdb;}
.inf-button .button,.lbox2 .button{background:#006026;padding:3px 15px;color:#FFF;}
.inf-button .or{margin:2px 8px 8px;}
.inf-button .btm{margin-right:8px;}
.groupimage{float:left;margin:0 10px 10px 0;}
.allinquirybar{margin:20px 20px;}
.inquirybar img{margin:0 5px;}
.inquirybar{margin:0 0 20px;}
.inqbtn{background:#006026;padding:5px;color:#FFF;display:inline-block;margin:0 8px;}
.check-b{float:left;}
.check-b2{margin:0 0 10px;}
.per-view{float:right;_width:290px;}
.perpage{float:left;margin:0 10px 0 0;}
.viewopt {float:right;position:relative;background:#258C69;border:1px solid #e6e6e6;width:45px;height:18px;}
.viewopt a{display:block;}
.viewopt.hover .list,.viewopt.hover .grid{display:block;}
.viewopt i,.viewopt a{width:29px;height:10px;margin:4px 8px;float:left;}
.list,.grid {background:#ffffff;border:1px solid #e6e6e6;width:45px;height:18px;display: none;position: absolute;left:0;top: 18px;}
.viewopt .list a{background-position:0 -235px;}
.viewopt .grid a{background-position:0 -213px;}
.viewopt .gridon {background-position:0 -224px;}
.viewopt .liston{background-position:0 -245px;}

.product{margin:20px 20px;_clear:both;}
.product h4{background:#115C2F;padding:5px 0;color:#FFF;text-align:center;}
.product h4 a{color:#FFF;}
.prd-grid input,.prd-list input{float:left;margin:0 10px 0 0;}
.prd-list li{margin:10px 0;}
.prd-grid li{float:left;margin:10px 28px;text-align:center;width:165px;overflow:hidden;font-size:12px;}
.prd-grid .lbox3{margin:0 22px;}
.prd-img{background:#fff;border:1px solid #e6e6e6;}
.prd-img a,.prd-img span{vertical-align:middle;text-align:center;display:table-cell;}
.trade-pname{margin:0 0 10px;font-size:16px;}
.trade-pname a{color:#4e4e4e;}
.grd-desc{height:100px;}
.prd-pname{color:#4e4e4e;background:#FFF;border:1px solid #e6e6e6;text-align:center;font-weight:bold;padding:5px 0;display:block;white-space:nowrap;margin:5px 0;font-size:12px;}
.price{font-weight:bold;margin:5px 0;white-space:nowrap;}
.prd-det{height:45px;overflow:hidden;}
.box-img{float:left;min-height:143px;position:relative;}

.lbox2{float:right;width:670px;}
.lbox2 .button a{color:#FFF;}
.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:152px;}
.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;}

.ab-prod{padding-left:10px;}
.detail-prod{background:#FFF;border:1px solid #e6e6e6;padding:10px;}
.detail-prod dl{margin:10px 0;}
.dateb{line-height:25px;}
.dateb p{color:#3f3e3e;font-size:11px;padding:0 0 5px;font-style:italic;float:left;}
.date{color:#3f3e3e;font-size:11px;font-style:italic;}
.cont-email{float:right;}
.det-btn{margin:10px 10px 10px 0;display:inline-block;}
.head-des{margin}
.addbasket{float:left;color:#dbdbdb;}
.branch{clear:both;}
.branch h3{padding:30px 0 10px;}
.branch-img{margin:0 10px 0 0;}
.ab-branch dt{float:left;width:100px;font-weight:bold;}
.ab-branch dd{padding:0 0 5px 100px;}
.ab-branch img{vertical-align:middle;}
.detail-prod dt{float:left;font-weight:bold;width:170px;}
.detail-prod dd{border-bottom:1px solid #e6e6e6;margin:0 0 5px;padding:0 0 5px 170px;}
.prd-desc p{border-top:1px dashed #e86a10;padding:5px 0;margin:5px 0;}
.detail-prod .trade-desc{padding:5px 0;}
.show-paging{margin:10px;}
.paging{float:right;background:#006026;padding:5px 4px;color:#FFF;}
.paging span{float:left;margin:0 6px;}
.paging a{color:#FFF;}
.paging-det{margin:40px 0 15px;}
.paging-det a{display:inline-block;margin:0 5px;background:#006026;padding:5px;color:#FFF;}
.show-page{float:right;margin:5px;}
.contact-us{line-height:20px;}
.contactdl{margin: 10px 0;}
.contactdl dt{font-weight:bold;}
.contactform{border:4px solid #8e8e8e;width:700px;padding:10px 20px;margin:10px 0;} 
.contactform th,.contactform1 th{text-align:right;padding:0 30px 0 0;}
.txa{font-weight:bold;font-size:18px;padding:10px 0;font-style:italic;}
.ucibar{background:#115C2F;text-align:center;font-weight:bold;color:#fff;margin:20px 0;}
.footer{background:#141414;padding:20px;color:#9c9c9c;position:relative;}
.footer hr{display:none;}
.footer ul{margin:0 0 10px;}
.footer li{float:left;width:175px;margin:0 10px 0 0;line-height:20px;}
.footer h2{margin:0 0 10px;}
.footer div{text-align:center;}
.footer .half-circle{background-color:#141414;width:1024px;height:45px;bottom:-21px;left:0;position:absolute;border-radius: 72% / 73%;}

.lte7 .sm{z-index:10;}