/*------------------------global--------------------------*/
body {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background: url(images/bg000.jpg) #cd0606 top center;
}

a:link, a:visited { color: #d05c2d; text-decoration: none; font-weight: normal; } 
a:active, a:hover { color: #FFCC00; text-decoration: none; }

img {
	margin: 0px;
	padding: 0px;
	border: none;
}

.narrowcolumn {
	text-align: justify;
	margin: 0 0 20px 0;
	font: 12px/14px Arial, Helvetica, sans-serif normal;
	color:#333333;
}

.alignleft {
	float: left;
	margin-bottom: 0px;
	margin-right: 5px;
}

tr.atastabel{
	background-color: #999999;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
}
tr.tengahtabel{
	background-color: #FFFFFF;
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	color:#333333;
}
table.stok_table { width:560px; background:#999999; margin:10px 0 10px 0; vertical-align:top; }


/*------------------------maintop--------------------------*/
#top_wrapper {
	width: 100%;
	/*background: url(images/topbg.png) repeat-x;*/
	background-color:#FF0000;
}

#top_wrapper #top {
	width: 800px;
	height: 74px;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
}

#top_wrapper #top #logo {
	float: left;
	width: 800px;
	height: 54px;
	overflow:hidden;
	margin: 20px auto 0 auto;
}
/*------------------------end maintop--------------------------*/

/*------------------------top topmenu--------------------------*/
#topmenu_wrapper {
	clear: both;
	width: 100%;
	margin: 0 auto;
	background-color:#FF0000;
}

#topmenu_wrapper #topmenu_box {
	width: 800px;
	height: 30px;
	padding: 0 0 10px 0;
	margin: 0 auto 0 auto;
}

#topmenu_wrapper #topmenu_box #topmenu {
	width: 600px;
	height: 30px;
	float:left;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
}
/*------------------------end topmenu--------------------------*/
/*------------------------searchblok------------------------*/
#topmenu_wrapper #topmenu_box #search {
	width: auto;
	margin: 0;
	float:right;
	position:relative;
}
#topmenu_wrapper #topmenu_box #search #search_content {
	margin: 0;
	color: #FFF;
}
#topmenu_wrapper #topmenu_box #search #search_content #frmcari {
	margin: 5px 0 0 0;
}
#topmenu_wrapper #topmenu_box #search #search_content #search_field {
	width: 125px;
	border:1px solid #1A1A1A;
	font-size:12px;
	float: left;
	background: #CCCCCC;
	color: #333333;
	height: 20px;
}
#topmenu_wrapper #topmenu_box #search #search_content #search_button {
	float: left;
	width: 50px;
	margin: 0 5px 0 5px;
	border:1px solid #666666; background:#ECECEC; font-size:12px;
}
/*------------------------end searchblok--------------------------*/

/*------------------------maincontent--------------------------*/
#main_content_wrapper {
	clear: both;
	width: 100%;
	margin: 0 auto;
}

#main_content_wrapper #main_content {
	clear: both;
	width: 800px;
	margin: 0 auto;
	background: url(images/bg001.jpg) #00a9e7 top center;
	border:3px solid #FFFFFF;
}
/*------------------------end maincontent--------------------------*/

/*------------------------topbanner--------------------------*/
#main_content_wrapper #main_content #top_banner_wrapper {
	clear: both;
	width: 100%;
	margin: 0 auto;
	z-index: 0;
}

#main_content_wrapper #main_content #top_banner_wrapper #banner {
	width: 800px;
	height: 350px;
	margin: 0 auto;
    border-bottom: 3px solid #CCCCCC; 
	z-index: 0;
}
/*------------------------end topbanner--------------------------*/

/*------------------------stcontent--------------------------*/
#main_content_wrapper #main_content #stcontent_box_wrapper {
	margin: 0;
	height:auto;
}

#main_content_wrapper #main_content #stcontent_box_wrapper #panel_status_wrapper {
	height:50px;
	width:100%;	
}

#main_content_wrapper #main_content #stcontent_box_wrapper #panel_status_wrapper #panel_status {
	height:30px;
	width:760px;
	margin:0 auto;
	padding: 10px 20px 10px 20px;
	font: bold 24px/26px Arial, Helvetica, sans-serif;
	color:#000000;
	background:#fdce0f;
}

#main_content_wrapper #main_content #stcontent_box_wrapper #stcontent_box {
	width:760px;
	margin:0 auto;
	padding: 10px 20px;
	height:auto;
}
/*------------------------end stcontent--------------------------*/
/*------------------------product--------------------------*/
#main_content_wrapper #main_content #product_box_wrapper {
	margin: 0;
	height:auto;
}

#main_content_wrapper #main_content #product_box_wrapper #panel_status_wrapper {
	height:50px;
	width:100%;
	width:800px;
	margin:0 auto;
	color:#000000;
	background:#fdce0f;
}

#main_content_wrapper #main_content #product_box_wrapper #panel_status_wrapper #panel_status {
	height:30px;
	width:400px;
	float:left;
	padding: 10px 20px 10px 20px;
	font: 24px/26px Arial, Helvetica, sans-serif;
	color:#000000;
	background:#fdce0f;
}

#main_content_wrapper #main_content #product_box_wrapper #product_box {
	padding: 0 0;
	width:800px;
	margin:0 auto;
	height:auto;
}

#main_content_wrapper #main_content #product_box_wrapper #product_box #box_right {
	text-align: justify;
	width:250px;
	height:auto;
	font: 12px/14px Arial, Helvetica, sans-serif normal;
	color:#333333;
	margin:0;
	float:left;
}

#main_content_wrapper #main_content #product_box_wrapper #product_box #box_left {
	text-align: justify;
	width:600px;
	height:auto;
	font: 12px/14px Arial, Helvetica, sans-serif normal;
	color:#333333;
	float:left;
	padding: 5px 0;
}

#main_content_wrapper #main_content #product_box_wrapper #product_box #produkkartu {
	padding: 0 0 5px 0;
	width:275px;
	margin:5px 0 5px 10px;
	height:240px;
	border:2px solid #666666;
	float:left;
	text-align:center;
	background:#CCCCCC;
}

#main_content_wrapper #main_content #product_box_wrapper #product_box #produkkartu h3#grid_title  {
	margin: 5px 5px 0 5px; 
	color:#000000; 
	font: bold 11pt Arial, Helvetica, sans-serif; 
	letter-spacing:-1px; 
}

#main_content_wrapper #main_content #product_box_wrapper #product_box #produkkartu img.thumbnail {
	width:275px;
	height:187px
}

#main_content_wrapper #main_content #product_box_wrapper #product_box h2 {
	margin: 10px 0 5px 0;
	font-size:24px;
	font-weight:lighter;
	color: #666666;
	text-align:center;
}

#main_content_wrapper #main_content #product_box_wrapper #product_box h4 {
	margin: 10px 0 5px 0;
	font-size:18px;
	font-weight:lighter;
	color: #666666;
}

#main_content_wrapper #main_content #product_box_wrapper #product_box p {
	font-size:12px;
	font-weight:lighter;
	color: #666666;
}

#main_content_wrapper #main_content #product_box_wrapper #product_box #box_left #paging_wrapper {
	height:auto;
	margin: 0;
	width:100%;	
}

#main_content_wrapper #main_content #product_box_wrapper #product_box #box_left #paging_wrapper #paging {
	height:auto;
	width:510px;
	margin:0 auto;
	padding: 10px 20px 5px 20px;
	text-align:center;
	border-top:thin solid #CCCCCC;
	border-bottom:thin solid #CCCCCC;
}
img.kartuproduk { border:2px solid #999999; width:560px; height:auto; }

/***************kategori produk******************/

#main_content_wrapper #main_content #product_box_wrapper #product_box #box_right #produkkat {
	width:240px;
	height:auto;
	margin:0 auto;
	padding: 10px 5px; 
}

#main_content_wrapper #main_content #product_box_wrapper #product_box #box_right #produkkat #produkkat_title {
	width:240px;
	height:auto;
	font:bold 14px/16px Geneva, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-transform:uppercase;
	letter-spacing:-1px; 
}

#main_content_wrapper #main_content #product_box_wrapper #product_box #box_right #produkkat #produkkat_content {
	width:240px;
	height:auto;
}

#main_content_wrapper #main_content #product_box_wrapper #product_box #box_right #produkkat #produkkat_content ul.dafkat,li.dafkat {
	list-style:none;
	margin:5px 5px 5px -15px;
}

#main_content_wrapper #main_content #product_box_wrapper #product_box #box_right #produkkat #produkkat_content ul li a.dafkat {
	font:normal 12px/14px Geneva, Arial, Helvetica, sans-serif;
	color:#000000;
	text-transform:uppercase;
	text-decoration:none;
}

#main_content_wrapper #main_content #product_box_wrapper #product_box #box_right #produkkat #produkkat_content ul li a.dafkat:hover {
	font:normal 12px/14px Geneva, Arial, Helvetica, sans-serif;
	color:#FF0000;
	text-transform:lowercase;
	text-decoration:none;
}

#main_content_wrapper #main_content #product_box_wrapper #product_box #box_right #produkkat #produkkat_content ul.dafsubkat, li.dafsubkat {
	list-style:none;
	margin:5px 5px 5px -25px;
}

#main_content_wrapper #main_content #product_box_wrapper #product_box #box_right #produkkat #produkkat_content ul.dafsubkat li.dafsubkat a.subkatlink {
	color:#FFFFFF; 
	text-decoration:none;
}

#main_content_wrapper #main_content #product_box_wrapper #product_box #box_right #produkkat #produkkat_content ul.dafsubkat li.dafsubkat a.subkatlink:hover {
	color:#FFCC00;
	text-decoration:none;
	font-weight:bold;
}

/***************produk terbaru******************/

#main_content_wrapper #main_content #product_box_wrapper #product_box #box_right #produknew {
	width:240px;
	height:auto;
	padding: 0 5px;
}

#main_content_wrapper #main_content #product_box_wrapper #product_box #box_right #produknew #produknew_title {
	width:240px;
	height:auto;
	margin:5px 0;
	font:bold 14px/16px Geneva, Arial, Helvetica, sans-serif;
	color:#333333;
	text-transform:uppercase;
	letter-spacing:-1px; 
}

#main_content_wrapper #main_content #product_box_wrapper #product_box #box_right #produknew #produknew_content {
	width:240px;
	height:auto;
}

#main_content_wrapper #main_content #product_box_wrapper #product_box #box_right #produknew #produknew_content #produknewkartu {
	padding: 0 0 3px 0;
	width:108px;
	margin:3px 3px 3px 0;
	height: auto;
	border:thin solid #666666;
	float:left;
	background:#CCCCCC;
}

#main_content_wrapper #main_content #product_box_wrapper #product_box #box_right #produknew #produknew_content #produknewkartu h3 {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#333333;
	text-align:center;
}

#main_content_wrapper #main_content #product_box_wrapper #product_box #box_right #produknew #produknew_content #produknewkartu img.thumbnail {
	width:180px;
	height:auto;
}
/*------------------------end product--------------------------*/

/*--------------------screenshot--------------------------*/
#screenshot_box_wrapper {
	margin: 0;
	height:auto;
}
#screenshot_box {
	padding: 5px 5px 20px 5px;
	margin: 10px 0 10px 10px;
	height:150px;
	width:auto;
	float:left;
	text-align:center;
	border:thin solid #333333;
}
#screenshot_box img#screen {
	height:150px;
}
/*--------------------end screenshot--------------------------*/

/*------------------------member--------------------------*/
#main_content_wrapper #main_content #member_box_wrapper {
	margin: 0;
	height:auto;
}

#main_content_wrapper #main_content #member_box_wrapper #panel_status_wrapper {
	height:50px;
	width:100%;	
}

#main_content_wrapper #main_content #member_box_wrapper #panel_status_wrapper #panel_status {
	height:30px;
	width:760px;
	margin:0 auto;
	padding: 10px 20px 10px 20px;
	font: bold 24px/26px Arial, Helvetica, sans-serif;
	color:#000000;
	background:#fdce0f;
}

#main_content_wrapper #main_content #member_box_wrapper #member_box {
	width:760px;
	margin:0 auto;
	padding: 10px 20px;
	height:auto;
}

#main_content_wrapper #main_content #member_box_wrapper #member_box h3 {
	padding: 0 0 0 0;
	font-size: 13px;
	color: #fd4800;
}
/*------------------------end member--------------------------*/

/*------------------------profile--------------------------*/
#main_content_wrapper #main_content #profile_box_wrapper {
	margin: 0;
	height:auto;
}

#main_content_wrapper #main_content #profile_box_wrapper #panel_status_wrapper {
	height:50px;
	width:100%;	
}

#main_content_wrapper #main_content #profile_box_wrapper #panel_status_wrapper #panel_status {
	height:30px;
	width:760px;
	margin:0 auto;
	padding: 10px 20px 10px 20px;
	font: bold 24px/26px Arial, Helvetica, sans-serif;
	color:#000000;
	background:#fdce0f;
}

#main_content_wrapper #main_content #profile_box_wrapper #profile_box {
	width:760px;
	margin:0 auto;
	padding: 10px 20px;
	height:auto;
}
/*------------------------end profile--------------------------*/

/*------------------------shophistory--------------------------*/
#main_content_wrapper #main_content #shophistory_box_wrapper {
	margin: 0;
	height:auto;
}

#main_content_wrapper #main_content #shophistory_box_wrapper #panel_status_wrapper {
	height:50px;
	width:100%;	
}

#main_content_wrapper #main_content #shophistory_box_wrapper #panel_status_wrapper #panel_status {
	height:30px;
	width:760px;
	margin:0 auto;
	padding: 10px 20px 10px 20px;
	font: bold 24px/26px Arial, Helvetica, sans-serif;
	color:#000000;
	background:#fdce0f;
}

#main_content_wrapper #main_content #shophistory_box_wrapper #shophistory_box {
	width:760px;
	margin:0 auto;
	padding: 10px 20px;
	height:auto;
}
/*------------------------end shophistory--------------------------*/

/*------------------------cart_box--------------------------*/
#main_content_wrapper #main_content #cart_box_wrapper {
	margin: 0;
	height:auto;
}

#main_content_wrapper #main_content #cart_box_wrapper #panel_status_wrapper {
	height:50px;
	width:100%;	
}

#main_content_wrapper #main_content #cart_box_wrapper #panel_status_wrapper #panel_status {
	height:30px;
	width:760px;
	margin:0 auto;
	padding: 10px 20px 10px 20px;
	font: bold 24px/26px Arial, Helvetica, sans-serif;
	color:#000000;
	background:#fdce0f;
}

#main_content_wrapper #main_content #cart_box_wrapper #cart_box {
	width:760px;
	margin:0 auto;
	padding: 10px 20px;
	height:auto;
	font:12px Verdana, Arial, Helvetica, sans-serif;
}

	#cart_box table.cart_table { width:750px; background:#CCCCCC; margin:10px 0; }
	#cart_box input { border:1px solid #666666; background:#ECECEC; font-size:12px;}
	#cart_box textarea { border:1px solid #666666; background:#ECECEC; font-size:12px;}
	#cart_box select { border:1px solid #666666; background:#ECECEC; font-size:12px;}

	#input_box { margin:10px 0; }
	#input_box table.reg_table { width:750px; background:#CCCCCC; margin:10px 0; }
	#input_box input { border:1px solid #666666; background:#ECECEC; font-size:12px;}
	#input_box textarea { border:1px solid #666666; background:#ECECEC; font-size:12px;}
	#input_box select { border:1px solid #666666; background:#ECECEC; font-size:12px;}

/*--------------------end cart_box--------------------------*/

/*------------------------news--------------------------*/
#main_content_wrapper #main_content #news_box_wrapper {
	margin: 0;
	height:auto;
}

#main_content_wrapper #main_content #news_box_wrapper #panel_status_wrapper {
	height:50px;
	width:100%;
}

#main_content_wrapper #main_content #news_box_wrapper #panel_status {
	height:30px;
	width:760px;
	margin:0 auto;
	padding: 10px 20px 10px 20px;
	font: bold 24px/26px Arial, Helvetica, sans-serif;
	color:#000000;
	background:#fdce0f;
}

#main_content_wrapper #main_content #news_box_wrapper #news_box {
	padding: 5px 20px;
	width:760px;
	margin:0 0;
	height:auto;
	border-right:thin solid #FFFFFF;
	font: 12px/14px Arial, Helvetica, sans-serif normal;
}

#main_content_wrapper #main_content #news_box_wrapper #news_box h3 {
	margin:0 0;
	padding: 5px 0;
	font:bold 24px/26px Arial, Helvetica, sans-serif normal;
}

#kolom01 {
	font: 12px/14px Arial, Helvetica, sans-serif normal;
	color:#333333;
	width:760px;
	text-align: justify;
	margin: 5px 0;
}

#kolom01 img#kiri {
	float: left;
	border:none;
	margin: 0 5px 0 0;
	width:150px;
}

#main_content_wrapper #main_content #news_box_wrapper #paging_wrapper {
	height:auto;
	margin: 0;
	width:100%;	
}

#main_content_wrapper #main_content #news_box_wrapper #paging_wrapper #paging {
	height:auto;
	width:720px;
	margin:10px auto 0 auto;
	padding: 10px 20px 5px 20px;
	text-align:center;
	border-top:thin solid #FFFFFF;
	border-bottom:thin solid #FFFFFF;
	font:12px/14px Arial, Helvetica, sans-serif normal;
}
/*------------------------end news--------------------------*/

/*------------------------kontak--------------------------*/
#main_content_wrapper #main_content #kontak_box_wrapper {
	margin: 0;
	height:auto;
}

#main_content_wrapper #main_content #kontak_box_wrapper #panel_status_wrapper {
	height:50px;
	width:100%;
}

#main_content_wrapper #main_content #kontak_box_wrapper #panel_status {
	height:30px;
	width:760px;
	margin:0 auto;
	padding: 10px 20px 10px 20px;
	font: bold 24px/26px Arial, Helvetica, sans-serif;
	color:#000000;
	background:#fdce0f;
}

#main_content_wrapper #main_content #kontak_box_wrapper #kontak_box {
	width:760px;
	margin:0 auto;
	padding: 10px 20px;
	height:auto;
}

#main_content_wrapper #main_content #kontak_box_wrapper #kontak_box h3 {
	padding: 0 0 0 0;
	font-size: 13px;
	color: #fd4800;
}

#main_content_wrapper #main_content #kontak_box_wrapper #kontak_box #kolom {
	text-align: justify;
	margin: 0 0 20px 0;
	font: 12px/14px Arial, Helvetica, sans-serif normal;
	color:#333333;
	height:auto;
}
/*------------------------end kontak--------------------------*/

/*------------------------olchat--------------------------*/
#olchat_box_wrapper {
	height:auto;
	width:auto;
}

#olchat_box {
	padding: 0 5px;
	text-align:left;
}

#olchat_box h2 {
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	font-size:24px;
	font-weight:lighter;
	color: #FFFFFF;
}

#olchat_box ul {
	padding:0;
	margin:0;
	text-align:left;
	list-style:none;
}

#olchat_box ul li {
	padding: 0 0 0 10px;
	font-size: 12px;
}

#olchat_box ul li a {
	font-size: 12px;
	color: #FFCC00;
	text-decoration:none;
}

#olchat_box ul li a:hover {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration:none;
}
/*------------------------end olchat--------------------------*/

/*------------------------contactblok--------------------------*/
#kontakblok_box_wrapper {
	height:auto;
	width:auto;
}

#kontakblok_box {
	padding: 0 5px;
	text-align:left;
	text-align:right;
}

#kontakblok_box h2 {
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	font-size:24px;
	font-weight:lighter;
	color: #FFFFFF;
}
/*------------------------end contactblok--------------------------*/

/* =========================TABULASI ISI========================= */
#tabulasiz {font:11px verdana,arial,sans-serif; width:900px; line-height:15px; margin-left:15px;}
#tabulasiz div.off {color:#000; height:33px; margin-right:2px; line-height:33px; padding:0 20px; float:left; background:url(images/tabs_0.gif) repeat-x left bottom #5b89c7; border:1px solid #4375ba; border-bottom-color:#000; cursor:pointer; position:relative; z-index:20;}
#tabulasiz div.on {color:#c00; padding:0 20px; margin-right:2px; margin-top:1px; float:left; background:url(images/tabs_2.gif) repeat-x left bottom #FFFFFF; border:1px solid #000; cursor:pointer; border-bottom:0; height:33px; line-height:32px; position:relative; z-index:100;}

div.hide {display:none; width:0; overflow:hidden;}
div.show {clear:left; background:#fff; width:900px; direction:inherit; margin-top:0; margin-left:15px; top:-1px; border:1px solid #000;padding:10px; position:relative; z-index:50;}
/* =============================================================== */
/*------------------STYLE Text dan Angka--------------------*/	
.hargacoret { font:bold 11px Arial, Helvetica, sans-serif; text-decoration:line-through; color:#999999; }
.harga01 { font:bold 12px Arial, Helvetica, sans-serif; color: #FFFFFF;}
.hargacoret02 { font:bold 13px Arial, Helvetica, sans-serif; text-decoration:line-through; }
.harga02 { font:bold 18px Arial, Helvetica, sans-serif; color: #660066;}
.angka { text-align:right; }
a.sublevel:link, a.sublevel:visited { color: #990000; text-decoration: none; font-weight: bold; } 
a.sublevel:active, a.sublevel:hover { color: #FFCC00; text-decoration: underline; } 
/*---------------------------------------------------------*/
/*---------------------------footer---------------------------*/
#footer_box_wrapper {
	clear: both;
	width: 100%;
	margin: 0 auto 30px auto;
}

#footer_box {
	width: 800px;
	margin: 0 auto;
	padding: 20px 0 100px 0;
	color: #ffffff;
	background:url(images/footer.png) #cd0606 no-repeat;
}

#footer_box #footer_box_left{
	width: 350px;
	padding: 40px 0 20px 0;
	color: #ffffff;
	float:left;
	text-align:left;
}

#footer_box #footer_box_center{
	width: 350px;
	padding: 20px 0 0 0;
	color: #ffffff;
	float:right;
	text-align:right;
	font: 10px/11px Arial, Helvetica, sans-serif normal;
}

#footer_box #footer_box_right{
	width: 150px;
	padding: 20px 0 0 0;
	color: #ffffff;
	float:right;
}

/***************jejaring******************/

#footer_box #footer_box_center #jejaring {
	width:100%;
	height:auto;
	margin:0 auto;
	padding: 20px 5px;
	text-align:right;
}

#footer_box #footer_box_center #jejaring #jejaring_title {
	width:100%;
	height:auto;
	margin:0 0;
}

#footer_box #footer_box_center #jejaring #jejaring_content {
	width:100%;
	height:auto;
}

#footer_box #footer_box_center #jejaring #jejaring_content img#jejaringlogo {
	width:100px;
	height:auto;
	float:right;
	margin: 0 5px 0 0;
}
/*---------------------------end footer---------------------------*/