/*------------------------global--------------------------*/
body {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333;
	background-position:top;
	background-attachment:fixed;
	background: #E1E1E1;
}
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: 11px/11px Arial, Helvetica, sans-serif normal;
	color:#333333;
}
.alignleft {
	float: left;
	margin-bottom: 0px;
	margin-right: 5px;
}
tr.atastabel{
	background-color: #999999;
	font:normal 11px/11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
}
tr.tengahtabel{
	font:normal 11px/11px Arial, Helvetica, sans-serif;
	color:#333333;
	background:#FFF;
}
#panel_status_wrapper {
	height:auto;
	width:100%;
}
#panel_status_wrapper #panel_status {
	width:1000px;
	padding: 10px 0 10px 0;
	font: bold 26px/26px Arial, Helvetica, sans-serif;
	color: #999;
}
#paging_wrapper {
	height:auto;
	margin: 0;
	width:100%;	
}
#paging_wrapper #paging {
	height:auto;
	width:630;
	padding: 10px 5px 10px 5px;
	margin:5px auto 5px auto;
	text-align:center;
	border-top:thin solid #CCC;
	border-bottom:thin solid #CCC;
	font:12px/14px Arial, Helvetica, sans-serif normal;
}
div.paging {
	padding     : 2px;
	margin      : 2px;
	text-align  : center;
	font-family : Tahoma;
	font-size   : 12px;
}
div.paging a {
	padding             : 2px 6px;
	margin-right        : 2px;
	border              : 1px solid #DEDFDE;
	text-decoration     : none; 
	color               : #0061DE;
	background-position : bottom;
}
div.paging a:hover {
	border : 1px solid #000000;
	color  : #0061DE;
}
div.paging span.current {
	padding      : 2px 6px;
	margin-right : 2px;
	font-weight  : bold;
	color        : #FF0084;
}
div.paging span.disabled {
	padding      : 2px 6px;
	margin-right : 2px;
	color        : #ADAAAD;
	font-weight  : bold;
}
div.paging span.prevnext {
  font-weight : bold;
}
div.paging span.prevnext a {
  border : none;
}
div.paging span.prevnext a:hover {
	border : 1px solid #000000;
	color  : #0061DE;
}
#update {
	width: 25px;
	margin: 0 5px 0 0;
}
#checkout {
	width: 25px;
	margin: 0 5px 0 0;
}

/*------------------------end global--------------------------*/
/*------------------------start intro--------------------------*/
#intromain_content_wrapper {
	clear: both;
	width: 100%;
	margin: 0 auto;
}
#intromain_content_wrapper #intro {
	width: 860px;
	height:490px;
	margin: 50px auto 0 auto;
	text-align:center;
	padding:20px 70px;
}
#intro #intro_left {
	width: 640px;
	height: 480px;
	float:left;
}
#intro_left img#intro_img {
	width: 640px;
	height: 480px;
}
#intro #intro_right {
	width: 200px;
	height: 44px;
	float:right;
	text-align:left;
}
#intro_right #intrologo {
	height: 100px;
	margin: 0 0 0 0;
	font: bold 20px/20px Verdana, Geneva, sans-serif;
	color:#999;
}
#intro_right #intrologo img {
	height: 100px;
}
#intro_right #intromenu {
	height: 345px;
}
#intro_right #intromenu ul.menu{
	margin:0 0 0 -40px;
	font: bold 12px/12px Verdana, Geneva, sans-serif;
	list-style:none;
	color:#999;
}
#intro_right #intromenu ul.menu li{
	padding:10px 0 0 0;
}
#intro_right #intromenu ul.menu a{
	color:#999;
	font: 12px/12px Verdana, Geneva, sans-serif;
}
#intro_right #intromenu ul.menu a:hover{
	color:#FFF;
	font: 12px/12px Verdana, Geneva, sans-serif;
}
/*------------------------end intro--------------------------*/
/*---------------------------jejaring---------------------------*/
#jejaring {
	height:auto;
	margin:0 auto;
	padding: 10px 5px; 
}
#jejaring #jejaring_title {
	height:auto;
	margin:0 0;
}
#jejaring #jejaring_content {
	height:auto;
}
#jejaring #jejaring_content img#jejaringlogo {
	height:25px;
	width:auto;
	margin: 0 5px 0 0;
}
/*------------------------end jejaring--------------------------*/
/*------------------------maintop--------------------------*/
#top_wrapper {
	width: 100%;
	margin: 0 auto;
	background:#E1E1E1;
}
#top_wrapper #top {
	width: 1000px;
	height: 100px;
	padding: 10px 0 10px 0;
	margin: 8px auto 0 auto;
}
#top_wrapper #top #logo {
	float: left;
	height: 100px;
	overflow:hidden;
}
#logo img {
	height: 100px;
}
#top #topmenu {
	width: auto;
	float:right;
	margin: 90px auto 0 auto;
}
#topmenu ul.menuhor{
	font: bold 12px/12px Arial, Helvetica, sans-serif;
	list-style:none;
	color:#666;
	margin:0;
}
#topmenu ul.menuhor li{
	float:left;
	margin:0 10px;
}
#topmenu ul.menuhor a{
	color:#666;
	font: bold 12px/12px Arial, Helvetica, sans-serif;
}
#topmenu ul.menuhor a:hover{
	color:#FFF;
	font: bold 12px/12px Arial, Helvetica, sans-serif;
}
#topmenu ul.menuhor a.current{
	color:#FFF;
	font: bold 12px/12px Arial, Helvetica, sans-serif;
}
/*------------------------end maintop--------------------------*/
/*------------------------topline--------------------------*/
#topline_wrapper {
	clear: both;
	width: 100%;
	margin: 0 auto;
	background:#FF0;
	border-top:10px solid #FFF;
	border-bottom:3px dashed #FFF;
}
/*------------------------end topline--------------------------*/
/*------------------------maincontent--------------------------*/
#main_content_wrapper {
	clear: both;
	width: 100%;
	margin: 0 auto;
	background:#FFF;
	padding:10px 0;
}
#main_content_wrapper #main_content {
	clear: both;
	width: 1000px;
	margin: 0 auto;
}
/*------------------------end maincontent--------------------------*/
/*------------------------stcontent--------------------------*/
#stcontent_box_wrapper {
	margin: 0;
	height:auto;
}
#stcontent_box {
	width:1000px;
	height:auto;
}
/*------------------------end stcontent--------------------------*/
/*------------------------dblog--------------------------*/
#dblog_box_wrapper {
	margin: 0;
	height:auto;
}
#dblog_box {
	width:1000px;
	height:auto;
	font: 12px/14px Arial, Helvetica, sans-serif normal;
}
.blogkolom01 {
	font: 12px/14px Arial, Helvetica, sans-serif normal;
	text-align: justify;
	color:#333333;
	width:750px;
}
.blogkolom02 {
	font: 12px/14px Arial, Helvetica, sans-serif normal;
	color:#333333;
	width:240px;
	text-align: justify;
	margin: 0 10px 0 0;
}
#inside_box {
	text-align: justify;
	width:730px;
	height:auto;
	margin: 0 0 0 20px;
	font: 12px/14px Arial, Helvetica, sans-serif normal;
	color:#333333;
	border-bottom: thin solid #999999;
}
#inside_box img.gambar_blog {
	width:730px;
	margin: 10px 0;
}
#inside_box #komentag {
	margin: 20px 0;
	font:bold 12px/14px Arial, Helvetica, sans-serif normal;
	color:#333333;
	width:730px;
	border-bottom:thin solid #999999;
}
#inside_box #komenbox {
	width:500px;
	height:85px;
	margin: 0 0 5px 0;
}
#komenbox #komenphoto {
	width:60px;
	height:85px;
	float:left;
}
#komenbox #komenisi {
	width:390px;
	height:75px;
	padding:5px 15px 5px 25px;
	float:right;
	background:url(images/commentbg.png) no-repeat;
}
table.komentabel {
	width:100%;
	height:auto;
	padding: 0 5px;
	font:normal 12px/14px Arial, Helvetica, sans-serif;
}
a.judulblog {
	font: bold 18px/24px Arial, Helvetica, sans-serif normal;
	color:#000000;
}
a.judulblog:hover {
	font: bold 18px/24px Arial, Helvetica, sans-serif normal;
	color:#FFCC00;
}
.judulblog {
	font: bold 18px/24px Arial, Helvetica, sans-serif normal;
	color:#000000;
}
.penulis {
	font: 12px/14px Arial, Helvetica, sans-serif normal;
	color:#e8be14;
}
.tanggalblog {
	font: 12px/14px Arial, Helvetica, sans-serif normal;
	color:#999999;
}
.bacablog {
	font: 12px/14px Arial, Helvetica, sans-serif normal;
	color:#999999;
}
.komenblog {
	font: 12px/14px Arial, Helvetica, sans-serif normal;
	color:#999999;
}
.katblog {
	font: 12px/14px Arial, Helvetica, sans-serif normal;
	color:#999999;
}
#inside_box #komenbox {
	width:750px;
	height:85px;
	margin: 0 0 5px 0;
}
#dblog_box_title {
	width:230px;
	height:auto;
	padding:5px 5px;
	font:bold 14px Arial, Helvetica, sans-serif;
	background:#FF0;
	color:#000;
}
ul#katlist {
	list-style:none;
	width:240px;
	margin:0 0 0 -40px;
}
ul#katlist li{
	width:240px;
	font: bold 12px/12px Tahoma, sans-serif; 
	border-bottom:thin solid #CCC;
}
ul#katlist li a{
	width:230px;
	height:auto; 
	display:block; 
	text-decoration:none; 
	color:#333;
	padding: 5px 5px 5px 5px;
}
ul#katlist li a:hover{
	width:230px;
	height:auto; 
	color:#333; 
	padding: 5px 5px 5px 5px;
	background:#e1e1e1;
}

ul#poplist {
	list-style:none;
	width:240px;
	margin:0 0 0 -40px;
}
ul#poplist li{
	width:240px;
	font: bold 12px/12px Tahoma, sans-serif; 
	text-align:left;
	border-bottom:thin solid #CCC;
}
ul#poplist li a{
	width:230px;
	height:auto; 
	display:block; 
	text-decoration:none; 
	color:#333;
	padding: 5px 5px 5px 5px;
}
ul#poplist li a:hover{
	width:230px;
	height:auto; 
	color:#333; 
	padding: 5px 5px 5px 5px;
	background:#e1e1e1;
}

ul#blogindexlist {
	width:100%;
	margin:10px 0 5px -20px;
}
ul#blogindexlist li{
	width:80%;
	font: bold 12px/12px Tahoma, sans-serif; 
	text-align:left;
	margin:0 0 5px 0;
}
ul#blogindexlist li a.judulindex{
	width:100%;
	height:auto; 
	text-decoration:none; 
	color:#333;
}
ul#blogindexlist li a.judulindex:hover{
	width:100%;
	height:auto; 
	color:#333; 
	text-decoration:underline;
}
/*------------------------end dblog--------------------------*/
/*------------------------product--------------------------*/
#product_box_wrapper {
	margin: 0;
	height:auto;
}
#product_box {
	width:1000px;
	height:auto;
	padding: 0 0;
}
#product_box #box_left {
	font: 12px/14px Arial, Helvetica, sans-serif normal;
	color:#333333;
	width:240px;
	text-align: justify;
	margin: 0 10px 0 0;
}
#product_box #box_right {
	text-align: justify;
	width:750px;
	height:auto;
	font: 12px/14px Arial, Helvetica, sans-serif normal;
	color:#333333;
	margin:0;
	float:right;
}
#product_box #produkkartu {
	width:175px;
	margin:0 0 5px 10px;
	height:310px;
	float:left;
	text-align:center;
}
#produkkartu img.thumbnail {
	width:175px;
	height:auto;
}
#soldout {
	padding: 5px 0;
	width:175px;
	margin:90px 0 0 0;
	height:20px;
	background:#000000;
	position: absolute;
	font:bold 16px/16px Arial, Helvetica, sans-serif normal;
	color:#FFFFFF;
	text-align:center;
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
	-khtml-opacity: 0.60;
	opacity: 0.60;
}
#diskonbox {
	width:50px;
	height:50px;
	margin:163px 0 0 110px;
	background:#FF0000;
	position:absolute;
	font:18px/18px Arial, Helvetica, sans-serif normal;
	color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
}
#diskonbox img.diskonimg {
	width:50px;
	height:50px;
	/* border:thin solid #000000; */
}
#produkkartu h3#grid_title  {
	margin: 10px 10px 0 0; 
	color:#000000; 
	font: bold 12px/14px Arial, Helvetica, sans-serif; 
}
img.kartuproduk {
	width:160px;
	border:thin solid #333333;
}
.kartuproduk_box {
	width:160px;
	border:thin solid #333333;
}
#product_box h2 {
	margin: 10px 0 5px 0;
	font-size:24px;
	font-weight:lighter;
	color: #666666;
	text-align:center;
}
#product_box h4 {
	margin: 0 0 5px 0;
	font-size:18px;
	font-weight:lighter;
	color: #666666;
}
#product_box p {
	font-size:12px;
	font-weight:lighter;
	color: #666666;
}
#produk_other_title {
	width:730px;
	height:auto;
	margin:0 0 20px 10px;
	padding:5px 5px;
	font:bold 14px Arial, Helvetica, sans-serif;
	background:#FF0;
	color:#000;
}
table.stok_table { width:420px; margin:0 0 0 0; vertical-align:top; }
table.detail_table { background:#FFFFFF; margin:0 0 0 0; }
.trgarisbawah { 
	border-bottom:thin solid #CCCCCC;  
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	padding:5px 0;
}
/***************kategori produk******************/
#produkkat {
	height:auto;
}
#produkkat #produkkat_title {
	width:230px;
	height:auto;
	padding:5px 5px;
	font:bold 14px Arial, Helvetica, sans-serif;
	background:#FF0;
	color:#000;
}
#produkkat #produkkat_content {
	width:240px;
	height:auto;
}
#produkkat #produkkat_content ul.dafkat,li.dafkat {
	list-style:none;
	margin:5px 5px 5px -15px;
}
#produkkat #produkkat_content ul.dafkat li a.dafkat {
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	color:#666666;
	text-transform:uppercase;
}
#produkkat #produkkat_content ul.dafkat li a.dafkat:hover {
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	color:#000000;
	text-transform:uppercase;
}
#produkkat #produkkat_content ul.dafsubkat, li.dafsubkat {
	list-style:none;
	margin:5px 5px 5px -25px;
}

/***************produk terbaru******************/
#produknew {
	height:auto;
	padding:0 0; 
	margin:10px 0 0 0;
}
#produknew #produknew_title {
	width:230px;
	height:auto;
	padding:5px 5px;
	margin:0 0 10px 0;
	font:bold 14px Arial, Helvetica, sans-serif;
	background:#FF0;
	color:#000;
}
#produknew #produknew_content {
	height:auto;
}
#produknew #produknew_content #produknewkartu {
	width:110px;
	margin:5px 4px 5px 4px;
	height: 180px;
	float:left;
	text-align:center;
}
#produknew #produknew_content #produknewkartu img.thumbnail {
	width:110px;
	height:auto;
}
#produknew #produknew_content #produknewkartu h3 {
	margin: 5px 0 5px 0; 
	color:#000000; 
	font: normal 10pt Arial, Helvetica, sans-serif; 
	letter-spacing:-1px; 
}
/*------------------------end product--------------------------*/
/*------------------------kontak--------------------------*/
#kontak_box_wrapper {
	margin: 0;
	height:auto;
}
#kontak_box {
	width:1000px;
	height:auto;
}
#kontak_box_kiri {
	font: 12px/14px Arial, Helvetica, sans-serif normal;
	text-align: justify;
	color:#333333;
	width:550px;
}
#kontak_box_kanan {
	font: 12px/14px Arial, Helvetica, sans-serif normal;
	text-align: justify;
	color:#333333;
	width:450px;
	border-left:thin solid #e1e1e1;
	float:right;
}
table.kontak_tabel {
	width:400px;
	height:auto;
	padding: 0 5px;
	font:normal 12px/14px Arial, Helvetica, sans-serif;
}
#kontak_tabel_box {
	width:400px;
	height:auto;
	float:right;
}
#kontak_box h3 {
	margin: 0 0 0 0;
	font:bold 16px/16px Arial, Helvetica, sans-serif;
	color: #e8be14;
}
#kontak_box #kolom {
	text-align: justify;
	margin: 0 0 20px 0;
	font: 12px/14px Arial, Helvetica, sans-serif normal;
	height:auto;
}
/*------------------------end kontak--------------------------*/
/*------------------------olchat--------------------------*/
#olchat_box_wrapper {
	height:auto;
	width:auto;
}
#olchat_box {
	padding: 0 0;
	text-align:left;
}
#olchat_box h2 {
	font: bold 26px/26px Arial, Helvetica, sans-serif;
	color: #999
}
#olchat_box ul {
	padding:0;
	margin:0;
	text-align:left;
	list-style:none;
}
#olchat_box ul li {
	padding: 0 0 0 0;
	font-size: 12px;
}
#olchat_box ul li a {
	font-size: 12px;
	text-decoration:none;
}
#olchat_box ul li a:hover {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration:none;
}
/*------------------------end olchat--------------------------*/
/*---------------------------footer---------------------------*/
#footer_box_wrapper {
	clear: both;
	width: 100%;
	margin: 0 auto;
	background:#FF0;
}
#footer_box {
	clear: both;
	width: 1000px;
	height:30px;
	margin: 0 auto;
	padding:10px 0;
}
#footer_box_left{
	width: 1000px;
	color:#333;
	text-align:center;
}
/*---------------------------end footer---------------------------*/
/*------------------------cart_box--------------------------*/
#cart_box_wrapper {
	margin: 0;
	height:auto;
}
#cart_box {
	width:1000px;
	height:auto;
	padding: 10px 0;
	margin:0 0 0 0;
}

	#cart_box table.cart_table { width:1000px; margin:0 0; background:#e1e1e1; }
	#cart_box table.shipping_table { width:992px; margin:0 0; background:#e1e1e1; }
	#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:0 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--------------------------*/
/*------------------STYLE Text dan Angka--------------------*/	
.hargacoret { font:bold 11px/11px Arial, Helvetica, sans-serif; text-decoration:line-through; margin:0; }
.harga01 { font:bold 14px/14px Arial, Helvetica, sans-serif; color: #999999; margin:0;}
.hargacoret02 { font:bold 13px/13px Arial, Helvetica, sans-serif; text-decoration:line-through; margin:0; }
.harga02 { font:bold 18px/18px Arial, Helvetica, sans-serif; color: #660066; margin:0;}
.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; } 
/*---------------------------------------------------------*/
/*------------------------profile--------------------------*/
#profile_box_wrapper {
	margin: 0;
	height:auto;
}
#profile_box {
	width:1000px;
	height:auto;
}
table.reg_table { width:1000px;}
/*------------------------end profile--------------------------*/
/*------------------------shophistory--------------------------*/
#shophistory_box_wrapper {
	margin: 0;
	height:auto;
}

#shophistory_box {
	width:1000px;
	height:auto;
}
/*------------------------end shophistory--------------------------*/