body {
	font-family: Arial, sans-serif;
	margin:0;
	padding:0;
	font-size:100%;   
}
.bodym {
   padding: 0px;
   margin: 0px;
   background-color: #E9E9E9;
}
.top_container {   
   margin: 0px;
   padding: 0px;
}
.logo {
   color: #FF0;
   float: left;
   top: 8px;
   padding-left: 9px;
   position: absolute;         
   font-weight: bold;
   font-family: "Yanone Kaffeesatz", Arial;
   z-index: 9999;   
   font-size: 160%;
}
.title_container {
   margin: 0px;
   padding: 0px;   
}
.searchbox {
   margin: 16px 16px 0px 16px;
}
.search_desc {
   padding: 3px 0px 12px 12px;
   font-size:88%;
   color: #666;
}
.clear {
   clear: both;
   font-size: 4px;
   margin: 0px;
   padding: 0px;
}
.goto_top {
   bottom:2%;
   right:10px;
   position: fixed;
   opacity: 0.6;
   z-index: 99999;
}


.allpage_content {
   padding: 0px 12px 12px 12px;
}
.content_title {
   font-family: "Yanone Kaffeesatz", Arial;
   font-weight: bold;   
   font-size: 160%;   
   color: #F40;
   text-align: center;
   text-transform: uppercase;
   text-shadow: 1px 1px 1px #C0C0C0;
   padding-bottom:8px;  
}
.content_box {   
   text-align: center;
   font-size: 92%;   
}
.content_box_left_alignment {   
   text-align: left;
   font-size: 92%;
}


.product_content {   
   padding: 0px;
   margin: 0px;
}
.product_box {
   width: 33.33%;
   float: left;   
}
.img_product {   
   width: 94%;
   padding-bottom:4%;
}

.products_category {
   font-size: 80%;
   text-align: left;
   text-transform: uppercase;
   font-weight: bold;
   color: #090;
   padding-top: 8px;
}
.products_name {
   font-family: "Yanone Kaffeesatz", Arial;
   font-weight: bold;   
   font-size: 160%;   
   color: #F50;
   text-align: left;
   text-transform: uppercase;
   text-shadow: 1px 1px 1px #C0C0C0;
   padding-bottom:8px;  
}
.foto_produk {
   width: 100%;
}
.products_photo {
   padding-top: 6px;
}
.products_content {
   padding-top: 14px;
   font-size: 100%;
}
.products_price {
   padding-top: 10px;
   text-align: right;
   color: #090;
   font-weight: bold;
   font-size:120%
}



.icopyright_box {
   clear: both;   
   padding: 6px 6px 16px 6px;
   background-color: #909D02;
   text-align: center;
   font-size: 90%;
   color: #FFF;
}
.icopyright_ico {
   text-align: center;
   padding-bottom:8px;
}


.subkat {
   padding: 2px 0px 2px 20px;
}
.ico_sub {
   float: left;
   padding: 6px 10px 0px 0px;
}
.content_desc {
   padding:0px 0px 14px 0px;
}


/* ---- Content ----- */


.datarow {
   list-style: none;
   line-height:1;
   padding: 0px;
   margin: 0px;   
   text-align: left;
}
.datarow li {   
   border-top: 1px solid #D0D0D0;
}
.datarow img {
   margin-right: 8px;
}
.datarow .line_row {
   padding:10px 0px;    
   font-weight:bold;   
}
.datarow .cat_row {
   padding-top: 2px;
   font-size: 70%;
   font-weight: normal;
   text-decoration: none;
   text-transform: uppercase;
}
.datarow .title_row {
   padding-top: 6px;
   font-weight: normal;
}
.datarow .value_row {
   padding-top: 12px;
   font-size: 90%;
   font-weight: normal;
}


/* ---- Page Number ----- */


.page_number {   
   text-align: center;
   border-top: 1px solid #C0C0C0;
   padding: 14px 0px 6px 0px;
}

.linkpage {
   text-decoration: none;
   color: #FFFFFF;
   background-color: #00F;
   font:11px Tahoma;
   font-weight: bold;
   padding: 6px 10px;
   height: 19px;  
}
.linkpage:hover {
   text-decoration: none;   
   font-weight: bold;
   background-color: #005;  
}

.linkpagenolink {
   padding: 4px;
   text-decoration: none;
   color: #000;
   background-color: #B0B0B0;
   font:11px Tahoma;
   font-weight: bold;
   padding: 6px 10px;
	height: 19px;
}
.linkpagenolinktitik {
   padding: 4px;
   text-decoration: none;
   color: #FFF;
   background-color: transparent;
   font:11px Tahoma;
   font-weight: bold;
   padding: 4px;
	height: 19px;
}



/* Input Styles */

.link {
	color: #0000FF;
	text-decoration: none;
}
.link:hover {
	color: #FF0000;
	text-decoration: none;
}
.link2 {
	color: #FFF;
	text-decoration: none;
}
.link2:hover {
	color: #FF0;
	text-decoration: none;
}

.inputtext {
   height: 28px;
   padding: 0px 2px 0 6px;
   border: 1px solid #C8C8C8; 	
}
.submitbutton {
  width:80px; 
  height:28px;
  color: #FFFFFF;  
  text-align: center;
  cursor: pointer;
  background-color: #f15f08;
  background-image: -ms-linear-gradient(top, #f15f08, #d05207);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f15f08), to(#d05207));
  background-image: -webkit-linear-gradient(top, #f15f08, #d05207);
  background-image: -o-linear-gradient(top, #f15f08, #d05207);
  background-image: linear-gradient(top, #f15f08, #d05207);
  background-image: -moz-linear-gradient(top, #f15f08, #d05207);
  background-repeat: repeat-x;
  border: 1px solid #F0F0F0;
}
.submitbutton:hover {
  background-image: -ms-linear-gradient(top, #0485aa, #0bb5e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0485aa), to(#0bb5e6));
  background-image: -webkit-linear-gradient(top, #0485aa, #0bb5e6);
  background-image: -o-linear-gradient(top, #0485aa, #0bb5e6);
  background-image: linear-gradient(top, #0485aa, #0bb5e6);
  background-image: -moz-linear-gradient(top, #0485aa, #0bb5e6);
  color: #FFFFFF;
}

/* Own Carausel */

#owl-demo .item img{
   display: block;
   width: 100%;
   height: auto;
}


/* SlickNav Menu CSS */

.slicknav_menu {
	display: block;
   z-index: 8888; 
}

@media screen and (max-width: 1388px) {
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;      
	}
}