﻿
.evoucher .mod-pagetitle {
	margin-bottom: 10px;
	}	

/* ============================= Voucher Filter ============================= */
.voucher-filter {
	padding: 12px 10px 12px 0px;
	}
.voucher-filter div {
	background: url(../library/vital-filter-panel-bg.png) no-repeat;
	}
.voucher-filter div div {
	background: url(../library/vital-filter-panel-base.png) bottom left no-repeat;
	padding: 7px 7px 8px 7px;
	position: relative;
	}	
.voucher-filter span {
	float: left;
	padding-right: 5px;
	display: block;
	}
.voucher-filter span.label {
	font-weight: bold;
	padding-top: 4px;
	}
.voucher-filter span.state {
	padding-top: 1px;
	padding-bottom: 2px;
	}
.voucher-filter span.members-only {
	padding-top: 1px;
	}
.voucher-filter span.view-button {
	position: absolute;
	right: 2px; 
	}						


/* ============================= Voucher Detail ============================= */
.mod-viewvouchers-link {
	position: relative;
	z-index: 1;
	}
.mod-viewvouchers-link a {
	position: absolute;
	z-index: 1;
	right: 15px;
	top: -48px;
	}	
.mod-voucher {
	width: 540px;
	}	

/* Image */
.voucher-detail .voucher {
	margin-bottom: 0;
	height: 225px;
	}

/* Description*/
.description {
	padding: 20px 20px 5px 20px;
	background-color: #add359;
	}
.description h2 {
	margin: 0!important;
	color: #fff;
	font-weight: bold;
	}		
.description p {
	font-size: 152%;
	padding: 0; 
	clear: left;
	color: #fff;
	line-height: 1.3em;
	}
/* Info */
.info {
	padding: 20px 20px 5px 20px;
	background-color: #ebf9cd;
	}	
.info h2 {
	padding: 0;
	margin: 0;
	color: #666;
	}	
.info h2.voucher-title {
	color: #8daf41;
	font-weight: normal;
	font-size: 350%;
	letter-spacing: -.06em;
	}
.info h2.voucher-subtitle {
	padding-bottom: 10px;
	}	
.info div.two-column p.border-top {
	border-top: 1px solid #d6e8b1;
	padding-top: 7px;
	}		
.info p strong {
	margin: 0;
	color: #8daf41;
	font-size: 100%;
	padding: 0;
	}			
.mod-voucher div.two-column {
	width: 514px;
	width: 494px;
	/*padding-bottom: 10px;*/
	}
.mod-voucher div.two-column div.col-1 {float: left; width: 235px!important; padding-right: 0;}
.mod-voucher div.two-column div.col-2 {float: left; width: 235px!important; padding-right: 0; padding-left: 20px!important;}

.print-only {
	display: none;
	}
.barcode-1,
.barcode-2 {
	width: 4.5cm;
	/*width: 5.1cm;*/
	}	

/* Stores */
.stores {
	padding: 0px 20px 15px 20px;
	background-color: #ebf9cd;
	}
.stores h3 {
	margin: 0;
	color: #8daf41;
	padding: 1.2em 0 .5em 0;
	font-size: 100%;
	position: relative;
	}
.stores h3 span {
	font-weight: normal;
	color: #666;
	position: absolute;
	right: 0;
	font-size: 92.6%;
	}
.stores h3 span strong {
	color: #004990;
	}		
.stores li {
	display: inline;
	font-weight: bold;
	}
#voucher-otherstores li {
	font-weight: normal;
	}

#voucher-otherstores .hidden {
	position: absolute;
	left: -9999px;
	}

.showmore {
	text-decoration: underline;
	cursor: pointer;
	}

/* Conditions */		
.conditions {
	padding: 15px 20px 10px 20px;
	border: 1px solid #ebf9cd;
	-moz-border-radius-bottomleft: 12px;
	-moz-border-radius-bottomright: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
	}	
.conditions p {
	font-size: 10px;
	color: #666;
	line-height: 1.4;
	}
.conditions p strong {
	color: #8daf41;
	}
/* Print Button */				
.print-button {
	padding: 0px 20px 0px 20px;
	background-color: #ebf9cd;
	}
.print-button img {
	display: block;
	float: left;
	margin-right: 6px;
	}	
.print-button div {
	background-color: #e2efc5;
	border: 1px solid #add359;
	border-color: #d6e8b1;
	padding: 7px;
	position: relative;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	}

/* Footer */				
.footer-banner {
	margin: 15px 0 0 0;
	}	
.footer-links {
	position: relative;
	padding: 15px 0 0 20px;
	}
