body{
	margin:auto;
	max-width:500px;
	background-color:#F3F9F6;
}
.div-super
{
	border:1px solid:gray;
	background-color:white;		
}
.banner{
	background-color:white;	
max-width:100%;
min-height:150px;
text-align:center;
color:white;
}

.tab-nav{
	background-color:#26AB9A;
	position:fixed;
	top:0px;;
	max-width:500px;
	background-image:url(trans.png);
}
.box_keranjang{
border:1px solid gray;border-radius:10px;padding:10px;
}
.box_keranjang input{
margin:2px;
width:60%;
padding:2px;
}
.tab-nav-bawah{
	position:fixed;
	bottom:0px;
	margin-right:10px;
	max-width:500px;
	background-image:url(trans.png);
	height:40px;
}
#chat-box{
	position:fixed;
	bottom:0px;
	max-width:495px;
	width:98%;
	height:80%;
	background-color:white;	
	border:1px solid gray;
	padding:2px;
	display:none;
}

#chat-box-ketik{
	margin:auto;
	position:fixed;
	bottom:0px;
	max-width:495px;
	width:98%;
	height:60px;
	background-color:white;	
	border:1px solid gray;
	padding:2px;
	border-radius:10px;
	display:none;
}
a.a_jum{
background-color:#7FCEC4;
font-weight:bold;
padding:5px;
border-radius:4px;
color:white;
}

input.in_jum{
border:2px solid #EB4D2B;
text-align:center;
}
.err{
	
	background-color:#FFC8C6;	
	border:1px dotted red;
	color:white;
	padding:10px;
	border-radius:5px;
	width:400px;
	margin:auto;
	text-align:center;
}
.box_transaksi{
padding:10px;margin:5px;border:5px solid #FF9C2A;
margin:2px;border-radius:6px;
background-color:#F7F7F7;
margin-bottom:10px;
}
.box_kirim{
background-color:white;
border-radius:10px;padding:20px;
font-size:15px;
border:6px dotted #FF9C2A;
margin:3px;
}
.head_transaksi{
background-color:#7FCEC4;
font-size:15px;
padding:10px;
text-align:center;
color:white;
border-radius:5px;
}
.msg{
	
	background-color:#CDFFE9;	
	border:1px solid blue;
	color:black;
	padding:10px;
	border-radius:5px;
	width:400px;
	margin:auto;
	text-align:center;
}
	   #chat-admin {
		   font-size:12px;
		   width:70%;
		   padding:10px;
		   border-radius:10px;
		   margin-left:10px;
		   border:3px dotted gray;
	   }
	   
#isi_chat_ajax{
	overflow-y: scroll;
	height:400px;
}	
	   

	   #chat-user {
		
		   position:relative;
		   right:-100px;
		   font-size:12px;
		   width:60%;
		   padding:10px;
		   border-radius:10px;
		   border:3px solid green;
		   background-color:white;
		   
     }

.belanja{
padding:2px;
border:2px dotted #e8e8ff;
background-color:#f4fffa;
}

.nav{
	text-align:right;
	padding-right:2px;
	font-size:big;
}
a{
	text-decoration:none;
}
.nav a{
	background-color:#0ccafa;
	font-family:arial;
	text-decoration:none;
	border:1px solid #0ccafa;
	color: white;
	font-weight:bold;
	margin:2px;
	padding:20px;
} 


.prod{
	padding-top:15px;
	font-size:16px;
	background-color:#F5F5F5;
	border-top :2px dotted #0ccafa;
	float:right;
	width:100%;
margin-top:5px;
	font-weight: bold;
	font-family: arial,sans-serif;
}


a.btn_keranjang{
font-weight:bold;
font-size:12px;
background-color:#EB4D2B;
color:white;
    border: 1px solid #26AB9A;
    border-radius: 5px;
	margin:auto;
padding:10px;
}

a.btn_yes{
font-size:12px;
background-color:#f48024;
color:white;
    border: 1px solid #0ccafa;
    border-radius: 5px;
	margin:auto;
padding:10px;
}

a.btn_no{
font-size:12px;
background-color:#0ccafa;
color:white;
    border: 1px solid #e1ecf4;
    border-radius: 5px;
	margin:auto;
padding:10px;
}

a:hover{
background-color:#26AB9A;	
color:#0ccafa;
font-family:comic san ms;
border-bottom:1px dotted blue;	
}

a.btn_tandai{
	color:#0ccafa;
background-color:WHITE;
}

img.pr{
width:110px;
height:110px;
    border: 1px solid #0ccafa;
    border-radius: 2px;	
}

img.pr_big{
width:100%;
max-height:1000px;
}


.tanda{
	position:absolute;
	background-color:rgba(192,192,192,0.3);
margin-left:-20px;
padding:5px;
}

.tandai{
background:#ffffb7 url(tanda.gif);
background-repeat:no-repeat;
border:1px solid red;
}

.iprod:hover{
	background-color:#e9fafe;	
}


.iprod{
background-color:white;
font-family: helvetica neue,helvetica,arial,sans-serif;
font-size:12px;
border:1px solid black;
border-radius: 2px;
padding:5px;
    width: 145px;
    height: 235px;
    float: left;
    margin:2px;
text-align:center;
}

.iprod a{
color:black;	
}


.harga{
color:#ff5760;
}


#block{
	padding:10px;
display:none;
position:fixed;
top:0px;
background-color:#f4fffa;
z-index:20;
border-radius: 8px;
border:4px dotted #0ccafa;

}
#isi{
padding:5px;

}
.selimut{
	text-align:center;
z-index:19;
display:none;
position:fixed;
height:100%;
width:100%;
background:rgba(0,191,255,0.3) url(/3px-tile.png);
font-weight: bold;
}

.label{
text-align:center;
background-color: #def8fa;
font-size:20px;
padding:10px;
color:#fe916b;
}
.in_num{
	width:45px;text-align:center;
	height:50px;
	font-weight:bold;
	font-size:20px;

}

.keranjang{
	padding:2px;
}

.ganjil{
	background-color: #daf5fe;
	
}

.genap{
	
	background-color: #75e0fb;
}
.i_mini{
	width:80px;
height:80px;	
}

#orderx{
	overflow:scroll;
	width:250px;
	height:400px;
	 display: block;
}	
 #isi_2{
top:100px;
padding:10px;
display:none;
position:absolute;
top:0px;
width:60%;
background-color:#f4fffa;
z-index:20;
border-radius: 8px;
border:4px dotted #0ccafa;	 
 }
.sub_prod{
height:140px;
}

.produk_box{
padding:3px;
}

.produk_detail{
padding:5px;
}