/******************************
 *
 *  GLOBAL STYLES
 *
 ******************************/

html, body
{
	background-color:	#3a1616;
	margin:			0px;
	padding:		0px;
}
strong
{
	color:			#F7931E;
	font-weight:		normal;
}
a
{
        cursor:			pointer;
	color:			#F7931E;
	text-decoration:	none;
}
a:hover
{
	text-decoration:	underline;
}

.submit
{
	background-color: 	#6F0A0A;
	border:			none;
	color:			#F7931E;
	cursor:			pointer;
	display:		block;
	font-weight:		normal;
	font-size:		90%;
	padding: 		4px 8px 4px 8px;
	text-align:		center;
	text-decoration:	none;
}

.submit:hover
{
	font-weight:		normal;
	text-decoration:	underline;
}

textarea
{
	width:			620px;
	height:			100px;
	font-family:		Helvetica, Arial, Verdana, sans-serif, Times, serif;
	font-size:		9pt;
}

/******************************
 *
 *  DOCUMENT STYLES
 *
 ******************************/

.document
{
	background-color:	#580f0f;
	background-image:	url('../img/back-header.gif');
	background-repeat:	repeat-x;
	background-position:	100% 0;
	border-collapse:	collapse;
	border-color:		#580f0f;
	border-style:		solid;
	border-width:		0px;
	color:			#FFFFFF;
	font-family: 		Helvetica, Arial, Verdana, sans-serif, Times, serif;
	font-size:		9pt;
	margin: 		0px;
	width: 			100%;
}

.document td
{
	vertical-align:		top;
}

/******************************
 *
 *  HEADER STYLES
 *
 ******************************/

.document .column
{
	background-color:	#3a1616;
}
.document .header
{
	height:			137px;
	width:			750px;
}
.document .header .brand
{
	float:			left;
	padding-top:		74px;
	width:			50%;
}
.document .header .brand img
{
	float:			left;
	height:			38px;
	margin:			0px 5px 0px 25px;
	width:			129px;
}
.document .header .brand div
{
	color: 			#F7931E;
	margin:			12px 0px 0px 0px;
}
.document .header .contact
{
	float:			right;
	padding-top:		73px;
	text-align:		right;
	width:			50%;
}
.document .header .contact ul
{
	list-style: 		none;
	font-size:		87%;
	margin: 		0px 25px 0px 0px;
}
.document .header .contact ul li
{
	display: 		inline;
	padding: 		0px 5px 0px 5px;
	margin:			0px 0px 0px 0px;
	border-left: 		1px solid #ffffff;
}
.document .header .contact ul li.item1
{
	display: 		inline;
	padding: 		0px 5px 0px 0px;
	margin:			0px 0px 0px 0px;
	border-left: 		none;
}
.document .header .contact .TextSize1
{
	font-size:		90%;
	padding: 		0px 0px 0px 3px;
}
.document .header .contact .TextSize2
{
	font-size:		115%;
	padding: 		0px 0px 0px 3px;
}
.document .header .contact .TextSize3
{
	font-size:		130%;
	padding: 		0px 0px 0px 3px;
}


/******************************
 *
 *  NAVIGATOR STYLES
 *
 ******************************/

.document .navigator
{
	height:			28px;
	width:			750px;
}
.document .navigator a
{
	color:			#FFFFFF;
}
.document .navigator a:hover
{
	color:			#F7931E;
}
.document .navigator ul
{
	list-style: 		none;
	font-size:		87%;
	padding:		0px 0px 0px 20px;
}
.document .navigator ul li
{
	display: 		inline;
	padding: 		0px 2px 0px 5px;
	border-left: 		1px solid #ffffff;
}
.document .navigator ul li.item1
{
	display: 		inline;
	border-left: 		none;
}

/******************************
 *
 *  WELCOME STYLES
 *
 ******************************/

.document .welcome
{
	height:			171px;
	width:			750px;
}

.document .welcome div
{
	border:			4px solid #6F0A0A;
	background-color:	#FFFFFF;
	background-image:	url('../img/back-welcome.png');
	background-repeat:	no-repeat;
	background-position:	right;
	color:			#000000;
	margin:			0px 25px 0px 25px;
	padding:		4px 250px 0px 25px;
	height:			100%;
}

.document .welcome h1
{
	color:			#580f0f;
	margin-bottom: 		15px;
}

.document .welcome p
{
	line-height:		114%;
	margin: 		0px;
	padding:		0px;
}

/******************************
 *
 *  MENU STYLES
 *
 ******************************/

.document .menu
{
	height:			84px;
	width:			750px;
}
.document .menu .spacer
{
	height:			13px;
}
.document .menu .itemList
{
	margin:			0px 0px 0px 25px;
}
.document .menu .item, .document .menu .item1
{
	background-image:	url('../img/back-menu.png');
	font-size:		89%;
	float:			left;
	margin:			0px 25px 0px 0px;
	padding:		14px 0px 0px 9px;
	height:			42px;
	width:			209px;
}
.document .menu .item1
{
	margin:			0px 21px 0px 0px;
	padding:		14px 0px 0px 9px;
}

/******************************
 *
 *  CONTENT STYLES
 *
 ******************************/

.document .content
{
        background-image:	url('../img/back-footer.gif');
	background-repeat:	repeat-x;
	background-position:	bottom;
	width:			750px;
}
.document .content .contentBox
{
	border:			4px solid #6F0A0A;
	margin:			0px 25px 0px 25px;
	padding:		3px 0px 0px 15px;
	min-height:		166px;
}
.document .content .contentBox h2
{
	color:			#F7931E;
	font-weight:		normal;
	font-size:		175%;
}
.document .content .contentBox ul
{
	padding:		0px 0px 0px 24px;
}
.document .content .contentBox li
{
	margin:			0px 0px 6px 0px;
}
.document .content .contentBox a
{
	color:			#F7931E;
	font-weight:		bold;
	text-decoration:	underline;
}
.document .content .top
{
	background-color: 	#6F0A0A;
	text-align:		center;
	padding: 		8px;
	margin:			0px;
	width: 			64px;
	display:		block;
}
.document .content .top a
{
	font-weight:		normal;
	text-decoration:	none;
}
.document .content .top a:hover
{
	font-weight:		normal;
	text-decoration:	underline;
}

/******************************
 *
 *  FOOTER STYLES
 *
 ******************************/

.document .footer
{
	background-color:	#3a1616;
	width:			750px;
}
.document .footer a
{
	color:			#FFFFFF;
}
.document .footer a:hover
{
	color:			#F7931E;
}
.document .footer ul
{
	list-style: 		none;
	font-size:		87%;
	padding:		14px 0px 0px 19px;
}
.document .footer ul li
{
	display: 		inline;
	padding: 		0px 5px;
	border-left: 		1px solid #ffffff;
}
.document .footer ul li.item1
{
	display: 		inline;
	border-left: 		none;
}

/******************************
 *
 *  REGISTRATION FORM STYLES
 *
 ******************************/

.registerForm
{
	border-collapse:	collapse;
	margin: 		0px;
}
.registerForm .formColumn
{
	padding:		15px 0px 0px 34px;
	width:			290px;
}

.registerForm table
{
	border-collapse:	collapse;
	border-color:		#580f0f;
	border-style:		solid;
	border-width:		0px;
	color:			#FFFFFF;
	font-family: 		Helvetica, Arial, Verdana, sans-serif, Times, serif;
	font-size:		9pt;
	margin: 		0px;
}

.registerForm .label
{
	width:			85px;
}

.registerForm .labelerror
{
	color:			#F76700;
	font-style:		italic;
	font-weight:		bold;
        width:			85px;
}

.registerForm input
{
	margin:			0px 0px 0px 0px;
	padding:		1px 1px 1px 1px;
}
.registerForm #title
{
	width:			50px;
}
.registerForm #firstname,
.registerForm #surname
{
	width:			70px;
}
.registerForm #address1,
.registerForm #address2,
.registerForm #address3,
.registerForm #town,
.registerForm #county,
.registerForm #postcode
{
	width:			196px;
}
.registerForm #telephone, 
.registerForm #mobile,
.registerForm #email
{
	width:			181px;
}
.registerForm #dobd
{
	width:			40px;
}
.registerForm #dobm
{
	width:			75px;
}
.registerForm #doby
{
	width:			60px;
}
.registerForm .submit
{
	margin:			20px 0px 0px 572px;
	padding: 		4px 8px 4px 8px;
}

/******************************
 *
 *  LOGON FORM STYLES
 *
 ******************************/

.logonForm
{
	border-collapse:	collapse;
	margin: 		0px 0px 15px 0px;
}

.logonForm table
{
	border-collapse:	collapse;
	border-color:		#580f0f;
	border-style:		solid;
	border-width:		0px;
	color:			#FFFFFF;
	font-family: 		Helvetica, Arial, Verdana, sans-serif, Times, serif;
	font-size:		9pt;
	margin: 		10px 0px 0px 50px;
}

.logonForm .label
{
	width:			120px;
}

.logonForm .labelerror
{
	color:			#F76700;
	font-style:		italic;
	font-weight:		bold;
	width:			120px;
}

.logonForm input
{
	margin:			0px 0px 0px 0px;
	padding:		1px 1px 1px 1px;
}

.logonForm #username,
.logonForm #password
{
	width:			160px;
}

.logonForm .submit
{
	background-color: 	#6F0A0A;
	border:			none;
	color:			#F7931E;
	cursor:			pointer;
	display:		block;
	font-weight:		normal;
	font-size:		90%;
	padding: 		4px 8px 4px 8px;
	margin:			20px 0px 0px 332px;
	text-align:		center;
	text-decoration:	none;
}

/******************************
 *
 *  RESET FORM STYLES
 *
 ******************************/

.resetForm
{
	border-collapse:	collapse;
	margin: 		0px 0px 15px 0px;
}

.resetForm table
{
	border-collapse:	collapse;
	border-color:		#580f0f;
	border-style:		solid;
	border-width:		0px;
	color:			#FFFFFF;
	font-family: 		Helvetica, Arial, Verdana, sans-serif, Times, serif;
	font-size:		9pt;
	margin: 		10px 0px 0px 50px;
}

.resetForm .label
{
	width:			120px;
}

.resetForm .labelerror
{
	color:			#F76700;
	font-style:		italic;
	font-weight:		bold;
	width:			120px;
}

.resetForm input
{
	margin:			0px 0px 0px 0px;
	padding:		1px 1px 1px 1px;
}

.resetForm #email,
.resetForm #postcode
{
	width:			160px;
}

.resetForm .submit
{
	background-color: 	#6F0A0A;
	border:			none;
	color:			#F7931E;
	cursor:			pointer;
	display:		block;
	font-weight:		normal;
	font-size:		90%;
	padding: 		4px 8px 4px 8px;
	margin:			20px 0px 0px 332px;
	text-align:		center;
	text-decoration:	none;
}

/******************************
 *
 *  QUESTION FORM STYLES
 *
 ******************************/

.questionForm hr
{
        margin:                 0px 20px 0px 10px;
	border:			none;
        border-bottom:		1px solid #C4500B;
}

.questionForm .question
{
        font-weight:		bold;
	color:			#FFFFFF;
}

.questionForm .answers
{
        padding-left:           20px;
        color:                  #CCAAAA
}

/******************************
 *
 *  SUMMARY LIST STYLES
 *
 ******************************/

.summaryList
{
        color:			#CCAAAA;
        font-size:              100%;
	width:			100%;
}

.summaryIcon 
{
	width:			54px;
}

.summaryIcon img
{
	margin-left:		20px;
        height:                 24px;
        width:                  24px;
}

.summaryItem
{
	padding-top:		5px;
}

.summaryItem a:hover
{
	color:			#FFFFFF;
	text-decoration:	none;
}

.summaryProg
{
	width:			150px;
}

.summaryProg table
{
	border-collapse:	collapse;
        height:			24px;
        font-size:		100%;
	color:                  #000000;
	font-weight:		bold;
}

.summaryProg table .l
{
	background-image:	url('/img/progress-l.png');
	height:			24px;
	margin:			0px;
	padding:		0px;
	width:			6px;
}

.summaryProg table .m
{
	background-image:	url('/img/progress-m.png');
	margin:			0px;
	padding:		0px;
	height:			24px;
	text-align:		center;
	vertical-align:		middle;
}

.summaryProg table .r
{
	background-image:	url('/img/progress-r.png');
	margin:			0px;
	padding:		0px;
	height:			24px;
	width:			6px;
}


.tooltip span {
	display: none;
}

.tooltip:hover {
	position: relative;
}

.tooltip:hover span
{
	display:		block;
	border:			1px solid #DD4444;
	background-color:	#FFFFEE;
	position:		absolute;
	top:			20px;
	left:			20;
	width:			260px;
	text-decoration:	none;
	font-weight:		normal;
	color:			#000000;
	padding:		2px 5px 4px 5px;
	
}