.body{ width: 1004px; margin: auto; text-align: left; }
h4{font-size: 12px;}

.top_1{background: url(../images/top_1.jpg) no-repeat; width:141px; height: 119px; float: left;}
.top_3{background: url(../images/top_3.jpg) no-repeat; width:272px; height: 119px; float: left;}
.top_right{width: 591px; float: left;}
.logo{background: url(../images/top_2.jpg) no-repeat right; height: 80px; overflow: hidden;}

.horizontal-menu{overflow: hidden; background: #1F1F1F; height: 39px;}
.horizontal-menu-content{padding: 10px 8px;}
.horizontal-menu-item{padding:10px 4px; color: #fff; font-weight: bold;}
.horizontal-menu-item span{}
.horizontal-menu-item:hover, .horizontal-menu-content a.active{color: #ff8800;}
.horizontal-menu-content a.active{font-weight: bold;}

.mid_1{ background:url(../images/mid_1.jpg) no-repeat; width:13px; height: 47px; font-size: 1px; float: left;}
.mid_2{ background:url(../images/mid_2.jpg) no-repeat; width:12px; height: 47px; font-size: 1px; float: right}
.mid_search{ background:url(../images/mid_bg.jpg) repeat-x; height: 47px; overflow: hidden; width: 979px; float: left; text-align: center; color: #fff;}
.mid_search table{ width: 500px; margin: auto; text-align: left;}
.mid_search form{padding: 10px;}
.mid_search .button{background: #333; color: #fff; padding: 2px; border: none;}

.ex_1{ background:url(../images/ex_1.jpg) no-repeat; width:13px; height: 127px; font-size: 1px; float: left;}
.ex_2{ background:url(../images/ex_2.jpg) no-repeat; width:12px; height: 127px; font-size: 1px; float: right;}
.ex_ads{background:url(../images/ex_bg.jpg) repeat-x top #fff; height: 127px; overflow: hidden; width: 979px; float: left;}
.ex_ads_content{padding: 15px 12px;}
.ex_arrow_left{width: 13px; font-size: 1px; float: left; padding: 30px 0 0 0;}
.ex_arrow_right{width: 13px; font-size: 1px; float: right; padding: 30px 0 0 0;}
.ex_ads_group{ width: 918px; float: left;}
.ex_ads_item{ width: 153px; float: left; text-align: right;}
.ex_ads_item img{ background: #fff; border: 1px solid #CCFF66; padding: 2px;}
.ex_ads_bottom{ background: url(../images/ex_ads_bottom.jpg) no-repeat; font-size: 1px; height: 9px; clear: both;}

.thumbnails-container{position: absolute; width:918px; height: 100px; overflow: hidden;}
#thumbnails{position: absolute; width:10000px; height: 100px; left:0; top: 0;}

.body-wrap{ padding: 10px 13px; }
.main{ width: 667px; float: left; background: url(../images/white_body_top.jpg) top no-repeat #fff;}
.main-bottom{background: url(../images/body_bottom.jpg) no-repeat bottom; height: 46px;}
.sidebar{ width: 300px; float: right;}
.footer{ clear:both; padding: 4px; text-align: center; color: #fff; background: #2E4F13;}
.footer a{ color: #fff; }

.page-wrap{padding: 18px;}
.page-wrap h1{font-size: 22px; margin:0 0 10px 0; padding:0 0 6px 0; border-bottom: 2px solid #ddd;}

.main-ads{ padding: 18px 18px 0px 18px; background:url(../images/body_top.jpg) no-repeat top #F9F6E2;}
.main-ads h3{color: #D37D20; font-size: 18px; font-weight: normal; padding: 0 0 10px 0;}
.main-ads .odd{float: right;}
.main-ads-item{border: 1px solid #EAF4BD;  width: 308px; float: left; background: #fff; margin-bottom: 8px;}
.main-ads-item-content{padding: 6px;}
.main-ads-item-image{ width: 90px; float: left;}
.main-ads-item-image img{border: 1px solid #ccc; padding: 1px;}
.main-ads-item-desc{ width: 205px; float: right;}
.main-ads-item-desc h4{padding: 0; margin: 0;}
.main-ads-item-shortdesc{font-size: 11px;}
.main-ads-item-price{font-weight: bold; color: #333;}
.main-ads-spacer{clear: both; background: url(../images/grad_spacer.jpg) repeat-x bottom #F9F6E2; height: 9px; font-size: 1px;}

.new-ads{padding: 18px;}
.new-ads h3{color: #D37D20; font-size: 18px; font-weight: normal; padding: 0 0 10px 0;}
.new-ads table{width: 100%;}
.new-ads th{padding: 6px; background: #77BF26; color: #fff; font-weight: bold; text-align: center;border-bottom: 1px solid #fff;}
.new-ads td{border-bottom: 1px solid #fff;}

.search-ads{padding: 18px 0;}
.search-ads h3{font-size: 14px; padding: 0 0 10px 0;}
.search-ads table{width: 100%;}
.search-ads th{padding: 6px; background: #77BF26; color: #fff; font-weight: bold; text-align: center;border-bottom: 1px solid #fff;}
.search-ads td{border-bottom: 1px solid #fff;}

.detail-ads{padding: 0 0 8px 0;}
.detail-ads h3{font-size: 14px; padding: 0 0 10px 0;}
.detail-ads table{width: 100%;}
.detail-ads th{padding: 6px; background: #77BF26; color: #fff; font-weight: bold; text-align: center;border-bottom: 1px solid #fff;}
.detail-ads td{border-bottom: 1px solid #fff;}
.detail-ads tr.ads-even td{font-weight: bold;}

.cat-ads{padding: 18px 0;}
.cat-ads h3{font-size: 14px; padding: 0 0 10px 0;}
.cat-ads table{width: 100%;}
.cat-ads th{padding: 6px; background: #77BF26; color: #fff; font-weight: bold; text-align: center;border-bottom: 1px solid #fff;}
.cat-ads td{border-bottom: 1px solid #fff;}

.ads-exclusive{background: #fc0;}
.ads-main{background: #ffa;}
.ads-even{background: #E2FAC7;}
.ads-item-image img{border: 1px solid #ccc; padding: 1px; background: #fff;}
.ads-item-title{padding: 0; margin: 0;}
.ads-item-title a{ color: #333; }
.ads-item-title a:hover{ color: #af0000; }
.ads-item-desc{font-size: 11px;}
.ads-item-price{font-weight: bold; text-align: center;}

/*news*/
.news h2{ margin: 0px; padding: 7px 10px; font-size: 14px;}
.news-item{padding: 0; background: url(../images/h_dot.gif) repeat-x bottom;}
.news-item h3{padding: 3px 0 0 0 !important; font-size: 12px;}
.news-item h3 a{color: #333;}
.news-item h3 a:hover{color: #af0000;}
.news-item-content{line-height: 150%; padding: 5px 0; margin-bottom:15px;}
.news-item-content img{padding: 2px;border: 1px solid #ddd;margin: 0 8px 4px 0;background: #fff;float: left;}
.news-bottom{padding: 10px 0;text-align: right;}
.news-bottom a{padding: 6px 8px; background:#7AC02C; color: #fff;}
.news-bottom a:hover{padding: 6px 8px; background:#2E4F13; color: #fff;}
.news-item-info{ font-size: 11px;}

.news-list a{color: #333;}
.news-list a:hover{color: #af0000;}

#news-frontpage h2{background: #1F1F1F; color: #fff; font-size: 14px;}
#news-frontpage{padding: 0 10px; margin-bottom: 10px;}
#news-frontpage .news-bottom{padding: 8px 5px;}
#news-frontpage .news-item{padding: 8px 5px 0 5px;}

/* horizontal menu bottom */
.horizontal-menu-bottom{padding: 0 10px; text-align:center}
.horizontal-menu-bottom-content{padding: 20px 8px 4px 8px;}
.horizontal-menu-bottom-item{padding: 0 4px;color: #fff; font-weight: bold;}
.horizontal-menu-bottom-item:hover{color: #fc0;}


.cs{background:#F9F6E2; margin-bottom: 10px;}
.cs-top{background: url(../images/cs_top.jpg) no-repeat; font-size: 1px; height:6px;}
.cs-bottom{background: url(../images/cs_bottom.jpg) no-repeat; font-size: 1px; height:6px;}
.cs-content{background: url(../images/cs_bg.jpg) no-repeat; padding: 15px 10px 15px 90px;}
.cs-content h3{font-size: 14px; padding: 0 5px 5px 5px;}

.login{background:#E2FAC7; margin-bottom: 10px; width: 300px; overflow: hidden;}
.login-top{background: url(../images/login_top.jpg) no-repeat; font-size: 1px; height:6px;}
.login-bottom{background: url(../images/login_bottom.jpg) no-repeat; font-size: 1px; height:6px;}
.login-content{background: url(../images/login_bg.jpg) no-repeat; padding: 15px 10px 15px 90px;}
.login-content h3{font-size: 14px; padding: 0 5px 5px 5px;}
.kode_unik{padding:  0 0 4px 0;}
.kode_unik img{padding: 2px; border: 1px solid #aaa; background: #efefef; width:100px;}

.category{background:#fff; margin-bottom: 10px;}
.category-top{background: url(../images/cat_top.jpg) no-repeat; font-size: 1px; height:6px;}
.category-bottom{background: url(../images/cat_bottom.jpg) no-repeat bottom; font-size: 1px; height:6px;}
.category-content{ padding: 10px;}
.category-content h3{color: #D37D20; font-size: 18px; font-weight: normal; padding: 0 0 4px 0;}

.category-content ul{margin: 0; list-style:none; padding:0;}
.category-content ul li{display: block; width: 93px; float: left; padding: 1px 0;}
.category-content ul li a{color: #4E4E4E}
.category-content ul li a:hover{color: #AF0000; font-weight: bold;}

/* banner */
.banner{}
.banner-content{padding: 10px 0 0 0;}
.banner-item{padding: 0 0 4px 0; text-align: center;}
.banner-info{display: none;font-size: 11px;color: #999;}
.banner-item a img{border: 1px solid #ccc; padding: 2px;background: #fff;}
.banner-item a:hover img{background: #ff0; border: 1px solid #fff;}

#banner-01 .banner-content{padding: 0px;}
#banner-01 .banner-item a img{border: none !important; padding: 0 !important;}

#banner-02{padding: 4px 0 0 18px ; background: #F9F6E2}
#banner-02 .banner-item{width: 322px; float: left; text-align: left; background: #F9F6E2}

#banner-03{background: #F8F2C0; border-top: 1px solid #F1E794;}
#banner-03 .banner-item a img{border: 1px solid #fff;}

.std_form{padding: 10px 0;}
.std_form table{width: 100%;}
.std_form th{background: #72BE1D; border-bottom: 1px solid #2E4F13; color: #fff; padding: 6px !important;}
.std_form td{border-bottom: 1px solid #fff; background: #EAF9D9;}
.std_form_button{padding-bottom: 10px;}
.search-form{padding: 10px 0;}

.page-image{ width: 450px; float: left; text-align: center;}
.page-image img{border: 1px solid #ccc; padding: 4px;} 
.page-thumb {width: 180px; float: right;}
.page-thumb-item{padding: 0 0 2px 0;}
.page-thumb-item img{border: 1px solid #ccc; padding: 2px;} 


/* iklan-baris */
.iklan-baris{padding: 0px;margin-bottom: 10px;}
.iklan-baris-item{padding: 10px;margin-bottom: 10px; border: 1px solid #ccc; background: #f5f5f5;}
.iklan-baris-item h3{font-size: 14px; font-weight:bold}
.iklan-baris-content{padding: 10px 0;}
.iklan-baris-content img{float: left;border: 1px solid #efefef;background: #fff;padding: 4px;margin: 0 10px 5px 0;}
.iklan-baris-info{background: #fff; border: 1px solid #efefef; margin: 4px 0; padding: 4px 8px;}
.iklan-baris-info-item{border-bottom: 1px solid #efefef; padding: 4px;}
.iklan-baris-info, .iklan-baris-tag{font-size: 11px;clear: both;}
.iklan-baris h2{padding: 10px 0 0 0;color: #333;font-size: 18px;}

/* premium ads */
#iklan-baris-premium .iklan-baris-item{ background: #E2FAC7; padding: 5px 10px 10px 10px;  border: 1px solid #D7F8B2;}
#iklan-baris-premium .iklan-baris-item h3 a{ color: #678910;}
#iklan-baris-premium .iklan-baris-item h3 a:hover{ color: #222;}
#iklan-baris-premium .iklan-baris-info a, #iklan-baris-premium .iklan-baris-tag a{color: #678910;}
#iklan-baris-premium .iklan-baris-info a:hover, #iklan-baris-premium .iklan-baris-tag a:hover{color: #222;}
#iklan-baris-premium .iklan-baris-type{ font-size: 10px; color: #678910; text-align: right}


/* utama ads */
#iklan-baris-utama {padding: 0px !important;}
#iklan-baris-utama .iklan-baris-item{ background: #ff9; padding: 5px 10px 10px 10px;  border: 1px solid #fe0;}
#iklan-baris-utama .iklan-baris-item h3 a{ color: #333;}
#iklan-baris-utama .iklan-baris-item h3 a:hover{ color: #af0000;}
#iklan-baris-utama .iklan-baris-content img{border: 1px solid #fe0}
#iklan-baris-utama .iklan-baris-info a, #iklan-baris-utama .iklan-baris-tag a{color: #af0000;}
#iklan-baris-utama .iklan-baris-info a:hover, #iklan-baris-utama .iklan-baris-tag a:hover{color: #333;}
#iklan-baris-utama .iklan-baris-type{ font-size: 10px; color: #f80; text-align: right}
#iklan-baris-utama .iklan-baris-info{ border: 1px solid #fe0;}
#iklan-baris-utama .iklan-baris-info-item{border-bottom: 1px solid #ff9;}


/* menu vertical */
.login-content{}
.login-content ul, ul.children{list-style-type: none;margin: 0px;padding:0px;}
.login-content ul li, ul.children li{margin: 0px;padding: 0px;}
.login-content ul li a{display: block; background: #B7D596; color: #333; border-bottom: 1px solid #fff;width: 180px;padding: 4px 8px;}
.login-content ul li a:hover{ background: #77BF26; color: #fff;text-decoration: none;}
ul.children li a{display: block; background: #D2EEB2; color: #333;border-bottom: 1px solid #fff;font-weight: normal;width: 176px;padding: 4px 5px 4px 15px; font-size: 11px;}
ul.children li a:hover{}