/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,0.8);
		z-index: 99;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top:100px; 
		left: 25%;		
		width: 640px;		
		position: absolute;
		z-index: 999;
		padding: 30px;
		background:#fff;
		border:2px solid #FFCC2A;	
		}		
	
	
	.reveal-modal .clo {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: -31px;
		right: -2px;
		padding:10px;
		color: #fff;
		cursor: pointer;
		background:#FFCC2A;
		} 
		
	.rev-image{
		width:300px;
		float:left;
	}
	
	.rev-image img{
		width:100%;
	}
	
	.rev-txt{
		width:320px;
		float:right;
	}
	
	.rev-txt h1{
		width:100%;
		float:left;
		padding-bottom:10px;
		border-bottom:1px solid #ccc;
	}
	
	.rev-txt p{
		width:100%;
		float:left;
		line-height:24px;
		text-align:justify;
	}
	
	.rev-amt{
		width:100%;
		float:left;
	}
	
	.rev-amt span{
		float:left;
		padding:10px 0;
		font-size:16px;
		font-weight:bold;
		border-top:3px solid #f4f4f4;
		border-bottom:3px solid #f4f4f4;
	}
	
	.quantity-box{
		width:90%;
		float:left;
		padding:3% 5%;
		border:1px solid #ccc;
		background:#f4f4f4;
	}
	
	.quantity-title{
		width:100%;
		float:left;
		font-size:14px;
		font-weight:bold;
		text-transform:uppercase;
	}