/* CSS Document */


.main-content-full img#articleImage{
	float:left;
	padding:0px 0px 0px 0px;
	width:100%;
}

#articleTitle{
	float:left;
	padding:0px 0px 0px 0px;
	width:100%;
	color:#074389;
	font-family:"Droid Serif",Georgia,"Times New Roman",Times,serif;
	font-size:25px;
	font-weight:bold;
}

#articleSubtitle{
	float:left;
	padding:0px 0px 5px 0px;
	width:100%;
	color:#074389;
	font-family:"Droid Serif",Georgia,"Times New Roman",Times,serif;
	font-size:18px;
	font-weight:bold;
}

#articleMainImage{
	float:left;
	padding:0px 0px 5px 0px;
	width:100%;
	text-align:center;
}

#mainImageDescription{
	float:left;
	padding:0px 0px 5px 0px;
	width:100%;
	font-family:Calibri;
	font-size:14px;
	color:#666666;
	text-align:center;
}

#articleBody{
	float:left;
	padding:10px 0px 0px 0px;
	width:100%;
	font-size:16px;
}


#articleBody img{
	float:left;
	padding: 10px 10px 5px 5px;
	width:100%;
	text-align:center;
}

#imageLabel{
	float:left;
	padding:0px 0px 5px 0px;
	width:100%;
	text-align:center;
}

#imageDescription{
	float:left;
	padding:0px 0px 10px 0px;
	width:100%;
	font-family:Calibri;
	font-size:14px;
	color:#666666;
	text-align:center;
}

#nameLbl{
	float:left;
	padding:5px 0px 0px 0px;
	width:150px;
}

#locationLbl{
	float:left;
	padding:5px 0px 0px 0px;
	width:150px;
}

#nameError{
	float:left;
	visibility:hidden;
	display:none;
	padding:5px 0px 5px 0px;
	width:100%;
	color:#FF0000;
	font-family:"Droid Serif",Georgia,"Times New Roman",Times,serif;
	font-size:14px;
}

#locationError{
	float:left;
	visibility:hidden;
	display:none;
	padding:5px 0px 5px 0px;
	width:100%;
	color:#FF0000;
	font-family:"Droid Serif",Georgia,"Times New Roman",Times,serif;
	font-size:14px;
}

#commentLbl{
	float:left;
	padding:5px 0px 0px 0px;
	width:150px;
}

#commentError{
	float:left;
	visibility:hidden;
	display:none;
	padding:5px 0px 5px 0px;
	width:100%;
	color:#FF0000;
	font-family:"Droid Serif",Georgia,"Times New Roman",Times,serif;
	font-size:14px;
}

#articlePublisher{
	float:left;
	padding:0px 0px 5px 0px;
	width:60%;
	font-family:"Droid Serif",Georgia,"Times New Roman",Times,serif;
	font-size:14px;
	color:#666666;
}

#articlePublishedDate{
	float:left;
	padding:0px 0px 5px 0px;
	width:40%;
	font-family:"Droid Serif",Georgia,"Times New Roman",Times,serif;
	font-size:14px;
	color:#666666;
	text-align:right;
}

#articleContent{
	float:left;
	padding:5px 0px 5px 0px;
	width:100%;
	font-family:"Droid Serif",Georgia,"Times New Roman",Times,serif;
	font-size:16px;
}

p{
	margin:0px 0px 5px 0px;
	line-height:20px;	
}

#voucherSearchArea{
	float:left;
	padding:0px 0px 25px 10px;
	width:100%;
	color:#717074;
}

#voucherSearchHeader{
	float:left;
	padding:0px 0px 0px 0px;
	width:20%;
	color:#074389;
	font-family:"Droid Serif",Georgia,"Times New Roman",Times,serif;
	font-size:18px;
}

#voucherSearchSector{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 10px 0px 0px;
	width:24%;
	color:#404040;
}

#voucherSearchName{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 10px 0px 0px;
	width:24%;
	color:#404040;
}

#voucherSearchLocation{
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 10px 0px 0px;
	width:24%;
	color:#404040;
}

#searchVoucherButton{
	float:left;
	padding:8px 0px 0px 0px;
	width:25px;
	margin:0px 0px 0px 20px;
}

@media (max-width: 695px) {
	#voucherSearchName{
		width: 97%;
	} 
	
	#voucherSearchSector{
		width: 97%;
	}
	
	#voucherSearchLocation{
		width: 97%;
	} 
	#searchVoucherButton{
		width: 97%;
	} 
	.voucherSearchForm input[type="Text"]{
		width:80%;
	}
	.voucherSearchForm select{
		width:80%;
	}
}

@media (max-width: 350px) {
	#voucherSearchName{
		width: 97%;
	} 	
	#voucherSearchSector{
		width: 97%;
	}
	#voucherSearchLocation{
		width: 97%;
	} 
	#searchVoucherButton{
		width: 97%;
	}
	.voucherSearchForm input[type="Text"]{
		width:80%;
	}
	.voucherSearchForm select{
		width:80%;
	}
}


.voucherMainPageAdvert{
	float:left;
	margin:0px 0px 0px 0px;
	width:100%;
	text-align:center;
}

.voucherMainPageAdvert img{
	margin:0px 0px 0px 0px;
	max-width:100%;
}

.voucherCommentsForm input[type="Text"]{
	color:#404040;
	height:19px;
	width:20%;
	border-style:solid;
	border-color:#E4E4E4;
	font-family:"Droid Serif",Georgia,"Times New Roman",Times,serif;
	font-size:14px;
}

#voucherCommentsHeader{
	float:left;
	padding:0px 0px 0px 0px;
	width:100%;
	color:#074389;
	font-family:"Droid Serif",Georgia,"Times New Roman",Times,serif;
	font-size:18px;
	font-weight:bold;
}

#voucherCommentsArea{
	float:left;
	padding:10px 0px 0px 10px;
	width:100%;
	background-color:#F4F4F4;
	color:#717074;
}

 input[type="text"]{
	color:404040;
	width:40%;
	border-style:solid;
	border-color:#E4E4E4;
	font-size:14px;	
	color:#404040;
	font-family:"Droid Serif",Georgia,"Times New Roman",Times,serif;
}

#addCommentError{
	z-index:100;
	visibility:hidden;
	display:none;
	position:absolute;
	margin:40px 0px 0px 250px;
	width:50%;
	height:120px;
	background-image:url(../images/AlertBackground.png)
}

#addCommentAlert{
	z-index:100;
	visibility:hidden;
	display:none;
	position:absolute;
	margin:40px 0px 0px 250px;
	width:350px;
	height:120px;
	background-image:url(../images/AlertBackground.png)
}


#addCommentAlertTitle{
	height:20px;
	padding: 3px 5px 5px 7px;
	font-size:14px;	
	color:#404040;
}

.addCommentAlertContent{
	position:absolute;
	margin: 10px 0px 0px 10px;
	width:95%;
	text-align:center;
	font-size:14px;	
	color:#404040;
}

#commentNumbers{
	float:left;
	padding:5px 0px 0px 5px;
	width:100%;
	color:#074389;
	font-size:16px;
	font-weight:bold;
}

#addedComments{
	float:left;
	padding:5px 0px 0px 5px;
	margin:20px 0px 10px 0px;
	width:99%;
	background-color:#F4F4F4;
}

#commentBody{
	float:left;
	padding:5px 0px 0px 5px;
	width:100%;
	font-size:14px;
	color:#404040;
	font-family:"Droid Serif",Georgia,"Times New Roman",Times,serif;
}

#commentRating{
	float:right;
	padding:0px 5px 0px 0px;
	width:41%;
}

#commentRating a img{
	border-style:none;
}

#commentRatingText{
	float:right;
	height:20px;
	width:22%;
	text-align:right;
	padding:3px 5px 0px 0px;
	font-weight:bold;
	font-size:13px;
	color:#808080;
	font-family:"Droid Serif",Georgia,"Times New Roman",Times,serif;
}

#positiveRating{
	float:right;
	height:20px;
	width:50px;
	padding:5px 0px 0px 5px;
	margin:-5px 2px 0px 0px;
	color:#0000FF;
	text-align:center;
	border-style:solid;
	border-width:1px;
 	border-color:#CCCCCC;
}

#negativeRating{
	float:right;
	height:20px;
	width:50px;
	padding:5px 0px 0px 5px;
	margin:-5px 0px 0px 0px;
	color:#FF0000;
	text-align:center;	
	border-style:solid;
	border-width:1px;
 	border-color:#CCCCCC;
}

HR{
    width:98%;
    background:#446791;
}

.fullWidthVoucher{
	float:left;
	width:100%;
	height:auto;
	margin:5px 0px 5px 0px;
	padding:5px 0px 5px 5px;
	font-size:16px;
	
    box-sizing: border-box;
    border: 2px solid #E4E4E4;
    border-radius: 5px;
}
.fullWidthVoucherSponsored{
	float:left;
	width:100%;
	color:#404040; /*#717074;*/
	background-color:#FFE8E8;
	
	height:auto;
	margin:5px 0px 5px 0px;
	padding:5px 0px 5px 5px;
	font-size:16px;
	
    box-sizing: border-box;
    border: 2px solid #E4E4E4;
    border-radius: 5px;
}

#fullWidthTitle{
	float:left;
	width:73%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:20px;
	color:#074389;
	font-family:Georgia,"Times New Roman",Times,serif;
}
#fullWidthTitle a:link{
  	text-decoration:  none;	
}
#fullWidthTitle a:visited{
  	text-decoration:  none;	
	color:#074389;
}

#fullWidthImage{
	float:left;
	width:27%;
	margin:0px 0px 0px 0px;
	padding:0px 5px 0px 0px;
}

#fullWidthImage img{
	width:100%;
	border-style: none;
}

.leftDetails{
	float:left;
	width:27%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#listVouchersCompany{
	float:left;
	width:100%;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#074389;	
}
#listVouchersCompany img{
	float:left;
	width:20px;
	margin:0px 0px 0px 0px;
	padding:0px 5px 0px 0px;	
}

#listVouchersPrice{
	float:left;
	width:100%;
	/*color:#074389;*/
	color:#FF0000;	
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:20px;
	font-family:Georgia,"Times New Roman",Times,serif;
}
#listVouchersPrice strike{
	width:100%;
	color:#404040;	
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:16px;
}

#listVouchersImage{
	float:left;
	width:25%;
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:0px 5px 0px 0px;
}

#listVouchersImage img{
	width:100%;
	border-style: none;
}

#listVouchersImageSponsored{
	float:left;
	width:25%;
	text-align:center;
	margin:5px 0px 0px 0px;
	padding:0px 5px 0px 0px;
}
#listVouchersImageSponsored img{
	width:100%;
	border-style: none;
}

#listVouchersArea{
	float:left;
	width:100%;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#404040;
}
#listVouchersArea img{
	float:left;
	max-width:20px;
	max-height:20px;
	margin:0px 0px 0px 0px;
	padding:0px 5px 0px 0px;	
}

#listVouchersCity{
	float:left;
	width:100%;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#404040;
}
#listVouchersCity img{
	float:left;
	max-width:20px;
	max-height:20px;
	margin:0px 0px 0px 0px;
	padding:0px 5px 0px 0px;	
}

#listVouchersCategory{
	float:left;
	width:100%;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#404040;
}
#listVouchersFrom{
	float:left;
	width:100%;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#404040;
}
#listVouchersFrom img{
	float:left;
	width:20px;
	margin:0px 0px 0px 0px;
	padding:0px 5px 0px 0px;	
}
#listVouchersUsageTo{
	float:left;
	width:100%;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#404040;
}
#listVouchersUsageTo img{
	float:left;
	width:20px;
	margin:0px 0px 0px 0px;
	padding:0px 5px 0px 0px;	
}

#fullWidthCompany{
	float:left;
	width:67%;
	margin:5px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	font-size:16px;
	color:#074389;	
}

#fullWidthCity{
	float:left;
	width:67%;
	margin:2px 0px 2px 0px;
	padding:0px 0px 0px 0px;
	font-weight:bold;
}

#listVouchersDescription{
	float:left;
	width:46%;
	height:auto;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:1.44;
}

#fullWidthCategory{
	float:left;
	width:490px;
	margin:2px 0px 2px 0px;
	padding:0px 0px 0px 0px;
}

#fullWidthUsageFrom{
	float:left;
	width:490px;
	margin:2px 0px 2px 0px;
	padding:0px 0px 0px 0px;
}

#fullWidthUsageTo{
	float:left;
	width:490px;
	margin:2px 0px 2px 0px;
	padding:0px 0px 0px 0px;
}

#fullWidthVoucherAddDate{
	float:left;
	width:68%;
	margin:2px 0px 2px 0px;
	padding:0px 0px 0px 0px;
}



@media (max-width: 1120px) {

} 
@media (max-width: 1010px) {

} 
@media (max-width: 900px) {

}
@media (max-width: 795px) {
	#fullWidthTitle{
		float:left;
		width:72%;
	}
	.leftDetails{
		float:left;
		width:25%;
	}
	#listVouchersDescription{
		float:left;
		width:49%;
	}
	
}
@media (max-width: 695px) {
	#listVouchersImage{
		width:100%;
	}
	#fullWidthTitle{
		width:100%;	
	}
	.leftDetails{
		width:100%;
	}
	#listVouchersDescription{
		width:100%;
	}
}

@media (max-width: 350px) {
	#listVouchersImage{
		width:100%;
	}
	#fullWidthTitle{
		width:100%;	
	}
	.leftDetails{
		width:100%;
	}
	#listVouchersDescription{
		width:100%;
	}
}


#fullWidthRating{
	float:left;
	width:98%;
	margin:2px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	font-size:14px;
	color:#0080FF;
}

#ratingText{
	float:left;
	width:580px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:16px;
	color:#074389;
	text-align:right;
}

#ratingImage{
	float:left;
	width:100px;
	margin:0px 0px 0px 5px;
	padding:0px 0px 0px 5px;
	text-align:right;
}

#ratingImage img{
	width:100px;
	margin:2px 0px 5px 0px;
	padding:0px 0px 5px 0px;
}

#voucherGetVoucherBtn{
	float:left;
	width:690px;
	margin:-20px 0px 0px 5px;
	padding:0px 0px 0px 5px;
	text-align:right;
}

#getVoucherButton{
	height: 25px;
	width:100%;
	margin: 0px 0px 0px 550px;
}

.sortLinksDiv{
	float:left;
	width:100%;
	height:auto;
	margin: 25px 0px 0px 0px;
	font-size:16px;
	color:#404040;
}

.mainVouchersSortLinksDiv{
	float:left;
	width:100%;
	height:20px;
	margin: 15px 0px 0px 0px;
	font-size:16px;
}

.vouchersFound{
	float:left;
	width:28%;
	min-height:30px;
	padding: 0px 0px 0px 5px;
	font-size:16px;
}

.sortLinks{
	float:right;
	width:70%;
	text-align:right;
}
.sortLinks a{
	display:inline-table;
	min-height:20px;
	margin:0px 0px 5px 0px;
}
@media (max-width: 1120px) {
	.footer-content{
		left:12%;
		width:76%;
	}
} 
@media (max-width: 1010px) {
	.footer-content{
		left:13%;
		width:74%;
	}
} 
@media (max-width: 900px) {
	.vouchersFound{
		width:100%;
	}
	.sortLinks{
		width:100%;
	}
}
@media (max-width: 795px) {
	.vouchersFound{
		width:100%;
	}
	.sortLinks{
		width:100%;
	}
}
@media (max-width: 695px) {
	.vouchersFound{
		width:100%;
	}
	.sortLinks{
		width:100%;
	}
}

@media (max-width: 350px) {
	.vouchersFound{
		width:100%;
	}
	.sortLinks{
		width:100%;
	}
}


.sortLinks a:hover{
	color:#FFFFFF;
	background-color:#074389;
}

a.vouchersSortLinks{
	color:#074389;
	min-height:20px;
	padding: 5px 5px 5px 5px;
	background-color:#EEEEEE;
	text-decoration:none;
}

a#vouchersSortLinksSelected{
	color:#FFFFFF;
	min-height:20px;
	padding: 5px 5px 5px 5px;
	background-color:#074389;
	text-decoration:none;
}

a#vouchersSelectedSort{
	color:#FFFF00;
	min-height:20px;
	padding: 2px 5px 2px 5px;
	background-color:#CCCCCC;
	text-decoration:none;
}

.voucherSelectList{
	width:121px;
	background-color:#F7F7F7;
}

.voucherPageNumbering{
	float:left;
	margin: 0px 0px 0px 10px;
	padding: 40px 0px 0px;
	text-align:center;
}

.previousPageNumber{
	float:left;
	height:35px;
	width:53px;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.messagePageNumberOneDigit{
	float:left;
	height:35px;
	width:31px;
	padding: 0px 0px 0px 0px;
}

.messagePageNumberTwoDigit{
	float:left;
	height:35px;
	width:39px;
	padding: 0px 0px 0px 0px;
}

.nextPageNumber{
	float:left;
	height:35px;
	width:34px;
	padding: 0px 0px 0px 0px;
}


/*****************************************************************************************
 
 *****************************************************************************************/
.voucher-adverts-section{
	float:left;
	width:265px;
	margin:5px 0px 0px 10px;
	margin-left:5px;
	padding:0px 0px 0px 0px;
	font-size:12px;
}

.voucher-advert-content{
	float:left;
	width:275px;
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	margin-bottom:5px;
	background: url(../images/text-white-bg2.png) repeat-y left top;
}

.voucher-advert-content a:link{
	text-decoration:none;
}

.voucher-advert-content a:visited{
  	text-decoration:  none;	
}

.voucher-advert-top-bg{
	position:relative;
	height:8px;
	width:30px;
	margin:-5px 0px 0px -5px;
	padding:0px 0px 0px 0px;
	background: url(../images/text-white-bg.png) no-repeat left top;
}

.voucher-advert-top-bg span{
	position:absolute;
	height:8px;
	width:270px;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	background: url(../images/text-white-bg.png) no-repeat right top;
}

.voucher-advert-content-right{
	float:right;
	background-position: 100% 0;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:275px;
	background: url(../images/text-white-bg2.png) repeat-y right top;
}

.voucher-advert-image{
	float:left;
	width:270px;
	margin:-5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#voucher-advert-title{
	float:left;
	width:270px;
	margin:-5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#074389;
	font-family:"Droid Serif",Georgia,"Times New Roman",Times,serif;
	font-size:24px;
}

.voucher-advert-content-bottom{
	position:relative;
	height:8px;
	width:20px;
	margin:0px 0px -5px 0px;
	padding:0px 0px 0px 0px;
	margin-left:-5px;
	margin-top:10px;
	background: url(../images/text-white-bg.png) no-repeat left bottom;
}

.voucher-advert-content-bottom span{
	position:absolute;
	height:8px;
	width:265px;
	margin:0px 0px 0px 10px;
	padding:0px 5px 0px 0px;
	background: url(../images/text-white-bg.png) no-repeat right bottom;
}

.voucherSearchForm input[type="Text"]{
	width:90%;
	height:35px;
	font-size:16px;
	font-family:Georgia,"Times New Roman",Times,serif;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: white;
    background-position: 3px 3px; 
    background-repeat: no-repeat;
	background-size: 25px;
    padding: 6px 6px 6px 6px;
	margin: 0px 0px 5px 0px;
}
.voucherSearchForm select{
	width:90%;
	height:35px;
	font-size:16px;
	font-family:Georgia,"Times New Roman",Times,serif;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: white;
    background-position: 3px 3px; 
    background-repeat: no-repeat;
	background-size: 25px;
    padding: 6px 6px 6px 6px;
	margin: 0px 0px 5px 0px;
}


.fullBlock{
	float:left;
	display:inline-table;
	width:100%;
}

/* Clear floats after the columns */
.row {
  width:50%;
  display: table;
  float:left;
  padding:0px 0px 5px 0px;
}
.row:after {
  content: "";
  clear: both;
  padding-bottom:5px;
}
.rowHalf {
  width:50%;
  display: table;
  float:left;
  height:auto;
  padding:0px 0px 5px 0px;
}
.rowHalf:after {
  content: "";
  clear: both;
  padding-bottom:5px;
}
.col-20{
	float:left;
	width:20%;
	height:auto;
}
.col-40{
	float:left;
	width:40%;
	height:auto;
}
.col-50{
	float:left;
	width:50%;
	height:auto;
}
.col-60{
	float:left;
	width:60%;
	height:auto;
}
.col-80{
	float:left;
	width:80%;
	height:auto;
}

/********************************************************************************************
 Voucher search layout
 *******************************************************************************************/
 #voucherSearchError{
	z-index:100;
	visibility:hidden;
	display:none;
	position:absolute;
	margin:40px 0px 0px 200px;
	width:350px;
	height:120px;
	font-size:14px;
	background-image:url(../images/AlertBackground.png);
}

#voucherSearchErrorTitle{
	height:20px;
	padding: 5px 5px 5px 7px;
	font-size:14px;	
}

#close{
	float:right;
	color:#FFFFFF;
}

/*Remove the blue border around images used as links*/
#close a img{
	border-style:none;
}


.sendVoucherByEmailErrorButton{
	position:absolute;
	margin: 77px 0px 0px 155px;
}

.successAlertButton{
	position:absolute;
	margin: 77px 0px 0px 160px;
}

.alertButton{
	position:absolute;
	margin: 130px 0px 0px 175px;
}

.updateVoucherErrorButton{
	position:absolute;
	margin: 77px 0px 0px 155px;
}

.sendVoucherByEmailFormContent{
	float:left;
	margin: 0px 0px 0px 5px;
	width:98%;
	text-align:center;
	font-size:14px;
	color:#404040;
	font-family:Georgia,"Times New Roman",Times,serif;
}

.sendVoucherByEmailInputEmail{
	float:left;
	margin: 5px 0px 0px 0px;
	width:96%;
	text-align:right;
	font-size:14px;
	color:#404040;
	font-family:Georgia,"Times New Roman",Times,serif;
}
#sendVoucherToFriendToEmail{
	width:50%;
	padding: 0px 0px 0px 5px;
	height:35px;
	font-size:16px;
	font-family:Georgia,"Times New Roman",Times,serif;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: white;
    background-position: 3px 3px; 
    background-repeat: no-repeat;
	background-size: 25px;
    padding: 6px 6px 6px 6px;
}


#sendVoucherToFriendFromEmail,#sendVoucherToFriendFromEmail{
	width:50%;
	padding: 0px 0px 0px 5px;
	height:35px;
	font-size:14px;
	font-family:Georgia,"Times New Roman",Times,serif;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: white;
    background-position: 3px 3px; 
    background-repeat: no-repeat;
	background-size: 25px;
    padding: 6px 6px 6px 6px;
}

#voucherByEmailFormEmail{
	width:50%;
	padding: 0px 0px 0px 5px;
	height:35px;
	font-size:14px;
	font-family:Georgia,"Times New Roman",Times,serif;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: white;
    background-position: 3px 3px; 
    background-repeat: no-repeat;
	background-size: 25px;
    padding: 6px 6px 6px 6px;
}

.voucherSearchErrorContent{
	position:absolute;
	margin: 5px 0px 0px 10px;
	width:95%;
	text-align:center;
}

.voucherSearchErrorButton{
	position:absolute;
	margin: 55px 0px 0px 155px;
}


#sendVoucherToFriendEmailForm{
	z-index:100;
	position:absolute;
	visibility:hidden;
	margin:40px 0px 0px 125px;
	width:400px;
	height:200px;
	background-image:url(../images/smallToMediumInputFormBg.png)
}

#sendVoucherByEmailAlert{
	z-index:100;
	position:absolute;
	visibility:hidden;
	display:none;
	margin:40px 0px 0px 170px;
	color:#404040;
	font-size:14px;
	font-family:Georgia,"Times New Roman",Times,serif;	
	width:350px;
	height:120px;
	background-image:url(../images/AlertBackground.png);
}

#sendVoucherByEmailAlertTitle{
	height:20px;
	padding: 5px 5px 5px 7px;
	font-size:14px;	
}

.sendVoucherByEmailAlertContent{
	float:left;
	margin: 0px 0px 0px 5px;
	width:345px;
	text-align:center;
	font-size:14px;
	color:#404040;
	font-family:"Droid Serif",Georgia,"Times New Roman",Times,serif;
}

.sendVoucherToFriendButton{
	position:absolute;
	margin: 135px 0px 0px 175px;
}

.sendVoucherByEmailButton{
	position:absolute;
	margin: 57px 0px 0px 155px;
}

#sendVoucherByEmailToFriendsFormError{
	z-index:100;
	position:absolute;
	visibility:hidden;
	display:none;
	margin:85px 0px 0px 150px;
	width:350px;
	height:120px;
	background-image:url(../images/AlertBackground.png)
}

#sendVoucherByEmailError{
	z-index:100;
	position:absolute;
	visibility:hidden;
	display:none;
	margin:40px 0px 0px 170px;
	color:#404040;
	font-size:14px;
	font-family:Georgia,"Times New Roman",Times,serif;	
	width:350px;
	height:120px;
	background-image:url(../images/AlertBackground.png);
}

#sendVoucherByEmailErrorTitle{
	height:20px;
	padding: 5px 5px 5px 7px;
	font-size:14px;	
}
.sendVoucherByEmailErrorContent{
	float:left;
	margin: 0px 0px 0px 5px;
	width:97%;
	text-align:center;
	font-size:14px;
	color:#3e3e3e;
}
#sendVoucherByEmailForm{
	z-index:100;
	position:absolute;
	visibility:hidden;
	display:none;
	margin:40px 0px 0px 125px;
	width:400px;
	height:200px;
	color:#404040;
	font-size:14px;
	font-family:Georgia,"Times New Roman",Times,serif;
	background-image:url(../images/smallToMediumInputFormBg.png)
}

#sendVoucherByEmailFormTitle{
	height:20px;
	padding: 5px 5px 5px 7px;
	font-size:14px;	
}

#voucherExtraLinks{
	float:left;
	width:100%;
	margin:0px 5px 0px 0px;
	padding:0px 0px 0px 0px;
}

.voucherExtraLinksItems{
	float:left;
	width:99%;
	min-height:22px;	
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	color:#074389;
	font-size:16px;
	background: url(../images/dottedUnderline.png) repeat-x left bottom;
}

#voucherExtraLinksItemsLink{
	border-style: none;
	color:#FF0000;
	height:25px;
	width:25px;
}

#voucherExtraLinksItemsIcon{
	float:left;
	width:22px;
	height:22px;	
	margin:-5px 0px 0px 0px;
	padding:0px 5px 0px 0px;
}

.voucherExtraLinksItems a{
	text-decoration:none;
	color:#074389;
	font-size:16px;
}

.voucherExtraLinksItems a:visited{
	text-decoration:none;
	color:#074389;
}

#sendVoucherByEmailFormError{
	z-index:100;
	position:absolute;
	visibility:hidden;
	display:none;
	margin:85px 0px 0px 150px;
	width:350px;
	height:120px;
	background-image:url(../images/AlertBackground.png)
}

.sendVoucherByEmailFormErrorContent{
	float:left;
	margin: 0px 0px 0px 10px;
	width:95%;
	text-align:center;
}

.errorButton{
	position:absolute;
	margin: 75px 0px 0px 165px;
}


@media (max-width: 795px) {
	#voucherSearchError{
		margin:40px 0px 0px 150px;
		width:300px;
		height:120px;
   		background-size: 300px 120px;
		font-size:14px;
		background-image:url(../images/AlertBackground.png);
	}	
	.voucherSearchErrorContent{
		margin: 5px 0px 0px 5px;
	}
	.voucherSearchErrorButton{
		margin: 75px 0px 0px 130px;	
	}
}
@media (max-width: 695px) {
	#voucherSearchError{
		margin:40px 0px 0px 70px;
		width:250px;
		height:120px;
   		background-size: 250px 120px;
		font-size:14px;
		background-image:url(../images/AlertBackground.png);
	}
	.voucherSearchErrorContent{
		margin: 0px 0px 0px 5px;
	}
	.voucherSearchErrorButton{
		margin: 77px 0px 0px 108px;
	}
}

@media (max-width: 350px) {
	#voucherSearchError{
		margin:40px 0px 0px 15px;
		width:250px;
		height:120px;
   		background-size: 250px 120px;
		font-size:14px;
		background-image:url(../images/AlertBackground.png);
	}
	.voucherSearchErrorContent{
		margin: 0px 0px 0px 5px;
	}
	.voucherSearchErrorButton{
		margin: 77px 0px 0px 108px;	
	}
}


/*************************************************************************************
 * Layout for the view Voucher page
 *************************************************************************************/
.voucherTopOfPage{
	float:left;
	width:100%;	
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.voucherTitle{
	float:left;
	width:65%;	
	min-height:30px;
	margin:0px 0px 0px 2px;
	padding:0px 0px 0px 0px;
}
.voucherTitlePrice{
	float:right;
	width:34%;
	text-align:right;	
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.voucherTitlePrice strike{
	color:#404040;
	margin:0px 0px 0px 0px;
	padding:0px 5px 0px 0px;
	font-size:18px;
	font-family:"Droid Serif",Georgia,"Times New Roman",Times,serif;
}

.viewVoucherImage{
	float:left;
	width:100%;
	text-align:center;
	margin:10px 0px 0px 0px;
}

.viewVoucherImage img{
	float:left;
	width:100%;
	text-align:center;
	margin:10px 0px 0px 0px;
}

.viewVoucherImageBack{
	float:left;
	width:250px;
	margin:50px 0px 0px 25px;
}

.viewVoucherImageDescription{
	float:left;
	width:98%;
	text-align:center;
	margin:10px 0px 0px 0px;
	font-size:14px;	
	color:#404040;
	font-family:"Droid Serif",Georgia,"Times New Roman",Times,serif;
}

.voucherContactDetails{
	float:left;
	width:100%;
	text-align:right;	
	margin:0px 0px 0px 0px;
	padding:0px 0px 5px 0px;
	color:#FF0000;
	font-size:18px;
	font-family:"Droid Serif",Georgia,"Times New Roman",Times,serif;
}

.voucherImages{
	float:left;
	width:34%;	
	margin:0px 0px 0px 2px;
	padding:0px 5px 0px 0px;
}

.voucherImages img{
	float:left;
	width:100%;
}

#mainVoucherImagesList{
	float:left;
	margin:0px 0px 0px 0px;
	text-decoration:none;
	border-style:none;
}

.wrapper{
	float:left;
	width:50px;
	margin:5px 0px 0px 0px;
	padding:0px 0px 20px 0px;
}

.voucherSmallImages{	
	float:left;
	width:45px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
}

.voucherSmallImages img{
	max-width:45px;
	max-height:45px;
}

.voucherImagesMainAdvert{
	float:left;
	width:34%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 5px 0px;
}

.voucherContent{
	float:left;
	width:64%;	
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#voucherOverview{
	float:left;
	width:100%;	
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	font-size:16px;	
	color:#404040;
}

.voucherOverviewItems{
	float:left;
	width:54%;
	height:23px;	
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 15px;
	font-size:16px;	
	color:#404040;
	background: url(../images/listIcon.png) no-repeat left top; 
}

#voucherOverviewDescription{
	float:left;
	width:100%;
	min-height:58px;	
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	font-size:16px;	
	color:#404040;
}

#voucherOtherDescription{
	float:left;
	width:98%;
	height:58px;	
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	font-size:16px;	
	color:#404040;
}


@media (max-width: 1120px) {

} 
@media (max-width: 1010px) {

} 
@media (max-width: 900px) {
	.row{
		width:100%;
	}
	.rowHalf {
		width:100%;
	}

}
@media (max-width: 795px) {
	.voucherImages{
		width:100%;	
	}
	.voucherContent{
		width:100%;
	}	
}
@media (max-width: 695px) {
	.voucherImages{
		width:100%;	
	}
	.voucherContent{
		width:100%;
	}	
}

@media (max-width: 350px) {
	.voucherImages{
		width:100%;	
	}
	.voucherContent{
		width:100%;
	}
}







.voucherViewPhotoTitle{
	float:left;
	width:88%;
	height:30px;	
	margin:0px 0px 0px 2px;
	padding:0px 0px 0px 0px;
}

.deleteTextBox{
	position:absolute;
	width:90px;
	z-index:100;
	margin:93px 0px 0px 0px;
}

.updateVoucherFotos{
	float:left;
	height:35px;
	margin:40px 0px 10px 190px;
	padding:0px 0px 0px 0px;
}


.voucherMainPageAdvert{
	float:left;
	margin:0px 0px 0px 0px;
	width:100%;
	text-align:center;
}
.voucherMainPageAdvert img{
	margin:0px 0px 0px 0px;
	max-width:100%;
}


/************************************************************************************
 * Layout for the comments section 
 ************************************************************************************/
 
#articleCommentsArea{
	float:left;
	padding:10px 0px 0px 5px;
	margin:0px 0px 20px 0px;
	width:99%;
	background-color:#F4F4F4;
}

 input[type="text"]{
	color:404040;
	width:80%;	
	font-size:16px;
	font-family:Georgia,"Times New Roman",Times,serif;

    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: white;
    background-position: 3px 3px; 
    background-repeat: no-repeat;
	background-size: 25px;
    padding: 6px 6px 6px 6px;
}

#voucherComment{
	height:80px;
	width:80%;
	font-size:16px;
	font-family:Georgia,"Times New Roman",Times,serif;

    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: white;
    background-position: 3px 3px; 
    background-repeat: no-repeat;
	background-size: 25px;
    padding: 6px 6px 6px 6px;
}

#commentButtons{
	height: 50px;
	width:100%;
	padding:30px 0px 0px 0px;
	text-align:right;
}

#hiddenData{
	visibility:hidden;
	display:none;
}

#voucherSponsorTimeWarning{
	float:left;
	visibility:hidden;
	display:none;
	color:#404040;
	float:left;
	width:96%;
	border:solid;
	border-width:1px;
	border-color:#FF0000;
	background-color:#FFC4C4;
	padding:5px 5px 5px 5px;
	margin:0px 0px 5px 0px;
	font-size:16px;
}

.voucherAdvertContentSponsored{
	float:left;
	width:100%;
	height:auto;
	margin:5px 0px 5px 0px;
	padding:5px 0px 5px 5px;
	font-size:16px;
	
    box-sizing: border-box;
    border: 2px solid #E4E4E4;
    border-radius: 5px;
	background-color:#FFE8E8;
}

.voucherSponsoredLayer{
	float:left;
	visibility:hidden;
	display:none;
}

.voucherSponsoredPrice{
	float:left;
	visibility:hidden;
	width:500px;
	display:none;
	margin:10px 0px 0px 0px;
}

#sponsoredPrice{
	position:relative;
	visibility:hidden;
	display:none;
	margin:-27px 0px 0px 160px;
}
.sponsoredText{
	float:left;
	width:99%;
	margin:2px 0px 3px 5px;
	font-size:16px;
	color:#909090;
}


.voucherAdvertSelect{
	float:left;
	width:10px;
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 0px;
}
.voucherAdvertNumber{
	float:left;
	width:65px;
	margin:0px 0px 0px 15px;
	padding:0px 0px 0px 0px;
	font-size:16px;	
	color:#404040;
	text-align:center;
}
.voucherAdvertStatus{
	float:left;
	width:72px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:16px;	
	color:#404040;
	text-align:left;
}
.voucherAdvertTitle{
	float:left;
	width:185px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:16px;	
	color:#404040;
}

.voucherAdvertAddDate{
	float:left;
	width:115px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:16px;	
	color:#404040;
}

.voucherAdvertExpiryDate{
	float:left;
	width:115px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:16px;	
	color:#404040;
}
.voucherAdvertEdit{
	float:left;
	width:65px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:16px;	
	color:#404040;
}

.voucherAdvertSelectData{
	float:left;
	width:20px;
	margin:-3px 0px 0px -7px;
	padding:0px 0px 0px 0px;
}
.voucherAdvertNumberData{
	float:left;
	width:60px;
	margin:0px 0px 0px 0px;
	padding:0px 5px 0px 0px;
	text-align:center;
}
.voucherAdvertStatusData{
	float:left;
	width:72px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.voucherAdvertTitleData{
	float:left;
	width:185px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.voucherAdvertAddDateData{
	float:left;
	width:115px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.voucherAdvertExpiryDateData{
	float:left;
	width:115px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
}

.voucherAdvertEditData{
	float:left;
	width:65px;
	margin:18px 0px 0px 5px;
	padding:0px 0px 0px 0px;
	font-size:16px;	
	color:#FFFFFF;
}

.voucherAdvertEditData .blue-button a{
	font-size:14px;	
	color:#FFFFFF;
}


@media (max-width: 795px) {
	#addCommentError{
		margin:40px 0px 0px 150px;
		width:300px;
		height:120px;
   		background-size: 300px 120px;
		font-size:14px;
		background-image:url(../images/AlertBackground.png);
	}
	
	#addCommentAlert{
		margin:40px 0px 0px 150px;
		width:300px;
		height:120px;
   		background-size: 300px 120px;
		font-size:14px;
		background-image:url(../images/AlertBackground.png);
	}	
	.addCommentAlertContent{
		margin: 5px 0px 0px 5px;
	}
	.successAlertButton{
		margin: 57px 0px 0px 130px;	
	}
}
@media (max-width: 695px) {
	#addCommentError{
		margin:40px 0px 0px 70px;
		width:250px;
   		background-size: 250px 120px;
		height:120px;
		font-size:14px;
		background-image:url(../images/AlertBackground.png);
	}	
	#addCommentAlert{
		margin:40px 0px 0px 70px;
		width:250px;
		height:120px;
   		background-size: 250px 120px;
		font-size:14px;
		background-image:url(../images/AlertBackground.png);
	}	
	.addCommentAlertContent{
		margin: 0px 0px 0px 5px;
	}
	.successAlertButton{
		margin: 57px 0px 0px 108px;
	}
}

@media (max-width: 350px) {
	#addCommentError{
		margin:40px 0px 0px 15px;
		width:250px;
		height:120px;
   		background-size: 250px 120px;
		font-size:14px;
		background-image:url(../images/AlertBackground.png);
	}
	#addCommentAlert{
		margin:40px 0px 0px 15px;
		width:250px;
   		background-size: 250px 120px;
		height:120px;
		font-size:14px;
		background-image:url(../images/AlertBackground.png);
	}	
	.addCommentAlertContent{
		margin: 0px 0px 0px 5px;
	}
	.successAlertButton{
		margin: 57px 0px 0px 108px;	
	}
}


@media (max-width: 795px) {
	#sendVoucherByEmailForm{
		margin:40px 0px 0px 130px;
		width:350px;
		height:200px;
   		background-size: 350px 200px;
		background-image:url(../images/smallToMediumInputFormBg.png)
	}		
	#sendVoucherByEmailFormError{
		margin:85px 0px 0px 130px;
		width:300px;
		height:120px;
   		background-size: 300px 120px;
		background-image:url(../images/AlertBackground.png)
	}	
	.sendVoucherByEmailFormErrorContent{
		margin: 0px 0px 0px 5px;
	}
	.errorButton{
		margin: 58px 0px 0px 135px;
	}
	#sendVoucherByEmailAlert{
		margin:40px 0px 0px 130px;
		width:300px;
		height:120px;
   		background-size: 300px 120px;
		background-image:url(../images/AlertBackground.png);
	}
	.sendVoucherByEmailButton{
		margin: 50px 0px 0px 135px;
	}
	#sendVoucherByEmailError{
		margin:40px 0px 0px 130px;	
		width:300px;
		height:120px;
   		background-size: 300px 120px;
		background-image:url(../images/AlertBackground.png);
	}
	.sendVoucherByEmailErrorButton{
		margin: 55px 0px 0px 135px;
	}
	#sendVoucherToFriendEmailForm{
		margin:40px 0px 0px 120px;
		width:400px;
		height:200px;
   		background-size: 400px 200px;
		background-image:url(../images/smallToMediumInputFormBg.png)
	}
	#sendVoucherByEmailToFriendsFormError{
		margin:40px 0px 0px 120px;
		width:300px;
		height:120px;
   		background-size: 300px 120px;
		background-image:url(../images/AlertBackground.png)
	}
	.externalLinksAlertButton{
		margin: 130px 0px 0px 140px;
	}
}
@media (max-width: 695px) {
	#sendVoucherByEmailForm{
		margin:40px 0px 0px 25px;
		width:300px;
		height:200px;
   		background-size: 300px 200px;
		background-image:url(../images/smallToMediumInputFormBg.png)
	}
	.sendVoucherByEmailFormContent{
		width:94%;
	}
	.alertButton{
		margin: 120px 0px 0px 125px;
	}
		
	#sendVoucherByEmailFormError{
		margin:85px 0px 0px 25px;
		width:300px;
		height:120px;
   		background-size: 300px 120px;
		background-image:url(../images/AlertBackground.png)
	}
	
	#sendVoucherByEmailAlert{
		margin:40px 0px 0px 25px;
		width:300px;
		height:120px;
   		background-size: 300px 120px;
		background-image:url(../images/AlertBackground.png);
	}
	.sendVoucherByEmailButton{
		margin: 50px 0px 0px 130px;
	}
	#sendVoucherToFriendEmailForm{
		margin:40px 0px 0px 25px;
		width:400px;
		height:200px;
   		background-size: 400px 200px;
		background-image:url(../images/smallToMediumInputFormBg.png)
	}
	#sendVoucherByEmailToFriendsFormError{
		margin:40px 0px 0px 25px;
		width:300px;
		height:120px;
   		background-size: 300px 120px;
		background-image:url(../images/AlertBackground.png)
	}
	
	.externalLinksAlertButton{
		margin: 130px 0px 0px 125px;
	}
}

@media (max-width: 350px) {
	#sendVoucherByEmailForm{
		margin:40px 0px 0px 5px;
		width:250px;
		height:200px;
   		background-size: 250px 200px;
		background-image:url(../images/smallToMediumInputFormBg.png)
	}
	.sendVoucherByEmailFormContent{
		margin: 0px 0px 0px 5px;
		width:95%;
	}
	.alertButton{
		margin: 120px 0px 0px 100px;
	}		
	#sendVoucherByEmailFormError{
		margin:85px 0px 0px 5px;
		width:250px;
		height:120px;
   		background-size: 250px 120px;
		background-image:url(../images/AlertBackground.png)
	}	
	.errorButton{
		margin: 58px 0px 0px 105px;
	}
	
	#sendVoucherByEmailAlert{
		margin:40px 0px 0px 5px;
		width:250px;
		height:120px;
   		background-size: 250px 120px;
		background-image:url(../images/AlertBackground.png);
	}
	.sendVoucherByEmailButton{
		margin: 50px 0px 0px 105px;
	}
	#sendVoucherByEmailError{
		margin:40px 0px 0px 0px;	
		width:300px;
		height:120px;
   		background-size: 300px 120px;
		background-image:url(../images/AlertBackground.png);
	}
	.sendVoucherByEmailErrorButton{
		margin: 55px 0px 0px 135px;
	}
	#sendVoucherToFriendEmailForm{
		margin:40px 0px 0px 0px;
		width:290px;
		height:200px;
   		background-size: 290px 200px;
		background-image:url(../images/smallToMediumInputFormBg.png)
	}
	.sendVoucherToFriendButton{
		margin: 135px 0px 0px 130px;	
	}
	#sendVoucherByEmailToFriendsFormError{
		margin:40px 0px 0px 0px;
		width:250px;
		height:120px;
   		background-size: 250px 120px;
		background-image:url(../images/AlertBackground.png)
	}
	
	.externalLinksAlertButton{
		margin: 130px 0px 0px 105px;
	}
}