@charset "utf-8";
/* CSS Document for the new ROP site */

body {
	margin: 110px 0 0 0; /* keeps content below the top banner */
	padding: 0;
	border: 0;
	width: 100%;
	background-image: URL('http://www.emailinform.nl/ereg/images/CCI-Jan-2010/CCI-Background-Fade.jpg');
	background-position:top;
	background-repeat: repeat-x;
}

#Main {
	margin: 0 auto;
	padding: 0;
	width: 750px;
}

#Main div {
	margin: 0;
	padding: 5px 10px 0 10px; /* adds left and right padding to everything on the site inside the Main div */
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}	

.Express1 { display: none;}

/* Top banner START */

#Header-Banner { /* This is the top blue bar which holds the center banner*/
	margin: 0 auto;
	padding: 0;
	border: 0;
	width: 100%;
	height: 120px;
	background-color: #ccecff;
	background-image: URL('http://www.emailinform.nl/ereg/images/CCI-Jan-2010/CCI-banner.jpg'); /* 'research' was the istockphoto search term used */
	background-position:center;
	background-repeat: no-repeat;
	border-bottom: 2px solid #CCC;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 10;
}
	/* Top banner END */

	
	/* Progress bar holder and page title START */
	
#Main #Incentive-Banner-Holder {
	width: 746px;
	height: 90px;
	background-image: URL('http://www.emailinform.nl/ereg/images/CCI-Jan-2010/banner-label.gif');
	background-repeat: no-repeat;
	background-position: left;
	border: 2px solid #ccecff;
	padding: 0; margin: 0;
	
}
	
#Main #Incentive-Banner { /* this should house the 728 x 90 banner that we do for a particular theme */
	background-repeat: no-repeat;
	background-position: right;
	width: 746px;
	height: 90px;
	margin: 0; padding:0;
}

#Main div h1 { /* Used to style the title of each section in the survey */
	margin: 0;
	padding: 3px 3px 3px 7px;
	border-top: 2px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #1b4977;
	font-style: normal;
	background-color: #ccecff;
	width: 740px;
	position: relative;
	left: -10px;
	z-index: 2;
	/*background-image: URL('http://www.emailinform.nl/ereg/images/CCI-Jan-2010/ROP-Title-Graphic.jpg');
	background-position:right;
	background-repeat: no-repeat; */
}

#Main div h1 .LightBlueBar {
	width: 746px;
	height: 2px;
	background-color: #666;
	margin: 0;
	padding: 0;
	position: relative;
	top: 3px;
	left: -5px;
}

#Incentive-title #flashH1 { /* Used to style the title of each section in the survey */
	margin: 0 auto;
	padding: 3px 3px 3px 7px;
	border-top: 2px solid #1b4977;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #1b4977;
	font-style: normal;
	background-color: #ccecff;
	width: 740px;
	position: relative;
	z-index: 2;
	background-image: URL('http://www.emailinform.nl/ereg/images/CCI-Jan-2010/ROP-Title-Graphic.jpg');
	background-position:right;
	background-repeat: no-repeat;
}

#Incentive-title #flashH1 .LightBlueBar {
	
}


	/* Progress bar holder and page title end */
	
	/* Page content containers START */

#Main #Content1 { /* This would be the first section of questions on a page */
	border: 2px solid #ccecff;
	padding: 10px 0 30px 0;
	position: relative;
	top: -5px; /* Needed to align the page title bar with the light blue line */
	z-index: 1;
	background-color: #FFF;
	display: table; /* this has been removed due to padding issues with the flash control */
	width: 746px;
	margin: 0;
	z-index: 1;
}

#Main #Content2 { /* This would be the second section of questions on a page */
	border: 2px solid #ccecff;
	padding: 10px 0 30px 0;
	position: relative;
	top: -5px;  /* Needed to align the page title bar with the light blue line */
	z-index: 1 ;
	background-color: #FFF;
	display:table;
	width: 746px;
}
	/* Page content containers END */

	/* Question formatting classes START */
	
	/* Landing page two bank containers START */
	
	#Main div .TripleColFloat { float: left; width: 244px; margin: 0; padding: 0; position: relative; z-index:2; }
	
	.OptIn { /* Opt In question on landing page */
	margin: 0 0 20px 0;
	padding: 0; 
	border: 0;
	display: table;
	width: 726px;
	background-color: #ccecff;
}

		.OptIn Table { 
		margin: 0;
		padding: 0; 
		border: 0;
		width: 85px;
		float: left;
		position: relative;
		left: 20px;
	}
			.OptIn Table Input { position: relative; top: 7px;}
	
		.OptinLabel { /* OptIn text formatting */
		margin: 0;
		padding: 0;
		border: 0;
		width: 540px;	
		float: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #666;
	}

#Main div .triplerow { /* Used on the landing page - creates two banks of questions on the same horizontal line */
	margin: 0 auto;
	margin-bottom: 10px;
	margin-left: 20px;
	float: left;
	padding: 0; 
	width: 100%; /* Adjusts the width of the containers that hold the questions on the left bank - do not adjust */
	position: relative; z-index:5;
}

#Main div .QuestionLabelLanding { /* Used ONLY on the landing page and for the RightBank of questions */
	margin: 0;
	border: 0;
	display: block;
	width: 70px;
	float: left;
	text-align: right;
	font-weight: bold; /* consider making a second class that does not have bold type - see page 14 */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666;
	padding: 5px 5px 0 0;
}

#Main div .QuestionLabelLanding2 { /* Used ONLY on the landing page and for the RightBank of questions */
	margin: 0;
	border: 0;
	display: block;
	width: 80px;
	float: left;
	text-align: right;
	font-weight: bold; /* consider making a second class that does not have bold type - see page 14 */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666;
	padding: 5px 5px 0 0;
}
	/* Custom validator classes START */
	
.valid {}
.invalid {}

#title_req {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	margin: 0; padding: 0;
	position:relative; left: 3px; top: -3px;
}
#title_req td { margin: 0; padding: 0; }
#title_req tr td input {} /* the radio input button */


/* Custom validator classes END */
.selectborder { /* formats the list boxes */
	border: 1px solid #666; /* not possible to change border to 1px on IE */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666; /*background-color:#9C3;*/
}
.textboxborder { /* formats the list boxes */
	border: 1px solid #666; /* not possible to change border to 1px on IE */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666; /*background-color:#9C3;*/
}
.radio { /* formats the list boxes */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666; /*background-color:#9C3;*/
}
	/* Date of birth formatting START */
#Date_req { margin: 0; padding: 0; }
.DaySelector {border: 1px solid #666; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#666; margin: 0; padding: 0; }
.MonthSelector {border: 1px solid #666; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#666; margin: 0; padding: 0; }
.YearSelector {border: 1px solid #666; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color:#666; margin: 0; padding: 0; }
	/* Date of birth formatting END */

#Main div .QuestionLabelNonBold { /* Keeps question boxes etc on same line */
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	width: 250px;
	float: left;
	clear:both;
	text-align: left;
	font-weight: normal; /* consider making a second class that does not have bold type - see page 14 */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666;
/*	border-top: 1px dotted #CCC; */
	padding: 5px 0 0 0;
}

#Main div .QuestionLabel { /* Keeps question boxes etc on same line - high usage on the site */
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	width: 250px;
	float: left;
	clear: both;
	text-align: left;
	font-weight: bold; /* consider making a second class that does not have bold type - see page 14 */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666;
/*	border-top: 1px dotted #CCC; */
	padding: 5px 0 0 0;
}

#Main div .QuestionLabelv1 { /* Keeps question boxes etc on same line - used for short questionlabel sections like page 8*/
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	width: 200px;
	float: left;
	clear: both;
	text-align: left;
	font-weight: bold; /* consider making a second class that does not have bold type - see page 14 */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666;
/*	border-top: 1px dotted #CCC; */
	padding: 5px 0 0 0;
}

#Main div .QuestionLabelv2 { /* Keeps question boxes etc on same line - used for when the label carries onto two lines and messes up the display */
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	width: 350px;
	float: left;
	clear: both;
	text-align: left;
	font-weight: bold; /* consider making a second class that does not have bold type - see page 14 */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666;
/*	border-top: 1px dotted #CCC; */
	padding: 5px 0 0 0;
}

#Main div .QuestionLabelv3 { /* Keeps question boxes etc on same line - used for when a gridquestion is above or below this for alignment */
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	width: 335px;
	float: left;
	clear: both;
	text-align: left;
	font-weight: bold; /* consider making a second class that does not have bold type - see page 14 */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666;
/*	border-top: 1px dotted #CCC; */
	padding: 5px 0 0 0;
}

#Main div .QuestionLabelv4 { /* Keeps question boxes etc on same line - used for very far question label positions */
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	width: 500px;
	float: left;
	clear: both;
	text-align: left;
	font-weight: bold; /* consider making a second class that does not have bold type - see page 14 */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666;
/*	border-top: 1px dotted #CCC; */
	padding: 5px 0 0 0;
}

#Main div .QuestionLabelMaxWidthNonBold { /* Places question boxes on next line */
	margin-bottom: 1em;
	padding: 0; 
	border: 0;
	display: block;
	width: 100%;
	clear: both;
	text-align: left;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
/*	border-top: 1px dotted #CCC; */
	padding: 5px 0 0 0;
}

#Main div .QuestionLabelMaxWidth { /* Places question boxes on next line - high usage on the site */
	margin-bottom: 1em;
	padding: 0; 
	border: 0;
	display: block;
	width: 100%;
	float: left;
	clear: both;
	text-align: left;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	border-top: 1px dotted #CCC;
	padding: 5px 0 0 0;
}

.QuestionLabelMaxWidthnonfloat {
		margin-bottom: 1em;
	padding: 0; 
	border: 0;
	display: block;
	width: 100%;
	clear: both;
	text-align: left;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	border-top: 1px dotted #CCC;
	padding: 5px 0 0 0;
}



		/* Three or Four column Question Formatting START */
/* One column set up */
	.OneCol {clear: both;}
	.OneCol table { margin: 0; }
	.OneCol table td { width: 700px; }
	.OneCol table tr td input { } /* can be used to add a colour to the outside of the input, but it looks horrid */
	.OneCol table tr td label { color: #666; } /* Changes the colour of the value list/text label */		
/* Two column set up */
	.TwoCol {clear: both;}
	.TwoCol table { margin: 0; }
	.TwoCol table td { width: 350px; }
	.TwoCol table tr td input { } /* can be used to add a colour to the outside of the input, but it looks horrid */
	.TwoCol table tr td label { color: #666; } /* Changes the colour of the value list/text label */	
/* Three column set up */
	.ThreeCol {clear: both;}
	.ThreeCol table { margin: 0; }
	.ThreeCol table td { width: 260px; }
	.ThreeCol table tr td input { } /* can be used to add a colour to the outside of the input, but it looks horrid */
	.ThreeCol table tr td label { color: #666; } /* Changes the colour of the value list/text label */
/* Four column set up */
	.FourCol {clear: both}
	.FourCol table { margin: 0; }
	.FourCol table td { width: 200px;}
	.FourCol table tr td input { } /* can be used to add a colour to the outside of the input, but it looks horrid */
	.FourCol table tr td label { color: #666; } /* Changes the colour of the value list/text label */
		/* Three or Four column Question Formatting END */

		/* Emphasis classes START */

	.RedHighlight { /* highlights a portion of text Red */
		text-decoration: none;
		font-style: normal;
		color: #F00;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;	
	}
	
	.WhiteHighlight { /* highlights a portion of text Red */
		text-decoration: none;
		font-style: normal;
		color: #FFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1px;	
		line-height: 1px;
		padding:0;
		margin:0;
	}
	
	.SmallHighlight { /* makes text smaller in size to 10px - page 12*/
		text-decoration: none;
		font-style: normal;
		color: ;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;	
	}
	
	.BoldHighlight { /* Modify this as needed */
		font-weight: bold;	
	}

		/* Emphasis classes END */
		
		/* SHOW HIDE ID CONTROLS START - this re-positions the showhide content by removing the padding given to them by their parent div */
		
#Content2 #Avalon_hidden { padding:0; }	 /* page */	
#Content1 #hidden_Accident_Advice { padding: 0; } /* page 10 */  /* page */ 
#Content1 #Smoking_hidden { padding: 0; } /* page 10*/
#Content1 #Smoking_hidden #Brand_length_hidden {padding: 0; }/* page 10 */
#Content1 #Business_hidden {padding: 0; } /* page 13 */
#Content1 #Children_hidden { padding: 0; } /* page 2 */
#Content1 #Store_hidden { padding: 0; } /* page 7 */
#Content2 #Airwick_hidden { padding: 0; } /* page 7 */
#Content1 #hidden_emas-Cars { padding: 0; } /* page 12 */
#Content1 #hidden_SecondCar { padding: 0; } /* page 12 */

		/* SHOW HIDE ID CONTROLS END */

.Hidden	{ /* hides anything that it contains */
	display: none;
}

.hidden2 { display: none; margin:0; padding:0; position: relative; left: -10px;} /* this is used to bring show/hide questions back to alignment after being pushed out */

#Main #Content1 div #Summary { /* summary styling for the site */
	list-style-image: URL('http://www.emailinform.nl/ereg/images/CCI-Jan-2010/Invalid.jpg');
	list-style-position: outside;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 10px;
	margin: 0;
	margin-bottom: 10px;
	padding:10px;
	border: 2px solid #F00;
}

.Mandatory { /* used on the landing page fields to stop the layout from breaking */
	background-image: URL('http://www.emailinform.nl/ereg/images/CCI-Jan-2010/Invalid.jpg');
	background-repeat: no-repeat; 
	margin: 0; padding: 0; border: 0;
	position: relative; top: 2px; left: 3px;
} .mandatoryDots { visibility: hidden; } /* gets rid of the four dots that are on ereg to form the width of the image */ 
.MandatoryTitle { /* used on the landing page fields to stop the layout from breaking */
/*	background-image: URL('http://www.emailinform.nl/ereg/images/CCI-Jan-2010/Invalid.jpg');
	background-repeat: no-repeat; */
	margin: 0; padding: 0; border: 0;
	float: right;
	position: relative; top: 6px;
}

.OptMandatory {
		margin: 0 0 0 80px;
		padding: 0;
		border: 0;
		width: 540px;	
		float: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #666;
	}
.MandatoryOpt { /* used on the landing page fields to stop the layout from breaking */
	background-image: URL('http://www.emailinform.nl/ereg/images/CCI-Jan-2010/InvalidBlue.jpg');
	background-repeat: no-repeat; 
	margin: 0; padding: 0; border: 0;
	position: relative; top: 2px; left: 3px;
}

.PostcodeRequiredFieldValidator {
/*	background-image: URL('http://www.emailinform.nl/ereg/images/CCI-Jan-2010/Invalid.jpg');
	background-repeat: no-repeat; */
}
.PostcodeRegularExpressionValidator {
/*	background-image: URL('http://www.emailinform.nl/ereg/images/CCI-Jan-2010/Invalid.jpg');
	background-repeat: no-repeat; */
}
.PostcodeMandatoryLabel {
/*	background-image: URL('http://www.emailinform.nl/ereg/images/CCI-Jan-2010/Invalid.jpg');
	background-repeat: no-repeat;  */
	position: relative; left: 3px;
}
.MandatoryHighlight { /* probabaly not being used */
	background-image: URL('http://www.emailinform.nl/ereg/images/CCI-Jan-2010/ROP-input-background.jpg'); 
	background-repeat: repeat-x;
}

.RegExTitle {
	margin-bottom: 1em;
	padding: 0; 
	border: 0;
	display: inline;
	width: 150px;
	float: left;
	text-align: left;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	padding: 5px 0 10px 15px;
}

.RegExRop {
	margin-bottom: 1em;
	padding: 0; 
	border: 0;
	display: inline;
	width: 150px;
	float: left;
	text-align: left;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	padding: 5px 0 10px 15px;
}
.RedBox {
	border: 2px solid #F00;	
}

#CTL_75D26734E7FD4D5F86402F40CE0C49D6_0 { visibility: hidden;} /* sp!ts value etc */
#CTL_A11D71CF49134036ACBDE11B914E4BD5_0 {visibility: hidden;}
#CTL_9A0DF377CCE34E5780B79878E8D9AFE3_0 {visibility: hidden;}

	/* Postcode formatting START */
	
#ctl_QASPostcoder {
	
	clear: both;
	
/*	background-color: #C90; */
}

#ctl_QASPostcoder div .PostcodeSearchResult { /* formats the list of addresses that pops up */
	margin: 0;
	padding: 0;
	width: 660px;
	display: block;	
	border: 1px solid #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
}

.PostcodeSearchLabel { /* the label that says 'post code' can be tinkered from here */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666;
}

.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: 10px;
	color: #666;
	margin: 0 0 0 6px;
}

.PostcodeSearchButton { /* this is the button that needs to be clicked in order to perform the post code look up */
	border: 1px solid  #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
}

#ctl_Postcode_warp_Main input {
	/*background-color: #CCC; */
}

#ltb_PostcodeResults_SelectedIndex { 
	background-color: #03F;
}

#PostCode_warp_Main #ctl_Postcode_btn_Search { /* moves the submit button for the post code search tool */
	position: relative;
	left: 0px;
}

	/* Postcode formatting END */
	
	
	/* Vertical checkbox/radio grid START */

.gridquestionlabelSTOCK {
	position: relative;
	top: 13px;
	z-index: 1;
}

.gridquestionlabelSTOCK span {  /* the question label that sits on the left side */
	margin: 0;
	padding: 0; 
	border: 0;
	display: block;
	width: 300px;
	float: left;
	text-align: left;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
	font-size: 10px;
/*	background-color: grey;  */
	position: relative;
	z-index: 1;
}	

.gridquestionlabelSTOCK table label { /* the value labels that appear above the radion buttons */
	margin: 0;
	padding: 0; 
	border: 0;
/*	background-color: yellow; */
	position: relative;
	top: -35px;
/*	left: 5px; - include this for IE6 */
	text-align: center;
	color: #666; /* font colour change */
	font-family: Arial, Helvetica, sans-serif;
}	

.gridquestionlabelSTOCK table td { /* housing block that the radio buttons sit inside */
	margin: 0;
	padding: 0; 
	border: 0;
	width: 80px;
	text-align: center;
/*	background-color: red;  */
}

.gridquestionlabelSTOCK table input { /* the radio buttons */
	margin: 0;
	padding: 0; 
	border: 0;
	width: 100%;
}	

.gridquestionlabelSTOCKhidden span { /* The text line that is horizontal to it's label */
	margin: 0;
	padding: 0; 
	border: 0;
	display: block;
	width: 300px;
	float: left;
	text-align: left;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 10px;
/*	background-color: blue;	*/
	z-index: 2;
}	

.gridquestionlabelSTOCKhidden table label {
	margin: 0;
	padding: 0; 
	border: 0;
/*	background-color: green; */
	position: relative;
	top: -30px;
	display: none;
}	

.gridquestionlabelSTOCKhidden table td {
	margin: 0;
	padding: 0; 
	border: 0;
	width: 80px;
	text-align: center;
/*	background-color: pink; */
}

.gridquestionlabelSTOCKhidden table input {
	margin: 0;
	padding: 0; 
	border: 0;
	width: 100%;
}

	/* Vertical checkbox/radio grid END */
	
	/* RDP brochure request section START */	

#Main div .BrochureRequest {
	margin: 0 0 20px 0;
	padding: 0; 
	border: 0;
	display: table;
	width: 734px;
/*	background-color: #09F; */

}

.BrochureRequest table {
	margin: 0;
	padding: 0; 
	border: 0;
	width: 100px;
	float: left;
	position: relative;
	left: 20px;

}

.BrochureRequest span {
	margin: 0;
	padding: 0;
	padding: 0;
	border: 0;
	width: 540px;	
	float: left;
}

.RDP-title {
	margin: 0;
	padding: 0; 
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ccecff;
	font-weight:bold;
}

.BrochureRequest img {
	margin: 0;
	padding: 1px; 
	border: 0;
/*	background-image: url('/img/rop/shadow.jpg');
	background-repeat: no-repeat;
	background-position: top center; */
	border: 1px solid #ccecff;
}
	/* RDP brochure request section END */
	
	/* Voucher-banner START */
	
#Voucher {
	margin: 0 auto;
	margin-top: 20px;
	width: 750px;
	height: 75px;
	background-image: URL('http://www.emailinform.nl/ereg/images/CCI-Jan-2010/ROP-New-Voucher-Banner.gif');
	background-position: center;
	background-repeat: no-repeat;
	
}
	
	/* Voucher banner END */


/* Footer Start */

#Footer { /* Houses the footer bar */
	margin: 0 auto;
	margin-top: 20px;
	padding: 0;
	border: 0;
	width: 750px;
	height: 20px;
	background-color: #ccecff;
}

#FooterNav { /* On the HTML this is the ul */
	margin: 0 auto;
/*	clear: both; - Needed to counter the floating Continue button */
	padding: 0;
	border: 0;
	list-style: none;
	width: 750px;
	border-bottom: 3px solid #CCC;
}

#FooterNav li { /* The links are drawn as li elements */
	margin: 0;
	padding: 1px 10px 1px 10px;
	border: 0;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}

#FooterNav li a { /* The li items in static form */
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
	color: #666;
}

#FooterNav li a:hover { /* The li items when rolled over */
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: underline;	
	color: #999;
}

#Footer #FooterNav .Promotion { /* Control for an li element that contains the disclaimer text */
	margin: 0 5px 0 0;
	padding: 0;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
	float: right;
	position: relative;
	top: -15px;
}


/* Footer End */

	/* Blue footer line START */

#Footer-line {
	margin: 0 auto;
	padding: 0;
	width: 740px;
	height: 1px;
	background-image: URL('http://www.emailinform.nl/ereg/images/CCI-Jan-2010/ROP-Blue-Footer-Bar.jpg');
	background-position:center;
	background-repeat: no-repeat;
	display: block;
	position: relative;
	top: 10px;
}

	/* Blue footer line END */

	/* Continue button begin */
	
.ContinueButton {
	float: right;
	position: relative;
	top: -25px;
	left: -5px;
	z-index: 3;
}

.ContinueButton input {
	font-family:Arial, Helvetica, sans-serif;
	color: #1b4977;
	font-size: 16px;
	border: 2px solid #fff;
	background-color:#ccecff;
	width: 200px;
	font-weight: bold;
}

.ContinueButton input:hover {
	font-family:Arial, Helvetica, sans-serif;
	color: #ccecff;
	border: 2px solid #ccecff;
	background-image: URL('http://www.emailinform.nl/ereg/images/CCI-Jan-2010/CCI-Continue-Rollover.jpg');
	background-position:center;
	background-repeat: no-repeat;
}

	/* Continue button END */
	
#TabbedContent { /* main container for the tabbed content piece */
border-top: 2px solid #ccc; border-left: 2px solid #ccecff; border-right: 2px solid #ccecff; border-bottom: 2px solid #ccecff; 
width: 746px; 
padding: 0;
margin: 0 auto;
background-color: #ccecff;
}



.tabIncentive {
	padding: 0; margin: 0; border:0;
	width: 746px;
	height: 140px;
	background-image: URL('http://www.emailinform.nl/ereg/images/CCI-Jan-2010/CCI-incentive-Aug-2010.jpg');
	background-repeat: no-repeat;
	background-position: center;
}

.tell-friend {
	padding: 0; margin: 0; border:0;
	width: 746px;
	height: 170px;
	background-image: URL('http://www.emailinform.nl/ereg/images/CCI-Jan-2010/CCI-tell-friend.jpg');
	background-repeat: no-repeat;
	background-position: center;
	position: relative; left: -20px;
}

.thankyou-image {
	padding: 0; margin: 0; border:0;
	width: 706px;
	height: 270px;
	background-image: URL('http://www.emailinform.nl/ereg/images/CCI-Jan-2010/CCI-thankyou-Aug-2010.jpg');
	background-repeat: no-repeat;
	background-position: center;
}

.left-tenpx { position: relative; left: 10px;}


/*
.incentiveFlash { display: none;}   
.whyFlash {display: none;}								turns the flash object on or off if set to display: none;
.easyFlash {display: none;}
*/

.clear { clear:both; }