@charset "utf-8";
/* CSS Document */

html, body {
	width: 770px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #ffffff;
	font-family: "MS Sans Serif";
	font-size:10px; 
	letter-spacing: 0.3px;
  height:100%;
}
body {
margin:0;
   padding:0;
   height:100%;
   }
#container {
   min-height:100%;
   position:relative;
}
#header {
   background:#ff0;
   padding:10px;
}
#body {
   padding:10px;
   margin-bottom:360px;   /* Height of the footer */
}

a {
  color:black;
}
#layout, #layout1 {
	width: 770px;
	padding-top: 172px;
	padding-bottom:20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	z-index: 2;
	background: #ffffff;
  
	font-family: "MS Sans Serif";
	letter-spacing: 0.3px;
	
	

}
#layout {
  width: 600px;
  padding-top:10px;
  padding-left:140px;
  min-height: 63%;
       height: auto !important;
      height: 100%;
       margin: 0 auto -4em;
       
}

#atas {
  position:absolute;
left:0;
top:0;

	height: 30px;
	width:100%;

	background-image: url(http://www.dbc-online.com/images/bg-atas.gif);
	background-repeat: repeat-x;
}

#menuatas{
  float:right;
  width:600px;
  margin-right: 40px;
  text-align:right;
}
.button {
  margin-right;7px;
}
#atas2 {
  position:absolute;
left:0;
top:30px;

	height: 142px;
	width:100%;

	background-image: url(http://www.dbc-online.com/images/bg-atas2.gif);

}
#kiri {
/*
	float: left;
	width: 220px;
	background-repeat: repeat-y;
	/*background-image: url(../images/b_layout_kiri_04_03.gif);
	height: 90%;*/
}
.text {
	font-family: "MS Sans Serif";
	font-size: 11px;
}
#kanan {
	float: right;
	width: 770px;
	background-repeat: repeat-y;
	/*background-image: url(../images/b_layout_kanan_05.gif);*/
	height: 100%;
	min-height:381px;
	
}
.clear {clear:both;}

#footer {
position:absolute;

   width:100%;
   height:60px;   /* Height of the footer */



}

.page_cage { margin:10px; font-size:10px; }
.gifloader { display:none; }

/* footer's note style */
#footersnote, #footersnotea {

	background-repeat: repeat-x;
	padding-top:20px;
	margin-bottom:0;
}
#footersnote {
  height: 4em;

  
}

#bawah1 {
height: 21px;
	color:#ffffff;
	font-size:11px;
  text-align:center;

	background-image: url(http://www.dbc-online.com/images/bg-bawah1.gif);
	
}
#bawah2 {
padding-top:15px;
padding-bottom:15px;
bottom:21px;
left:0;
  min-height:18px;
  background: #356667 ;
	width:100%;
  text-align:center;
	background-image: url(http://www.dbc-online.com/images/bg-bawah2.gif);
	background-repeat: repeat-x;
	
}
.bawah2akiri {
  font-size:12px;
  width: 250px;
  margin:auto;
  color:white;
  text-align:left;
  padding-left:110px;
  float:right;
  background: #356667 url(http://www.dbc-online.com/images/i-news.gif);
  background-repeat:no-repeat;

  
}
.bawah2akiri a {
  font-weight: bold;
  color:white;
  text-decoration:none;
}
.bawah2akanan {

  font-size:11px;
  width: 380px;
  margin:auto;
  color:white;
  text-align:left;
  padding-left:50px;
  background: #356667 url(http://www.dbc-online.com/images/i-forum.gif);
  background-repeat:no-repeat;
  
  
}

.phpbbfetch_more2a {
  color: #ffba00;
}

.phpbbfetch_title2a a{
  color: white;
  font-weight:bold;
  text-decoration:none;
  text-align:left;
}

.phpbbfetch2a_heading {
  color: white;
  font-size:18px;
  font-weight:bold;
  font-family: "arial narrow";
  text-align:left;
}
.footersnote span { font-style:italic; color:#666666; margin-right:4px;}
#bawah1 a {
  text-decoration: none;
  color: white;
}

/* style for ajax actions information pop ups */
#floating_info {
	width: 200px;
	height:30px;
	border:1px solid blue;
	background-color:#FFFFCC;
	position:absolute;
	bottom:0px;
	right:0px;
	display:none;
}

/* style for index page */
.hi_username { color:#000000; text-align:right; }

/* styles for tab */
.tab_nav { color:#FF0000; }
.tab_content { display:none; }

/* style for after database save information */
#save_info { background-color:#FFFF99; font-weight:bold; padding:10px 10px 10px 10px; text-align:center; vertical-align:middle; margin:5px 5px 5px 5px; }

<!-- ini apa yah --->
.index_content_div_kanan { 
  
  font-family: "MS Sans Serif"; font-size: 10px; margin:10px 5px 10px 5px; }

/* login page style */
.login_cage { font-size:10px; margin:10px; }

/* register page style */
.register_cage {  font-size:10px; margin:10px;  }


/* product display at index style */
.produk_display_index { width:100%; }
.produk_display_index table { height:100%; padding:10px; }
.produk_display_index table td { padding-left:50px; }
.produk_display_item { float:left; width:125px; height:170px; padding:10px; border:#CCCCCC solid thin; }
.produk_display_img { width:125px; height:125px; text-align:center; }
.produk_display_img img { border-style:none; }
.produk_title { font-size:12px; font-weight:bold;  }
.produk_harga { color:#333333; font-size:12px; }
.produk_harga_awal { color:#CC0000; font-size:12px; text-decoration:line-through; }
.produk_display_desc { vertical-align:bottom; width:125px; }

/* item detail page styles */
.item_cage { font-size:10px; }
.item_crumb { margin-right:10px; float:right; }
.item_crumb span { color:#999999; }
.item_desc { width:90%; position:relative; float:left; margin:10px; font-size:14px;}
.item_desc h2 { font-size:16px; font-weight:bold; padding-bottom:-10px; margin-bottom:-10px; }
.item_desc p { text-align:justify; margin-bottom:8px; line-height:120%; font-size:14px;}
.item_desc ul { padding-left:20px; }
.item_desc li { 
	list-style-image:none;
	list-style-position:outside; 
	list-style-type:none; 
	border-bottom:thin #CCCCCC dotted;
	padding-left:10px;
	height:100%;
}
.item_desc_img { max-width:450px; min-width:100px; }
.item_desc_head { float:left; text-align:left; width:200px; font-weight:bold; }
.item_desc_body {
	text-align:right; 
	/*margin-top:-12px; /* IE fix */
}
.item_pic { width:20%; position:relative; float:left; margin:10px;  }

.item_pack_num { width:40px; text-align:left; vertical-align:top; font-size:18px; font-weight:bold; color:#009999; }
.item_pack_ing { width:80%; }
.item_pack_desc { text-align:left; vertical-align:bottom; }
.item_pack_title { font-size:12px; font-weight:bold; }
.item_pack_title a { text-decoration:none; }
.item_pack_price {  }

/* add to cart page style */
.addtocart_cage { padding:10px; font-size:10px; }
.addtocart_tbl_left { padding-left:30px; width:100px; text-align:right; }
.addtocart_tbl_right { padding-left:10px; text-align:left; }
.addtocart_agreement { margin:50px; margin-bottom:10px; margin-top:10px; padding:10px; color:#666666; font:Verdana; font-weight:bold; }

/* article titles */
.article_cage { width: 540px; padding:10px; }
.article_title { color:#999999; text-align:left; font-size:18px; font-weight:bold; margin-bottom:20px; }
.article_content { color:#000000; font-size:10px; margin-top:-10px;  }
.article_footer { text-align:center; }

/* shopping cart styles */
.shopping_cart { font-size:10px; margin:20px; }
.cart_cage { width:100%; font-size:10px; margin:10px; } 
.cart_cage table { width:100%; } 
.cart_table_title { color:#000000; font-size:18px; }
.cart_table_left { width:70%; }
.cart_table_right { width:30%; color:#FF0000; text-align:right; }

/* transfer confirmation styles */
.checkout_cage { margin:10px; font-size:10px; }
.trf_confirm_div { width:100%; font-size:12px; }
.trf_confirm_div table { width:100%; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif }
.trf_confirm_div table tr { line-height:25px; }
.trf_confirm_left  { width:150px; text-align:right; padding-right:25px; color:#006666; font-weight:bold; vertical-align:top; }
.trf_confirm_right { width:200px; text-align:left; font-weight:bold; }
.trf_confirm_info { font-size:10px; color:#999999; font-style:italic; }

/* order history page styles */
.table_order_history { padding:6px; width:100%; }
.table_order_history thead tr th { width:20%; vertical-align:middle; text-align:left;  }
.table_order_history ul { padding:0px; padding-left:15px; }
.table_order_history ul li {  background-color: #FFFF99; }
.table_order_history ul li span { padding-right:35px; }

/* affiliation pimpin */

.report_aff_sub { color:#999999; font-weight:bold;  }
.report_aff_sub a { font-size:14px; text-decoration:none; }
.report_aff_sub a:hover { text-decoration:underline; }
.report_aff_yearly { width:900px; float:left; }
.report_aff_yearly table th { width:70px; border-bottom:#000000 solid thin; border-top:#000000 solid thin; }
.report_aff_yearly table td { width:70px; text-align:center; }
.report_aff_yearly table tbody tr { height:25px; vertical-align:middle; } 
.report_aff_nodata { font-size:14px; font-weight:bold; color:#FF0000; height:30px; width:100%; }
.report_aff_title_desc { color:#999999; font-weight:bold;  }

.client_list { width:100%}

/* my library page pimp */
.mylib_cage { margin:10px; font-size:10px; }
.mylib_title_desc { color:#999999; font-weight:bold;  }

/* paging section style */
.pagination_box { text-align:center; margin:15px; }

/* table untuk umum */
.umumtable { width:90%; border-top:1px solid #e5eff8; border-right:1px solid #e5eff8; margin:1em auto; border-collapse:collapse; }
.umumtable td { color:#678197;border-bottom:1px solid #e5eff8; border-left:1px solid #e5eff8;padding:.3em 1em; text-align:center; }

/* display for phpbb3 fetch datas */
.phpbbfetch { 

  font-size:11px;
  background-color:#F8F8F8;
  width: 450px;
  margin:auto;
  color: #6d6d6d;
  }
.phpbbfetch table { border:#E6E6E6 thin solid; width:100%; padding:10px;}
.phpbbfetch table tr.even { background-color:#F8F8F8; }
.phpbbfetch table tr.odd { background-color:#F8F8F8; }
.phpbbfetch_title { font-weight:bold; }
.phpbbfetch_more { font-size:11px; }
.phpbbfetch_time { font-size:11px; }



   * {
     margin: 0;
  }
  #layout img {
    margin: 5px;
  }
   html, body {
       height: 100%;

       width:100%
   }
   .wrapper {
       min-height: 100%;
       height: auto !important;
      height: 100%;
       margin: 0 auto -4em;

       
   }
   .footer, .push, .clear,  {
       height: 4em;
   }