*{margin:0;padding:0;word-wrap:break-word;}
body{font:normal 12px Tahoma;color:#000;background:url(bg.jpg) repeat;}
a{text-decoration:none;color:#900;}
a:hover{text-decoration:underline;}
img{border:0;}
option{padding:0 5px 0 3px;}
h2{font:bold 15px Tahoma;margin:13px 0;}
hr{height:1px;color:#BA7A7A;margin:10px 0;}

.clear{clear:both;font-size:0px;line-height:0px;}
.p{margin:10px 0;}


#thumbBox{position:absolute;left:0;top:0;padding:7px;background:#EEE;visibility:hidden;z-index:10;cursor:hand;cursor:pointer;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;box-shadow:1px 1px 5px #555;z-index:11;}
#thumbBox .footerbar{font:bold 16px/1.1em Arial;padding:5px 0 0;text-align:right;}
#thumbBox #thumbImage{border:1px solid #DDD;background:#FFF;}
#thumbLoading{position:absolute;visibility:hidden;border:1px solid black;background:#FFF;padding:5px;z-index:11;}
#loginhead{border-bottom:#CCCCCC solid 1px;height:23px;background:#fff;}
#loginhead img{width:auto;}
#loginhead a{color:#00F;}
.wrap{width:890px;margin:0 auto;padding:0 20px 9px;background:#BA7A7A;}
.tm{height:40px;}
.banner{width:890px;margin:0 auto;}
.banner img{max-width:890px;margin:0 auto;display:block;}
.mtype{font-weight:bold;float:left;margin:5px 0 0;}
.since{font:normal 11px Arial;color:#333;}

.bb{float:left;width:646px;padding:13px 7px;margin:0 0 0 8px;}
.timg{background:url(header.jpg) no-repeat left;}
.button,#lang span,.button2,.fb,.twt,.gpls,.in,.titlebg .tagn,.review.wbox .tagn,#bibox span,.contactitle span,#pdsnext,#pdsprev{background:url(button.png) no-repeat;}
.viewopt span{background:url(listgrid.gif) no-repeat;}
.wbox{border:#CCC solid 1px;padding:5px;background:#FFF;color:#000;text-align:center;position:relative;}
.wbox a{color:#26a7e2;}
.wbox div{font-weight:bold;}
.menu{list-style:none;float:right;font:bold 12px/20px Arial;}
.menu li{white-space:nowrap;float:left;height:40px;}
.menu span{display:block;padding:20px 10px 0 10px;}
.menu span.current,.menu span:hover{background:#F90;color:#FFF;}
.menu a{color:#000;}
.menu a:hover{text-decoration:none;}
.ddmenu{position:relative;_zoom:1;}
.ddmenu.hover .smenu{display:block;}
.sddmenu{position:relative;_zoom:1;}
.sddmenu.hover .ssmenu{display:block;}
.smenu{position:absolute;list-style:none;font:normal 11px Arial;top:40px;border:#744C4C solid;border-width:0 1px 1px 1px;background:#BA7A7A;z-index:100;display:none;}
.smenu li{float:none;height:auto;line-height:20px;padding:0 10px;white-space:nowrap;}
.smenu li:hover{background:#F90;}
.smenu a{display:block;}
.smenu a:hover{color:#FFF;}
.ssmenu{position:absolute;list-style:none;left:100%;top:0;border:#744C4C solid 1px;background:#BA7A7A;display:none;z-index:100;}

.timg{display:table;table-layout:fixed;border:#744C4C solid 1px;background-color:#E0B5B5;height:218px;width:100%;overflow:hidden;}
.timg .v{display:table-cell;height:218px;width:100%;vertical-align:middle;text-align:right;padding:0 10px 0 255px;}
.timg img{margin:0 0 10px;}
.cpname{color:#F60;}
#url{font:12px "Arial";color:#000;}

.mrq{height:30px;font:bold 12px/30px Tahoma;}
#jsmarquee{position:relative;overflow:hidden;height:30px;}
#vmarquee{position:absolute;left:0;}

.button{display:block;width:30px;height:30px;float:left;}
.addtb{background-position:0 -422px;}
.msg{background-position:0 -452px;}
.sh{background-position:0 -482px;}

.cpname2{font:14px "Trebuchet MS";color:#F60;font-weight:bold;}
.middle{padding:10px 0;position:relative;}
.sosmed{position:absolute;width:25px;right:-45px;}
.fb ,.twt ,.gpls ,.in{width:25px;height:25px;display:block;}
.fb{background-position:0 -75px;}
.twt{background-position:0 -101px;}
.gpls{background-position:0 -125px;}
.in{background-position:0 -149px;}


.left{float:left;width:222px;}
.qsearch{border:1px solid #744C4C;background:#E0B5B5;margin:0 0 10px;}
.qsearch #q{border:none;font:12px Arial;color:#777;background:transparent;float:left;padding:7px;width:177px;_width:174px;}
.qsearch #q.focus{color:#000;}
.qssubmit{margin:0;}
.obox{border:#FF8901 solid 1px;background:#999;margin:0 0 10px;}
.obox .t{background:#FF8901;font-weight:bold;line-height:35px;color:#FFF;text-align:center;}
.obox .c{padding:5px 10px;font-size:11px;}
.cpcontact span{color:#faf8f8;display:block;padding:3px 0;overflow:hidden;}
.cpcontact span strong {color:#000000;}
.c.cpcontact span div {float: none !important;}
.cpcontact .button{padding:0;margin:0 0 0 5px;}
.homepage div div{float:none !important;}
.review{text-align:center;}
.review p{margin:0 0 10px;}
.review span{display:block;background:#AAA;line-height:20px;}
.each{list-style:none;line-height:20px;}
.rrlink{padding:0 0 0 15px;}

.right{float:right;width:648px;position:relative;padding:0 0 13px;}
.slider{width:648px;margin:0 auto 20px;position:relative;}
.slider-con{position:relative;height:238px;overflow:hidden;}
.slider-con li{position:absolute;width:648px;height:238px;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.slider-con img{width:100%;}
.slider-tab{position:absolute;left:0;bottom:20px;width:100%;height:10px;text-align:center;line-height:10px;font-size:0;text-align:center;z-index:10;}
.slider-tab a{background:#FFF;border-radius:5px;width:10px;height:10px;margin:0 3px;display:inline-block;*display:inline;*zoom:1;opacity:0.3;filter:alpha(opacity=30);}
.slider-tab .current{background:#BA7A7A;opacity:1;filter:alpha(opacity=100);}
.titlebg{color:#000;padding:2px 0;font:bold 15px Tahoma;text-align:left;position:relative;float:left;}
.titlebg .tagn{left:117px;bottom:-3px;width:29px;height:19px;position: absolute;background-position:0 -223px;}
.review.wbox .tagn{background-position:0 -241px;left:42px;width:16px;height:19px;position:absolute;}
.ldj{float:left;height:30px;}
#bibox{text-align:left;padding:2px 0;}
#djlu{text-align:left;padding:2px 0 0;}
.butfo{float:right;margin:5px 0;line-height:29px;}
#lang{line-height:19px;float:right;color: #000000;font-weight: bold;}
#lang a{float:left;display:block;}
#lang div{float:left;}
#lang span{display:block;float:left;width:28px;height:28px;margin:0 3px;vertical-align:middle;}
#lang .flag-id{background-position:0 -30px;}
#lang .flag-en{background-position:0px 0px;}
.cpprod{list-style:square;margin:5px 0 0;}
.cpprod li{margin:0 0 0 14px;}
.incplist{text-align:center;}
.incplist a{padding:2px 5px;background:#F3C6C6;border:#744C4C solid 1px;font:11px/30px Tahoma;}
.revpaging{padding:5px 10px;background:#E0B5B5;margin:5px 0;border:#744C4C solid;}
.grupdesc{padding:0 0 10px;}
.grupdesc img{float:left;margin:0 10px 0 0;}
.inq{padding:5px;}
.inqb{border:none;}
.inqbtn span{padding:7px 0;}
.inqbtn a span{padding:0;}
.inq span{float:left;}
.selectall{float:left;font:11px/20px Tahoma;}
.selectall input{vertical-align:middle;}
.viewopt{float:right;margin:4px 0 0;}
.viewopt span{margin:0 0 0 5px;font:11px/12px Tahoma;float:left;padding:0 0 0 17px;}
.viewopt .gon{background-position:0 -36px;font-weight:bold;}
.viewopt .goff{background-position:0 -12px;}
.viewopt .lon{background-position:0 -24px;font-weight:bold;}
.viewopt .loff{background-position:0 0px;}
.ppp{float:right;margin:0 10px 0 0;font:11px Tahoma;}
.paging{margin:10px 0;text-align:right;}

.product{background:#ffffff;}
.prodtype{font:bold 12px Tahoma;padding:5px;background:#FF8901;}
.prodtype a{color:#000;}
.litems{padding:5px;border-bottom:1px solid #BE9797;border-top:1px solid #F3C6C6;}
.litems .box1{float:left;width:23px;height:15px;}
.litems .box2{float:left;margin:0 18px 8px 0;position:relative;}
.limg,.gitems .box2 a,.pimg a{display:table-cell;vertical-align:middle;text-align:center;background:#FFF;border:#CCC solid 1px;*display:block;}
.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;}
.imgzoom{display:block;text-align:center;padding:2px 0 4px;font-size:11px;visibility:hidden;}
.imglist{background:#FFF;border:#CCC solid 1px;float:left;clear:left;position:relative;top:-1px;}
.imglist a{height:30px;width:30px;padding:5px;display:table-cell;text-align:center;vertical-align:middle;}
.imglist .current{background:#CCC;}
.imglist img{max-height:30px;max-width:30px;}
.litems .box3{width:615px;float:left;}
.litems .name{font:bold 15px Tahoma;color:#000;margin:0 0 5px;}
.litems .name a{font:bold 12px Tahoma;}
.litems .date{color:#BE9797;font:10px Arial;margin:0 0 10px 10px;}
.litems .desc{margin:5px 0 0;font:11px Tahoma;}
.litems .addedtb{margin:10px 0 0;padding:2px 5px;background:#F3C6C6;display:-moz-inline-box;display:inline-block;border:#BE9797 solid 1px;}
.litems .box4{float:right;width:415px;text-align:right;margin:10px 0 0;}
.litems .box5{padding-left:15px;}
.gitems{width:24.9%;float:left;text-align:center;margin:10px 0;position:relative;}
.gitems .box1{position:absolute;left:5px;}
.gitems .box2{margin:0 auto;width:120px;height:120px;border:#BE9797 solid 1px;background:#FFF;position:relative;overflow:hidden;}
.gitems .box3,.gitems .box4{text-align:center;overflow:hidden;margin:0 5px;}
.gitems .box3{white-space:nowrap;}
.gitems .box4{height:59px;}
.gitems .addedtb{position:absolute;top:0;left:0;}
.gitems .addedtb a{display:block;line-height:20px;height:20px;background:#000;opacity:0.5;filter:alpha(opacity=50);color:#FFF;}
.gitems .date{color:#BE9797;font:10px Arial;}
.gitems .desc{font-size:11px;margin:5px 0 0;line-height:13px;}
.tbl{table-layout:fixed;*width:auto;}
.tbl th,.tbl td{font-size:11px;padding:4px 0;vertical-align:top;border-bottom:#B5AF8D dotted 1px;}
.tbl th{white-space:nowrap;font-weight:normal;text-align:left;padding-right:15px;}
.tbl td{font-weight:bold;}
.tbl .noborder th,.tbl .noborder td{border:none;}
.keterangan{margin:10px 0;font:11px Tahoma;}
.keterangan dt{font:bold 14px Tahoma;margin:0 0 10px;}
.pimg{float:left;text-align:center;margin:0 18px 8px 0;}
.pdnf{float: left;margin: 0 14px;}
.pdnf .p{margin:10px 0;font-weight:bold;}
.pdnf li{font-weight:normal;margin:0 0 0 14px;}
.pdnf p{text-align:center;}

.ps-container{padding:0 40px;position:relative;margin:5px 0 10px;z-index:10;_zoom:1;}
#ps{position:relative;overflow:hidden;height:150px;left:-40px;width:650px;}
.ps-container img{border:none;}
#ps div{position:absolute;}
#ps td{text-align:center;padding:5px;white-space:nowrap;}
#ps td:hover{background:#CEC6A2;}
#pdsnext,#pdsprev{width:29px;height:29px;position:absolute;top:50px;visibility:hidden;}
#pdsnext{right:5px;background-position: 0 -273px;}
#pdsnext:hover{right:5px;background-position: 0 -345px}
#pdsprev{left:5px;background-position: 0 -308px;}
#pdsprev:hover{right:5px;background-position: 0px -382px;}
.ps-container:hover #pdsnext,.ps-container:hover #pdsprev{visibility:visible;}

.bottom{background:#E0B5B5;border-top:#744C4C solid 1px;text-align:center;font:11px Tahoma;padding:10px 0;}
.bottom .footermenu{margin:10px 0 0;font:bold 12px Arial;}
.bottom .cpr{color:#555;font:10px Tahoma;}
@media only screen and (max-width:768px){
.wrap,.banner,.banner img,#loginhead{width:99%;}
.right{width:70%;}
#ps{width:120%}
}
@media only screen and (max-width:480px){
.wrap,.banner,.banner img{width:90%;}
#loginhead{height:50px}
.cpname{font-size:12px;width:50%}
.left,.right{float:none;width:95%;}
.limg{width:100px;height:100px}
.litems .box5{margin-left:10px}
.litems .box4{width:99%}
}