#bc{height:31px;position:relative;font-weight:bold;}
#bc div,#bc a,#bc span{display:inline-block;height:31px;}
#bc a,#bc i,#bc b{position:relative;top:-12px;}
#bc b a{position:relative;top:0px;text-decoration:underline;}
#bc .l{width:5px;background-position:0 -55px;}
#bc .m{width:904px;background-position:0 -619px;}
#bc .r{width:5px;background-position:-4px -55px;}
#bc a{color:#555;}
#bc .arrow{background-position:-25px -55px;padding:0 0 0 20px;}
#bc .item{display:inline-block;margin:0;padding:0;}
#bc .home{width:15px;height:12px;background-position:0 -353px;margin:8px 6px 0;_margin:8px 6px 0;}

.subcat{border:#CCCCCC solid 1px;position:relative;top:-3px;background:url(images/bg-subkategori.gif) repeat-x bottom #FFF;overflow:hidden;padding:6px 5px 0 5px;}
.subcat a{display:-moz-inline-box;display:inline-block;width:213px;color:#333;padding:0px 5px 6px;line-height:13px;vertical-align:top;}
.subcat a:hover{color:#06c;}
.scnav{position:relative;top:-4px;width:40px;height:10px;background:#f1f1f1;text-align:center;border:#CCC solid;border-width:0 1px 1px 1px;cursor:pointer;margin:0 auto;}
.scnav a{font-size:0;border-width:4px;}
.more a{border-style:solid solid none;border-color: #555 transparent transparent;position:relative;top:4px;}
.less a{border-style:none solid solid;border-color: transparent transparent #555;}

#rss{float:right;margin-top:15px;}
#rss img{float:left;margin-right:5px;}

.sw{float:right;font:normal 12px Arial;color:#aaa;padding:0 5px 0 0;}
.sw a{font:bold 12px Arial}

.inq{line-height:22px;}
.inq input,.inq img{vertical-align:middle;margin:0 0 3px;}
.inq-btn{display:-moz-inline-box;display:inline-block;color:#FFF;font:bold 11px/20px Arial;text-align:center;vertical-align:middle;}
.inq-btn:hover{color:#DFF;}
.inq-btn span{display:block;float:left;height:20px;}
.inq-btn .l{background-position:-18px -30px;width:5px;}
.inq-btn .m{background-position:0 -718px;padding:0 2px;}
.inq-btn .r{background-position:-23px -30px;width:6px;}

.addedtocart{padding:0 0 0 20px;background-position:-21px -102px;}

.pd{border-bottom:#CCC dashed 1px;padding:10px 0;}
.pd input{margin:0 0 5px;}
.pd .c{float:left;width:23px;text-align:left;}
.pd .l{float:left;display:table-cell;text-align:center;vertical-align:middle;width:110px;height:110px;border:#ddd solid 1px;}
.pd .boximg{display:table-cell;text-align:center;vertical-align:middle;width:110px;height:110px;}
.pd .title{font:bold 12px Arial;}
.pt{font:bold 11px Arial;}
.pt.p{color:#800080;}
.pt.s{color:#F00;}
.pt.b{color:#00F;}
.pt.co{color:#F0F;}
.pd .m{margin:0 215px 0 145px;}
.pd .timeloc{color:#999;font-size:10px;}
.pd p{line-height:15px;margin:10px 0;}
.pd .supplier{margin:0 0 10px;}
.pd .r{text-align:center;width:200px;float:right;height:110px;}
.pd .im{padding:5px 0 0;margin:0 auto 0 auto;}
.pd .im.dd{width:105px;overflow:hidden;height:55px;border:#FFF solid 1px;}
.pd .im span{display:block;}
.pd .im.dd.hover{position:relative;border:#CCC solid 1px;background:#FDF1C1;z-index:10;height:auto;}
.pd .y-btn{margin:0 0 5px;}
.pd a:visited,.subcat a:visited{color:#969;}
.atb {background:url(images/no-repeat.gif) repeat-x scroll -23px -475px;width:15px;}

.bottom{background:url(images/bg-subkategori.gif) repeat-x scroll 0 20% #FFF;padding-bottom:10px;border-bottom:#EEE solid 1px;clear:both;}
.pd .cdesc{margin:0;}
.cdescmore{font: normal 9px Arial;color:#999;display:block;cursor: pointer; cursor: hand;}
.pd .bnd{margin:0px auto 0;}
.bn{display:inline-block;margin:0 10px 5px 0;font:bold 14px/22px "Trebuchet MS";height:22px;color:#000;text-shadow:1px 1px 1px #d0cece;}
/*.bnm{background:url(images/repeat-x.gif) repeat-x;}*/
.bnl,.bnr{background:url(images/no-repeat2.png) no-repeat;}
.bnl,.bnm,.bnr{display:block;height:22px;float:left;}
.bnl{width:6px;background-position:-6px -30px;}
.bnm{background:#fef1e1;border-top:1px solid #d0cece;border-bottom:1px solid #d0cece;padding:0 5px;height:21px;}
.bnr{width:6px;background-position:-12px -30px;}
.bnp{margin:5px 0 0}
@media only screen and (min-width:240px) and (max-width:480px){
 .pd{float:left;width:45%;}
 .pd .c{display:none}
 .pd .l{width:100%;}
 .pd .r{clear:both;float:none;width:100%;height:auto;}
 .pd .m{margin:0;width:100%;}
 .pgd1,.pgd2{visibility:hidden;display:none}
}
@media only screen and (min-width:240px) and (max-width:768px){
 #bc {width:96%}
 #bc .m{width:96%}
 .subcat{width:94%;max-height:50px;overflow:hidden;}
 .pdtab{display:none;}
}
@media only screen and (min-width:240px) and (max-width:960px){
}
@media only screen and (min-width:240px) and (max-width:1024px){
}

@media only screen and (min-width:480px) and (max-width:768px){}
@media only screen and (min-width:480px) and (max-width:960px){}
@media only screen and (min-width:768px) and (max-width:960px){}