/*html, body{
	margin:0;
	padding:0;
	border:0;
	outline:0;
}*/
/*dipakai*/
#wrap{ width:100%; min-height:260px; top:0px; position:relative; bottom:0px; }
#wrap ul{ margin:0px; padding:0px; width:770px;text-align:center;  }

#wrap .detail-view {
   /* background: none repeat scroll 0 0 #F3F4EE;*/
    border: 1px solid #E2E2E2;
    border-top: 1px solid #E2E2E2;
    left: 0;
	height:380px;
    overflow: hidden;
	clear:both;
	display:none;
	margin-left:13px;
	margin-bottom:15px;
    width: 96%;
}

#wrap .detail-view .close{ text-align:right; width:98%; margin:5px; }
#wrap .close a{ padding:6px; height:10px; width:20px; color:#525049; }
#wrap .detail-view .detail_images{ float:left}

#wrap .detail-view .detail_info{ 
	float:right;
	font-family: "Helvetica Neue",Helvetica,"Nimbus Sans L",Arial,sans-serif; 
	color:#525049;
	margin-right:20px;
	margin-top:30px;
	text-align:justify;
	width:250px;
	font-size:12px;
}

#wrap .detail-view .detail_info label{ font-size:12px;text-transform:uppercase; letter-spacing:1px; line-height:60px;} 

#wrap .detail-view .detail_info p{ height:110px;}

/*dipakai*/
#wrap ul li{
	list-style-type:none; 
	height:220px; 
	width:187px; 
	margin-left:3px; 
	margin-bottom:3px; 
	float:left;
	padding:15px 0px 0px 0px;
	font-family:"LubalGraphBdBTBold",Tahoma;
	font-size:2em;
	/*border:solid #f3f4ee 1px; */
	border:solid #CCCCCC 1px; border-radius:2px;
	overflow:hidden;
}

.footer{ height:400px; background:#E2E2E2} 

#wrap ul li:hover
{ 
	border:solid #009933 1px; border-style:ridge;
}

#wrap ul li div{ 
	height:25px;
	text-align:center;
	width:187px;
	margin-top:5px;
	position:relative;
	bottom:0px;
	padding-top:6px;
	padding-bottom:4px;
	background:#f3f4ee;
	font: 16px/21px "Helvetica Neue",Helvetica,"Nimbus Sans L",Arial,sans-serif;
	opacity:0.8;
	/*color: #525049 ;*/ color: #006600;
	font-weight:bold;
	/*text-shadow: 0px 2px 3px #555;*/
}
#wrap ul li div:hover{ color: #0000CC;}
#wrap ul li div.judul 
{
	height:20px;
	text-align:center;
	width:187px;
	margin-top:0px;
	position:relative;
	margin-bottom:10px;
	padding-top:2px;
	padding-bottom:2px;
	background:#fff ;
	/*font: 12px/21px "Helvetica Neue",Helvetica,"Nimbus Sans L",Arial,sans-serif;
	font: 13px "Helvetica Neue",Helvetica;*/
	font: 12px Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #000000;
	/*opacity:0.8;
	color: #525049;
	/*text-shadow: 0px 2px 3px #555;*/
}
#wrap ul li div.judul:hover 
{ color: #009933;}
#wrap ul li div.keterangan
{
	min-height:30px;
	text-align:center;
	width:180px;
	margin-top:10px; margin-left:5px;
	position:relative;
	margin-bottom:2px;
	padding-top:2px;
	padding-bottom:2px;
	background:#fff ;
	font: 14px Geneva, Arial, Helvetica, sans-serif; font-weight:bold;
	color: #0000FF;
}
#wrap ul li div.tombol
{
	height:30px;
	text-align:center;
	width:187px;
	margin:2px;
	position:relative;
	margin-bottom:10px;
	padding-top:2px; padding-right:2px;
	padding-bottom:2px;
	background:#fff ;
	font: 10px Geneva, Arial, Helvetica, sans-serif;
	color: #0000FF;
	/*border:1px solid #000000;*/
}
#wrap ul li { cursor:pointer;}

.closeCart{ cursor:pointer;}

button {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E8E7DC;
	width:140px;
    cursor: pointer;
    display: inline-block;
    font: 9px/21px "Helvetica Neue",Helvetica,"Nimbus Sans L",Arial,sans-serif;
    letter-spacing: 2px;
    padding-top: 12px;color:#525049;
	margin-top:1px;
	border:solid #ccc 1px; padding:8px; 
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	margin-left:20px;
    text-transform: uppercase;
}

button:hover {
    background: none repeat scroll 0 0 #F8F8F3;
}

.cart-total{background: none repeat scroll 0 0 #F8F8F3;}

.shopp,.cart-total{ 
	border:solid #E8E7DC 1px; padding:8px; 
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px; font-size:12px;
	background:url(remove.png) center right no-repeat 5px;
	border-radius: 8px; 
	font-family:"LubalGraphBdBTBold",Tahoma; 
	margin-top:3px;
	width:320px;
	float:left;
	}

#cart_form{ width:570px; padding-left:15px;}

div.shopp span{ float:left;}	
div.shopp div.label{ width:130px; float:left; }		
div.shopp div.shopp-price{ width:70px; float:left;}
.quantity{ float:left; margin-top:-3px; width:20px;}

img.remove{float:right;cursor:pointer;}
.cart-total b{width:130px;}