.detail {
	width:100%;
	min-height:700px;
	margin:0px;
	border-bottom: 0px solid #e9e9e9;
	float:left;
	background: #f2f2f2;
	padding: 20px;
}
.detail .title {
	width:auto;
	border: 1px solid #e9e9e9;
	text-align:center;
	margin:-1px auto 0;
	display:inline-block;
	margin-bottom:20px;
	font-weight:bold;
	padding:10px;
	text-transform:uppercase;	
}

/*AREA DETAIL*/
.detaildata {
	position:relative;
	width: 83%;
	border: 0px solid #e9e9e9;
	padding:0px;
	margin-top: 0px;
	float: left;
}
	.detaildata p {float: left;}
.detaildata h1 {
	width:100%;
	float:left;
	border: 0px solid #e9e9e9;
	text-align:left;
	display:inline-block;
	margin-bottom:20px;
	font-weight:400;
	color:#debc4e;
}
.detaildata .thumbnail {
	width:100%;
	min-height:100px;
	padding:10px;
	display:inline-block;
	margin-bottom:25px;
	border: 1px solid #eee;
	float:left;
}
.detaildata .tanggal {
	width:100%;
	float:left;
	margin-bottom:20px;
	display:none;
}
.detaildata .desk_detail {
	width:50%;
	min-height:100px;
	float:left;
	border: 0px solid #e9e9e9;
	padding:0px;
}
	.detaildata .desk_detail h1 {
		width:100%;
		float:left;
		border: 0px solid #e9e9e9;
		text-align:left;
		display:inline-block;
		margin-bottom:20px;
	}
	.detaildata .desk_detail h1 a{
		color:#434a54; 
		font-weight:600;
		text-transform:uppercase;	
	}
	.detaildata .desk_detail p {
		width:100%;
		float:left;
		margin:15px 0;
	}
	.detaildata .desk_detail .harga {
		width:100%;
		float:left;
		border: 0px solid #eee;
		font-size:22px;
		font-weight:400;
		line-height:30px;
		color:#debc4e;
		text-align:right;
		margin-bottom:10px;
	}
	.detaildata .desk_detail .opsiorder {
		width:auto;
		float:left;
		border: 1px solid #e9e9e9;
		padding:8px 15px 10px 35px;
		color:#fff;
		cursor:pointer;
		text-align:left;
		background:#debc4e url(../files/layout/cart.png)no-repeat 11px 7px;
	}
	.detaildata .desk_detail ul.gambardetail {
		margin:0;
		padding:0;
		text-align:center;
		}
	.detaildata .desk_detail ul.gambardetail li{
		width:30%;
		height:100px; 
		overflow:hidden; 
		display:inline-block;
		list-style:none;
		padding:0px;
		margin:5px;
		overflow:hidden;
		}
	.detaildata .desk_detail ul.gambardetail li img {max-width:100%;}
	.detaildata .desk_detail .warna, .detaildata .desk_detail .ukuran, .detaildata .desk_detail .jumlah {
		width:100%;
		float:left;
		border-top: 1px solid #e9e9e9;
		margin-bottom:10px;
		padding:10px;
	}

.detaildata ol{padding:10px;margin:10px;}
.detaildata ol li {list-style:decimal;margin:5px;}
.detaildata ul{padding:0px;margin:0px;}
.detaildata ul li {list-style:disc;margin:0px;}
	.detaildata .thumbnail img {
		max-width:100%;
	}
.detaildata table{width:100%;border:0;}
.detaildata table td{padding:0px;border:0px solid #999;}

table { 
  width: 100%; 
  border-collapse: collapse;
  margin-bottom:0px;
}
/* Zebra striping */
.detaildata table tr:nth-of-type(odd) { 
  background:none; 
}
.detaildata table th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
.detaildata table td, th { 
  padding: 2px 2px; 
  border: 0px solid #ccc; 
  text-align: left; 
  vertical-align:middle;
}


.wrapper_button{
	width:100%;
	float:left;
}
	input[type=button]{
		width:200px;
		border: 0px solid #a00;
		margin-bottom:10px;
		padding:5px;
		color:#fff;
		cursor:pointer;
		background-color:#debc4e;
	}
	input[type=submit], input[type=button]{
	    border:1px solid rgba(0,0,0,0.1);
	    
	}
.kotak_kanan{
	width: 24%;
	border: 1px solid #e9e9e9;
	background: #fff;
	padding: 10px;
	float: left;
	margin-top: 0px;
}
.kotak_kanan table{
	width:100%;
	margin-top:0px;
	background-color:#FFF;
	padding:0px;
	border-collapse:inherit;
	}
table {
	border:1px solid #d8d8d8;	
	}
.kotak_kanan table thead tr {
	height:32px;
	vertical-align:middle;
	background:#debc4e;
	color:#fff;
	border-left:1px solid #debc4e;
	}
.kotak_kanan table th {
	font-weight:500;
	vertical-align:middle;
	text-align:center;
	font-size:15px;
	}
.kotak_kanan table tbody td {
	text-align:center;
	padding:5px;
	}
.kotak_kanan table tbody tr:nth-child(odd) {
	background:#f9f9f9;
	}
.kotak_kanan table tbody td a:hover {
	color:#777;
	cursor:pointer;
	}
/* Jika data berupa video */
.detaildata .box{
	width:100%;
	height:0;
	border:0px solid #dedede;
	border-radius:10px;
	display:inline-block;
	margin-bottom:10px;
	position: relative;
	padding-bottom:56.25%;
	padding-top:30px;
	overflow:hidden;
}
.detaildata .box iframe, .kotak object, .kotak embed {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}
.detaildata .box .label_video {
	width:100%;
	border:0px solid #000;
	display:inline-block;
	margin-bottom:10px;
}
@media screen (min-width: 0px) and (max-width: 480px) { 
	.detaildata .thumbnail {
		width:100%;
		float:left;
	}
	.detaildata .desk_detail {
		width:100%;
		float:left;
	}
	.detaildata .desk_detail ul.gambardetail {
		width:100%;
	}
	.detaildata .desk_detail ul.gambardetail li{
		width:100%;
		float:left;
	}
	.detail ul li {
		width:100%;
		margin:0;
		margin:10px 0px;
	}
	
}
@media screen and (max-width: 780px) {
	.detaildata {
		width: 100%;
	}
	.detaildata .thumbnail {
		width:100%;
		float:left;
	}
	.detaildata .desk_detail {
		width:100%;
		float:left;
	}
	.detaildata .desk_detail ul.gambardetail {
		width:100%;
	}
	.detaildata .desk_detail ul.gambardetail li{
		width:auto;
		float:left;
		margin:0;
		margin-bottom:10px;
	}
	.detail ul li {
		width:100%;
		margin:0;
		margin:10px 0px;
	}
}