*{margin:0;padding:0;}
body{font:normal 11px Arial,Helvetica,sans-serif;color:#333;}
img{border:none;}
input,select{color:#555;font-family:Arial, Helvetica, sans-serif;}
a{text-decoration:none;color:#0066CC;cursor:pointer;}
a:hover{color:#FF6600;text-decoration:underline;}

.clear{clear:both;}
.clearfix:after{content: ".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.small{font-size:10px;color:#666666;}

#page{width:918px;margin:0 auto;}
#toppage{position:relative;height:33px;}
#toppgup{height:20px;padding:3px 0 1px;}
h1 {position:absolute;height:42px;}
#toppgr{position:absolute;right:0px;top:35px;z-index:10;}
#toppgr a{display:block;width:38px;height:21px;float:left;margin-left:3px;}
#toppgr .id{background-position:0 -328px;}
#toppgr .in{background-position:0 -306px;}
.basketcnt1 {background-color:#b3ceed;padding:1px 4px;font:bold 11px Arial}
.basketcnt2 {background-color:#edbd79;padding:1px 4px;font:bold 11px Arial}

#searchbar .l,#searchbar .r,.idblue .l,.idblue .r,.idorng .l,.idorng .r,.tabmenu li .l,.tabmenu li .r,#searchbar .inputshadow .l,#searchbar .inputshadow .r,h3,h4,h5,#left .cat ul li a,#breadcrumb .l,#breadcrumb .r,#breadcrumb ul li.grid,.produktab .l,.produktab .r,.inq-btn .l,.inq-btn .r,.subcat .nav a,
.nhd u,.nhd i,.sstl,.sstr,.ssbl,.ssbr,#toppgr a,#ssbot .a1,.hbimg
{background:url(images/no-repeat2.png) no-repeat;}

#searchbar .m,#cattab a,.idblue,.idorng,.pdborder,.pdisi,.tabmenu li .m,#searchbar .inputshadow .m,#breadcrumb .m,.produktab .m,.inq-btn .m,.yellow-btn,.paging span.next,.paging span.previous,.srcbut
{background:url(images/repeat-x.gif) repeat-x;}

.headr a{color:#000}
.hbimg{background-position:0px -475px;width:20px;height:12px;display:inline-block;font-size:0;padding:-3px 0 0;}

#cattab{height:30px;top:1px;list-style:none;left:275px;float:left;position:relative;}
#cattab a{float:left;border-style:solid;color:#FFF;border-color:#3776A2 #3776A2 #fff #72B0DD;font:bold 12px Arial,Helvetica,sans-serif;line-height:28px;border-width:1px 1px 0px 1px;padding:0 20px;text-shadow:1px 1px 1px #284160;}
#cattab a:hover{text-decoration:none;color:#DFD;}
#cattab a.current{border-color:#CCC #CCC #fff #e1e1e1;background:#FFF;text-shadow:none;color:#505050;border-bottom-width:1px;line-height:28.3px;}
#cattab a.current:hover{color:#000;}

.srcbut{border:#3776A2 solid 1px;color:#FFF;font:bold 11.5px Arial;background-position:0 -5px;padding:1px 9px;height:22px;margin-top:0;text-shadow:1px 1px 1px #284160;width:65px;}
.srcbut:hover{color:#DFD;}
#searchbar{height:33px;margin-bottom:5px;clear:both;}
#searchbar div{height:33px;float:left;}
#searchbar .l{width:3px;}
#searchbar .m{width:908px;border:#E1E1E1 solid;border-width:1px 0;height:27px;background:#fff;padding:4px 2px 0 2px;overflow:hidden;}
#searchbar .r{width:3px;background-position:-3px 0;}
#searchbar .select-container{float:none;}
#searchbar .i{margin:5px 0 0;}
#searchbar .i,#searchbar select{background-color:transparent;border:0;margin-top:4px;width:100%;}
#searchbar .inputshadow{height:22px;margin-right:5px;}
#searchbar .inputshadow span{border:none;padding:0;float:left;height:22px;}
#searchbar .inputshadow .l{width:3px;background-position:0 -33px;}
#searchbar .inputshadow .r{width:2px;background-position:-2px -33px;}
#searchbar .inputshadow .m{background-position:0 -597px;}

#left{height:auto;width:208px;float:left;}
#left .cat {height:auto;border-left:solid #CCCCCC 1px;border-right:solid #CCCCCC 1px;}
#left .cat ul{list-style:none;}
#left .cat ul li{color:#333333;font-size:12px;border-bottom:solid #eee 1px;}
#left .cat ul li.hover{position:relative;z-index:4;border-bottom:#B5B5B5 solid 1px;}
#left .cat ul li.hover div{display:block;}
#left .cat ul li a{background-position:175px -278px;display:block;padding:6px 20px 5px 10px;color:#333;width:176px;}
#left .cat ul li.hover a{background-position:157px -278px;border:#B5B5B5 solid;border-width:1px 0 0 1px;position:relative;z-index:3;padding:5px 19px 5px 9px;}
#left .cat ul li div{position:absolute;display:none;top:2px;left:197px;background:#E3E3E3;}
#left .cat ul li ul{position:relative;top:-2px;left:-2px;border:#B5B5B5 solid 1px;padding:0 10px;background:#fff;}
#left .cat .more{font-weight:bold;border-top:#B5B5B5 dashed 1px;padding:0 0 3px 0;}
#left .cat ul li.hover li{border-bottom:none;position:static;}
#left .cat ul li.hover li a{border:none;padding-left:0;background:none;margin:0;position:static;}
.titleside{font:bold 14px arial,sans-serif;color:#555;padding-top:8px;width:200px;float:left;text-align:center;}
.titleside a,.titleside a:hover{color:#555;}
.idblue .l,.idblue .r,.idorng .l,.idorng .r{height:30px;width:3px;background-repeat:no-repeat;}
.idblue,.idorng{height:30px;width:208px;background-repeat:repeat-x;}
.idblue .l{background-position: -6px 0;float:left;}.idblue .r{background-position: -9px 0;float:right;}.idblue{background-position:0 -28px;}
.idorng .l{background-position:-12px 0;float:left;}.idorng .r{background-position:-15px 0;float:right;}.idorng{background-position:0 -58px; margin-top:5px;}

#mid{width:490px;float:left;padding:0;margin:0 4px 0 5px;}

h3{font-weight:bold;font-size:13px;padding-left:45px;background-position:0 -159px;font-family:Tahoma;line-height:30px;}
.pdborder{background-position:0px -325px;}
.pdisi{margin:0 1px;background-position: 0px -88px;text-align:center;height:219px;}
.pdisi ul{height:200px;margin-bottom:5px;margin:0 1px;padding:5px 5px 0 5px;}
.pdisi ul li{list-style:none;width:91px;height:95px;margin:2px;text-align:center;float:left;}
.pdisi ul li img{width:70px;height:60px;border:solid #CCCCCC 1px;margin:0 auto;}
.pdisi ul li span{margin-top:3px;font:9px/11px Tahoma;text-align:center;text-align:center;display:block;height:23px;overflow:hidden;}

h4{font-weight:bold;font-size:13px;padding-left:45px;background-position:0 -220px;font-family:Tahoma; margin-top:10px;line-height:30px;}
.colist{width:220px;height:70px;float:left;border-bottom:solid 1px #CCCCCC;border-right:solid 1px #CCCCCC;padding:5px;margin:5px;}
.colist a{display:block;font-size:12px;margin:3px 0 4px 0;white-space:nowrap;overflow:hidden;}

h5{font-weight:bold;font-size:13px;padding-left:45px;background-position:0 -189px;font-family:Tahoma; margin-top:10px;line-height:30px;}
.offbox{width:492px;margin-top:30px;position:relative;}
.tabmenu{position:absolute;top:-26px;left:0;list-style:none;font-family:"Trebuchet MS";}
.tabmenu li{float:left;margin-right:1px;}
.tabmenu li span{float:left;display:block;cursor:pointer;height:27px;}
.tabmenu li .l{width:5px;background-position:-18px 0;}
.tabmenu li .r{width:5px;background-position:-23px 0;}
.tabmenu li .m{float:left;line-height:27px;padding:0 5px;background-position:0 -570px;}
.tabmenu li.current .l{width:5px;background-position:-28px 0;}
.tabmenu li.current .r{width:5px;background-position:-33px 0;}
.tabmenu li.current .m{float:left;line-height:25px;padding:0 5px;background-position:0 -543px;font-weight:bold;}
.tabmenu li a{color:#333;text-decoration:none;}
.tabmenu li a b{font-weight:normal;}
.offcont{background:#FFF;border:#CCCCCC solid 1px;padding:5px;}
.offcont div{display:none;}
.offcont .current{display:block;}
.offcont span{display:block;border-bottom:#999 dashed 1px;padding:5px 5px 6px 5px;}
.offcont .last{border-bottom:none;}

#right{width:208px;float:right;}

.login{border:solid #CCCCCC 1px;border-top:none;padding:0 5px;}
.login input.login-input{width:100px;}
.login .joinlink{font-size:12px;font-weight:bold;text-align:center;line-height:25px;}
.login .forgot{border-top:dashed #CCCCCC 1px;text-align:center;margin:0 5px;padding:2px 0;line-height:20px;}
.login dl{}
.login dl dt{width:80px;text-align:right;font-size:12px;font-family:Arial,sans-serif;line-height:27px;float:left;clear:left;}
.login dl dd{margin-left:84px;font-size:11px;padding-top:5px;}
.logbut {background:url(images/masuk.jpg) no-repeat;border:0;width:59px;height:40px;color:#fff;padding-bottom:15px;margin:0;font:bold 12px Arial;}

.meminfo2 {padding:10px;font:normal 1.1em Arial}
.sstory {border:solid #CCCCCC 1px;position:relative;}
#ssbot {padding:2px; border-top:dashed #CCCCCC 1px;font:9px Verdana,Tahoma,Arial;position:relative;margin-top:7px;}
#ssbot .a1{width:79px;float:left;margin:0px;padding-left:20px;background-position:-19px -133px;min-height:24px;_height:24px;}
#ssbot .a2{float:right;width:90px;}

.nhd{margin-top:8px;height:3px}
.nhd u,.nhd b,.nhd i{height:3px;float:left;font-size:0px;}
.nhd u{width:3px;background-position:-18px -27px;}
.nhd b{width:202px;background:#1A1C2B;border-top:#3B3946 solid 1px;height:2px;}
.nhd i{width:3px;background-position:-21px -27px;}
.ncthd{font:bold 11px Verdana;color:#333;padding:5px 0;text-align:center;border:solid #CCC 1px;}
.nctct{padding:5px 0;text-align:center;border:solid #CCC 1px;border-top:none;}

.info{margin-top:8px;padding:50px 10px 10px 10px;background:url(images/imginfo.gif) no-repeat;font-weight:bold;color:#003366;height:233px;position:relative;}
.info ul{position:absolute;left:30px;top:90px;width:155px;}
.info p{position:absolute;bottom:10px;}

#footer{margin-top:10px;width:100%;}
.foot1{text-align:center;padding:10px 0;width:918px;font-size:11px;background-color:#F7F7F7;border-top:#ccc solid 1px;border-bottom:#ccc solid 1px;}
.foot2{margin-top:5px;padding:0 3px;}
.foot2 a,.foot3 a{color:#333;}
.foot3{text-align:center;padding:10px 0;width:918px;color:#777;}

.loginbtn .l{width:5px;background-position:0 -305px;}
.loginbtn .r{width:5px;background-position:-5px -305px}
.pgd1{font-weight:bold;padding:0 0 2px;color:#666;}

.imgbox {float:left;margin:0 8px 0 0;}
.imgbox .image2 {width:80px; height:80px;overflow:hidden; vertical-align:middle;display:table-cell;text-align:center;border:1px solid #CCCCCC;font-size: 0; line-height: 0;}
.callout {width:182px; float:left; position: relative; margin: 0; padding: 0; background-color: #fff1e1;height:4px;font-size:0px;}
.callout .notch { position: absolute; top: -10px; left: 20px; margin: 0; border-bottom: 10px solid #fff1e1; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 0; padding: 0; width: 0; height: 0; font-size: 0; line-height: 0; _border-right-color: pink; _border-left-color: pink; _filter: chroma(color=pink);}
.border-callout { border-top: 1px solid #ccc;}
.border-callout .border-notch { border-bottom-color: #ccc; top: -11px; font-size:0px;}
.sstl,.sstr,.ssbl,.ssbr{width:5px;height:5px;float:left;font-size:0px;}
.sstl{background-position:-6px -30px;}
.sstr{background-position:-13px -30px;}
.ssbl{background-position:-6px -47px;}
.ssbr{background-position:-13px -47px;}
.ssmm{background-color: #fff1e1;margin:0px; border:1px solid #ccc; padding:2px 8px;border-top:none;border-bottom:none;}
.ssbm{background-color: #fff1e1;margin:0px; width:182px; float:left;position: relative; padding: 0;height:4px;font-size:0px; border-bottom:1px solid #ccc;}