@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
	height:auto;	
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

#header-title {	
	width:100%;
	margin:30px 0;			
	text-align:center;
	font-size:20px;
	position:relative;
}
.cart-detil-header-gb {
	clear:none;
	float:left;
	width:20%;
}
.cart-detil-header-prdk {
	clear:none;
	float:left;
	width:35%;	
}
.cart-detil-header-qty {
	clear:none;
	float:left;
	width:15%;
}
.cart-detil-header-harga {
	clear:none;
	float:left;
	width:25%;
}
.cart-detil-header-del {
	clear:none;
	float:left;
	width:5%;
}
.cart-detil-container {
	clear:none;
	float:left;
	width:100%;
	padding-top:2%;
	padding-bottom:2%;
	border-bottom:1px solid #CCC;	
}

.img-cart-detil-gb {
	width:85%;
	border:1px solid #CCC;
}

.prdk-cart-detil-1,
.prdk-cart-detil-2 {
	margin-bottom:10px;
}

.price-cart-detil-teks {
	margin-top:30px;
}

.del-cart-detil:hover {
	color:#C03;
}
.cart-summary-header {
	font-size:14px;
	padding:20px;
}
.cart-summary-tot-item,
.cart-summary-sub-total {	
	overflow:auto;
	font-size:12px;
	color:#666;
}
.cart-summary-tot-item-1,
.cart-summary-sub-total-1 {
	clear:none;
	float:left;
	padding-left:20px;
	padding-top:20px;
}
.cart-summary-tot-item-2,
.cart-summary-sub-total-2 {
	clear:none;
	float:right;
	padding-right:20px;
	padding-top:20px;
}
.cart-summary-con-shop,
.cart-summary-checkout {	
	width:auto;	
	margin:0px 20px;	
}
.cart-summary-con-shop {
	margin-top:50px;	
}
.cart-summary-con-shop-btn,
.cart-summary-checkout-btn {	
	border:none;	
	text-decoration:none;
	padding:11px 0;	
	color:#FFF;	
	margin:10px 0px;
	width:100%;
	font-size:12px;			
}

.cart-summary-checkout-btn {
	background-color:#C00;
}

.cart-summary-con-shop-btn {
	background-color:#999;
}

.cart-summary-con-shop-btn:hover {
	color:#FFF;
	background-color:#A6A6A6;
	transition: all 0.3s ease 0s;
}

.cart-summary-checkout-btn:hover {
	color:#FFF;
	background-color:#F00;
	transition: all 0.3s ease 0s;
}
.cart-empty {
	font-size:14px;
	text-align:center;
	margin:10px 0;
	color:#F00;	
}
.img-cart-detil:hover {
	cursor:pointer;	
}
.prdk-cart-detil-1:hover {
	cursor:pointer;
	text-decoration:underline;	
}
.stok-tersedia-detil {	
	font-weight:bold;
	font-size:12px;
	line-height:30px;
	color:#03F;	
}
.stok-tersedia-detil span {
	color:#F30;	
}
.show-stok-qty {
	display:block	
}
.hide-stok-qty {
	display:none;	
}

.loading-cart {
	top:0;
	left:0;	
	position:fixed;
	overflow:hidden;	
	width:100%;
	height:100%;;	
	z-index:1111;
	background-color: rgba(0,0,0,0.75); /* Black w/ opacity */	
	display:none;	
}
.kontainer-loading-cart {	
	max-width:500px;
    width:70%;        
	position:absolute;    
    left:50%;    
    box-shadow:0px 2px 12px 5px rgba(0,0,0,1);
    border-radius:3px;
    background:#FFF;
	padding:30px;
	z-index:9999;
	text-align:left;		
}

#loading-cart-isi {
	font-size:20px;
	font-weight:bold;
	color:#666;
	text-align:center;	
}
input[type="button"]:disabled {background-color:#d7dbd8 !important;cursor:not-allowed;}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

.cart-container {
	clear:none;
	float:left;	
	width:100%;		
}
.cart-summary-container {
	clear:none;
	float:left;	
	width:100%;
	margin-top:15px;	
}

.cart-summary {	
	border:10px solid #f8b4b1;
	width:auto;
	height:300px;	
}

.cart-detil-header {	
	width:auto;
	display:block;
	font-size:11px;
	border-bottom:1px solid #CCC;
	overflow:auto;
	line-height:30px;
	display:none;	
}
.img-cart-detil {
	clear:none;
	float:left;	
	width:40%;		
}
.sub-cart-detil-container {
	clear:none;
	float:left;
	width:55%;	
}
.prdk-cart-detil {
	clear:none;
	float:left;
	width:98%;
	font-size:11px;	
}
.qty-cart-detil {
	clear:none;
	float:left;	
	width:100%;	
}
.qty-cart-detil-input {
	line-height:30px;	
	width:40%;
	padding-left:5%;	
	font-size:14px;
	border:1px solid #7a7676;
	clear:none;
	float:left;
}
.price-cart-detil {
	clear:none;
	float:left;
	width:100%;
	font-size:12px;
	margin-bottom:5px;
}
.del-cart-detil {
	clear:none;
	float:left;
	width:5%;
	text-align:right;
	font-size:26px;
	line-height:10px;
	color:#CCC;
	cursor:pointer;				
}
.qty-cart-detil-teks,
.price-cart-detil-teks {
	display:block;
	font-weight:bold;
	font-size:12px;
	line-height:20px;
}
.header-title-line {
	display:none;
}
.header-title-teks {	
	display:block;		
	background-color:#FFF;	
	width:auto;
	margin-bottom:25px;
    margin-top:-25px;	
}

#cart-message {text-align:center;margin-bottom:20px;padding:10px;;color:#C00;border:2px solid #f8b4b1;background-color:#ffff00;font-weight:bold;}

.kontainer-loading-cart {
	top:29%;
	-webkit-transform:translate(-50%, -29%);
    transform:translate(-50%, -29%);
}
#loading-cart-isi {
	height:auto;
	max-height:350px;
	overflow:auto;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

.cart-container {
	clear:none;
	float:left;	
	width:100%;		
}
.cart-summary-container {
	clear:none;
	float:left;	
	width:100%;	
	margin-top:15px;
}

.cart-summary {	
	border:10px solid #f8b4b1;
	width:auto;	
	height:300px;	
}

.cart-detil-header {	
	width:auto;
	display:block;
	font-size:11px;
	border-bottom:1px solid #CCC;
	overflow:auto;
	line-height:30px;
	display:block;	
}
.img-cart-detil {
	clear:none;
	float:left;	
	width:20%;		
}
.sub-cart-detil-container {
	clear:none;
	float:left;
	width:75%;
}
.prdk-cart-detil {
	clear:none;
	float:left;
	width:46.7%;
	font-size:11px;	
}
.qty-cart-detil {
	clear:none;
	float:left;	
	width:20%;	
}
.qty-cart-detil-input {
	line-height:30px;	
	width:60%;
	padding-left:10%;	
	font-size:14px;
	border:1px solid #7a7676;
}
.price-cart-detil {
	clear:none;
	float:left;
	width:33.3%;
	font-size:12px;
}
.del-cart-detil {
	clear:none;
	float:left;
	width:5%;
	text-align:right;
	font-size:26px;
	line-height:10px;
	color:#CCC;
	cursor:pointer;	
}
.qty-cart-detil-teks,
.price-cart-detil-teks {
	display:none;
}
.header-title-line {
	display:block;
}
.header-title-teks {	
	display:block;	
	position:absolute;
	background-color:#FFF;
	width:170px;	
	margin-bottom:25px;
    margin-top:0;	
	top:50%;
	left:50%;
	transform:translate(-50%,-60%);		
}

.kontainer-loading-cart {
	top:29%;
	-webkit-transform:translate(-50%, -29%);
    transform:translate(-50%, -29%);
}
#loading-cart-isi {
	height:auto;
	max-height:400px;
	overflow:auto;
}

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

.cart-container {
	clear:none;
	float:left;	
	width:63%;		
}
.cart-summary-container {
	clear:none;
	float:right;	
	width:35%;
	margin-top:0px;	
}
.cart-summary {	
	border:10px solid #7a7676;
	width:auto;
	height:300px;	
}
.cart-detil-header {	
	width:auto;
	display:block;
	font-size:11px;
	border-bottom:1px solid #CCC;
	overflow:auto;
	line-height:30px;
	display:block;	
}
.img-cart-detil {
	clear:none;
	float:left;	
	width:20%;		
}
.sub-cart-detil-container {
	clear:none;
	float:left;
	width:75%;
}
.prdk-cart-detil {
	clear:none;
	float:left;
	width:46.7%;
	font-size:11px;	
}
.qty-cart-detil {
	clear:none;
	float:left;	
	width:20%;	
}
.qty-cart-detil-input {
	line-height:30px;	
	width:60%;
	padding-left:10%;	
	font-size:14px;
	border:1px solid #7a7676;
}
.price-cart-detil {
	clear:none;
	float:left;
	width:33.3%;
	font-size:12px;
}
.stok-tersedia-detil {
	margin-left:47%;	
}
.del-cart-detil {
	clear:none;
	float:left;
	width:5%;
	text-align:right;
	font-size:26px;
	line-height:10px;
	color:#CCC;
	cursor:pointer;	
}
.qty-cart-detil-teks,
.price-cart-detil-teks {
	display:none;
}
.header-title-line {
	display:block;
}
.header-title-teks {	
	display:block;	
	position:absolute;
	background-color:#FFF;
	width:170px;	
	margin-bottom:25px;
    margin-top:0;	
	top:50%;
	left:50%;
	transform:translate(-50%,-60%);		
}
.kontainer-loading-cart {
	top:33%;
	-webkit-transform:translate(-50%, -33%);
    transform:translate(-50%, -33%);
}
#loading-cart-isi {
	height:auto;
	max-height:400px;
	overflow:auto;
}
}