#card-choice{
	text-align:center;
}

#card-choice .card-item {
	display:inline-block;
	background-size : cover !important;
	width: 400px;
	height: 250px;
	margin:2%;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius : 5px;
	
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	cursor:pointer;
	vertical-align:top;
}
#card-choice .card-item .overlay {
	background: rgba(0,0,0,.3);
	width:100%;
	height:170px;
	padding-top:80px;
	border-radius:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius : 5px;
	display:none;
}
.overlay p{
	line-height: 40px;
	color:#000000;
	font-weight:bold;
	font-size: 20px;
}
#card-choice .card-item .popup-form {
	display:none;
}
.overlay input, #popup input {
	width:45%;
	height:40px;
	line-height:40px;
	background:#eee;
	border:none;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	text-indent:5px;
}
.overlay input[type=submit], #popup input[type=submit]{
	background:#DA291C;
	color:#fff;
	font-weight:bold;
	height: 40px;
	border:none;
	cursor:pointer;
	text-indent:0;
}
#popup {
	text-align:center;
	top:30%;
}
#popup input {
	width: 100%;
}

/* ------	Order Information	------ */

#confirmation-form {
	text-align:center;
}

#confirmation-form h2 {
	font-size:32px;
	font-family:'Arial black', Arial, Helvetica, Geneva, sans-serif;
	color:#ccc;
	line-height: 80px;
	border-top:1px solid #ccc;
	margin-top: 40px;
}
#confirmation-form input[type=text], #confirmation-form input[type=email], #confirmation-form select {
	height:40px;
	line-height:40px;
	background:#eee;
	border:none;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding:0 5px;
	margin: 10px 5px;
}

#order-summary {
	position:relative;
	display:block;
	padding:10px;
	background:#fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	max-width: 400px;
	margin:auto;
	border:5px solid #ccc;
}
#order-summary img {
	height: 100px;
	display:inline-block;
	float:left;
	margin-right: 20px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;

}
#order-summary p.product-name {
	font-weight:bold;
	font-size:16px;
	color:#888;
	text-align:center;
	margin-top:20px;

}
#order-summary p.price{
	margin-top:20px;
	font-size:26px;
	text-align:center;
	color:#000;
	font-weight:bold;
}
.delivery-radio input {
	position:fixed;
	left:-999em;
}
.delivery-radio {
	display:inline-block;
	background:#fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	max-width: 400px;
	border:5px solid #ccc;
	padding:10px;
	margin: 5px;
	cursor:pointer;
	width: 300px;
}
.delivery-radio:hover {
	background: #eee;
}
.delivery-radio label {
	font-size:16px;
	cursor:pointer;
	vertical-align:middle;
	color:#888;
	font-weight:bold;
	line-height:18px;
}
.delivery-radio label span {
	font-size:12px;
}
.delivery-radio .custom-radio, .delivery-radio .custom-radio2 {
	display:inline-block;
	font-size: 60px;
	line-height:30px;
	color: #ccc;
}
.delivery-radio .custom-radio2 {
	font-size:40px;
	line-height:22px;
	color:#71aa5c;
	display:none;
}

.delivery-radio.checked-div {
	border: 5px solid #96e57b;
}
.delivery-radio.checked-div label {
	color:#71aa5c;
}

#delivery-address {
	max-width: 400px;
	margin:auto;
	padding:20px;
	margin-top:20px;
	border: 1px solid #ccc;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	display:none;
}
#delivery-address out, #delivery-address select {
	width: 180px;
}
#submit-area #submit-btn{
	display:inline-block;
	cursor:pointer;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	overflow:hidden;
	
}
#submit-area #submit-btn input{
	display:inline-block;
	height: 70px;
	line-height: 70px;
	border:none;
	background:#96e57b;
	vertical-align:top;
	text-align: left;
	padding:0 30px;
	font-weight:bold;
	font-size:20px;
	color:#4F7740;
	cursor:pointer;
}
#submit-area #submit-btn .lock{
	display:inline-block;
	background: #71aa5c;
	vertical-align:top;
	margin-right:-5px;
}

#total-amount {
	line-height: 40px;
	color:#888;
	font-size:24px;
	font-weight: bold;
}