html ul{padding:0px;}
body{margin:0px; width:100%; height:100%; background:url(images/bg.gif); font:normal 12px verdana; padding:0px}
h2{margin:0px;}
form{margin:0px}
a img{border:none}
button.update{background:url(images/update-icon.gif) no-repeat; height:26px; width:82px; border:none; padding-left:32px; margin-right:10px}
button.update:hover{background:url(images/update-icon.gif) no-repeat 1px 1px; cursor:pointer}
button.continue{background:url(images/continue.gif) no-repeat; height:24px; width:82px; border:none; padding-left:32px; margin-right:10px}
button.login{background:url(images/login.gif) no-repeat; height:24px; width:72px; border:none; padding-left:32px; margin-right:10px}
button.proceed{background:url(images/proceed.gif) no-repeat; height:26px; width:145px; border:none; padding-left:32px; margin-right:10px}
button.proceed:hover{background:url(images/proceed.gif) no-repeat 1px 1px; cursor:pointer}
button.shop{background:url(images/btn-shopp.gif) no-repeat; height:26px; width:136px; border:none; padding-left:32px; margin-right:10px}button.shop:hover{background:url(images/btn-shopp.gif) no-repeat 1px 1px; cursor:pointer}
input{background:#ecffee; border:1px solid #689669; text-align:left}
input.user{width:162px; padding:5px 0px 5px 30px; background:url(images/images/login_01.gif) no-repeat; border:none;}
textarea{background:#ecffee; border:1px solid #689669; text-align:left}
input.btn{background:#64c86b; text-align:left; color:#070d07; border:none; text-align:center}
span.kosong{color:#FF0000; text-decoration:line-through;}
button.buy{width:42px; height:19px; background:url(images/buy.jpg) no-repeat; border:none}
#login{width:100%; position:relative; text-align:right;}
#header{position:relative; width:100%; background:url(images/bg-atas.gif) repeat-x bottom left; padding-bottom:40px}
#header div.chart{width:100%;text-align:right}
#header table{width:880px; background:none; color:#b8a696;}
#header table td a{color:#a79388; text-decoration:none}
#header table td a:hover{color:#000000}
#header table td form div{width:324px; padding:3px 0px ; background:url(images/images/user-login.gif) no-repeat; text-align:right}
#header table td form div input{background:none; border:none; padding-right:5px; width:90px; margin-right:25px}
#header table td form div input.username{width:95px; background:none; border:none; margin-right:5px}
#header table td form div button{width:35px; height:20px; background:none; border:none}
#header table td div.logo,#header table td div.menus{width:48%; float:right}
#header table td div.logo img{margin-top:40px; margin-left:}
#header table td div.menus div.best{width:100%; float:left}
#header table td div.menus div.best img{float:left}
#header table td div.menus div.best div.search{width:200px; float:right; padding:2px 0px; background:url(images/images/search.gif) no-repeat right;}
#header table td div.menus div.best div.search input{background:none; width:95px; float:right; margin-right:5px; border:none}
#header table td div.menus div.best div.search button{height:20px; width:55px; float:right; background:none; border:none}
#header table td div.menus div.best ul{width: 100%;margin: 10px 0px 0px 0px;text-align: left;}
#header table td div.menus div.best ul li{color:#b8a696; width:49%; float:left; list-style-image:url(images/shad.gif)}
#header table td div.menus div.best div.shading{width:49%; float:left; margin-top:5px}
#header table td div.menus div.best div.shading div{background:url(images/shad.gif) no-repeat 0px 2px; padding-left:20px; color:#b8a696; float:left}
#header table td div.menus div.best div.shading div a{color:#b8a696; text-decoration:none}
#header table td div.menus div.best div.shading div a:hover{text-decoration:underline}
#middle{position:relative; background:#dcf0dd; width:100%;}
#middle table{width:880px;}
#middle table td.menu div{padding:5px 25px; float:left; color:#b8a696; font-size:13px; text-transform:uppercase; margin-top:10px}
#middle table td.menu ul{width: 100%; margin: 10px 0px 0px 0px; text-align:left;}
#middle table td.menu ul li{display:inline; color:#a79080; text-transform:uppercase; }
#middle table td.menu ul li.bg{background:#CCCCCC;}
#middle table td.menu ul li a{padding:5px 25px; background:url(images/line.gif) repeat-y right top; color:#a79080; text-decoration:none;}
#middle table td div.error{padding:10px; background:#fcffe7; width:90%; float:left; margin-bottom:30px; border:1px solid #990000; color:#FF0000; font-weight:bold;}
#middle table td.menu ul li a.act{background:url(images/bg-menu-hover.jpg) center;}
#middle table td.menu ul li a:hover{background:url(images/bg-menu-hover.jpg) center;}
#middle table td.menu ul li a.none{padding:5px 0px 5px 33px; color:#0099FF; background:none; color:#a79080; text-decoration:none;}
#middle table td.menu ul li a.none-act{background:url(images/bg-menu-hover.jpg) center; padding:5px 0px 5px 33px;}
#middle table td.menu ul li a.none-a{padding:5px 33px 5px 0px; color:#0099FF; background:none; color:#a79080; text-decoration:none; background:url(images/line.gif) repeat-y right top;}
#middle table td.menu ul li a.none-a-act{background:url(images/bg-menu-hover.jpg) center; padding:5px 33px 5px 0px;}
#middle table td div.imgatas,#middle table td div.imgbawah{width:372px; height:27px}
#middle table td.menu ul li a.none:hover{background:url(images/bg-menu-hover.jpg) center;}
#middle table td.menu ul li a.none-a:hover{background:url(images/bg-menu-hover.jpg) center;}
* html div#middle table td.menu ul li a{ /*IE only hack*/
width: 100%; height:100%
}
div#middle table td.login{width:880px;}
div#middle table td.login form table.login, div#middle table td.login table.login{width:700px; margin:10px 0px; border-top:1px solid #6f9671; border-left:1px solid #6f9671; background:#f5fff5; color:#a79080}
div#middle table td.login form table.login td, div#middle table td.login table.login td{padding:4px;border-bottom:1px solid #6f9671; border-right:1px solid #6f9671;}
div#middle table td.login form table.login td a:hover, div#middle table td.login table.login td a:hover{color:#000000; text-decoration:underline}
/*view chart*/
div#middle table td.login form table.view, div#middle table td.login table.view{color:#000000; margin:10px 0px; margin:50px 0px; color:#a79080; width:700px;}
div#middle table td.login table.view td.head-title {background:url(images/table/head-title.gif) no-repeat top left; height:30px; color:#FFFFFF; margin:0px; text-transform:uppercase; font-weight:bold}
div#middle table td.login table.view td.foot-title {background:url(images/table/foot-title.gif) no-repeat bottom left; height:20px;}
div#middle table td.login table.view td.head-title div{padding-left:10px;}
div#middle table td.login table.view tr.tr-satu td{background:#bad0bb; padding:5px 0px;border-top:1px solid #fbfdef; border-right:1px solid #fbfdef}
div#middle table td.login table.view tr.tr-satu td div{color:#fff; font-weight:bold; text-align:left; padding-left:10px;}
div#middle table td.login table.view tr.tr-dua td{background:#cedecf; padding:5px 0px;border-top:1px solid #fbfdef; border-right:1px solid #fbfdef;}
div#middle table td.login table.view tr.tr-dua td div{color:#003300; text-align:left; padding-left:10px;}
div#middle table td.login table.view tr.tr-dua td div img{margin-bottom:10px;}
div#middle table td.login form table.view td, div#middle table td.login table.view td{padding:4px;}
div#middle table td.login form table.view td input.cntr, div#middle table td.login table.view td input.cntr{text-align:center}
div#middle table td.login form table.view td em, div#middle table td.login table.view td em{color:#993300; font-size:10px;}
div#middle table td.login form table.view span, div#middle table td.login table.view span{color:#FF0000}
div#middle table td.login form table.view strong, div#middle table td.login table.view strong{color:#a79080}
#middle table td div.imgatas{background:url(images/bg-gradient-atas.jpg) no-repeat bottom center; height:90px}
#middle table td div.imgbawah{background:url(images/bg-gradient-bawah.jpg);}
#middle table td div.conten, #middle table td div.gb{width:90%; margin-top:20px; float:left}
#middle table td div.gb img{margin:20px 0px 0px 20px}
#middle table td div.gb h2{color:#b8a696; padding-left:20px;}
#middle table td div.conten{background:url(images/line.gif) repeat-y left top; padding-left:20px; margin-bottom:10px; color:#706c6c; text-align:justify; padding-bottom:10px}
#middle table td div.conten div.imgshow{width:200px; float:left}
#middle table td div.conten div.imgshow img{float:left}
#middle table td div.conten div.imgshow div.atas{width:100%; height:18px;float:left; background:url(images/bg-show-atas.jpg) center top no-repeat}
#middle table td div.conten div.imgshow div.bawah{width:100%; height:18px;float:left; background:url(images/bg-show-bawah.jpg) center top no-repeat}
/* news */
#middle table td div.conten div.imgshow-news{width:550px; float:left}
#middle table td div.conten div.imgshow-news table{width:auto}
#middle table td div.conten div.imgshow-news table td.atas{width:100%; height:18px; background:url(images/bg-show-atas.jpg) center top no-repeat}
#middle table td div.conten div.imgshow-news table td.bawah{width:100%; height:18px;float:left; background:url(images/bg-show-bawah.jpg) center top no-repeat;}
#middle table td div.conten div.imgshow-news img{float:left}
#middle table td div.conten div.imgshow-news div.atas{width:100%; height:18px;float:left; background:url(images/bg-show-atas.jpg) center top no-repeat}
#middle table td div.conten div.imgshow-news div.bawah{width:100%; height:18px;float:left; background:url(images/bg-show-bawah.jpg) center top no-repeat; margin-bottom:140px}
#middle table td div.conten div.textshow{width:210px; float:left; margin-left:15px}
#middle table td div.conten div.textshow div.isi{width:98%; float:left; padding-top:10px}
#middle table td div.conten div.textshow div.isi span{font-size:14px; font-weight:bold}
#middle table td div.conten div.textshow div.isi span.harga{color:#fe6800; font-size:12px;}
#middle table td div.conten div.text-content{width:500px; float:left;}
#middle table td div.conten div.text-content div.isi{width:98%; float:left; padding-top:10px}
#middle table td div.conten div.text-content div.isi span{font-size:14px; font-weight:bold}
#middle table td div.conten div.text-content div.isi span.harga{color:#fe6800; font-size:12px;}
#middle table td div.thum{width:370px; float:left; margin-top:80px; color:#706c6c}
#middle table td div.thum a img {border:none}
#middle table td div.contact{width:370px; float:left; margin-top:80px; color:#777}
#middle table td div.contact p{margin-top:10px; width:90%}
#middle table td div.contact p span{font-weight:bold}
#middle table td div.page{width:370px; float:left; text-align:right; color:#a1a6a1; margin-top:10px; font-size:11px; margin-bottom:15px;}
#middle table td div.page div{float:right; padding-right:25px;}
#middle table td div.page div a{color:#a1a6a1; text-decoration:none}
#middle table td div.page div a:hover{text-decoration:underline}
#middle table td div.page span{font-size:13px; font-weight:bold; text-decoration:underline}
#middle table td div.thum {text-align:left}
#middle table td div.thum table.thumb{width:100px; float:left; margin-right:23px; margin-bottom:10px}
#middle table td div.thum table.thumb td div{font-size:11px; color:#a79080; margin-top:5px; padding:0px}
#middle table td div.thum table.thumb td div a{color:#9d9d9d; text-decoration:none; font-weight:bold; font:100%arial}
#middle table td div.thum table.thumb td div a:hover{color:#000000; text-decoration:underline}
#middle table td div.thum table.thumb td a img{border:none}
#middle table td div.thum table.thumb td a:hover img{opacity:0.6; filter:alpha(opacity=60);}
/*tabel thumb 100%*/
#middle table td div.thum table.img-thum{width:370px; float:left; margin-right:23px; margin-bottom:10px}
#middle table td div.thum table.img-thum td{width:120px;}
#middle table td div.thum table.img-thum td div{font-size:11px; color:#a79080; margin-top:5px; padding:0px}
#middle table td div.thum table.img-thum td div a{color:#9d9d9d; text-decoration:none; font-weight:bold; font:100%arial}
#middle table td div.thum table.img-thum td div a:hover{color:#000000; text-decoration:underline}
#middle table td div.thum table.img-thum td a img{border:none}
#middle table td div.thum table.img-thum td a:hover img{opacity:0.6; filter:alpha(opacity=60);}
#middle table td div.thum table.img-thum td div.harga{font-size:12px; color:#fe6800; font-weight:bold; text-decoration:none; padding:4px 0px;}
#middle table td div.thum table.thumb td div.harga{font-size:12px; color:#fe6800; font-weight:bold; text-decoration:none; padding:4px 0px;}#middle table td div.thum table.thumb td div.harga span{font-size:11px; color:#a79080; font-weight:normal}
#middle table td div.history{color:#777777; margin-top:20px}
#middle table td div.history a{font-size:11px;color:#9d9d9d; text-decoration:none}
#middle table td div.history a:hover{font-size:11px;color:#777777; text-decoration:underline}
#middle table td div.slogan{width:880px; height:38px; float:left}
#middle table td div.slogan div.kiri{background:url(images/gb-slogan-kiri.jpg) no-repeat; width:68px; height:38px; float:left}
#middle table td div.slogan div.tengah{background:url(images/gb-slogan-tengah.jpg) repeat-x; width:740px; height:38px; float:left}
#middle table td div.slogan div.tengah table{width:100%; height:35px; color:#8d8d8d}
#middle table td div.slogan div.kanan{background:url(images/gb-slogan-kanan.jpg) no-repeat; width:68px; height:38px; float:left}
#middle table td div.copy{float:right; padding-right:75px; margin:20px 0px; font-size:11px; color:#8d8d8d}
#footer{position:relative; background:url(images/bg-footer.gif) repeat-x; width:100%; height:50px}
.hintsClass {
font-family: tahoma, verdana, arial;
font-size: 12px;
background-color: #f0f0f0;
color: #000000;
border: 1px solid #808080;
padding: 5px;
}