@charset "utf-8";
/* CSS Document for acxiom sub pages - Offers Click site */

* { margin:0; padding:0;}

#Header {
	width: 1024px;
	height: 120px;
	margin: 0 auto;
	background-image: url('../OffersClick-homepage/OffersClick_SubPage_header.jpg');
	border-bottom: 1px dashed #F90;
	padding-bottom:1px;
	background-repeat:no-repeat;
	}
	
#Header-2 {
	width: 1024px;
	height: 120px;
	margin: 0 auto;
	background-image: url('../OffersClick-homepage/OffersClick_SubPage_header.jpg');
	border-bottom: 1px dashed #F90;
	padding-bottom:1px;
	background-repeat:no-repeat;
	position:relative; top:-20px;
	}

#Main {
	width: 1024px;
	margin: 0 auto;
	margin-top:10px;
	background-position:top right;
	background-repeat:repeat-y;
	}

.heading-holder {
	background-image: url('../OffersClick-homepage/OffersClick_Sub_Title.gif');
	background-repeat:no-repeat;
	width: 326px;
	height: 69px;
	margin-bottom:10px;
	}
	
.heading-holder-2 {
	background-image: url('../OffersClick-homepage/OffersClick_Sub_Title.gif');
	background-repeat:no-repeat;
	width: 326px;
	margin-bottom:10px;
	}
	
	.heading-holder-2 p {width:400px; display: block; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#666; float: left;}

.heading-holder-large {
	background-image: url('../OffersClick-homepage/OffersClick_Sub_Title.gif');
	background-repeat:no-repeat;
	width: 526px;
	height: 69px;
	margin-bottom:10px;
	}
	
	h1 {
		padding: 43px 0 0 50px;
		font-family: Arial, Helvetica, sans-serif;
		color:#8b9cf5;
		font-size:24px;
		font-style:italic;
		}
	
	h2 {
		font-family: Arial, Helvetica, sans-serif;
		color:#fcb163;
		font-size:16px;
		clear:both;
		margin-bottom:10px;
		}
		
	.rules {
		font-family: Arial, Helvetica, sans-serif;
		color:#fcb163;
		font-size:16px;
		clear:both;
		margin-bottom:10px;
		border-top: 1px dotted #999;
		padding-top:5px;
		}
		
.Required { font-family:Verdana, Geneva, sans-serif; font-size:11px;}

.questionlabel {
	clear:both; display: block; width: 100px; float:left; font-family:Verdana, Geneva, sans-serif; 
	position: relative; font-size:11px; color:#666;
	}
	
	.five-down { position:relative; top:5px;}
	
	.textbox { border:1px solid #666; font-family:Verdana, Geneva, sans-serif; color:#666; font-size:11px; }

.questionlabelmaxwidth {
	clear:both; display: block; width: 400px; font-family:Verdana, Geneva, sans-serif; 
	position: relative; top: 5px; font-size:11px; color:#666; margin:5px 0 5px 0;
	}
	
.NextButton {clear: both; margin-top:10px; width:380px;}

.NextButton span input { 
	background-image: url('../OffersClick-homepage/OffersClick-Sub-Footer.jpg');
	font-family: Verdana, Geneva, sans-serif; font-size:11px; color:#FFF; font-weight:bold; padding: 3px 0 0 0; cursor: pointer; border:0;
	}
	
	.NextButton span input:hover { position: relative; top: -1px; }

.radio { font-weight:normal;}
	.radio tr td label { position: relative; top:-2px; margin: 0 2px 0 2px;}
		.radio tr td label span { font-weight:normal; }
	
.radio-reason { font-weight:normal; }
	.radio-reason tr td label { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; position: relative; top:-2px; margin: 0 2px 0 2px;}
		.radio-reason tr td label span { font-weight:normal; }
		
.enclosure { clear: both; display: table; padding: 0 30px 0 30px;}
	
.enclosure-rules { clear: both; display: table; padding: 0 230px 0 30px;}

.enclosure-winners { clear: both; display: table; padding: 0 0 0 30px; width: 950px;}
	
	.enclosure-rules .prizeIMG { border-top: 1px dashed #8b9cf5; border-bottom: 1px dashed #8b9cf5; padding: 1px 0 1px 0;}
	
	.enclosure-winners .winnersBOX {
		display: table;
		clear:both;
		width: 870px;
		margin: 5px 0 5px 0;
		}
		
		.enclosure-winners .winnersBOX .winnersIMG { float: left; margin-right:10px; padding:0; }
		
		.enclosure-winners .winnersBOX p { width: 800px; margin:0; }
		
			.enclosure-winners .winnersBOX p em { width:100%; display:block;}
	
	.enclosure-winners .winnersBOXsmall {
		display: table;
		clear:left;
		width: 470px;
		margin: 5px 0 5px 0;
		}
		
		.enclosure-winners .winnersBOXsmall .winnersIMG { float: left; margin-right:10px; padding:0; }
		
		.enclosure-winners .winnersBOXsmall p { width: 400px; margin:0; }
		
			.enclosure-winners .winnersBOXsmall p em { width:100%; display:block;}
			
.linksbox { float: right; width: 472px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; }
			
.linksbox .leadgen-top { 	
	background-image: url('../OffersClick-homepage/leadgen-top.jpg');
	width: 472px; display:block; height:11px; float:left;
	}
.linksbox .leadgen-bottom { 
	background-image: url('../OffersClick-homepage/leadgen-bottom.jpg');	
	width:472px; height: 11px; display: block; float:left;
}	
	.linksbox .LandingPageLeadgenQuestions { /* styles the two leadgen questions on the landing page */
		padding: 10px;
		text-align: left;
		font-family: Tahoma, Verdana, Arial, Helvetica, san-serif;
		font-size: 12px;
		width: 440px;
		display: table;
		color: #999;
		float:left;
		background-image: url('../OffersClick-homepage/leadgen-middle.jpg');
	}
	
		.linksbox .LandingPageLeadgenQuestions .left-leadgen {
			 float:left; width: 200px; display: block;
		}
		
		.linksbox .LandingPageLeadgenQuestions .right-leadgen {
			 float:left; width: 200px; display: block;
		}
	
		.linksbox .LandingPageLeadgenQuestions span a { color: #999; width:100%; display: block; }
		
		.linksbox .LandingPageLeadgenQuestions span a:hover { text-decoration: none; color: #b2b2b2; }
			
			
			.enclosure-winners .winnersBOX .overflow .Phack{
				font-family: Arial, Helvetica, sans-serif;
				color: #666;
				font-size:11px;
			}
			
			.enclosure-winners .winnersBOX .overflow { font-size:11px; padding-left: 70px; color: #666;}
		
	.enclosure-twocol {
			margin: 0 10px 0 0;
			width: 300px;
			float: left;
			}	

		p {
			font-family: Arial, Helvetica, sans-serif;
			color: #666;
			font-size:11px;
			margin: 10px 0 10px 0;
			}
			
		ul { }
		
			ul li {
				font-family: Arial, Helvetica, sans-serif;
				color: #666;
				font-size:11px;
				margin-left:10px;
				margin-bottom: 5px;
				}
			
		.dma-section { }
			.dma-section .dma-image { width: 100px; display: block; float: left; }
			.dma-section p { font-size: 9px; margin: 0; position: relative; left: 10px; top: 57px;}
		
#Footer {
	width: 1024px;
	height: 60px;
	background-image: url('../OffersClick-homepage/OffersClick-Sub-Footer.jpg');
	background-position:top;
	background-repeat: repeat-x;
	margin: 0 auto;
	margin-top:10px;
	padding-top:4px; /* controls vertical position of the footer links */
}

	#Footer ul {
		font-family:Verdana, Geneva, sans-serif;
		font-size:10px;
		color: #CCC;
		margin: 0 auto;
		text-align: center;
	}
	
	#Footer ul li {
		display: inline;
		list-style: none;
		border-right: 1px solid #FFF;
		padding: 0 4px 0 4px;
	}
	
	#Footer ul li a {
		color: #FFF;
		text-decoration:none;
		font-weight:bold;
	}
	
		#Footer ul li a:hover { text-decoration: underline; }
	
	#Footer ul .lastlink {
		border: none;
	}

.footer-legal {
	margin-top: 22px;
	float: right;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#333;
}

.clear { clear: both;}
.bold { font-weight:bold; }

.bold #emailinform { display:none;}
.bold #rop { display:none;}

.emailinform { display:none; }
.rop { display:none; }

/* Extras needed for unsubscribe questions */

#Summary { 
	border: 2px solid #F00; margin: 0 0 0 0; width: 295px; font-family: Arial, Helvetica, sans-serif; 
	font-size:11px; padding:5px; clear: both;
	}
	#Summary li { margin: 5px 0 0 18px; list-style-image: url('/img/ROP-Jan-2010/Invalid.jpg'); }
	
.Denotes-text { 
	font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color: #666; margin: 10px 0 0 0; width:160px; float:left;
	}
	
.questionlabelleft { clear:both; } /* old style questionlabel */
	.questionlabelleft span { float:left; width: 150px; display:block; font-size: 11px; color:#666; font-family: Arial, Helvetica, sans-serif; }

.question-title { padding: 5px 0 5px 0; }
	.question-title span {
		color: #666; font-family:Arial, Helvetica, sans-serif; font-size:11px; display:block; margin: 0 0 5px 0;
		}
		.question-title span em { font-weight: normal; color:#333; }
		
.LandingForm { font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#666; font-weight:bold; width:150px; display:block; margin-top:5px; }
	.LandingForm img { position: relative; top: 2px; }
	.LandingForm span { width:145px; display:block; } /* keeps label text a set width to force entry fields below */
	
/* Postcode formatting START */
	
#ctl_QASPostcoder { clear: both; width:100%; margin: 5px 0 0 0; /*	background-color: #C90; */ }
	.PostcodeSearchLabel { /* the label that says 'post code' can be tinkered from here */
		font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#666; font-weight:bold; margin-right: 30px; width: 100%; display: block;
		}
		.PostcodeSearchLabel img { position: relative; top:2px; }
	.PostcodeSearchTextBox { /* this is the actual text box entry where the post code is entered */
		border: 1px solid  #666; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; float: left; 
		margin-right:10px; padding:1px 3px;
		}
	.PostcodeSearchButton { /* this is the button that needs to be clicked in order to perform the post code look up */
		font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666; width: 100px; float: left; border: 1px solid #666;
		cursor: pointer; 
		}
	.PostcodeRegularExpressionValidator { /* not sure what this does */
		margin:0; padding:0; clear:both; width:100%; display:block; font-family: Arial, Helvetica, sans-serif; font-size: 11px;
		} /* reg ex control, apparently */
	#ctl_Postcode_rfv_Address { /* this is the "Address Required" validator text */
		width:300px; position:relative; top: -10px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; display:none;
		}
	#ctl_Postcode_ltb_PostcodeResults { 
		border: 1px solid #666; font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #333; width: 300px; float:left;
		}
	/*.Hide {  Lord knows why this is here 
		background-color:#03F;
	} */
	#ctl_Postcode_txt_PostcodeSearchResult { /* address results box */
		border: 1px solid #666; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666; width: 300px; position: relative; top:-20px;
	}
	#ctl_Postcode_warp_Main input /* don't know what this does */ { }
	#ltb_PostcodeResults_SelectedIndex /* don't know what this does */ { }
	.SelectAddress { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color: #666; } /* class added via EReg Admin */
	.ValidPostCode { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color: #F00; } /* class added via EReg Admin */

/* Postcode formatting END */
.leftcol { width:180px; border-right: 1px solid #CCC; display:block; float: left; margin: 5px 0 0 0; }
.rightcol { width:180px; border-right: 1px solid #CCC; display: block; float:left; margin: 5px 0 0 15px; }
.thirdcol { width:325px; border-right: 1px solid #CCC; display:block; float: left; margin: 5px 0 0 15px; }
.fourthcol { width:400px; display: block; clear:both; margin: 5px 0 0 0; }
