#voucher-page 		{ margin-top:106px; background-image: url(../../../images/stories-content-bg.jpg); background-repeat:no-repeat; background-size: 100% 100%; height:auto; padding-left:20px; padding-right: 20px;}
.voucher-page-right-column { margin-top:20px;}
.voucher-page-content 		{float:left; width:66%; padding-right:40px; }
.voucher-page-end-content 	{clear:both; display:none;}
.voucher-page-right-column 	{ float:left; width:29%; }

#voucher-page h2 { margin:20px 0px 10px 0px; text-align:center; font-size: 1.3em; text-transform:uppercase; }

.voucher-form-table 			{ overflow:hidden; }
.voucher-form-column 			{width:50%; float:left;}

#voucher-form 						{padding:15px; background:#eee;}
#voucher-form h4					{ margin:20px 0px 0px 10px;}
#voucher-form .voucher-form-row 					{ overflow:hidden; }
#voucher-form .voucher-form-row div:first-child 	{width:38%; float:left; padding-top:4px; }
#voucher-form .voucher-form-row div:last-child 		{width:62%; float:left; }

#voucher-form input 				{background:#fff; border:1px solid #ccc; width:90%; height:26px; margin:3px;}
#voucher-form input[type=submit] 	{background:#fff; border:1px solid #ccc; padding:4px; height:auto; width:90%; margin:3px;}
#voucher-form select 				{background:#fff; border:1px solid #ccc; padding:4px; width:91%; margin:3px;}
#voucher-form input.radio 			{background:#eee; border:1px solid #ccc; padding:2px; width:18px;margin:3px; margin-left:12px;}
#voucher-form input.calendar 		{background:#fff; border:1px solid #ccc; padding:4px; width:100px;margin:3px;}
#voucher-form textarea.comments 	{background:#fff; border:1px solid #ccc; padding:4px; width:92%;margin:3px; height:70px;}

#voucher-form iframe {width:96%; background-color:#fff; border:1px solid #ccc; padding:10px;}

#voucher-form-submit-box	{ margin:20px 0px 20px 0px; text-align:center;}
#voucher-form-submit-box input[type=submit] { width:200px; }
.redeem-img{ float: left; width: 25%; }
.redeem-img img{ float: right; width: 75%;}

@media only screen and (max-width: 980px) {
	#voucher-banner, .redeem-img {width:100%;}
	.voucher-page-content 		{width:100%; float:none; }
	.voucher-page-right-column 	{ display:none;}
	.redeem-img img{ float: left !important; width: 20%; padding-top: 20px;}
}

@media only screen and (max-width: 768px) {	
	#voucher-banner 			{width:560px;}
	.voucher-form-column		{width:100%; float:none;}
	
}

@media only screen and (max-width: 600px) {	
	#voucher-banner 			{width:310px;}

	#voucher-form .row div:first-child {width:100%; float:none; padding-right:0px;}
	#voucher-form .row div:last-child {width:100%; float:none; padding-left:0px;}
	
	#voucher-form .voucher-form-row div:first-child 	{width:100%; float:none;}
	#voucher-form .voucher-form-row div:last-child 		{width:100%; float:none; margin-bottom:10px;}
	.redeem-img img				{ width: 50%; }
}












