/*@import url(http://fonts.googleapis.com/css?family=Dekko);
@import url(http://fonts.googleapis.com/css?family=Buda:300);*/
@import url(http://fonts.googleapis.com/css?family=Delius);
/* CSS Document */

#page-wrapper {
    position: relative;
    width: 970px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

.page-title { 
	text-align:center; font-weight:bold; font-size:18px;
}

.page_pesan { font-weight:bold; color:#ee0000; text-align:center; background-color:#fdd; min-height:25px; padding:5px; border-radius:3px; }

.page-substitle {
	text-align:center; font-size:12px;	
}

body {
    font-family: Delius, tahoma, verdana;
    font-size: 13px;
	font-weight: 200; 
	margin:0px;
	text-align:justify;
}

#banner {
    width: 100%; min-height:100px; margin:0px;
}

#footer {
	width:100%; float:left;
}

#topmenu-wrapper {
    width: 100%; 
	min-height:20px; margin:0px;
}

#topmenu {
width: auto;
list-style: none outside;
font-weight: bold;
margin: 1px;
margin-left:-40px;
}

#topmenu li {
float: left;
padding: 2px 5px;
margin:2px;
border-radius: 2px;
background: linear-gradient(#070, #0F0);
box-shadow:#000 1px 1px 1px;
}

#topmenu li:hover {
	background-color:#996600;
	background: linear-gradient(darkgreen, darkgreen);
}

#topmenu a, #topmenu a:visited { text-decoration:none;
	color:#FFFFFF;
	text-shadow: 1px 1px 1px #000000;
}

/*  blum kepake
#topmenu ul {
	display: none;
	position: absolute;
	margin-left: 0px;
	list-style: none;
	padding: 0px;
}

#topmenu ul li {
	width: 160px;
	float: left;
}

#topmenu ul a {
	display: block;
	height: 15px;
	padding: 7px 8px;
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #222;
}

#topmenu ul li a:hover {
	color: #069; 
}
*/


#col1 {
	float:left; width:220px; vertical-align:top;
}
#col2 {
	float:left; width:740px; padding:0px 5px 5px 5px; vertical-align:top;
}

.menu-cat {
	margin:0px;	padding:0px;
	margin-left: 0px;
	font-weight:bold;
}

.menu-subcat {
	margin:0px;
	margin-left:0px; 
	padding:0px;
	padding-left:30px;
	font-weight:normal;
	background:url(../images/style/cat_open.gif) no-repeat top left;
}

.menu-subcat2 {
	margin:0px;
	margin-left:30px; 
	padding:0px;
	padding-left:30px;
	font-weight:normal;
	font-size:small;
	background:url(images/style/cat_open.gif) no-repeat left;
}

.section-wrapper {
	margin: 0px 0px 3px 0px;	
}

.section-title {
	font: Verdana bold 12px;
	text-align:center;
	text-transform: uppercase;
	border-radius: 2px;
	box-shadow: 1px 1px 1px rgb(136, 136, 136);	
	color: rgb(0, 204, 102);
	background: linear-gradient(#030, #093);
	font-weight:bold;
	text-shadow:#000 1px 1px 1px;
}

#section-list li {
	margin-left:-20px;
	list-style:square;
}

.section-menu {
	text-align:center;	width:100%;
}

.roundbox { border-radius: 5px;}
.shadowbox {box-shadow: #000 3px 3px}


button {text-align:center; font-size:9px; margin:0px; font-weight:bold; padding:0px;}

a, a:visited {color:#070;}
a:hover {color:#0F0;}

h1 { color:#006600; text-shadow:#ccc 2px 2px; margin:7px 0px; }
h2 { color:#006600; text-shadow:#ccc 2px 1px; margin:5px 0px; }
h3 { color:#006600; text-shadow:#ccc 1px 1px; margin:5px 0px; }


.panel-pageslink { box-shadow: 1px 1px #999; border-radius:3px; padding: 3px; margin:5px 5px 5px 0px; text-align:right; background:#EEE; clear:left; }

.panel-tag {
 border-radius:3px; padding: 3px; background:#CFC;
}

.tag-label { border-radius:1px; background-color:#9C3;  padding:1px 3px; margin:0px 1px; font-size:9px; text-transform:uppercase;
	font-weight:bold; 
}
.tag-label:hover {background:#FFFF00;}

.tag-label a, .tag-label a:visited, .tag-label a:hover {
	color:#000; text-decoration:none;
}

.product-sekilas {
	width:100%;	text-align:left; padding:2px;
}

.product-sekilas th{
	width: 200px; font-weight:bold; vertical-align:top;
}

.product-sekilas td{
	vertical-align:top;
}


.cart {
	width: 700px; border-radius:3px;  
}


.mytable {}
.mytable tr{background-color:#EEE; border-radius:3px; }
.mytable tr:nth-child(even) {background-color:#BBB; };
.mytable tr td {border-top:thin #CCC solid; border-left:thin #CCC solid;vertical-align: top;}
.mytable tr th {border-top:thin #CCC solid; border-left:thin #CCC solid; vertical-align: top;}
.mytable .none {border:none; background:none;}


.cart th { background-color:#CCC; text-align:center; border-radius:3px;}
.cart_item {background-color:#EEE; border-radius:3px; }
.cart td {border-radius:3px;}
.cart_item td { border-top:thin #CCC solid; border-left:thin #CCC solid;}
.cart td { vertical-align:top; padding:1px; text-align:right; width:auto; font-size:12px;}
.cart-textbox {
	font-size:12px; width:25px; padding:0px; text-align:right;
}

.cart-diskon-coret {text-decoration:line-through; color:#FF0000; font-size:smaller }
.cart-total {font-weight:bold; padding:0px 2px 0px 2px; background-color:#DDFFDD; border-top:thin #CCC solid; border-left:thin #CCC solid; }

.box {
    min-height: 20px;
    padding: 15px 25px;
    background-color: #DDFFDD;
    border: 1px solid  #E4E4E4;
    border-radius: 2px;
    position: relative; 
}

.box td {
	 padding:3px;	
}

.box-shadow {
	box-shadow: 5px 4px 0px 0px #BDB ;
}


.btn {
	margin: 3px 0px 3px 0px;
    text-transform: uppercase;
    vertical-align: middle;
    cursor: pointer;
    padding: 2px 17px;
    line-height: 20px;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
	background-color:#CDC;
    border: 1px solid #BDBDBD;
    color: #606060;
    box-shadow: 2px 2px 2px #DFD inset;
}

.btn2 { cursor:pointer; 
    box-shadow: 2px 2px 2px #DFD inset;
}

.dialog-footer {
    text-align: right;
    border: 1px dashed #CCC;
    padding: 5px;
    background: none repeat scroll 0% 0% #EEE;
    margin: 10px 0px;
}

.popup-input {width:175px; font-family:verdana; font-size:x-small;}

.popnav {background-color:#FFC; margin-bottom:3px; border-radius:5px}
.popnav span { background-color:#CCCCCC; cursor:pointer; border-radius:5px; padding: 0px 3px 0px 3px;}
.popnav .sedang {font-weight:bold; background-color:#0F6; text-transform:uppercase;  }

.div-productlist-item {
	float:left;
	width:160px;
	/*height:300px;*/
	border-radius: 10px;
	padding: 10px;
	border-right:thin solid #ccc;
	border-bottom:thin solid #ccc; overflow:hidden;
/*	background: linear-gradient(#fff, #993);*/
	margin:1px;	
}

.div-productlist-item:hover {
	float:left
	width:160px;
	/*height:300px;*/
	border-radius: 10px;
	padding: 10px;	
	border-right:thin solid #f00;
	border-bottom:thin solid #f00;	
	
	background:#FFC;
}


.prdlist-panel {
	text-align:center; bottom:0px; left:0px; margin-top:10px; background: rgba(230,230,230,0.7);
	/*position:sticky; */
	padding-bottom:3px; border-radius:3px; box-shadow:#333 1px 1px 1px; 
	height:90px;
}

.prd_troli {text-align:center; font-size:9px; margin:0px; font-weight:bold; padding:0px;}
.prd_title {text-align:center; height:50px; overflow:hidden; }
.prd_info {
	overflow:hidden; min-height:150px; height:200px; text-align:center; position:relative;
}
.prd_title h2 {font-size:13px; font-weight:bold; padding:3px; margin-top:0px; margin-bottom:2px; 
	background:#EFF; border-radius:3px; border:thin solid #0E0;
	min-height:35px; box-shadow:#000 1px 1px 1px; 
	}
.prd_harga {margin-left:20px;text-align:left; color:#F00; font-weight:bold; font-size:13px; text-shadow:#000 1px 1px 1px; }
.prd_harga_coret {margin-left:10px;text-align:left; color:#000; text-decoration:line-through;}
.prd_diskon {position:absolute;right: 3px; top:3px; font-weight:bold; background-color:#FF0000; border-radius:2px; padding:0px 3px; color:white; font-size:12px; box-shadow: black 1px 1px}

.prdlist-panel button{height:25px; float:right; margin-right:5px;}
.prdlist-panel img{ weight:15px; height:15px; vertical-align:middle;}
.prd_info img {
	clip: rect(0px, 150px, 200px, 0px);
	height: 200px;
	border-radius: 10px;
	border-top: solid 1px;
	border-left: solid 1px;	
}

.tabel_diskon { padding:2px; }
.tabel_diskon td { background-color:#CCCCCC; border-top:thin solid #666; border-left:thin solid #666; text-align:center; border-radius:3px; }
.tabel_diskon th { padding:0px 10px; background-color:#AAAAAA; border-bottom:thin solid #666; border-right:thin solid #666; text-align:center;  border-radius:3px; }

.div-articlelist-item {
	float:left;	width:320px; height:200px; border-radius: 10px; padding: 10px;
	border-right:thin solid #ccc; border-bottom:thin solid #ccc; overflow:hidden;
/*	background: linear-gradient(#fff, #993);*/
	margin:1px;	
}

.div-articlelist-item:hover {
	float:left; width:320px; height:200px;
	border-radius: 10px; padding: 10px;	
	border-right:thin solid #f00; border-bottom:thin solid #f00;
	background:#FFC;
}

.div-articlelist-item img {
		float:left; max-width:160px; max-height:125px; margin-right:10px;
}
.div-articlelist-item h4 {
	margin:3px;
}

.vmenu-art-ul {
	list-style:square; 
	margin: 5px 5px 5px -25px;
}

/*	
.vmenu-art-ul li{ 
	background: url("images/ui/ico_leaf.png") no-repeat;
	background-position: 2px 2px ;
}
*/

.vmenu-keyw-ul {
		list-style-type:square;
	margin: 5px 5px 5px -25px;
}
/*
.vmenu-keyw-ul li{ 
	background: url("images/ui/ico_leaf.png") no-repeat;
	background-position: 2px 2px ;
	padding-left:20px;
}*/

.blink_me {	animation: blinker 1s linear infinite;	}
@keyframes blinker {50% {opacity: 0.0;}	}

@viewport {
	zoom: 1.0;
	width: extend-to-zoom;
}

.category-pinned {
	background: linear-gradient(#eFe, #9F9); 
	border-radius:10px; 
	box-shadow: 1px 1px; 
	margin-bottom:50px; 
	padding: 5px 0px 5px 0px;	
}
.categories-vmenu {
	width:inherit; height:100%; max-height:450px; 
	overflow-y: scroll; overflow-x:hidden;
	margin-bottom: 20px;
	border-bottom: 1px solid;
}
.keywords-vmenu {
	width:inherit; height:100%; max-height:450px; 
	overflow-y: scroll; overflow-x:hidden;
	margin-bottom: 20px;
	border-bottom: 1px solid;
}

.articles-vmenu {
	width:inherit; height:100%; max-height:450px; 
	overflow-y: scroll; overflow-x:hidden;
	margin-bottom: 20px;
	border-bottom: 1px solid;
}

.footer-info { margin-left:auto; margin-right:0px; width:100%  }
.footer-info td { font-family:Verdana, Geneva, sans-serif; font-size:12px; background-color:#BFB; border-radius: 3px; padding:3px;  vertical-align:top  }
.footer-info th { background-color:#090; color:#FFF; border-radius: 3px; padding:5px;	box-shadow: 1px 1px 1px rgb(136, 136, 136); }

.articles-related-products {
	width: 100%; height:100%; 
	box-shadow:1px 1px 1px; overflow-y: scroll;
	overflow-x: hidden;	
}

.articles-related-products-box {
	width:200px; height:600px; float:right; margin-left: 10px; margin-bottom: 30px; 
	border: 1px solid #fff; border-radius:3px;
}