*{margin:0;padding:0;word-wrap:break-word;}

#menu .l, #menu .r, .flag-id, .flag-en, .submit,#pdsnext,#pdsprev,#idnwshare a,.reviewpen,.cl span,.bcu span.arrow, .inquiryl, .inquiryr, .button .l, .button .r, .goff a, .gon, .loff a, .lon,.buttonemail .l,.buttonemail .r { background:url(no-repeat.png) no-repeat;}
#fullbg, #menu,.patern, .inquirym, .button .c, .blung,.buttonemail .c {background:url(repeat-x.png) repeat-x;}
{background:url(bordermenu.png) right top no-repeat;}

#fullbg{width:100%;height:396px;overflow:hidden;background-position:0 -182px;position:absolute;z-index:0;left:0;top:0;}
.bg{width:100%;height:396px;padding-top:391px;background: url(bg.jpg) no-repeat right top;}
.blung{height:5px;background-position:0 -51px;overflow:hidden;}
header,nav,aside,section,footer{display:block;}
body{font-size:12px;font-family:arial;color:#555;line-height:1.5em;}
h2,h3{font-family:georgia;}
h1{font-weight:bold;color:#fff;line-height:normal;margin:5px 0;letter-spacing:-1px;text-shadow:1px 1px #501407;}
h2{font-weight:normal;font-size:22px;color:#c3310c;line-height:26px;margin:0 0 10px;}
h3{font-weight:normal;font-size:16px;color:#444;margin:10px 0;}
h4{font-weight:bold;font-size:15px;color:#555;margin:15px 0 10px 0;}
h6{font-weight:bold;font-size:12px;color:#f2f2f2;}
p{margin:0 0 10px;}
blockquote{text-indent:30px;margin:3px 0 5px 0;text-align:justify;}
img{background:none;border:none;outline:none;}
a{color:#c3310c;text-decoration:none;cursor:pointer;}
ul{list-style:none;}

.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{zoom:1;}
.button{float:left;display:block;line-height:24px;height:24px;color:#fff;}
.button span {height:24px;float:left;}
.button .l {width:2px;background-position:-50px -41px;}
.button .c {background-position:0px -131px;padding:0 3px;}
.button .r {width:2px;background-position:-52px -41px;}
.button a{color:#fff;}
.float-l{float:left;}
.float-r{float:right;}
.margin{margin-right:20px;}
.clean{clear:both;content:".";}
.clean-10{clear:both;height:10px;}
.alert {background:#FFDFB2;border:1px solid #FF4B17;padding:10px;margin:0 0 10px;color:232848;}
.list-text {padding:10px 0 0 16px;margin:15px 0;border-top:1px solid #ddd;list-style:disc;}

#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:900px;margin:0 auto;position:relative;z-index:1;}

#top{color:#fff;}
#top .since{margin-top:10px;}
#top .right{margin-top:20px;width:314px;}
.banner{width:900px;margin:25px auto 0;}
.banner img{max-width:900px;margin:0 auto;display:block;}

.search {width:230px;height:30px;background:#f7e9e8;border:2px solid #ac2a10;}
.search input{display:block;float:left;height:30px;border:none;outline:none;}
#q{width:180px;padding:2px 10px;height:26px;background:none;}
.submit{width:30px;cursor:pointer;background-position:0 -38px;}

#lang{margin-left:13px;}
#lang span{display:block;float:left;width:31px;height:32px;}
.flag-en{background-position:0 0;}
.flag-id{background-position:-31px 0;margin-left:5px;}

.cpname img{margin:0 20px 10px 0;}
.cplink{color:#fff;}

#main .mrq{position:relative;top:-10px;}
.smlogo .cplink {font-size: 11px;color:#c3310c;}
.smlogo div {margin: 5px 0;}
.smlogo {text-align: center;}

.mrq {height:30px;line-height:30px;font-weight:bold;color:#fff;}
.mrq a{margin-left:3px;color:#e30000;text-decoration:underline;}
.mrqb {height:30px;line-height:30px;font-weight:bold;color:#333;margin: -20px 0 0;}
.mrqb a{margin-left:3px;color:#c2aaff;text-decoration:underline;}
#jsmarquee{position:relative;overflow:hidden;height:30px;}
#vmarquee{position:absolute;left:0;}

#menu{height:50px;padding:0 20px;border-radius:8px 8px 0 0;}
.item{display:block;float:left;padding:0 21px 0 20px;height:50px;font:bold 12px/50px arial;color:#fff;}
.item:hover{color:#000;}
.item.current{background:#feb051;border-radius:3px;color:#fff;height:28px;line-height:28px;margin-top:11px}
.drop{float:left;position:relative;z-index:500;}
.dropmenu, .sdropmenu{display:none;position:absolute;width:170px;background:#fff;border:1px solid #cfcfcf;}
.dropmenu{top:50px;left:0;color:#999;z-index:501;}
.dropmenu li{width:160px;padding:5px;}.dropmenu li:hover{background:#ddd;}
.dropmenu li a{color:#333;}
.sdmenu{position:relative;}
.sdropmenu{top:-1px;left:170px;border-left:none !important;z-index:502;}
.dropmenu.active, .sdropmenu.active{display:block;}

#main{background:#F2F2F2;padding:20px 20px 50px 20px;border-top:1px solid #f2f2f2;}
#idnwshare{float:right;}
#idnwshare a{display:block;float:left;width:32px;height:32px;margin-left:5px;}
#idnwshare .fb{background-position:-96px -79px;}
#idnwshare .tw{background-position:-32px -79px;}
#idnwshare .gp{background-position:-64px -79px;}
#idnwshare .in{background-position:0 -79px;}
.slider{width:860px;margin:0 0 20px;position:relative;}
.slider-con{position:relative;height:317px;overflow:hidden;}
.slider-con img{width:860px;height:317px;}
.slider-con li{position:absolute;width:860px;height:317px;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:#c87a28;}
#left{float:left;width:600px; position:relative;}
#right{float:right;width:230px;}
.titlecontac{background:#cd5016;margin:0;padding:9px 12px;font:bold 12px arial;color:#fff;}
.contac{background:#fff;padding:10px;border-top:1px solid #DDD;line-height:14px;}
.contac .clearfix{margin:0 0 4px;padding:0 0 5px;border-bottom:1px dashed #ccc;}.contac .clearfix.noborder{border:none;}
.cl,.cr{float:left;}
.cl{width:26px;margin-right:10px;}.cl span{display:block;}
#name{ background-position:0 -111px; width:18px; height:17px;}
#email{ background-position:-18px -111px; width:20px; height:15px;}
#globe{ background-position:-38px -111px; width:19px; height:19px;}
#mobile{background-position:-57px -111px; width:16px; height:26px;}
#phone{background-position:-73px -111px; width:22px; height:22px;}
#fax{background-position:-95px -111px; width:21px; height:21px;}
#instant{background-position:-128px -85px; width:19px; height:26px;}
#address{background-position:-116px -111px; width:24px; height:24px;}
.cr{width:174px;}.cr.hm img{display:none;}
.cr strong{font:bold 14px arial;color:#9e2c09;display:block;}
.buttonemail{float:left;margin-top:5px;line-height:27px;height:27px;color:#fff;}
.buttonemail span {height:27px;float:left;}
.buttonemail .l {width:2px;background-position:-46px -41px;}
.buttonemail .c {background-position:0px -155px;padding:0 3px;}
.buttonemail .r {width:2px;background-position:-48px -41px;}
.buttonemail a{color:#fff;}
#insmeg{width:120px;height:16px;padding:5px 47px 5px 5px;overflow:hidden;border:1px solid #ccc;background:url(arrow.gif) no-repeat 156px 11px;}
.cr div div{float:none !important;}

.bcu {background:#fff;position:relative;}
.bcu h4 {margin:0;padding:0 5px;height:30px;border-bottom:1px solid #fff;font:bold 13px/30px arial;color:#fff;background:#cd5016;}
.bcu h4 a {color:#fff;}
.bcu span.arrow{position:absolute;right:5px;top:10px;display:block;width:12px;height:9px;overflow:hidden;cursor:pointer;}
.bcu.colapse span.arrow{background-position:-31px -65px;}
.bcu.expand span.arrow{background-position:-31px -56px;}

.bcu li{padding:5px;border-bottom:1px dashed #ddd;}
.fade{display:none;}
.fade.show{display:block;overflow:hidden;position:static;}
.fade li b {color: #777777;}

.review{text-align:center;background:#fa9932;margin:0 0 10px;color:#f2f2f2;position:relative;}
.review a{color:#6d1808;}.review a:hover{text-decoration:underline;}
.review h6{background:#c87a28;padding:3px;}
.review1{margin-top:10px;}
.review1 p{margin:0 0 15px;}
.review1 p img{display:block;margin:0 auto 5px;}
.revpen{width:120px;margin:0 auto;}
.reviewpen{width:15px;height:15px;display:block;float:left;background-position:-31px -41px;}
.patern{width:100%;height:5px;overflow:hidden;background-position:0 -56px;margin-top:30px;}
#review table {border-bottom:1px dashed #64534B;margin:0 0 10px;padding:0 0 5px 0;}

/*index*/
.ps-container{width:814px;padding:0 23px;position:relative;margin:5px 0 25px 0;}
#ps{padding:10px 0;position:relative;overflow:hidden;height:145px;}
.subtitle{font-size:20px;text-align:center;margin:0 0 15px 0;}
.ps-container img{border:none;}
#ps div{position:absolute;}
#ps td{text-align:center;padding:5px;white-space:nowrap;}
#ps td:hover{background:#fff;}
#pdsnext,#pdsprev{display:none;position:absolute;top:35px;width:36px;height:79px;}
#pdsnext{right:5px;background-position:-98px 0;}
#pdsprev{left:5px;background-position:-62px 0;}
.moredes{padding:5px 10px;background:#fff6cb;border-top:1px solid #dbd0a2;}

/*profil*/
.post{margin:0 0 20px 0;}
.revpost table {border-bottom:1px dashed #aaa;margin:0 0 10px;padding:0 0 5px 0;}
.revpost {margin-top:15px;}
.blq{border-bottom:1px solid #E0E0E0;margin:0 0 5px 0;padding:5px 10px;background:#fff;}
.mpcontac a{text-decoration:none;color:#6b51da;}
.mpcontac table{line-height:30px;text-align:center;}
.mpcontac .incom{background:#cd5016;padding:5px 10px;margin-top:5px;text-align:left;}
.mpcontac .incom a{color:#FFF}

/*produk*/
.pagehed{word-wrap:break-word;margin:0 0 20px 0;}
.pagehed img{float:left;margin:0 10px 5px 0;}
.inquiryl,.inquirym,.inquiryr{float:left;}
.inquiryl, .inquiryr{width:10px;height:70px;}
.inquiryl{background-position:-134px 0;}
.inquirym{background-position:0 -61px;padding:10px 0 0 0;height:60px;width:580px;}
.inquiryr{background-position:-142px 0;}
.inq span{float:left;vertical-align:middle;line-height:24px;}
.slct{float:left;line-height:20px;margin-top:5px;}
.slct input{vertical-align:middle;}
.ppp {margin:10px 20px 0 0;float:right;height:30px;line-height:30px;position:relative;z-index:3;}

.grid {float: right;margin: 10px 0 0;position: relative;}
.grid a{display:block;height:100%;}.grid a:hover{background-color:#eee;}
.grid.hover .loff, .grid.hover .goff{display:block;} 
.gon,.lon{height: 28px;width: 52px;}
.loff,.goff {background-color:#fcfcfc;border: 1px solid #ccc;display: none;width:46px;height: 23px;position: absolute;right: 0;top: 25px;padding:2px;}
.loff a{background-position: -155px -28px;}
.goff a{background-position: -155px -84px;}
.gon {background-position: -152px 0;}
.lon{background-position:-152px -55px;}

#produk {padding:20px 0 10px 0;}
.prodtype{margin:0 0 20px 0;}
.prodtype h3 {font-weight:bold;font-family:arial;padding:0 0 5px 0;border-bottom:1px solid #CCC;}

.pl{border-bottom:1px dotted #c0c0c0;padding:0 0 10px;margin:0 0 10px;}
.pl .cb{float:left;margin-right:10px;width:13px;height:13px;}
.pl .box{float:left;width:575px;margin:0 0 10px;}.pl .box .button{float:right;}
.pl .box1{float:left;position:relative;margin:0 0 10px;border:0;background:none;}
.pimg{background:#FFF;border:1px solid #aaa;}
.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{position:relative;}
.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;}
.pl .box2{padding-left:16px;}.pl .box2 .desbor{margin-top:10px;padding:10px;border:1px solid #e1e1e1;background:#FAFAFA;}
.pl .name{font-size:15px;font-weight:bold;}
.pl .name a{font-size:12px;}
.pl .box2 p{margin-top:5px;}
.tbl{border-collapse:collapse;table-layout:fixed;_width:auto;}
.tbl td, .tbl th{border-bottom:1px solid #e9e9e9;padding:5px;vertical-align:top;}
.tbl th{width:120px;text-align:left;font-weight:normal;}
.tdes{margin:15px 0 10px 0;padding:0 0 5px 0;}
.subpl{margin-top:15px;}

.date{font-size:11px;font-family:tahoma;font-weight:normal;color:#A3A29B;margin-left:20px;}
.box1{border:1px solid #aaa;position:relative;background:#fff;}
.pg .box1 a, .pbox1 a, .pimg a{display:table-cell;vertical-align:middle;text-align:center;}
.pbox1{float:left;margin:0 20px 20px 0;border:1px solid silver;background:#fff;}

.pg{float:left;width:175px;margin:10px 0 10px 20px;_margin:0 0 20px 15px;}
.pg input{position:absolute;}
.pg .box1{background:#fff;margin:0 auto 10px;height:120px;width:120px;overflow:hidden;}
.pg .box1 a{width:120px;height:120px;}
.pg .box2{text-align:center;height:110px;overflow:hidden;}
.pg .name{display:block;font-size:13px;text-align:center;background:#fafafa;border-bottom:1px solid #e7e7e7;white-space:nowrap;}
.pg .name:hover{background:#fdfdfd;}
.pg .name:hover a{color:#888;}
.pg .name a{display:block;padding:4px;}
.pg .date{margin:0;height:17px;border-bottom:1px dashed #BBB;display:block;}
.pg .price{font-weight:bold;max-height:3em;color:#222;overflow:hidden;}
.pg p{font-family:tahoma;font-size:11px;margin:0;}

.pagging {float:left;margin-top:15px;color:#a4a4a4;}
.fpnl, .fpnt{padding:2px;margin:0 5px 0 0;float:left;}
a .fpnl{background:#fff;border:1px solid #ddd;padding:2px 6px;}

#footer{padding:10px 0 30px 0;color:#555;font-family:verdana;font-size:11px;font-weight:normal;text-align:center;background:url(shadowmain.png) no-repeat;}
#footer a{color:#444;text-decoration:underline;}
@media only screen and (max-width:768px){
#wrap,.banner,.banner img,#loginhead,.slider,.slider-con img,
.slider-con li,.pl .box{width:99.5%;}
#menu{background-color:#8CBA73;height:100px;background-image:none}
#left {width:65%;}
.inquirym{width:95%}
.ps-container{width:99%}
.tbl th{word-wrap:break-word;width:30%;text-align:left;}
.tbl td{word-wrap:break-word;width:70%;}
.pl .button{font-size:10px;}
}
@media only screen and (max-width:480px){
#loginhead{height:50px}
#left,#right{float:none;width:99%}
}