/****************************
		General
****************************/

body
{
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-family: verdana;
	color: #000000;
	background: url(./images/background.jpg) repeat top;
}


hr
{
	display: inline-block;
}

form
{
	display: inline;
}

/****************************
		Text
****************************/
.Text					{ font-family: verdana; font-weight: none; font-size: 11px; color: #444444; line-height: 14px;}
a.Text					{ text-decoration: none; color : #4c50e7; }
a.Text:hover			{ text-decoration: underline; }

.TextWhite					{ font-family: verdana; font-weight: none; font-size: 11px; color: #ffffff; line-height: 14px;}
a.TextWhite					{ text-decoration: none; color : #4c50e7; }
a.TextWhite:hover			{ text-decoration: underline; }

.TextWhiteLarge					{ font-family: verdana; font-weight: none; font-size: 13px; color: #ffffff; line-height: 16px;}
a.TextWhiteLarge					{ text-decoration: none; color : #4c50e7; }
a.TextWhiteLarge:hover			{ text-decoration: underline; }

.BannerText				{ font-family: verdana; font-weight: none; font-size: 18px; color: #333333; line-height: 22px;}
a.BannerText			{ text-decoration: none; color : #4c50e7; }
a.BannerText:hover		{ text-decoration: underline; }

.StrongText				{ font-family: verdana; font-weight: bold; font-size: 14px; color: #444444; line-height: 18px;}
a.StrongText			{ text-decoration: none; color : #4c50e7; }
a.StrongText:hover		{ text-decoration: underline; }

.CalculatorCommentText				{ font-family: verdana; font-weight: none; font-size: 10px; color: #ffffff; line-height: 13px;}
a.CalculatorCommentText				{ text-decoration: none; color : #4c50e7; }
a.CalculatorCommentText:hover		{ text-decoration: underline; }

.AppFormCommentText					{ font-family: verdana; font-weight: none; font-size: 11px; color: #ffffff; line-height: 13px;}
a.AppFormCommentText				{ text-decoration: none; color : #4c50e7; }
a.AppFormCommentText:hover			{ text-decoration: underline; }

.AppFormTitleText			{ font-family: verdana; font-weight: bold; font-size: 14px; color: #ffffff; line-height: 18px;}
a.AppFormTitleText			{ text-decoration: none; color : #666666; }
a.AppFormTitleText:hover	{ text-decoration: underline; color : #666666; }

.AppFormStrongText			{ font-family: verdana; font-weight: bold; font-size: 11px; color: #ffffff; line-height: 13px;}
a.AppFormStrongText			{ text-decoration: none; color : #000000; }
a.AppFormStrongText:hover	{ text-decoration: underline; color : #000000; }

.AppFormErrorTitleText			{ font-family: verdana; font-weight: bold; font-size: 14px; color: #9a2b11; line-height: 16px;}
a.AppFormErrorTitleText			{ text-decoration: none; color : #a12c2c; }
a.AppFormErrorTitleText:hover	{ text-decoration: underline; color : #a12c2c; }

.AppFormErrorText			{ font-family: verdana; font-weight: none; font-size: 11px; color: #9a2b11; line-height: 13px;}
a.AppFormErrorText			{ text-decoration: none; color : #a12c2c; }
a.AppFormErrorText:hover	{ text-decoration: underline; color : #a12c2c; }

.TagLineText			{ font-family: verdana; font-weight: none; font-size: 12px; color: #ff0000; line-height: 16px;}
a.TagLineText			{ text-decoration: none; color : #ff0000; }
a.TagLineText:hover		{ text-decoration: underline; color : #ff0000; }

.NavigationBar_Text			{ font-family: verdana; font-weight: bold; font-size: 12px; color: #ffffff; line-height: 16px;}
a.NavigationBar_Text		{ text-decoration: none; color : #ffffff; }
a.NavigationBar_Text:hover	{ text-decoration: none; color : #70a9de; }

.ContentBox_TitleText			{ font-family: verdana; font-weight: bold; font-size: 16px; color: #ffffff; line-height: 20px;}
a.ContentBox_TitleText			{ text-decoration: none;		color : #ffffff; }
a.ContentBox_TitleText:hover	{ text-decoration: none; 	color : #70a9de; }

.Footer_TextWeak			{ font-family: verdana; font-weight: none; font-size: 10px; color: #aaaaaa; line-height: 14px;}
a.Footer_TextWeak			{ text-decoration: none;		color : #aaaaaa; }
a.Footer_TextWeak:hover		{ text-decoration: none; 	color : #70a9de; }

.TextM					{font-size: 10px; line-height: 12px;}
.TextL					{font-size: 12px; line-height: 16px;}
.TextXL					{font-size: 14px; line-height: 18px;}

.TextBold				{font-weight: bold;}
.TextStrong				{font-weight: bold;}/*{color: #ff0000;}*/
.TextStronger			{color: #a12c2c;}
.TextWeak				{color: #575757;}

/****************************
		Containers
****************************/

#Wrap	
{
	padding: 0px 0px 0px 0px;
	width: 808px;
	margin: 20px auto 0px auto;
}

.Container
{
 	position: relative;
	width: 808px;
	margin: 20px auto 0px auto;
	text-align: center;	
}

.ContainerMedium
{
	position: relative;
	float: right;
	width: 575px;
	margin: 0px auto 0px auto;
	text-align: center;
}

.ContainerSmall
{
	position: relative;
	float: left;
	width: 217px;
	text-align: center;
	margin: 0px auto 10px auto;
	padding: 0px;
}


/****************************
		Header
****************************/
.Header
{
	position: relative;
	width: 808px;
	height: 147px;
	text-align: left;
	margin: 0px auto 0px auto;
	top: 0px;
}

/****************************
	Banner
****************************/
.Banner
{
	position: relative;
	float: right; 
	margin: 0px auto 0px auto;
	text-align: center;
	clear: right;
	width: 575px;
	height: 183px;
	background: url(./images/banner1.jpg) no-repeat top;	
}

.Banner_Top
{
	position: relative;
	float: right;
	width: 575px;
	height: 35px;
	margin: 0px auto 0px auto;
	text-align: center;
	clear: right;
	background: url(./images/banner1_top.gif) no-repeat top;		
}

.Banner_Title
{
	position: relative;
	width: 575px;
	text-align: center;
	top: 7px;
	
}

.Banner_Bottom
{
	position: relative;
	float: right; 
	width: 575px;
	height: 6px;
	font-size: 0px;
	margin: 0px auto 20px auto;
	text-align: center;
	clear: right;
	background: url(./images/banner1_bottom.gif) no-repeat top;				
}

/****************************
	Banner 2
****************************/
.Banner2
{
	position: relative;
	float: right; 
	margin: 0px auto 0px auto;
	text-align: center;
	clear: right;
	width: 575px;
	height: 268px;
	background: url(./images/banner2.jpg) no-repeat top;	
}

.Banner2_Top
{
	position: relative;
	float: right;
	width: 575px;
	height: 9px;
	margin: 0px auto 0px auto;
	font-size: 0px;
	text-align: center;
	clear: right;
	background: url(./images/banner2_top.gif) no-repeat top;		
}


.Banner2_Bottom
{
	position: relative;
	float: right; 
	width: 575px;
	height: 9px;
	font-size: 0px;
	margin: 0px auto 20px auto;
	text-align: center;
	clear: right;
	background: url(./images/banner2_bottom.gif) no-repeat top;				
}


/****************************
	Thank You Box
****************************/
.ThankYouBox
{
	position: relative;
	width: 698px;
	margin: 0px auto 0px auto;
	text-align: center;
	background-color: #eeeeee;
	border: 2px solid #d8d8d8;
}

.ThankYouBox_Content
{
	position: relative;
	width: 572px;
	margin: 10px auto 10px auto;
	text-align: left;
}

/****************************
	Application Form Error Box
****************************/
.AppFormErrorBox
{
	position: relative;
	width: 808px;
	margin: 0px auto 0px auto;
	text-align: center;
	background-color: #dbc25d;
}

.AppFormErrorBox_Top
{
	position: relative;
	width: 808px;
	height: 11px;
	font-size: 0px;
	margin: 20px auto 0px auto;
	text-align: center;
	background: url(./images/errorbox_top.gif) no-repeat top;		
}


.AppFormErrorBox_Bottom
{
	position: relative;
	width: 808px;
	height: 11px;
	font-size: 0px;
	margin: 0px auto 0px auto;
	text-align: center;
	background: url(./images/errorbox_bottom.gif) no-repeat top;
}


.AppFormErrorBox_Content
{
	position: relative;
	width: 572px;
	margin: 0px auto 0px auto;
	text-align: left;
}

.AppFormErrorBox_TitleBox
{
	margin: 0px auto 0px auto;
	width: 658px;
}


.AppFormErrorBox_Title
{
	position: relative;
	float: left;
	text-align: left;
	width: 618px;
	margin: 0px 0px 0px 0px;
	top: 7px;
}

.AppFormErrorBox_TitleIcon
{
	position: relative;
	float: left;
	text-align: left;
	width: 40px;
	margin: 0px 0px 0px 0px;
}

/****************************
	Contact Form Error Box
****************************/
.ContactErrorBox
{
	position: relative;
	width: 575px;
	margin: 0px auto 0px auto;
	text-align: center;
	background-color: #dbc25d;
}

.ContactErrorBox_Top
{
	position: relative;
	width: 575px;
	height: 11px;
	font-size: 0px;
	margin: 0px auto 0px auto;
	text-align: center;
	background: url(./images/contacterror_top.gif) no-repeat top;		
}


.ContactErrorBox_Bottom
{
	position: relative;
	width: 575px;
	height: 11px;
	font-size: 0px;
	margin: 0px auto 20px auto;
	text-align: center;
	background: url(./images/contacterror_bottom.gif) no-repeat top;
}


.ContactErrorBox_Content
{
	position: relative;
	width: 450px;
	margin: 0px auto 0px auto;
	text-align: left;
}

.ContactErrorBox_TitleBox
{
	margin: 0px auto 0px auto;
	width: 540px;
}


.ContactErrorBox_Title
{
	position: relative;
	float: left;
	text-align: left;
	width: 500px;
	margin: 0px 0px 0px 0px;
	top: 7px;
}

.ContactErrorBox_TitleIcon
{
	position: relative;
	float: left;
	text-align: left;
	width: 40px;
	margin: 0px 0px 0px 0px;
}


/****************************
	Application Form Box
****************************/
.AppFormBox
{
	position: relative;
	width: 217px;
	margin: 0px auto 0px auto;
	text-align: center;
	background-color: #254393;
}

.AppFormBox_Top
{
	position: relative;
	width: 217px;
	height: 13px;
	font-size: 0px;
	margin: 0px auto 0px auto;
	text-align: center;
	background: url(./images/form_top.gif) no-repeat top;
}

.AppFormBox_Bottom
{
	position: relative;
	width: 217px;
	height: 13px;
	margin: 0px auto 10px auto;
	text-align: center;
	background: url(./images/form_bottom.gif) no-repeat top;
}

.AppFormBox_Content
{
	position: relative;
	width: 197px;
	margin: 0px auto 0px auto;
}


/****************************
	Application Form
****************************/
.AppFormRow
{
	margin: 0px auto 0px auto;
	width: 197px;
}

.AppFormField_Title
{
	position: relative;
	text-align: left;
	width: 180px;
	margin: 10px auto 0px auto;
	padding-top: 5px;
}

.AppFormField_Input
{
	position: relative;
	text-align: center;
	width: 197px;
	margin: 5px 0px 0px 0px;
}

.AppFormTextBox
{
	position: relative;
	width: 180px;
}

.AppFormTextBox_House
{
	position: relative;
	width: 50px;
}

.AppFormTextBox_Postcode
{
	position: relative;
	width: 80px;
}

.AppFormDropDownBox
{
	position: relative;
	width: 180px;
}

.AppForm_Title
{
	position: relative;
	text-align: center;
	width: 197px;
	margin: 0px auto 0px auto;
}

.AppForm_Comment
{
	position: relative;
	text-align: left;
	width: 180px;
	margin: 0px auto 0px auto;
}




/****************************
		Content Box
****************************/
.ContentBox
{
	position: relative;
	width: 575px;
	float: right;
	text-align: center;
	margin: 0px auto 0px auto;
	background-color: #ffffff;
}

.ContentBox_Top
{
	position: relative;
	width: 575px;
	height: 31px;
	float: right;
	text-align: center;
	margin: 0px auto 0px auto;
	background: url(./images/contentbox_top.gif) no-repeat top;
}

.ContentBox_Bottom
{
	position: relative;
	width: 575px;
	height: 12px;
	float: right;
	text-align: left;
	margin: 0px auto 20px auto;
	background: url(./images/contentbox_bottom.gif) no-repeat top;
}


.ContentBox_Title
{
	position: relative;
	text-align: left;
	width: 550px;
	margin: 0px auto 0px auto;
	top: 6px;
}

.ContentBox_Content
{
	position: relative;
	width: 550px;
	
	text-align: left;
	margin: 10px auto 0px auto;

}

.ContentBox_CenterContent
{
	position: relative;
	width: 550px;
	text-align: center;
	margin: 10px auto 0px auto;

}


/****************************
		Calculator Box
****************************/
.CalculatorBox
{
	position: relative;
	width: 575px;
	float: right;
	text-align: center;
	margin: 0px auto 0px auto;
	background-color: #209010;
}

.CalculatorBox_Top
{
	position: relative;
	width: 575px;
	height: 71px;
	float: right;
	text-align: center;
	margin: 0px auto 0px auto;
	background: url(./images/calculatorbox_top.gif) no-repeat top;
}


.CalculatorBox_ResultsTop
{
	position: relative;
	width: 575px;
	height: 73px;
	float: right;
	text-align: center;
	margin: 0px auto 0px auto;
	background: url(./images/calculatorbox_results_top.gif) no-repeat top;
}

.CalculatorBox_Bottom
{
	position: relative;
	width: 575px;
	height: 11px;
	float: right;
	text-align: left;
	margin: 0px auto 20px auto;
	background: url(./images/calculatorbox_bottom.gif) no-repeat top;
}

.CalculatorBox_Column
{
	position: relative;
	width: 180px;
	float: right;
	clear: none;
	text-align: left;
	margin: 0px auto 2px auto;
	padding: 0px;
}

.Calculator_Container
{
	position: relative;
	width: 360px;
	margin: 20px auto 0px auto;
}


.CalculatorBox_DummyColumn
{
	position: relative;
	width: 30px;
	float: right;
	clear: none;
	text-align: left;
	margin: 0px auto 20px auto;
}

.CalculatorBox_SmallDummyColumn
{
	position: relative;
	width: 10px;
	float: right;
	clear: none;
	text-align: left;
	margin: 0px auto 20px auto;
}

.CalculatorBox_Content
{
	position: relative;
	width: 530px;
	text-align: left;
	margin: 10px auto 0px auto;

}

.CalculatorBox_Comment
{
	position: relative;
	width: 180px;	
	text-align: left;
}

/****************************
		Result Box
****************************/
.ResultBox
{
	position: relative;
	width: 252px;
	text-align: center;
	background-color: #ffffff;
	margin: 0px auto 0px auto;
}

.ResultBox_Title
{
	position: relative;
	width: 212px;
	left: 40px;
	top: 8px;
	text-align: left;
}

.ResultBox_Content
{
	position: relative;
	width: 230px;
	text-align: left;
	background-color: #ffffff;
	margin: 0px auto 0px auto;
}

.ResultBox_Top_Tick
{
	position: relative;
	width: 252px;
	height: 26px;
	text-align: center;
	margin: 0px auto 0px auto;
	background: url(./images/result_top_tick.jpg) no-repeat top;
}

.ResultBox_Top_Cross
{
	position: relative;
	width: 252px;
	height: 26px;
	text-align: center;
	margin: 0px auto 0px auto;
	background: url(./images/result_top_cross.jpg) no-repeat top;
}

.ResultBox_Bottom
{
	position: relative;
	width: 252px;
	height: 9px;
	font-size: 0px;
	text-align: center;
	margin: 0px auto 0px auto;
	background: url(./images/result_bottom.jpg) no-repeat top;
}
/****************************
		Content Box Wide
****************************/
.ContentBoxWide
{
	position: relative;
	width: 808px;
	float: right;
	text-align: center;
	margin: 0px auto 0px auto;
	background-color: #ffffff;
}

.ContentBoxWide_Top
{
	position: relative;
	width: 808px;
	height: 31px;
	float: right;
	text-align: center;
	margin: 0px auto 0px auto;
	background: url(./images/contentboxwide_top.gif) no-repeat top;
}

.ContentBoxWide_Bottom
{
	position: relative;
	width: 808px;
	height: 12px;
	float: right;
	text-align: left;
	margin: 0px auto 20px auto;
	background: url(./images/contentboxwide_bottom.gif) no-repeat top;
}


.ContentBox_TagLine
{
	position: relative;
	width: 550px;
	text-align: center;

}

.ContentBoxWide_Title
{
	position: relative;
	text-align: center;
	width: 768px;
	margin: 0px auto 0px auto;
	top: 6px;
}

.ContentBoxWide_Content
{
	position: relative;
	width: 788px;
	
	text-align: center;
	margin: 10px auto 0px auto;

}



/****************************
		Footer
****************************/
.Footer
{
	position: relative;
	width: 808px;
	height: 49px;
	margin: 0px auto 20px auto;
	background: url(./images/footer.gif) no-repeat left;
}

.Footer_Content
{
	width: 773px;
	height: 49px;
	margin: 0px auto 0px auto;
}


	
.Footer_Content_Text
{
	position: relative;
	top: 10px;
	width: 773px;
	margin: 0px auto 0px auto;
	text-align: center;
}


/****************************
		Misc
****************************/

.Spacer
{
 	position: relative;
 	clear: both;
	height: 10px;
	font-size: 0px;
}

.EmptySpacer
{
 	position: relative;
 	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}


.CalculatorBanner
{
	position: relative;
	width: 575px;
	height: 101px;
	float: right;
	margin: 0px auto 20px auto;
}