@charset "utf-8";
/* CSS Document for the FR main survey site */

body {
	margin: 0; /* keeps content below the top banner */
	padding: 0;
	border: 0;
	width: 100%;
	
	background-image: URL('/IMG/body-image.jpg'); 
	background-position:top;
	background-repeat:repeat-x;
}

#Flash {
	margin: -200px 0 0 0; position:relative; top:100px; z-index:5; float:right;}

#left-logo {
	margin: 0; /* keeps content below the top banner */
	padding: 0;
	border: 0;
	width: 118px;
	height: 749px;
	position: fixed;
	left:0;
	top:0;
	background-image: URL('/IMG/left-body-image.jpg'); 
	background-position: center;
	background-repeat: no-repeat;
	z-index:0;
}


#left-sofinco { margin: 0 auto; width: 858px; height: 100%; display:table; background-image: URL('/IMG/sofinco-left-right.png'); 
	background-repeat: repeat-y; }


#Main {
	display: block;
	padding: 0 29px 0 29px;
	width: 800px;
	position: relative; z-index:1;
}

.LandingIncentive {
	padding:0; margin:0;
	width: 800px;
	background-repeat: no-repeat;
}

#Main #Content1 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: 11px;
}	

/* Top banner START */

#Header { /* This is the top blue bar which holds the center banner*/
	margin: 0 auto;
	padding: 0;
	text-align:center;
	/*border: 2px solid #00cccc; */
	width: 800px;
	height: 130px;
	background-image: URL('/IMG/Sofinco-header.png'); 
	background-position:center;
	background-repeat: no-repeat;
	z-index: 3;
	position: relative;
}
	/* Top banner END */
	
/* left and rigt column layouts */

/* left and right column */
	
	/* Progress bar holder and page title START */

#Main div h1 { /* Used to style the title of each section in the survey */
	margin: 0;
	padding: 3px 3px 0 7px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFF;
	font-style: normal;
	width: 790px;
	position: relative;
	left: -10px;
	z-index: 2;
	clear:both;
	background-image: URL('/IMG/FR-page-title-backing.gif');
	background-position:left;
	background-repeat: no-repeat; border-bottom: 1px solid #00cccc;
}



#Incentive-title #flashH1 { /* Used to style the title of each section in the survey */
	margin: 0 auto;
	padding: 3px 3px 3px 7px;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #fff;
	font-style: normal;
	background-color: #0146ad;
	width: 740px;
	position: relative;
	z-index: 2;
	background-image: URL('/IMG/ROP-Title-Graphic.jpg');
	background-position:right;
	background-repeat: no-repeat;
}

#Incentive-title #flashH1 .LightBlueBar {
	width: 746px;
	height: 3px;
	background-color: #d1e8ee;
	margin: 0;
	padding: 0;
	position: relative;
	top: 3px;
	left: -5px;
}


	/* 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-left: 2px solid #00cccc; border-right: 2px solid #00cccc;*/
	padding: 10px 0 20px 0;
	position: relative;
	top: -5px; /* Needed to align the page title bar with the light blue line */
	z-index: 1;
/*	display: table;  this has been removed due to padding issues with the flash control */
	width: 800px;
	margin: 0;
	background-color:#FFF;
}

#Main #Content2 { /* This would be the second section of questions on a page */
	border: 2px solid #0146ad;
	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: 796px;
}

.leftcolLanding {
	float:left;
	width:370px;
}

.rightcolLanding {
	float:left;
	width:370px;
}

.leftcol {
	float:left;
	width:375px;
}

.rightcol {
	float: right;
	width:375px;}
	/* Page content containers END */

	/* Question formatting classes START */
	
	/* Landing page two bank containers START */

#Main div .QuestionLabelUnSub { /* Used ONLY on the landing page and for the RightBank of questions */
	margin: 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: 11px;
	color:#666;
	padding: 5px 5px 0 0;
}


	/* Custom validator classes START */

.radio {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	margin: 0; padding: 0;
	position:relative; left: 3px; top: -3px;
}

.radio-20px-back {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	margin: 0; padding: 0;
	position:relative; left: -10px; top: -3px;
}

.radiolanding1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	margin: 0; padding: 0;
	position:relative; left: 3px; top: -3px;
	float: left;
}

.radiolanding2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	margin: 0; padding: 0;
	position:relative; left: 3px; top: -3px;
	clear: both;
}

#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: 11px;
	color:#666; /*background-color:#9C3;*/
}

.DaySelector {border: 1px solid #666; /* not possible to change border to 1px on IE */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666; /*background-color:#9C3;*/}
.MonthSelector {border: 1px solid #666; /* not possible to change border to 1px on IE */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666; /*background-color:#9C3;*/}
.YearSelector {border: 1px solid #666; /* not possible to change border to 1px on IE */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	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: 11px;
	color:#666; /*background-color:#9C3;*/
}
	/* Date of birth formatting START */
#Date_req { 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;
	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: 11px;
	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: 150px;
	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: 11px;
	color:#666;
/*	border-bottom: 1px dotted #CCC; */
	padding: 5px 10px 0 0;
}

.voyageprive {
	background-image: url('/IMG/voyageprive.jpg');
	background-repeat: no-repeat;
	display: block;
	float:left;
	width: 75px;
	height:24px;
	margin:0; padding:0;
}

.cheminee {
	background-image: url('/IMG/cheminee.jpg');
	background-repeat: no-repeat;
	display: block;
	float:left;
	width: 75px;
	height:24px;
	margin:0; padding:0;
}

.Kpark {
	background-image: url('/IMG/Kpark.jpg');
	background-repeat: no-repeat;
	display: block;
	float:left;
	width: 75px;
	height:24px;
	margin:0; padding:0;
}

.rothelic {
	background-image: url('/IMG/rothelic.jpg');
	background-repeat: no-repeat;
	display: block;
	float:left;
	width: 75px;
	height:24px;
	margin:0; padding:0;
}

.meetic {
	background-image: url('/IMG/meetic.jpg');
	background-repeat: no-repeat;
	display: block;
	float:left;
	width: 75px;
	height:24px;
	margin:0; padding:0;
}

.devis {
	background-image: url('/IMG/Devis.jpg');
	background-repeat: no-repeat;
	display: block;
	float:left;
	width: 75px;
	height:24px;
	margin:0; padding:0;
}

.practicomfort {
	background-image: url('/IMG/practicomfort.jpg');
	background-repeat: no-repeat;
	display: block;
	float:left;
	width: 75px;
	height:24px;
	margin:0; padding:0;
}

.swim-protect {
	background-image: url('/IMG/swim-protect.jpg');
	background-repeat: no-repeat;
	display: block;
	float:left;
	width: 75px;
	height:24px;
	margin:0; padding:0;
} 

.compagnie {
	background-image: url('/IMG/compagnie-du-ponant.jpg');
	background-repeat: no-repeat;
	display: block;
	float:left;
	width: 65px;
	height:64px;
	margin:0; padding:0;
} 

.mediametrie {
	background-image: url('/IMG/Mediametrie.jpg');
	background-repeat: no-repeat;
	display: block;
	float:left;
	width: 75px;
	height:24px;
	margin:0; padding:0;
}

.vogica {
	background-image: url('/IMG/vogica.jpg');
	background-repeat: no-repeat;
	display: block;
	float:left;
	width: 70px;
	height:24px;
	margin:0; padding:0;
}

.cuisineplus {
	background-image: url('/IMG/cuisineplus.jpg');
	background-repeat: no-repeat;
	display: block;
	float:left;
	width: 75px;
	height:24px;
	margin:0; padding:0;
}

.carremedia {
	background-image: url('/IMG/carremedia.jpg');
	background-repeat: no-repeat;
	display: block;
	float:left;
	width: 75px;
	height:24px;
	margin:0; padding:0;
}

.irishferries {
	background-image: url('/IMG/irishferries.jpg');
	background-repeat: no-repeat;
	display: block;
	float:left;
	width: 75px;
	height:24px;
	margin:0; padding:0;
}

.wellpack {
	background-image: url('/IMG/wellpack.jpg');
	background-repeat: no-repeat;
	display: block;
	float:left;
	width: 75px;
	height:24px;
	margin:0; padding:0;
}

.lafuma {
	background-image: url('/IMG/lafuma.jpg');
	background-repeat: no-repeat;
	display: block;
	float:left;
	width: 75px;
	height:24px;
	margin:0; padding:0;
}

.oxbow {
	background-image: url('/IMG/oxbow.jpg');
	background-repeat: no-repeat;
	display: block;
	float:left;
	width: 75px;
	height:24px;
	margin:0; padding:0;
}

#Main div .TelPrefill { /* Keeps question boxes etc on same line - high usage on the site */
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	width: 160px;
	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: 11px;
	color:#666;
/*	border-bottom: 1px dotted #CCC; */
	padding: 5px 10px 0 0;
}

.BaseDiv {
	display: table;
	clear: both;
	}
	
.white { color:#FFF; width: 100%; display:block;}
.custom-spacer { display:block; height:5px; width: 100px;}



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

#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;
	text-align: left;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	border-top: 1px dotted #CCC;
	padding: 5px 0 0 0;
}

		/* Three or Four column Question Formatting START */
/* One column set up */
	.OneCol table { margin: 0; }
	.OneCol table td { width: 300px; }
	.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 table { margin: 0; }
	.TwoCol table td { width: 150px; }
	.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 */
/* Two column wide set up */
	.TwoColWide table { margin: 0; }
	.TwoColWide table td { width: 200px; }
	.TwoColWide table tr td input { } /* can be used to add a colour to the outside of the input, but it looks horrid */
	.TwoColWide table tr td label { color: #666; } /* Changes the colour of the value list/text label */
/* Three column set up */
	.ThreeCol table { margin: 0; }
	.ThreeCol table td { width: 100px; }
	.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 table { margin: 0; }
	.FourCol table td { width: 60px;}
	.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: 11px;	
	}
	
	.WhiteHighlight { /* highlights a portion of text Red */
		text-decoration: none;
		font-style: normal;
		color: #FFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;	
	}
	
	.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 */
		
#Content1 .leftcol #showhide1 { padding: 0; margin:0; clear: both; } /* page  */	
#Content1 .leftcol #showhide2 { padding: 0; margin:0; clear: both; } /* page  */ 
#Content1 .leftcol #showhide3 { padding: 0; margin:0; clear: both; } /* page  */
#Content1 .leftcol #showhide4 { padding: 0; margin:0; clear: both; } /* page 1  */
#Content1 .leftcol #showhide5 { padding: 0; margin:0; clear: both; } /* page 1  */
#Content1 .leftcol #showhide6 { padding: 0; margin:0; clear: both; } /* page  */
#Content1 .rightcol #showhide7 { padding: 0; margin:0; clear: both; } /* page 1  */
#Content1 .rightcol #showhide8 { padding: 0; margin:0; clear: both; } /* page  */
#Content1 .rightcol #showhide9 { padding: 0; margin:0; clear: both; } /* page  */
#Content1 .rightcol #showhide10{ padding: 0; margin:0; clear: both; } /* page  */
#Content1 .leftcol #showhide11{ padding: 0; margin:0; clear: both; } /* page  */
#Content1 .leftcol #showhide12{ padding: 0; margin:0; clear: both; } /* page  */
#Content1 .rightcol #showhide13{ padding: 0; margin:0; clear: both; } /* page  */
#Content1 .leftcol #showhide14{ padding: 0; margin:0; clear: both; } /* page  */
#Content1 .leftcol #showhide15{ padding: 0; margin:0; clear: both; } /* page  */
#Content1 .rightcol #showhide16{ padding: 0; margin:0; clear: both; } /* page  */
#Content1 .rightcol #showhide17{ padding: 0; margin:0; clear: both; } /* page  */
#Content1 .rightcol #showhide18{ padding: 0; margin:0; clear: both; } /* page  */
#Content1 .rightcol #showhide19{ padding: 0; margin:0; clear: both; } /* page  */
#Content1 .rightcol #showhide20{ padding: 0; margin:0; clear: both; } /* page  */
#Content1 .leftcol #showhide21{ padding: 0; margin:0; clear: both; } /* page  */
#Content1 .leftcol #showhide22{ padding: 0; margin:0; clear: both; } /* page  */
#Content1 .leftcol #showhide23{ padding: 0; margin:0; clear: both; } /* page  */
#Content1 .leftcol #showhide24{ padding: 0; margin:0; clear: both; } /* page  */
#Content1 .leftcol #showhide25{ padding: 0; margin:0; clear: both; } /* page  */
#Content1 .leftcol #showhide26{ padding: 0; margin:0; clear: both; } /* page  */
#Content1 .leftcol #showhide27{ padding: 0; margin:0; clear: both; } /* page  */
#Content1 .leftcol #showhide28{ padding: 0; margin:0; clear: both; } /* page  */
#Content1 .leftcol #showhide29{ padding: 0; margin:0; clear: both; } /* page  */
#Content1 .leftcol #showhide30{ padding: 0; margin:0; clear: both; } /* page  */
#Content1 .leftcol #showhide31{ padding: 0; margin:0; clear: both; } /* page  */
#Content1 .leftcol #showhide32{ padding: 0; margin:0; clear: both; } /* page  */
#Content1 .leftcol #showhide33{ padding: 0; margin:0; clear: both; } /* page  */
#Content1 .leftcol #showhide34{ padding: 0; margin:0; clear: both; } /* page  */
#Content1 .leftcol #showhide35{ padding: 0; margin:0; clear: both; } /* page  */
#Content1 .leftcol #showhide36{ padding: 0; margin:0; clear: both; } /* page  */
#Content1 .rightcol #showhide37{ padding: 0; margin:0; clear: both; } /* page  */
#Content1 .rightcol #showhide38{ padding: 0; margin:0; clear: both; } /* page  */
#Content1 .rightcol #showhide39{ padding: 0; margin:0; clear: both; } /* page  */
#Content1 .rightcol #showhide40{ padding: 0; margin:0; clear: both; } /* page  */
#Content1 .rightcol #showhide52 { padding: 0; margin:0; clear: both; } /* page  */
#Content1 .rightcol #showhide53 { padding: 0; margin:0; clear: both; } /* page  */
#Content1 .rightcol #showhide54 { padding: 0; margin:0; clear: both; } /* page  */


		/* SHOW HIDE ID CONTROLS END */

.Hidden	{ /* hides anything that it contains */
	display: none;
	display: table;
	padding:0;
	margin:0;
}

.Hidden2	{ /* hides anything that it contains - used on page 18 */
	visibility: hidden;
	display: none;
}

.Hidden3	{ /* hides anything that it contains - used on page 18 */
	display: none;
	display: table;
	padding:0;
	margin:0;
	position: relative;
	left: -10px;
}

#Main #Content1 div #Summary { /* summary styling for the site */
	list-style-image: URL('/IMG/Invalid.jpg');
	list-style-position: outside;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 11px;
	margin: 0;
	padding:10px;
	width: 320px;
	border: 2px solid #F00;
	background-image: URL('/IMG/FR-mandatory.gif');
	background-position:bottom;
	background-repeat: no-repeat;
}

.SummaryHousing {clear: both;}

.Mandatory { /* used on the landing page fields to stop the layout from breaking */
	background-image: URL('/IMG/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('/IMG/Invalid.jpg');
	background-repeat: no-repeat; */
	margin: 0; padding: 0; border: 0;
	float: right;
	position: relative; top: 6px; left: -5px;
}

.MandatoryEmail { /* used on the landing page fields to stop the layout from breaking */
/*	background-image: URL('/IMG/Invalid.jpg');
	background-repeat: no-repeat; */
	margin: 0; padding: 0; border: 0;
	float: right;
	position: relative; top: 6px; left: -25px;
}

.MandatoryOptIn { 
	margin: 0; padding: 0; border: 0;
	float: left;
	position: relative; top: -30px; left: 55px;
}

.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: 11px;
	color: #666;
	padding: 5px 0 7px 5px;
	background-image: URL('/IMG/Invalid.jpg');
	background-repeat: no-repeat;
	background-position: left;
}

.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: 11px;
	color: #666;
	padding: 5px 0 10px 15px;
}
.RedBox {
	border: 2px solid #F00;	
}

	
	/* RDP brochure request section START */	

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

}

.BrochureRequest table {
	margin: 0;
	padding: 0; 
	border: 0;
	width: 100px;
	height:50px;
	float: left;
	display: block;
	position: relative;
	left: 0px;
	top: -5px;
	color:#666; font-family:Arial, Helvetica, sans-serif;

}

.BrochureRequest span {
	margin: 0;
	padding: 0;
	border: 0;
	width: 500px;
	height: 50px;
	float: left;
	display:block;
}

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

.BrochureRequest img {
	margin: 0;
	padding: 2px; 
	border: 0;
	float:right;
	width: 120px;
	height:60px;
	display: block;
	background-color: #00cccc;
}

.RDP-spacer { margin-bottom: 20px; display: block; width:10px; height:10px;}

	/* RDP brochure request section END */
	/* Thankyou brochure request section */
	#Main div .BrochureRequest2 {
		margin: 20px 0 20px 0;
		padding: 0; 
		border: 0;
		display: table;
		width: 734px;
		clear: both;
	/*	background-color: #09F; */
	
	}
	
	.BrochureRequest2 table {
		margin: 0;
		padding: 0; 
		border: 0;
		width: 130px;
		float: left;
		position: relative;
		left: 10px;
	
	}
	
	.BrochureRequest2 span {
		margin: 0;
		padding: 0;
		padding: 0;
		border: 0;
		width: 450px;	
		float: left;
	}
	
	.RDP-title2 {
		margin: 0;
		padding: 0; 
		border: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #00cccc;
		text-decoration:underline;
		font-weight:bold;
		text-align: center;
		width:100%;
		display: block;
	}
	
	.BrochureRequest2 img {
		margin: 0 0 0 10px;
		padding: 1px; 
		border: 0;
	/*	background-image: url('/img/rop/shadow.jpg');
		background-repeat: no-repeat;
		background-position: top center; */
		border: 1px solid #0146ad;
	}
	/* thankyou brochure request section END */


/* Footer Start */

.sofinco-footer {
	margin: 0 auto;
	padding: 0;
	text-align:center;
	/*border: 2px solid #00cccc; */
	width: 800px;
	height: 28px;
	background-image: URL('/IMG/Sofinco-footer.png'); 
	background-position:center;
	background-repeat: no-repeat;
	z-index: 10;
	position: relative;
}

#Footer { /* Houses the footer bar */
position: relative;
top: -5px;
}

#FooterNav { /* On the HTML this is the ul */
	margin: 0 auto;
	padding: 0;
	border: 0;
	list-style: none;
	width: 800px;
	background-color:#00cccc;
	border-bottom: 2px solid #00cccc; 
}

#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: 11px;
	font-weight: normal;
}

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

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


/* Footer End */

	/* Blue footer line START */

#Footer-line {
	margin: 0 auto;
	padding: 0;
	width: 790px;
	height: 1px;
	background-image: URL('/IMG/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 */
	
#NextButton {
	z-index: 3;
	position:relative; top: -5px;
}

#NextButton input {
	font-family:Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 16px; position:relative; left:5px;
	/*border-left: 2px solid #00cccc; border-right: 2px solid #00cccc;*/
	border:0;
	background-image: URL('/IMG/FR-NextButton.gif');
	width: 100px;
	font-weight: bold;
	cursor: pointer; float:right;
}

#NextButton input:hover {
	font-family:Arial, Helvetica, sans-serif;
	color: #fff;
	position: relative; top:-2px;
	background-position:center;
	background-repeat: no-repeat;
	cursor: pointer;
}

	/* Continue button END */
	
#TabbedContent { /* main container for the tabbed content piece */
border: 2px solid #0146ad; 
width: 746px; 
height: 170px; 
padding: 0;
margin: 0 auto;
background-color: #0146ad;
}

#date_req {
	border: 1px solid #666; /* not possible to change border to 1px on IE */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666; /*background-color:#9C3;*/
}


.tabIncentive {
	padding: 0; margin: 0;
	width: 746px;
	height: 170px;
/* background image should be inside the relevant theme stylesheet */
	background-repeat: no-repeat;
	background-position: center;
}

/* opt in question set up on landing page */

.BrochureRequest2 {
	margin: 15px 0 0 0;
	padding: 0; 
	border: 0;
	display: table;
	width: 734px;
	/*background-color: #09F; */

}

.BrochureRequest2 table {
	margin: 0;
	padding: 0; 
	border: 0;
	width: 100px;
	float: left;
	display: block;
	position: relative;
	left: 0px;
	top: -5px;
	color:#666; font-family:Arial, Helvetica, sans-serif;

}

.BrochureRequest2 span {
	margin: 0;
	padding: 0;
	border: 0;
	width: 500px;
	float: left;
	display:block;
}

.BrochureRequest2 img {
	margin: 0;
	padding: 2px; 
	border: 0;
	float:right;
	width: 120px;
	display: block;
	background-color: #00cccc;
}


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

.clear { clear: both;}
.select { border: 1px solid #999; font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #666;}

.IQ { width: 120px; height: 50px; background-position:right; background-repeat:no-repeat; background-image: URL('/IMG/FR-Sofinco-Toyota-models-IQ.jpg'); display: block; float: right; }
.AYGO { width: 120px; height: 50px; background-position:right; background-repeat:no-repeat; background-image: URL('/IMG/FR-Sofinco-Toyota-models-Aygo.jpg'); display: block; float:right; }
.YARIS { width: 120px; height: 50px; background-position:right; background-repeat:no-repeat; background-image: URL('/IMG/FR-Sofinco-Toyota-models-Yaris.jpg'); display: block; float: right; }
.VERSO { width: 120px; height: 50px; background-position:right; background-repeat:no-repeat; background-image: URL('/IMG/FR-Sofinco-Toyota-models-Verso.jpg'); display: block; float: right; }
.HIACE { width: 120px; height: 50px; background-position:right; background-repeat:no-repeat; background-image: URL('/IMG/FR-Sofinco-Toyota-models-Hiace.jpg'); display: block; float:right; }
.PRIUS { width: 120px; height: 50px; background-position:right; background-repeat:no-repeat; background-image: URL('/IMG/FR-Sofinco-Toyota-models-Prius.jpg'); display: block; float: right; }
.AURIS { width: 120px; height: 50px; background-position:right; background-repeat:no-repeat; background-image: URL('/IMG/FR-Sofinco-Toyota-models-Auris.jpg'); display: block; float: right; }
.AVENSIS { width: 120px; height: 50px; background-position:right; background-repeat:no-repeat; background-image: URL('/IMG/FR-Sofinco-Toyota-models-Avensis.jpg'); display: block; float:right; }
.RAV4 { width: 120px; height: 50px; background-position:right; background-repeat:no-repeat; background-image: URL('/IMG/FR-Sofinco-Toyota-models-Rav4.jpg'); display: block; float: right; }
.LAND-CRUISER { width: 120px; height: 60px; background-position:right; background-repeat:no-repeat; background-image: URL('/IMG/FR-Sofinco-Toyota-models-Land-cruiser.jpg'); display: block; float: right; }
.LAND-CRUISER-SW-V8 { width: 120px; height: 60px; background-position:right; background-repeat:no-repeat; background-image: URL('/IMG/FR-Sofinco-Toyota-models-Land-cruiser-v8.jpg'); display: block; float:right; }
.URBAN-CRUISER { width: 120px; height: 60px; background-position:right; background-repeat:no-repeat; background-image: URL('/IMG/FR-Sofinco-Toyota-models-Urban-cruiser.jpg'); display: block; float: right; }
.HILUX { width: 120px; height: 50px; background-position:right; background-repeat:no-repeat; background-image: URL('/IMG/FR-Sofinco-Toyota-models-Hilux.jpg'); display: block; float: right; }
.DYNA { width: 120px; height: 50px; background-position:right; background-repeat:no-repeat; background-image: URL('/IMG/FR-Sofinco-Toyota-models-Dyna.jpg'); display: block; float: right; }

.radio-toyota {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	margin: 0; padding: 0;
}
.radio-toyota tr td label span { position: relative; top: 2px;}

.bold { font-weight:bold;}