html { 
/*	overflow-y: scroll;
	overflow: -moz-scrollbars-vertical;  	invalid CSS but nicer cos it gives disabled scrollbar in FF 
											anyway here's the valid stuff... */
	height: 100%;
	margin-bottom: 1px;
}

* { behavior: url(../images/iepngfix.htc) }

body { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 100%; 
	text-align:center; 
	min-width: 900px; 
	margin: 18px 0 0 0; 
	background: #7D0427 url(../images/bgmain.jpg) repeat center -7px; 
}
	
* { 
	margin: 0; 
	padding: 0; 
}
h1 {
	display: none;
}
h2 {
	font-size: 1.2em; /* 14px */
	color: #e1d49e;
	margin-bottom: 0.4em; 
}
h3 {
	font-size: 1.0em; /* 14px */
	color: #e1d49e;
	margin-bottom: 0.4em; 
	padding-top: 10px
}
h4 {
	font-size: 0.8em; /* 14px */
	color: #e1d49e;
	margin-bottom: 0.4em; 
	padding-top: 10px
}


p 
{
	color: #e1d49e;
	margin-bottom: 10px; 
}


		#mainMenu ul { 
			list-style-type: none; 
			white-space: nowrap;
			/* float: right; */
		}
		#mainMenu li {
				display: inline;
				padding: 0 5px 0 7px; 
				border-right: 1px solid #999999;
				color: #FFFFFF; 
			}
		
#mainMenu {
			float: left;
			width: 888px;
			padding-bottom: 10px;
		}		
#mainStuff {
			float: left;
			width: 828px;
		}

.errorClass
{
	color: #7D0427;
	font-size: 1.2em;
	font-weight: bold;
}

a 
{
	text-decoration: none; 
	color: #ffffff;
	margin-bottom: 0.4em; 
	padding-top: 10px
}

a:hover 
{ 
	text-decoration: underline; 
	color: #e1d49e; 
	margin-bottom: 0.4em; 
	padding-top: 10px
}

ul 
{ 
	list-style: none; 
	background: none;
}

#contentJS p,
#content p {
	color: #3D6AA4;
	font-size: 0.75em;
	line-height: 1.16em;
padding-top: 10px;
}
	#content p a {
		color: #3D6AA4;
	}
		#content p a:hover {
			color: #E9075B;
		}
	#content p.large {
		font-weight: bold;
		font-size: 1.0em;
		padding-top: 3px; 
		padding-bottom: 5px;
		margin-top: 0;
	}
	#content p.larger {
		font-size: 1.1em;
		font-weight: bold;
		margin-top: 0;
	}
	
	
.small {
	font-size: 0.6em !important;
}
.bold {
	font-weight: bold;
}
.lightBlue {
	color: #31A5D1;
}
.green {
	color: #33CC00;
}
.darkGreen {
	color:#20766d !important;
}
.pink {
	color: #E9075B !important;
}
.boldDarkBlue {
	color: #3D6AA4;
	font-weight: bold;
}
.errorSummary {
	color: #FF0000;
	font-size: 0.75em;
	margin-bottom: 10px; 
}
.center {
	text-align: center;
}
.alignLeft {
	float: left;
}
.alignRight {
	float: right;
}
.displayNone {
	display: none;
}
.clearLeft {
	clear: left;
}
div.clearfix {
	clear:both;
}
div.hr {
	background-color: #b6d4fa;
	height: 1px;
	margin-bottom: 10px; 
	clear: both;
}
	div.hr hr,
	div.clearfix hr {
		display: none;
	}

.formLabel
{
	width: 500px;
	text-align: left;
	font-weight: bold;
	font-size: 1.2em;
}

.formItem
{
	text-align: left;
	width: 500px;
	color: #00972b;
	font-weight: bold;
	font-size: 1.2em;
}

#startButton 
{
	display: block;
	height: 62px;
	width: 187px;
	background-image: url(../images/startButton.jpg); 
	background-repeat: no-repeat;
	background-position: 0 0 !important;
	text-indent: -9999px;
}

.loginButton 
{
	display: block;
	height: 62px;
	width: 187px;
	background-image: url(../images/loginButton.jpg); 
	background-repeat: no-repeat;
	background-position: 0 0 !important;
	text-indent: -9999px;
}

.nextButton 
{
	display: block;
	height: 62px;
	width: 187px;
	background-image: url(../images/nextButton.jpg); 
	background-repeat: no-repeat;
	background-position: 0 0 !important;
	text-indent: -9999px;
}

.prevButton 
{
	display: block;
	height: 62px;
	width: 187px;
	background-image: url(../images/prevButton.jpg); 
	background-repeat: no-repeat;
	background-position: 0 0 !important;
	text-indent: -9999px;
}

/* Generic styles
------------------------------------------------------------------------------ */

#container { 
	width: 888px; 
	margin: 0 auto; 
	text-align:left; 
	/*background: #ffffff url(../images/generic/repeatBG.jpg) repeat-y; */

}
	#innerContainer {
		/*background: url(../images/generic/containerTop.jpg) no-repeat center top;*/
	}
		
		#left 
		{ 
			float:left; 
		}
			#testContainer
			{
				width: 832px;
				text-align: center;		
				padding: 10px 28px 10px 28px;		
			}
					
				#testForm 
				{
					width: 500px;
					text-align: Left;
					margin: 10px 28px 10px 28px;
					
				}
				
				#testForm ul 
				{ 
					list-style: none; 
					background: none;
				}
				
				#testForm li 
				{
					float: left;
				}
			
			#testBody 
			{
				width: 832px;
				padding: 10px 28px 10px 28px;
				background:  url(../images/containerbg.png) repeat-y; 
float: left;
			}
			
			#testBody p {	}
			/*		#testBody a {
					display: block;
					height: 116px;
				background-image: url(../images/generic/loveYourMouth_sparkle.gif); 
					background-repeat: no-repeat;
					background-position: 51px 0 !important;
				}*/
			#functionaltest {
				height: 112px;
				width: 888px;
				margin: 0px 0 0 0px;
				background: url(../images/banner.png) no-repeat 0 0px; 
			}
				#functionaltest h1 {
					margin-left: 0px;
					width: 888px;
					height: 112px;
					text-indent: -50000px;
					display: block;
				}
				#functionaltest a {
					display: block;
					height: 116px;
				/*	background-image: url(../images/generic/loveYourMouth_sparkle.gif); */
					background-repeat: no-repeat;
					background-position: 51px 0 !important;
				}
					#functionaltest a span {
						display: none;
					}
			
		
			#content, #contentJS {
				width: 492px;
				margin: 49px 0 0 0;
				background-repeat: no-repeat;
				background-position: 0 0;
			}

#actionButtons,
#footerContainer {
	width: 492px;
	height: 36px;
	padding: 0;
	clear: both;
}
	#actionButtons a,
	#footerContainer a {
		height: 36px;
		display: block;
		background-repeat: no-repeat;
		background-position: 0 0;
	}
		#actionButtons a:hover,
		#footerContainer a:hover {
			background-position: 0 -36px;
		}
		#actionButtons a span,
		#footerContainer a span {
			display: none;
		}
		#backButton,
		#btnPrev {
			background-image: url(../images/generic/back_button.gif);
			width: 105px;
		}
		#nextButton,
		#btnNext {
			background-image: url(../images/generic/next_button.gif);
			width: 105px;
		}
		#btnPrev, #btnNext, #VoucherOption1, #VoucherOption2 {
			text-indent: -10000px;
		}
#footerContainer {
	margin-top: 0px;
}
			
/* Footer
----------------------------------------------------------------------*/

#footer { 
	background:url(../images/footer.png) left bottom no-repeat; 
	padding: 0px 28px 0px 28px;
	height: 66px;
}
	#buttons 
	{
		/*float: left;*/
		text-align: center;		
	}
	#logos {
		float: left;
		background: url(../images/logos/logosBG.gif) no-repeat left top; /* workaround for IE6 flicker */
	}
		#logos ul { 
			list-style: none; 
			background: none;
		}
		#logos li {
			float: left;
		}
			#logos li a {
				float: left; 
				text-indent: -50000px; 
				outline:none; 
				height: 32px; 
			}
				#logos .cor a { 
					width: 67px; 
				/*	background: url(../images/logos/cor.gif) no-repeat left top; */
				}
				#logos .aqua a { 
					width: 83px; 
				/*	background: url(../images/logos/aqua.gif)  no-repeat left top; */
				}
				#logos .mac a { 
					width: 76px; 
				/*	background: url(../images/logos/macl.gif)  no-repeat left top; */
				}
				#logos .sen a { 
					width: 85px; 
				/*	background: url(../images/logos/senso.gif) no-repeat left top; */
				}
				#logos .poli a { 
					width: 83px; 
				/*	background: url(../images/logos/poli.gif)  no-repeat left top; */
				}
	#subsubNav {
		float: right;
		padding-top: 7px;
	}
		#subsubNav p {
			float: left;
			margin: 0 !important;
		}
			#subsubNav a {
				text-decoration: none; 
				color: #FFFFFF; 
				font-size: .7em; 
				font-weight:bold; 
				height: 15px;
				display: block;
				float: left;
				padding: 0 20px 0 0; 
				margin: 0 0 0 40px; 
				background-image: url(../images/generic/linkArrow.gif);
				background-repeat: no-repeat;
			}
			* html #subsubNav a {
				margin-left: 20px;
			}
				#subsubNav a:link, #subsubNav a:visited { 
					background-position: right top;
				}
				#subsubNav a:hover,#subsubNav a:active { 
					background-position: right -50px;
				}

	#tandc {
		clear: both;
		display: block;
		font-size: 0.6em;
		padding-top: 14px; 
		color: #FFFFFF; 
		text-align: right;
	}
	html>/**/body #tandc { /* not IE7 or IE6 */
		padding-top: 3px;
	}
		#tandc p {
			float: left;
			margin: 0;
			color: #ffffff;
		}
		#tandc ul { 
			list-style-type: none; 
			white-space: nowrap;
			/* float: right; */
		}
			#tandc li {
				display: inline;
				padding: 0 5px 0 7px; 
				border-right: 1px solid #999999;
				color: #FFFFFF; 
			}
			#tandc a {
				text-decoration: underline; 
				color: #FFFFFF; 
			}
				#tandc a:hover { 
					text-decoration: underline; 
					color: #e1d49e; 
				}
				#tandc li.last {
					padding: 0 0 0 7px;
					border-right: 0 none;
				}

	p.sideLink {
		margin: 0 0 0 60px;
		width: 228px; 
	}
	p.sideLink a {
		text-decoration: none; 
		color: #DF2F64; 
		font-size: .7em; 
		font-weight: bold; 
		padding: 0 20px 0 0; 
		height: 15px;
		display: block;
		float: left;
		background-image: url(../images/generic/linkArrow.gif);
		background-repeat: no-repeat;
	}
		p.sideLink a:link, p.sideLink a:visited { 
			background-position: right top;
		}
		p.sideLink a:hover,p.sideLink a:active {
			background-position: right -50px;
		}