/* CSS Document */

.body {margin:0px; padding:0px; font: normal 12px arial; margin-top:0px;background: url(../images/new_head_02.gif) repeat-x top;}
.body img {margin:0px; padding:0px;}
.cangkang {width:1000px; border:0px solid #666666; font: normal 12px arial; color:#333333;}
.clearit {clear:both;}
.clearit_1 {clear:both; padding-top:5px;}

.header {width:1000px; height:123px;}
.head_kiri {float:left; padding-right:20px;}
.head_kanan {}

.left {float:left;}
.right { float:right;}

.myinfo {height:89px;}

.kiri_kategori {width:200px; float:left;}
.isi {padding-left:20px; width:780px; float:left;}
.tengah { float:left; width:560px; padding-right:0px;}
.kanan {float:right; width:200px;}

.kotak_kanan {padding-bottom:20px;}

.bottom {padding-top:40px; padding-bottom:20px; background:url(../images/bottom.gif) center top;}
.bottom_1000 {width:970px; font: normal 11px arial; padding-left:15px; padding-right:15px;}


.cart {margin-right:5px;}
.cart a { display:block; background:url(../images/cart.gif) no-repeat; height:35px; width:147px; }
.cart a:hover { display:block; background:url(../images/cart2.gif) no-repeat; height:35px; width:147px; }

.intro {font: normal 12px arial; padding-top:5px; letter-spacing: 0px; color: #000000;}

/*-login --------------------------- */
.login {background:url(../images/login_bg.gif) top no-repeat; height:60px; float:right; width:380px;}
.login_dalem { padding-left:25px; padding-top:10px; font:bold 12px arial; color:#FFFFFF;}
.login_left_1 {float:left; padding-right:8px; padding-top:2px;}
.login_left_2 {float:left; padding-right:8px; padding-top:1px;}
.login_form { border:0px; font: normal 11px arial; color: #666666; width:75px; padding:1px;}

.link_login {font:normal 11px arial; color: #FFFFFF; float:right; padding-right:30px; padding-top:5px;}
.link_login a {font: normal 11px arial; color:#FFFFFF; text-decoration:none;}
.link_login a:hover {font: normal 11px arial; color:#FFFFFF; text-decoration: underline;}

.link_login2 {font:normal 11px arial; color: #FFFFFF; float:left; padding-left:25px; padding-top:5px;}
.link_login2 a {font: normal 11px arial; color:#FFFFFF; text-decoration:none;}
.link_login2 a:hover {font: normal 11px arial; color:#FFFFFF; text-decoration: underline;}

/*-fyi --------------------------- */
.fyi { width:200px; background: url(../images/fyi_02.gif) repeat-y;}
.fyi_isi {padding:10px; font:bold 12px arial;}

/*-fitur --------------------------- */
.kotak_home {padding-top:15px;}
.fitur_jdl {line-height: 100%; letter-spacing: -2px; color: #003300; margin: .2em 0 .6em 0; font:bold 24px tahoma; padding-bottom:5px; border-bottom:2px solid #CCCCCC;}
.fitur_jdl2 {line-height: 100%; letter-spacing: -2px; color: #1b97c7; margin: .2em 0 .6em 0; font:bold 28px tahoma; padding-bottom:5px; border-bottom:2px solid #CCCCCC;}
.fitur_jdl3 {line-height: 100%; letter-spacing: -2px; color: #d10a7e; margin: .2em 0 .6em 0; font:bold 28px tahoma; padding-bottom:5px; border-bottom:2px solid #CCCCCC;}
.fitur_jdl4 {line-height: 100%; letter-spacing: -2px; color: #003300; font:bold 24px tahoma; padding-bottom:5px; border-bottom:2px solid #CCCCCC;}

/*-list --------------------------- */
.buku_list ul {list-style:none; margin:0px; padding:0px;}
.buku_list ul li { width:125px; font: normal 12px arial; color:#000000; margin-right:15px; list-style:none; float:left; height:220px; padding-top:20px; padding-bottom:0px;}
.buku_list ul li.list_2 { width:250px; float:left;}
.buku_list_img {width:85px; border:0px;}

.judul_buku { font: bold 12px arial; color:#000000; padding-top:5px;}
.judul_buku a { font: bold 12px arial; color:#000000; text-decoration:none;}
.judul_buku a:hover { font: bold 12px arial; color:#000000; text-decoration: underline;}

.oleh { font: normal 11px arial; color: #666666;}
.oleh a { font: normal 11px arial; color: #666666; text-decoration:none;}
.oleh a:hover { font: normal 11px arial; color: #666666; text-decoration: underline;}

.hrg_1 {float:left; font:normal 9px arial; text-decoration:line-through; padding-right:3px; padding-top:2px; padding-bottom:10px; color:#666666;}
.hrg_2 {font:bold 12px arial; color: #FF0000; padding-bottom:5px;}

/*-buku detail --------------------------- */
.guide {font: normal 11px arial; color:#666666; padding-bottom:15px;}
.guide a {font: normal 11px arial; color:#666666; text-decoration:none;}
.guide a:hover {font: normal 11px arial; color:#666666; text-decoration: underline;}

.buku_detail {}
.buku_detail_jdl{ width:360px;  font:bold 12px arial; padding-bottom:10px; border-bottom:1px dashed #CCCCCC; margin-bottom:10px; line-height:30px;}
.buku_detail_jdl span {letter-spacing: -2px; color: #d10a7e; font:bold 24px arial;}

.buku_kiri {width:200px; float:left;}
.buku_kanan {float:right;}
.buku_img {width:175px;}

.beli { clear:both;}
.beli a { display:block; background:url(../images/beli.gif) no-repeat; height:20px; width:72px; }
.beli a:hover { display:block; background:url(../images/beli_1.gif) no-repeat; height:20px; width:72px; }

.beli2 {clear:both;}
.beli2 a {display:block; background:url(../images/beli2.gif) no-repeat; height:35px; width:100px; }
.beli2 a:hover {display:block; background:url(../images/beli2_1.gif) no-repeat; height:35px; width:100px; }

.pesan { clear:both;}
.pesan a { display:block; background:url(../images/pesan.gif) no-repeat; height:20px; width:72px; }
.pesan a:hover { display:block; background:url(../images/pesan_1.gif) no-repeat; height:20px; width:72px; }

.pesan2 {clear:both;}
.pesan2 a {display:block; background:url(../images/pesan2.gif) no-repeat; height:35px; width:100px; }
.pesan2 a:hover {display:block; background:url(../images/pesan2_1.gif) no-repeat; height:35px; width:100px; }

.detail_penerbit {font: bold 12px arial; text-decoration:none; padding-bottom:10px;}
.detail_penerbit a {font: bold 12px arial; color:#333333; text-decoration:none;}
.detail_penerbit a:hover {font: bold 12px arial; color:#333333; text-decoration: underline;}

.harga_1 {font: normal 12px arial; color: #333333; text-decoration:line-through; padding-bottom:10px;}
.harga_2 {font: bold 20px arial; color: #990000;}

.detail_kiri {width:120px; font: normal 12px arial; float:left; padding-bottom:10px;}
.detail_beli {padding-top: 15px;}

.buku_detail_2 {padding-top:20px; border-bottom:1px solid #333333;}

	#detail_menu {	 	
    	 margin:0;
	  padding:0px;
	  font: bold 12px arial;
	  color:#000000;	  
      }
    #detail_menu ul {
	  margin:0;
	  padding:0px;
	  list-style:none;
	  
      }
    #detail_menu li {
      display:inline;
      margin:10px;;
      padding:0;	  
      }
    #detail_menu a {
      float:left;
      background:url("../images/detail_menu_1_01.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 8px;
      text-decoration:none;
      }
    #detail_menu a span {
      float:left;
      display:block;
      background:url("../images/detail_menu_1_02.gif") no-repeat right top;
      padding:5px 10px 4px 2px;
      color: #FFFFFF;
      }
	  
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #detail_menu a span {float:none;}
    /* End IE5-Mac hack */
    #detail_menu a:hover span {
      color:#000;
      }
    #detail_menu a:hover {
      background-position:0% -40px;
      }
    #detail_menu a:hover span {
      background-position:100% -40px;
      } 
	   
    #detail_menu a.on {
      float:left;
      background:url("../images/detail_menu_2_01.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #detail_menu a.on span {
      float:left;
      display:block;
      background:url("../images/detail_menu_2_02.gif") no-repeat right top;
      padding:10px 15px 9px 12px;
      color: #000000;
      }

    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #detail_menu a.on span {float:none;}
    /* End IE5-Mac hack */
    #detail_menu a.on:hover span {color:#000;}
    #detail_menu a.on:hover { background-position:0% 0px;}
    #detail_menu a.on:hover span { background-position:100% 0px; } 

.detail_detail {padding-top:10px; padding-bottom:20px; font: normal 12px arial; color:#333333; line-height:18px; clear:both;}
.detail_detail span {font: bold 16px arial; color:#006600;}

.right_top {font: normal 11px arial; color: #FF6600; float:right; padding-bottom:10px;}
.right_top a {font: normal 11px arial; color:#FF6600; text-decoration:none;}
.right_top a:hover {font: normal 11px arial; color: #FF6600; text-decoration: underline;}

.detail_detail_kiri{ float:left; font: bold 12px arial; color:#333333; width:150px; padding-top:5px;}
.detail_detail_kanan { float:right; font: normal 12px arial; color:#333333; width:400px; padding-top:5px;}

.detail_isi { border-top: 1px dashed #CCCCCC; clear:both; padding-top:5px;}
.sharereview {padding-top:15px;}

.detail_review {}
.detail_review ul { list-style:none; margin:0px; padding:0px;}
.detail_review ul li { padding-top:10px; padding-bottom:10px; border-bottom:1px dashed #CCCCCC; font:normal 11px arial;}
.detail_review ul li span {font: bold 11px arial; color:#333333; }

.halaman { float:left;}
.halaman ul {list-style:none; margin:0px; padding:0px; padding-top:10px;}
.halaman ul li {float:left; }
.halaman ul li a { background:url(../images/hal_2.gif) no-repeat; padding:6px 3px 0px 7px; font:bold 12px arial; color:#333333; text-decoration:none; height:25px; float:left; padding-right:10px;}
.halaman ul li a:hover { background:url(../images/hal_1.gif) no-repeat; padding:6px 3px 0px 7px; font:bold 12px arial; color: #FFFFFF; text-decoration:none; height:25px; float:left; padding-right:10px;}
.halaman ul li a.pilih { background:url(../images/hal_1.gif) no-repeat; padding:6px 3px 0px 7px; font:bold 12px arial; color: #FFFFFF; text-decoration:none; height:25px; float:left; padding-right:10px;}

/*-search --------------------------- */
.search {background:url(../images/new_head_03.gif) no-repeat top center; height:77px; width:1000px;}
.left_search_1 { padding-top:10px; float:left; padding-left:0px;}
.left_search_2 { padding-top:18px; float:left; padding-left:10px;}
.left_search_3 { padding-top:17px; float:left; padding-left:10px;}
.search_form_1 {border:1px solid #999999; width:150px; font: normal 11px arial; color:#333333; padding:2px;}
.right_search { padding-top:12px; float:right; padding-right:15px;}

/* komentar */
.tulis_komentar {float:right; padding-top:10px;}
.tulis_komentar a { text-decoration:none; border:0px;}

.komentar_kotak {color: #000000;background: #FFFFFF; border:0px solid #CCCCCC;margin:0px; padding-top:20px;}
.komentar_kotak_2 {color: #000000;background: #F7F7F7; padding:15px; border:1px solid #CCCCCC ;}

.komentar_kiri {float:left; width:120px; font: normal 11px arial; color:#000000; padding-top:3px; padding-bottom:10px;}
.komentar_form { font: normal 11px arial; color:#000000; padding:2px; border:1px solid #999999; width:350px;}
.komentar_form_1 { font: normal 11px arial; color:#000000; padding:2px; border:1px solid #999999; width:150px;}
.button_form {background:url(../images/bg_button.jpg) repeat-x top; font: bold 11px tahoma; color: #FFFFFF; padding:5px; border:0px;}

/* daftar */
.daftar_kiri {font: bold 12px arial; color: #333333; padding-top:15px; padding-bottom:3px;}
.daftar_kanan {font: normal 11px arial;}
.daftar_form { font: normal 11px arial; color:#000000; padding:2px; border:1px solid #999999; width:300px;}
.daftar_form_2 { font: normal 11px arial; color:#000000; padding:2px; border:1px solid #999999;}
.daftar_gede { font:bold 18px tahoma; letter-spacing:-1px; color: #d10a7e; padding-bottom:3px; border-bottom:1px dashed #999999; margin-bottom:10px; padding-top:25px;}

/* shopping cart */
.head_sc { padding:10px; font: bold 12px arial; color: #FFFFFF; background:url(../images/bg_sc.gif) repeat-x; height:15px;}
.sc_list_1 { padding:10px 10px 10px 10px;; font: normal 11px arial; color:#000000; background: #FFFFFF; height:18px;}
.sc_list_2 { padding:10px 10px 10px 10px;; font: normal 11px arial; color:#000000; background: #F0F0F0; height:18px;}
.sc_list_3 { padding:10px 10px 10px 10px;; font: bold 12px arial; color:#000000; background:  #FFFFFF; height:15px; border-top:1px solid #999999;}
.sc_list_4 { padding:10px 10px 10px 10px;; font: bold 12px arial; color:#000000; background:  #FFFFFF; height:15px; border-top:2px double #333333;}
.sc_kode {width:80px; float:left;}
.sc_jdl {float:left; width:185px; font:bold 11px arial;}
.sc_jdl a { color: #000033; text-decoration:none;}
.sc_jdl a:hover { color:#000033; text-decoration: underline;}
.sc_jml {float:left; width:60px;}
.sc_berat {float:left; width:70px;}
.sc_subberat {float: left; width:80px;}
.sc_harga {float:left; width:90px;}
.sc_diskon {float:left; width:40px;}
.sc_subtotal {float:left; width:100px;}
.sc_hapus {float:left; width:40px;}
.button_hapus {background:url(../images/bg_button.jpg) repeat-x top; font: bold 11px arial; color: #FFFFFF; padding:2px; border:0px;}
.sc_form { font: normal 11px arial; color:#000000; padding:2px; border:1px solid #999999; width:20px;}
.sc_totalberat {float:left; width:390px; padding-top:2px;}
.sc_totalberat_2 {float:left; width:120px;padding-left:5px; font:bold 16px arial; color:#990000;}
.sc_totalbayar {float:left;width:90px; padding-top:2px;}
.sc_totalbayar_2 {float:left; padding-left:5px; width:120px; font:bold 16px arial; color:#990000;}
.sc_update {float:left; width:340px;}

.back { float:right; margin-right:5px;}
.back a { display:block; background:url(../images/back.gif) no-repeat; height:35px; width:88px; }
.back a:hover { display:block; background:url(../images/back_1.gif) no-repeat; height:35px; width:88px; }

.back2 {margin-right:5px;}
.back2 a { display:block; background:url(../images/back.gif) no-repeat; height:35px; width:88px; }
.back2 a:hover { display:block; background:url(../images/back_1.gif) no-repeat; height:35px; width:88px; }

/* kirim */
.info_pesan { font: normal 12px arial; color:#000000;}
.info_pesan ul{list-style:none; margin:0px; padding:0px;}
.info_pesan ul li{ font: normal 12px arial; color:#000000; width:600px; padding-bottom:3px; padding-top:3px;}
.info_kiri {float:left; width:150px; font:bold 12px arial; color:#000000;}

.kirim{ float:right; margin-right:5px;}
.kirim a { display:block; background:url(../images/kirim.gif) no-repeat; height:35px; width:88px; }
.kirim a:hover { display:block; background:url(../images/kirim_1.gif) no-repeat; height:35px; width:88px; }

.pesan { clear:both; padding-top:15px; padding-left:150px;}
.pesan a { display:block; background:url(../images/pesan.gif) no-repeat right bottom; height:35px; width:200px; }
.pesan a:hover { display:block; background:url(../images/pesan_1.gif) no-repeat  right bottom; height:35px; width:200px; }

#container {width:985px; background:#f6faeb;}

#kepala {margin:0px;}

.cart_kepala_img {float:left; margin-left:15px; margin-right:5px;}
.cart_text {font-size: 11px; color:#999999;}

#kepala_isi_bungkus {
	background:url(../images/head_bg.jpg) no-repeat top left; 
	width:985px; 
	height:120px;
	padding-top:10px;
	}

#kepala_isi {margin-left:300px;}


#kepala_banner {float:left; margin-right:10px;}
#kepala_cart {background:url(../images/cart_bg.jpg) no-repeat; width:185px; height:60px; margin-left:478px;}
	
.wide_180 {width:180px;}


.bg_white {background:white;}

.review_container {margin-left:0px; margin-right:20px; margin-top:20px;}
#review_inside_bg {background:url(../images/review_bg.gif) repeat-y;}
#review_boxtitle {font:normal 18px arial; color:#5c883d; margin-left:20px;}

#review_geser {margin:0px 5px; padding-right:170px;}
#review_tekskiri {text-align: left}


/* ------------- Kurs Area ------ */
#kurs_container {background:#c9e399; margin-bottom:10px; width:188px;}
#kurs_inside_container {padding:0px 4px 0px 15px;}
#kurs_judul {font:normal 10px arial; color:black; font-weight:bold; padding-bottom:5px;}
#kurs_geser {margin-left:50px; padding-left:5px;}
#kurs_rupiah {width:80px; height:10px; font-size:11px}

.float_left {float:left;}
.font10px {font-size:10px;}



/*--------- box ---------- */

#beranda {margin-left:15px; margin-right:15px;padding-bottom:10px; line-height:1.5em;}
#beranda a {color:black; text-decoration:underline;}
#beranda a:hover {text-decoration:underline; color:#990000;}

#box ul {
	margin: 0;
	padding: 0;
	padding-left:11px;
	list-style: none;
	width: 175px;
	
	margin-left:2px;
	
	}

#box ul li {
	position: relative;
	}


#box li:hover ul { display: block; }


#box ul li a {
	display: block;
	text-decoration: none;
	color: #777;
	background: #fff;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

#box ul li a:hover {
		background: #ccc;;
}
	
/* Fix IE. Hide from IE Mac \*/
* html #box  ul li { float: left; }
* html #box  ul li a { height: 1%; }
/* End */

/* -------------------- Tabbing -----------------*/



#navigation a 
{ 
color: white; 
background: #3a6214 url("../images/left-tab.gif") left top no-repeat; 
text-decoration: none; 
padding-left: 20px;
} 

#navigation a span 
{ 
background: url("../images/right-tab.gif") right top no-repeat; 
padding-right: 20px 
} 

#navigation a, #navigation a span 
{ 
display: block; 
float: left 
} 

/* Commented backslash hack hides rule from IE5-Mac \*/ 
#navigation a, #navigation a span 
{ 
float: none 
} 
/* End IE5-Mac hack */ 

#navigation a:hover 
{ 
color: black; 
background: white url("../images/left-tab-hover.gif") left top no-repeat; 
text-decoration: none; 
padding-left: 20px 
} 

#navigation a:hover span 
{ 
background: url("../images/right-tab-hover.gif") right top no-repeat; 
padding-right: 20px 
} 


#navigation .selected a 
{ 
color: black; 
background: white url("../images/left-tab-hover.gif") left top no-repeat; 
text-decoration: none; 
padding-left: 20px 
} 

#navigation .selected a span 
{ 
background: url("../images/right-tab-hover.gif") right top no-repeat; 
padding-right: 20px 
} 


#navigation 
{ 
list-style: none; 
padding: 29px 0px 0px 0px; 
margin: 0px; 
font:bold 11px arial;
} 

#navigation li 
{ 
float: left; 
display: block; 
margin: 0; 
padding: 0 
}









/*

#tabbing ul{
float:left;
width:100%;
padding:0;
margin:17px 0px;
list-style-type:none;
font-weight:bold;
}

#tabbing a{
float:left;
text-decoration:none;
text-transform:uppercase;
color:white;
background:url(../images/curve_top_left.gif) no-repeat left top #497b19;
padding:0.5em 0.9em;
margin:0px 2px;
}

#tabbing a span {
background:url(../images/curve_top_right.gif) no-repeat right top #497b19;
}

#tabbing a:hover {background-color:white; color:black;}

#tabbing .selected {background:white; color:black;}

#tabbing li {display:inline;}


*/




/* --------------------  end Tabbing -----------------*/








.clear_float {clear:both;}
.clear_padmarg {padding:0px; margin:0px;}
.pad8px5px {padding:8px 5px;}
.margtop5px {margin-top:5px;}
.marg0px20px {margin:0px 20px;}
.marg20px0px {margin:20px 0px;}
.padtopbot3px {padding:3px 0px;}
.margleft20px {margin-left:20px; padding-top:10px; }
.margtop10px {margin:10px 0px 0px 0px;}
.margtop7px {margin-top:7px;}

#margatas20 {margin-top:20px;}

#mostpop_isi {background:url(../images/most_pop_bg.gif) repeat-y; padding:0px 20px;}

.review_float {
	float:left; 
	border:1px solid #d0d0d0; 
	background:white; 
	padding:4px;
	margin-right:10px;}

.best_judul {font-weight:bold;}
.best_judul a {text-decoration:none; color:black;}
.best_judul a:hover {text-decoration:underline;}

#detail_book_image {float:left; margin-right:20px;}
#detail_isi {border:1px solid #cbcbcb; width:500px; margin-bottom: 1em; padding: 20px; line-height:1.8em;}
#detail_isi_judul {font:bold 16px arial; margin-top:20px;}
#detail_tabel {width:310px; float:left;}


#footer {background:#b8e072; border-top:solid 4px #5c883d; margin-top:20px;}

#footer a {font-weight:bold; color:black; text-decoration:none; padding:5px 10px 5px 15px;}
#footer a:hover {text-decoration:underline;}

#titelbar {width:579px; background:#497b19; margin-top:20px;}
#titelbar_isi {color:white; font-size:18px; font-weight:bold; padding-left:20px;}

#sub_kategori_judul {font-size:14px; font-weight:bold; padding: 5px 0px 10px 0px; }
#sub_kategori_judul a {color:black; text-decoration:none;}
#sub_kategori_judul a:hover {text-decoration:underline;}

#sub-kategori_garis {border-bottom: 2px solid #497b19; width:579px;}

#tabel_buku {width:100%; margin-top:20px;}

#tabel_container {width:80%; padding-bottom:20px;}
#tabel_judul {font:bold 12px arial; color:#3f6728; margin-top:10px;}
#tabel_judul a {text-decoration:none; color:#3f6728;}
#tabel_judul a:hover {text-decoration:underline;}
#tabel_harga {font-size:10px; margin-top:5px;}
#tabel_diskon {font-size:12px; margin-top:2px; color:#990000; font-weight:bold;}
.buku_diskon {margin:0px;  text-decoration:line-through}


#most_pop_title1 {text-transform:uppercase; font-weight:bold; font-size:14px;}
#most_pop_title2 {text-transform:uppercase; font-size:12px; color:#666666; font-weight:bold}
#most_pop_search {color:#272727; font-weight:normal; margin-top:15px;}
#most_pop_search a {color:black; text-decoration:none; padding:2px 3px;}
#most_pop_search a:hover {text-decoration:underline;}

.size0 {font-size:12px;}
.size1 {font-size:9px}
.size2 {font-size:15px}
.size3 {font-size: 24px;}


#sort_bar_bungkus {margin:0px 0px 10px 0px;}

#back_kanan {background:#f3e7cb; font:normal 11px arial; color:#5e5e5e; padding-left:6px;}


#kanan_sel {background:url(../images/jud_3langkah_bg_roll.gif) repeat-y;}
#flot_kiri {float:left; padding-top:5px;}
#kanan_isisel {width:110px; margin-left:50px; padding:5px 0px;}




.best5_box {width:175px; height:76px; background:#f3e7cb;}
#best5_1 {background:url(../images/jud_5best_1.gif) no-repeat;}
#best5_2 {background:url(../images/jud_5best_2.gif) no-repeat;}
#best5_3 {background:url(../images/jud_5best_3.gif) no-repeat;}
#best5_4 {background:url(../images/jud_5best_4.gif) no-repeat;}
#best5_5 {background:url(../images/jud_5best_5.gif) no-repeat;}

#best5_sel {margin-left:10px; width:165px; padding-top:7px;}
#best5_teks {width:100px; float:left; font:normal 11px arial;}
#best5_teks a {font-weight:bold; text-decoration:none; color:black;}
#best5_teks a:hover {text-decoration:underline;}

#best5_img {margin-left: 12px;border:1px solid #ccc; padding:4px;}



#user_bar {background-color:#f6eed9; border-top:solid 4px #497b19;}

#user_bar_text {font: bold 11px arial; color:black; padding:3px 10px; text-transform:uppercase; }
#user_bar_text a {color:black; text-decoration:none;}
#user_bar_text a:hover {text-decoration:underline;}
#user_dropdown {width:120px; font-size:11px;}
#sort_dropdown {width:260px; font-size:11px;}

#user_isian {width:200px; font-size:11px;}
#user_gobutton {padding-top:3px;}

#batas_kiri {border-left: 1px solid #757167; }
#batas_kanan {border-right: 1px solid #757167;}



#badan_kiri_bungkus {background:#c5beae; float:left; width:180px;}
#badan_kanan_bungkus {background:white; margin-left:180px;}




#badan_kiri_bungkus ul {
	float:left;
	width:100%;
	padding:0;
	margin:0;
	list-style-type:none;
}

#badan_kiri_bungkus a {
	width:160px;
	text-decoration:none;
	color:#254109;
	font-weight:bold;
	font-size:11px;
}

#badan_kiri_bungkus li:hover {
	position:relative;
	border-bottom: 1px solid #d3d7b3;
	background:url(../images/menu_bg_hov.gif)repeat-y;	
	padding:3px 10px;
} 

#badan_kiri_bungkus li.pilih {
	position:relative;
	border-bottom: 1px solid #d3d7b3;
	background:url(../images/menu_bg_hov.gif)repeat-y;	
	padding:3px 10px;
} 

#badan_kiri_bungkus a:hover {
	text-decoration:none;
	color:#ff0a0a;
}

#badan_kiri_bungkus li {
	position:relative;
	border-bottom: 1px solid #d3d7b3;
	background:url(../images/menu_bg_list.gif) repeat-y;	
	padding:3px 10px;
}


#badan_kiri_bungkus li ul {
	position: absolute;
	left:170px;
	padding-left:10px;
	top: 0;
	display: block;
}

#badan_kiri_bungkus li:hover ul {
	display: block; 
} 

#badan_kiri_bungkus li:hover ul { 
	visibility:visible; 
} 

#badan_kiri_bungkus ul ul {
	visibility:hidden; 
} 


 
* html #badan_kiri_bungkus ul li {height: 1%; } 
* html #badan_kiri_bungkus  ul li a { height: 1%; } 


#badan_kiri_bungkus li ul a { 
	letter-spacing:0px;
	font:bold 11px arial;
	text-decoration: none; 
	padding: 0px; 
	border-bottom: 1px solid #F1F1F1;
	
	
} 


#badan_kiri_judulmenu {
	background:url(../images/menu_bg_top.gif) repeat-y; 
	height:22px; 
	padding-top:8px; 
	padding-left:10px; 
	color:white; 
	font-weight:bold; 
	text-transform:uppercase; 
	letter-spacing:0.05em;
	}
	

	
/*-----------PAGINATING-----*/

/*Sample CSS used for the Virtual Pagination Demos. Modify/ remove as desired*/

.virtualpage{
/*hide the broken up pieces of contents until script is called. Remove if desired*/

padding:10px 35px 10px 15px; line-height:1.3em;
}

.paginationstyle{ /*Style for demo pagination divs*/
margin:2px 5px 2px 15px; 
padding:3px 8px; 
text-align: center;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
	 padding: 4px; 
	 margin:0px 1px; 
	 background:#323232; 
	 color:white;  
	 border:1px solid #d1d1d1;
	 text-decoration:none;
}

.paginationstyle a:hover, .paginationstyle a.selected{
		background:#e6e6e6; 
	 	color:black;  
		border:1px solid #002f72;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: black;
background:#e6e6e6; 
}


/* detail part */
#detail_top {
	background:url(../images/bg_detail_top.gif) no-repeat top; 
	width:564px; 
	height:26px; 
	padding-top:6px;
	}
		
#detail_bot {width:564px; height:15px; background:url(../images/bg_detail_bot.gif) no-repeat top;}
#detail_section {background:url(../images/bg_detail.gif) repeat-y; width:564px; padding:10px}
.detail_addbutton {margin-top:10px; margin-bottom:5px;}
.detail_price {font:bold 11px verdana; margin-top:5px;}
.detail_pricestroke {text-decoration:line-through; color:#666; margin-top:5px;}
.detail_red {color:#FF0000;}

#detail_righttable td {padding:4px 0px;}
.detail_padleft {padding-left:3px;}





/* Tabbing */
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
width:113px;
}

.shadetabs li a{
text-decoration: none;
width:113px;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #cbcbcb;
color: #2d2b2b;
background:#f3f3f3;
}



.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background:white; border-top:1px solid #cbcbcb;
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}





/*
.tabcontent{
display:none;
}
*/
@media print {
.tabcontent {
display:block !important;
}
}