@charset "UTF-8";
html{height:100%;min-height:100%}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:12px;background:transparent;margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;line-height:1.6;color:#444;background:#f0f0f0 url(/img/bg_image.jpg) no-repeat center top;min-height:100%}
a{color:#007399;text-decoration:none}
a:hover,.box > h2 a:hover{color:#E80422}
ul,ol{margin-left:25px}
ul li,ol li{padding-left:5px}
p{line-height:22px;margin:10px 0}
.b{font-weight:700}
.fl{float:left}
.fr{float:right}
.mt8{margin-top:8px}
.ml5{margin-left:5px}
.mh5{margin:0 5px}
.tac{text-align:center}
.mb8{margin-bottom:8px}
.bgw{background:#fff}
.main{width:910px;margin:0 auto}
#header{overflow:hidden;min-height:100px}
.logo{padding:25px 0;margin:0;float:left;height:50px;width:300px;}
.logo h1{text-indent:-4000px}
.top-header{float:right;display:inline;font-size:11px;color:#5f5f5f;line-height:24px;margin-bottom:6px}
.top-header span{line-height:24px}
.top-header span.sep{float:left;height:20px;width:1px;background:#ccc;position:relative;margin:3px 5px}
.top-header .lang{float:left;height:20px;width:72px;background:url(/img/lang-bg.gif) no-repeat 0 0;padding-left:7px;font-size:10px;line-height:20px;color:#4d4d4d;margin:3px 5px 0}
.twitter{padding-left:20px;background:url(/img/twitter.gif) no-repeat 0 center}
.fbimg{width:150px;background:url(/img/facebook_signin.png) no-repeat 0 2px}
.fbimg:hover{background:url(/img/facebook_signin.png) no-repeat scroll 0 bottom}
#search{width:203px;height:16px;float:right;border:1px #ccc solid;border-radius:20px;-moz-border-radius:20px;-webkit-box-shadow:inset 0 1px 4px rgba(0,0,0,0.13);-moz-box-shadow:inset 0 1px 4px rgba(0,0,0,0.13);box-shadow:inset 0 1px 4px rgba(0,0,0,0.13);-webkit-transition:border-color .3s ease-out;-moz-transition:border-color .3s ease-out;-o-transition:border-color .3s ease-out;padding:1px 5px 5px 10px}
#search.focused{border:2px #009cef solid;padding:0 4px 4px 9px}
#search input{width:162px;height:16px;z-index:2;background:url(/img/assets.png) left 5px no-repeat;border:0;-webkit-font-smoothing:antialiased;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;padding:2px 0 0 19px}
#bgleft{background:transparent url(/img/bgleft.png) no-repeat left 0;padding:0 40px}
#bgright{background:transparent url(/img/bgright.png) no-repeat right 0;margin-right:-40px;padding:0 40px 0 0}
.left{width:230px;float:left}
.right{width:230px;float:right}
.box,.box_comment{background:#fff;border:1px solid #d5d5d5;margin:10px 0 0;padding:0}
.box > h2{border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;-webkit-border-radius:6px 6px 0 0;height:32px;line-height:32px;background:transparent url(/img/box_header.png) repeat-x 0 0;border-bottom:1px solid #d5d5d5;padding:0 10px}
.box_comment h3,.box_comment h2{color:#0098CA;font-size:22px;line-height:110%;border-bottom:1px solid #d5d5d5;margin-bottom:10px;padding:8px}
.box_comment h2{text-align:center;border:none;}
.box_comment,.box > h2 a{color:#333}
.content{float:right;width:675px;margin:0 0 10px}
.contentleft{float:left;width:670px;margin:0 10px 0 0}
.box_content{padding:10px}
.box_content table{margin-left:5px}
.sold{background:url(/img/sold.jpg) no-repeat center center}
.itemtitle{color:#0098CA;border-top:1px solid #E5E5E5;font-size:200%;line-height:110%;margin:10px 0 0;padding:10px 0 0}
.date,.rating,.price {font-size:11px;color:#555;}
.rating{float:right;padding:0 0 4px}
.rating span{display:block;float:left;margin:0;padding:0 4px 0 0}
.ratingform{display:block;vertical-align:middle;line-height:25px;float:left}
.ratinglog{float:left;margin:0;padding:0 0 0 4px}
.ratingform .loading{background:url(/img/ajax-loader.gif) no-repeat left center;height:22px;padding:0 0 0 50px}
.ratinglist,.ratinglist a:hover,.ratinglist .currentrating{background:url(/img/star.gif) left -1000px repeat-x}
.ratinglist{position:relative;float:left;width:125px;height:25px;overflow:hidden;list-style:none;background-position:left top;margin:0!important;padding:0}
.ratinglist li{display:inline;background:none;padding:0}
.ratinglist a,.ratinglist .currentrating{position:absolute;top:0;left:0;text-indent:-1000px;height:25px;line-height:25px;outline:none;overflow:hidden;border:none;cursor:pointer}
.ratinglist a:hover{background-position:left bottom}
.ratinglist a.one-star{width:20%;z-index:6}
.ratinglist a.two-stars{width:40%;z-index:5}
.ratinglist a.three-stars{width:60%;z-index:4}
.ratinglist a.four-stars{width:80%;z-index:3}
.ratinglist a.five-stars{width:100%;z-index:2}
.ratinglist .currentrating{z-index:1;background-position:0 center;margin:0;padding:0}
.seller{color:#fff;background:url(/img/bluebutton_bg.png) repeat-x scroll bottom #186CA5;text-align:left;border-bottom:2px solid #ddd;border-top:2px solid #ddd;margin:5px 0;padding:4px 10px}
.toolbar{border-bottom:1px solid #e5e5e5;margin:2px 0 10px;padding:4px 0 5px}
.toolbar ul{text-align:left;list-style:none;font-size:11px;margin:0!important;padding:0 0 4px!important}
.toolbar ul li{display:inline;list-style:none;border-left:1px solid #ccc;text-align:center;background:none;margin:0;padding:0 4px 0 8px}
.toolbar ul > li:first-child{border:none;padding-left:0!important}
.toolbar ul li a img{vertical-align:middle}
.imageblock{text-align:center;margin:0 0 16px;padding:0}
span.itemimage,.thumb{display:block;text-align:center;border:1px solid #d1d1d1;padding:6px}
.comment,.ccomment{clear:both;background:#fff;border:1px solid #d5d5d5;margin:10px 0;padding:5px}
.ccomment{margin:5px 0 5px 100px}
.box,.box_comment,.sender img,.comment,.ccomment,.graybutton,span.itemimage,.thumb,input[type=text],input[type=password],select,textarea{-webkit-border-radius:4px;border-radius:4px;-moz-border-radius:4px}
.sender img,.comment,.ccomment,span.itemimage,.thumb{-moz-box-shadow:0 0 4px #bbb}
.sender img{width:60px;padding:5px}
.sender{width:90px;float:left;margin:5px}
.commentbody,.ccommentbody{width:525px;float:right;padding:5px}
.ccommentbody{width:425px}
.rcomment{float:right;margin-bottom:10px}
#paging{text-align:right}
.thumb{width:120px;height:110px;float:left;text-align:center;margin:5px 10px 10px 0}
.thumb .img{width:120px;height:95px;overflow:hidden}
.chkimg{clear:both;height:20px;width:120px;cursor:pointer}
.itemdetail{width:340px;font-size:11px;text-align:left}
.itemseller{float:right;width:300px}
ul.item,ul.detail{width:300px;display:block;list-style:none;margin:0;padding:0}
ul.item li,ul.detail li{border-bottom:1px solid #D1D1D1;line-height:24px}
ul.item li span,ul.detail li span.strong{float:left;font-weight:700;width:80px}
ul.itemshare{list-style:none;float:left;margin:0;padding:0}
ul.itemshare li{float:left;list-style:none;margin:0;padding:0 4px}
ul.itemshare li a{float:left;display:block;width:16px;height:16px;background-position:0 0;background-repeat:no-repeat}
.breadcumb{line-height:16px;font-size:11px}
a.home{width:16px;height:16px;background:url(/img/home.gif) no-repeat 0 0;float:left;padding:2px 5px}
a.delicious{background-image:url(/img/share/delicious_16.png)}
a.digg{background-image:url(/img/share/digg_16.png)}
a.facebook{background-image:url(/img/share/facebook_16.png)}
a.googlebuzz{background-image:url(/img/share/googlebuzz_16.png)}
a.myspace{background-image:url(/img/share/myspace_16.png)}
a.reddit{background-image:url(/img/share/reddit_16.png)}
a.stumble{background-image:url(/img/share/stumbleupon_16.png)}
a.technorati{background-image:url(/img/share/technorati_16.png)}
.prodline{width:660px;clear:both}
.prodbox{height:90px;position:relative;width:310px;border:solid 1px #d5d5d5;float:left;overflow:hidden;margin:0 5px 5px 0;padding:5px}
.w200{float:right;width:219px;margin:10px 0 0 5px}
.ml0{margin-left:0}
.proddtl{clear:both;padding-top:5px}
.prodsmall,.prodbig{float:left;width:60px;text-align:center;overflow:hidden}
.prodbig{width:120px}
.prodbig img{height:90px}
.prodsmall img{height:45px}
.infosmall,.infobig{float:right;width:130px;margin-left:5px;}
.nbi,.nti{overflow:hidden;float:right;width:auto;position:absolute;right:10px;top:6px;margin:0 0 8px}
.nbi{float:right;left:6px}
.nbi .prev,.nbi .next,.nti .prev,.nti .next{background:transparent url(/img/nsp_interface.png) no-repeat 0 -62px;float:left;border:none!important;height:20px;width:20px;cursor:pointer;text-indent:-999em;margin:0;padding:0!important}
.nbi .prev:hover,.nti .prev:hover{background-position:0 -82px}
.nbi .next,.nti .next{background-position:0 -22px}
.nbi .next:hover,.nti .next:hover{background-position:0 -42px}
label.left{float:left;padding-top:3px;text-align:right;width:55px}
input.form_input{width:135px;margin:0;}
select.form_input{margin-left:5px;width:140px;}
.suggestionsBox{position:absolute;min-width:140px;background:#fff;border:1px solid #ccc;color:#007399;display:none;z-index:1;margin:-5px 0 0 60px}
.suggestionList{margin:0;padding:0}
.suggestionList li{cursor:pointer;list-style-type:none;text-align:left;margin:0;padding:1px 2px}
.suggestionList li:hover{background:#eee}
.form p{clear:both;margin:0}
.form label{display:inline;float:left;line-height:30px;text-align:right;width:140px}
input[type=text],input[type=password],select,textarea{display:inline;background:none repeat scroll 0 0 #fff;border:1px solid #d5d5d5;-moz-box-shadow:0 0 4px #ccc inset;margin:4px 5px;padding:3px}
.w350{width:350px}
.w500{width:500px}
select{padding:2px}
input[type=radio]{margin-top:8px;padding:0}
.form input[type=checkbox]{margin:0}
#cari input[type=text],#cari select{margin:0 0 5px 5px}
option.dir{background:#08e;font-weight:700}
textarea#htmlarea{width:500px;height:250px}
div.jHtmlArea{border:solid 1px #C8D2D9}
.valid{padding:0 0 0 145px}
#loading, #getimageloading{display:none;padding:5px}
#error,#emsg{color:red;line-height:26px}
.graybutton{float:left;text-align:center;cursor:pointer;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:url(/img/tab_bg.png) #fff bottom repeat-x;border:1px solid #c4c4c4;height:26px;line-height:26px;color:#444;margin:0 5px 5px 0;padding:0 10px}
.graybutton:hover{background:url(/img/bluebutton_bg.png) #186ca5 bottom repeat-x;border:1px solid #0f1f29;color:#fff}
.upload{float:left;width:480px}
.wrapperz{width:260px;margin:5px 0}
.button3{background:transparent url(/img/button.png) repeat scroll 0 0;font-size:14px;color:#fff;height:24px;padding-top:5px;margin-right:10px;width:70px}
.button3.hover{background:transparent url(/img/button.png) repeat scroll 0 41px;color:red}
.button3,.graybutton{float:left;text-align:center;cursor:pointer;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding}
.page{clear:both;margin:5px 2px;padding:5px 5px 5px 0}
.page a{background:url(/img/tab_bg.png) #fff bottom repeat-x;border:1px solid #c4c4c4;color:#007399;text-decoration:none;margin:2px;padding:1px 6px}
.page a:hover,.page a:active,.page span.courante{background:url(/img/bluebutton_bg.png) #186ca5 bottom repeat-x;border:1px solid #0f1f29;color:#fff;margin:2px;padding:1px 6px}
#content table{width:650px;text-align:left;border-collapse:collapse}
#content table thead th{border-bottom:1px solid #ddd;border-top:1px solid #ddd;font-weight:700}
#content tbody{border-bottom:1px solid #ddd}
#content tbody tr{background:#fff;height:100px}
#content tbody tr.alt-row{background:#f5f5f5}
#content table tbody td,#content table th{line-height:18px;padding:0 5px}
#content table th{line-height:30px}
#content table tbody td img{vertical-align:text-top;margin:2px}
#content table tfoot td{padding:5px 0 0}
#content tbody tr.color1{background:#DEFCFA}
#content tbody tr.color2{background:#FCD4E3}
#content tbody tr.color3{background:#FBFCD4}
#footer{background:url(/img/bg_footer.png) no-repeat 0 30px;clear:both;text-align:center;height:30px;padding:40px 0}
.cl,.produk_cate,ul.item li ul{clear:both}
.pr,.nsp{position:relative}
.siteRoot,ul.itemshare li a span{display:none}
ul.detail li li,ul.item li ul li{border:none}
.infobig,.w180{width:180px}
.w160 {width:160px;}
.ads {margin:5px}

ul.dropdown,ul.dropdown li,ul.dropdown ul,ul.menu,ul.menu li,ul.menu ul{list-style:none;margin:0;padding:0}
ul.dropdown{position:relative;z-index:597;width:190px;}
ul.dropdown li{line-height:1.2em;vertical-align:middle;zoom:1;float:none;border:none;padding:0}
ul.dropdown li.hover, ul.dropdown li:hover{position:relative;z-index:599;cursor:default}
ul.dropdown ul{visibility:hidden;position:absolute;z-index:598;width:150px;background-color:#fff;font-weight:400;font-size:11px;top:0;left:100%;border-color:#f0f0f0 #ccc #ccc #f0f0f0;border-style:solid;border-width:1px;padding:3px 6px}
ul.dropdown ul li{float:none;border:none}
ul.dropdown ul li a{padding:3px 5px}
ul.dropdown ul li a:hover{background:#eee}
ul.dropdown ul ul,ul.menu ul ul{top:1px;left:99%}
ul.dropdown li:hover > ul,ul.menu li:hover > ul{visibility:visible}
ul.dropdown li.divider{border-top:solid 1px #e5e5e5}
ul.dropdown a:link,ul.dropdown a:visited,ul.dropdown a:hover{color:#008CC4}
ul.dropdown a:hover{color:#E80422}
ul.dropdown a:active{color:#ff0084}
ul.dropdown .dir{padding-right:25px;background-repeat:no-repeat;background-image:url(/img/arrow-right.png);background-position:160px 50%}
ul.dropdown a,ul.dropdown span{display:block;padding:1px 5px}
ul.dropdown li a,ul.dropdown .dir{border-color:#fff;border-style:solid;border-width:1px 0 1px 1px}
ul.dropdown li.hover .open{position:relative;background:#fff url(/img/nav-arrow-right-open.png);color:#008CC4;z-index:0;border-color:#f0f0f0 #666 #666 #f0f0f0;margin:-1px 0;padding:4px 0 4px 7px}
ul.dropdown ul a.dir:hover{background-image:url(/img/arrow-right-on.png)!important}
ul.dropdown li:hover > .dir{position:relative;z-index:600;background-color:#fff;background-image:url(/img/arrow-right-on.png);color:#008CC4;border-color:#f0f0f0 #ccc #ccc #f0f0f0;margin:-1px;padding:2px 0 2px 6px}
ul.menu {position: relative; z-index: 897; float: left;}
ul.menu li {float: left; line-height: 1.3em; vertical-align: middle; zoom: 1;}
ul.menu li.hover,ul.menu li:hover { position: relative; z-index: 899; cursor: default;background: #eee url(/img/grad2.png) 0 100% repeat-x;}
ul.menu ul {visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 898; width: 100%;width: 150px;margin-top: 0;}
ul.menu ul li {float: none;}
ul.menu li {padding: 5px 17px;border-style: solid;border-width: 1px 1px 1px 0;border-color: #fff #d9d9d9 #d9d9d9;background-color: #f6f6f6;}
ul.menu a{color: #333;}
ul.menu a:hover,ul.menu a:active{color: #08e;}
ul.menu *.dir {padding-right: 20px;background: url(/img/nav-arrow-down.png) no-repeat 100% 50%;}
ul.menu ul *.dir {padding-right: 15px; background: url(/img/arrow-right.png) no-repeat 100% 50%;}
ul.menu a,ul.menu span {display: block;padding: 5px 17px;}
ul.menu li a:active {background: url(/img/grad1.png) repeat-x;}
ul.menu li a,ul.menu *.dir {border-style: solid;border-width: 1px 1px 1px 0;border-color: #fff #d9d9d9 #d9d9d9;}
ul.menu li {padding: 0;border: none;}
ul.menu li.hover *.open,ul.menu li:hover > *.dir {border-style: solid;border-width: 1px 1px 1px 0;border-color: #08e #d9d9d9 #d9d9d9;background-color: #fff;}
ul.menu ul li.hover *.open, ul.menu ul li:hover > *.dir{padding-left: 16px;border-top-color: #fff;border-left: solid 1px #08e;}
ul.dropdown ul ul li a {padding:1px}
ul.menu ul ul ul li a{padding:2px 5px}