body { margin: 21px 10px 20px 10px; background: url(images/bg-body.gif) top repeat-x; padding: 0px; }
body,td { font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #666; }
td { vertical-align: top; }
td.valbot { vertical-align: bottom; }
td.valmid { vertical-align: middle; }
p,h1,h2,h3,form,ul { margin: 0px; padding: 0px; }
ul,li { list-style: none; }
li.padli { display: block; padding: 2px 0px 4px 0px; border-bottom: 1px solid #efefef; }
li.padsmall { padding: 1px 0px 2px 0px; color: #999; }
ul li ul li { display: block; padding: 2px 0px 4px 0px; border-bottom: 1px solid #efefef; }
ul li ul li span { color: #999; font-size: 10px; }
ul li ul li.noborder { background: none; }
ul li ul li a, li.padsmall a { color: #7c7c7c; font-size: 11px; }
ul li ul li a:hover { color: #333; }
a { color: #2a92c8; text-decoration: none; }
a.smrlink { font-size: 10px; color: #F90; }
a.glink { font-size: 10px; color: #393; }
a:hover { text-decoration: underline; }
a.btn-addprice { display: block; height: 35px; background: url(images/bg-btn-add-price.gif) top; overflow: hidden; text-indent: -3000px; }
a.btn-addprice:hover { background-position: bottom; }
a.a-ban-harga { display: block; width: 80px; height: 40px; background: url(images/bg-btn-ban-harga.gif) top; overflow: hidden; text-indent: -3000px; }
a.a-ban-harga:hover { background-position: bottom; }
a.a-ban-toko { display: block; width: 80px; height: 40px; background: url(images/bg-btn-ban-toko.gif) top; overflow: hidden; text-indent: -3000px; }
a.a-ban-toko:hover { background-position: bottom; }
a.a-ban-bekas { display: block; width: 80px; height: 40px; background: url(images/bg-btn-ban-bekas.gif) top; overflow: hidden; text-indent: -3000px; }
a.a-ban-bekas:hover { background-position: bottom; }
small { font-size: 10px; color: #999; }

h2 { font-size: 13px; }
h3 { font-size: 12px; margin-bottom: 3px; }

#topheader { margin: auto; width: 940px; height: 30px; }
#topheader h1 { font-size: 13px; border-bottom: 1px solid #e4e4e4; }

#header { margin: auto; width: 974px; height: 58px; margin-bottom: 15px; }
#header-left { float: left; width: 211px; }
#header-left a { display: block; height: 58px; background: url(images/bg-logo.gif) top; overflow: hidden; text-indent: -3000px; }
#header-left a:hover { background-position: bottom; }
#header-right { float: right; width: 736px; height: 58px; text-align: right; padding-right: 15px; font-size: 11px; background: url(images/bg-header-right.gif) center left no-repeat; }
#header-right a { text-decoration: underline; }
#header-right a:hover { text-decoration: none; }

#headermenu { margin: auto; width: 944px; height: 26px; padding: 0px 15px 0px 15px; }
#headermenu li { float: left; margin-right: 5px; font-size: 11px; }
#headermenu li a { display: block; height: 19px; padding: 7px 10px 0px 10px; text-decoration: none; color: #6e9ab1; }
#headermenu li a:hover, #headermenu li a.linkactive { background: url(images/bg-litop.gif); color: #fff; }

#addstore { float: right; height: 32px; width: 291px; padding-right: 7px; }
#addstore a { display: block; background: url(images/bg-btn-add-store.gif) top; height: 32px; width: 291px; overflow: hidden; text-indent: -3000px; }
#addstore a:hover { background-position: bottom; }

#headerbar { margin: auto; width: 974px; height: 26px; background: url(images/bg-headerbar.gif); border-bottom: 1px solid #2f88b7; }
#headerbar li { float: right; height: 26px; border-right: 1px solid #4bacdd; font-size: 11px; }
#headerbar li a { color: #fff; display: block; height: 20px; padding: 6px 15px 0px 15px; }
#headerbar li a:hover { background: #cfedfd; color: #2a92c8; }

#searchbox { margin: auto; width: 750px; margin-bottom: 5px; background: url(images/bg-search.gif) no-repeat; height: 38px; padding: 9px 0px 0px 224px; }
#searchbox input.sbox { padding: 5px 15px 6px 15px; font-size: 12px; background: #fff; border: 1px solid #eee5cf; }

#headerexbar { margin: auto; width: 944px; padding: 5px 15px 8px 15px; margin-bottom: 15px; border-bottom: 1px solid #ccc; font-size: 11px; }
#headerexbar a { color: #990; }

#root { margin: auto; width: 974px; border-bottom: 1px solid #ccc; }

#root-left { float: left; width: 211px; margin-right: 12px; }
#root-leftin { float: left; width: 662px; }
#root-left h1, #root-leftin h1 { display: block; font-weight: normal; font-size: 18px; margin-bottom: 15px; color: #333; }
#root-leftin h1 { padding: 15px; }
#root-leftin h1 span { display: block; font-size: 13px; color: #960; font-family: Verdana, Geneva, sans-serif; padding-top: 5px; }
#root-left h2, #root-leftin h2 { display: block; height: 16px; padding: 10px 0px 0px 16px; text-transform: uppercase; color: #666; font-weight: normal; }
#root-leftin h2 { background: url(images/bg-h2-leftin.gif); }
#root-left h2 { background: url(images/bg-h2-left.gif); }
#root-left h2.h2spec { background: url(images/bg-h2-left-spec.gif); height: 23px; color: #fff; }
#root-leftin h2.nocaps { text-transform: none; color: #333; }
#root-leftin h3.cattitle { font-family: Georgia, "Times New Roman", Times, serif; font-size: 40px; color: #000; font-weight: normal; margin-bottom: 15px; }
#root-left ul li ul li a { color: #37a6cd; }

#root-center { float: left; width: 439px; }
#root-center h2 { display: block; height: 16px; background: url(images/bg-padbox.gif); padding: 10px 0px 0px 16px; text-transform: uppercase; color: #666; font-weight: normal; }
#root-center h2.padtitleb { background: url(images/bg-padboxb.gif); color: #333; border-bottom: 1px dotted #efefef; font-size: 11px; }
#root-center h2.padtitley { background: url(images/bg-padboxy.gif); color: #333; border-bottom: 1px dotted #efefef; font-size: 11px; }
#root-center h2.h2spec { background: url(images/bg-h2-center-spec.gif); height: 23px; color: #fff; }
#root-center h2.h2spec2 { background: url(images/bg-h2-center-spec2.gif); height: 23px; color: #fff; }
#root-center h2.h2spec-musik { background: url(images/bg-h2-center-spec-musik.gif); height: 22px; font-size: 11px; padding-top: 80px; color: #fff; }
.padbox { background: url(images/bg-padbox.gif) top no-repeat; padding-top: 26px; }

.inmenufloat { border-bottom: 1px solid #2f8fbf; height: 22px; font-size: 11px; background: #def3fd; }
.inmenufloat li { float: left; margin: 0px 0px 0px 8px; }
.inmenufloat li a { display: block; padding: 4px 8px 0px 8px; height: 18px; color: #6e9ab1; }
.inmenufloat li a.activelink, .inmenufloat li a:hover { background: url(images/bg-litop.gif) repeat-x; color: #fff; text-decoration: none; }

#lisortfloat { height: 22px; margin-bottom: 10px; }
#lisortfloat li { float: right; height: 22px; margin-left: 10px; }
#lisortfloat li a { display: block; height: 22px; width: 120px; background-position: top; overflow: hidden; text-indent: -3000px; }
#lisortfloat li a.sortpricenew { background: url(images/bg-btn-sort-pricenew.gif); }
#lisortfloat li a.sortpriceasc { background: url(images/bg-btn-sort-priceasc.gif); }
#lisortfloat li a.sortpricedesc { background: url(images/bg-btn-sort-pricedesc.gif); }
#lisortfloat li a:hover { background-position: bottom; }

#root-right { float: right; width: 300px; }
#root-right h2 { display: block; height: 16px; background: url(images/bg-h2-right.gif); padding: 10px 0px 0px 16px; text-transform: uppercase; color: #666; font-weight: normal; }
#root-right h2.h2spec { background: url(images/bg-h2-right-spec.gif); height: 23px; color: #fff; }
#root-right h3 { font-size: 12px; color: #333; display: block; padding-bottom: 3px; border-bottom: 1px solid #efefef; margin-bottom: 8px; }

.footdiv { margin: auto; width: 944px; padding: 20px 15px 8px 15px; margin-bottom: 15px; text-align: center; font-size: 11px; color: #999; background: url(images/bg-inbox-spec.gif) top repeat-x; }
.brandfloat li { float: left; margin: 0px 12px 0px 12px; }
.brandfloat li a { display: block; width: 90px; font-size: 11px; }
.brandfloat li a span { display: block; }
.brandfloat li a:hover { text-decoration: none; color: #666; }

#footer { margin: auto; width: 944px; padding: 5px 15px 8px 15px; margin-bottom: 15px; text-align: center; font-size: 11px; color: #999; }

.clearall { clear: both; }
.inbox { border: 1px solid #e2e2e2; padding: 15px; border-top: none; line-height: 16px; margin-bottom: 15px; }
.inboxb { border: 1px solid #afd5e9; padding: 5px 15px 15px 15px; border-top: none; line-height: 16px; margin-bottom: 15px; background: #cfedfd; }
.padwhite { padding: 10px; background: #fff url(images/bg-inbox-spec.gif) top repeat-x; border: 1px solid #b8daec; margin: 5px 0px 5px 0px; }
.inboxspec { background: url(images/bg-inbox-spec.gif) top repeat-x; }
.inbox ul li h3 { clear: both; display: block; padding-top: 15px; }
.pricetitle { font-weight: bold; color: #333; margin-bottom: 4px; }
.listbox li { display: block; padding-bottom: 10px; border-bottom: 1px solid #efefef; margin-bottom: 10px; }
.listbox li span { display: block; }
.listbox li span.thumbfloat { float: right; margin-left: 10px; display: inherit; }
.listbox li span.listtitle { padding-top: 5px; font-weight: bold; margin-bottom: 8px; }
.listbox li span.listmeta { font-size: 11px; }
.lifloat li, .lifloatd li { float: left; font-size: 11px; margin-right: 15px; }
.lifloat li a, .lifloatd li a { display: block; width: 185px; color: #666; border-bottom: 1px solid #efefef; margin-bottom: 3px; }
.lifloatd li a { width: 300px; }
.lifloat li a.rlink { color: #900; font-weight: bold; }
.lifloat li a span, .lifloat li a.rlink span { font-size: 10px; color: #999; font-weight: normal; }
#root-right .lifloat li { margin-right: 10px; }
#root-right .lifloat li a { width: 123px; color: #2a92c8; }
#root-right .lilist li { float: inherit; display: block; }
#root-right .lilist li a { width: auto; }

.cloudbox li { float: left; margin-left: 5px; margin: 2px 10px 2px 0px; }
.cloudbox li.c1 { font-size: 9px; }
.cloudbox li.c2 { font-size: 10px; }
.cloudbox li.c3 { font-size: 11px; }
.cloudbox li.c4 { font-size: 12px; }
.cloudbox li.c5 { font-size: 13px; }
.cloudbox li.c6 { font-size: 14px; }
.cloudbox li.c7 { font-size: 15px; }
.cloudbox li.c8 { font-size: 16px; }
.cloudbox li.c9 { font-size: 17px; }
.cloudbox li.c10 { font-size: 18px; }
.cloudbox li a { display: inherit; border-bottom: 1px dotted #ccc; color: #4aade1; }
.cloudbox li a:hover { border-bottom: 1px solid #ccc; }

.ytext { color: #990; }
.catfloat { float: right; margin-left: 15px; }
.bbox { margin-bottom: 15px; }
.bgdot { background: url(images/bg-dot1.gif) center repeat-y; }
.bgdothor { background: url(images/bg-dot1.gif) center repeat-x; }
.padbot { margin-bottom: 10px; }
.borderbottom { border-bottom: 1px solid #efefef; padding: 2px 0px 2px 0px; }
.polpos { font-size: 36px; font-family: Georgia, "Times New Roman", Times, serif; color: #dbdbdb; padding-top: 8px; }
.p11 { font-size: 11px; }