/* 
--- PLEASE NOTE ---

Please check the 'General' section of this stylesheet before creating any small custom styles.
The styles you want may already be in there.

Please put any Internet Explorer specific styles/hacks/fixes in 'ie.css'.

--- CONTENTS ---

1) All
2) Body
3) Links
4) General
5) Clearfix
6) Structural

7) Header
8) Navigation
9) Content
10) Footer

11) Result and Loan Details boxes
12) Link buttons
13) Help link and popup (also with errors)

14) Forms
15) Tables
16) Lists

17)	Styles that need putting in order

Please keep tidy :)

*/
	
/* ------------------------------------------------------------------ */
/* =All */
/* ------------------------------------------------------------------ */

* {margin: 0; padding: 0;}
	
/* ------------------------------------------------------------------ */
/* =Body */
/* ------------------------------------------------------------------ */

body {
	background: #fff;
	text-align: center;
	font: normal 82%/1.3 Tahoma, Verdana, Arial, sans-serif;
	color: #444;
	}
	
/* ------------------------------------------------------------------ */
/* =Links */
/* ------------------------------------------------------------------ */

a {
	color: #0b71a1;
	font-weight: bold;
	text-decoration: none;
	}
	
a:hover,
a:focus {
	color: #014260;
	text-decoration: underline;
	}

#content a {text-decoration: underline;}
#content a:hover,
#content a:focus {text-decoration: none;}
	
/* ------------------------------------------------------------------ */
/* =General */
/* ------------------------------------------------------------------ */

img {border: 0;}
hr {display: none;}
.clear {clear: both;}
.small_text {font-size: 0.9em;}
.hide_1 {display: none;}
.hide_2 {position: absolute; left: -1000em;}
.hide_3 {text-indent: -1000em;}
acronym {border-bottom: 1px dotted; cursor: help;}

#content p.top {
	text-align: right;
	font-size: 0.9em;
	}
	
#content a.forgotten {
	float: left;
	margin-top: -30px;
	font-size: 0.9em;
	font-weight: normal;
	}
	
#content p.notice {
	border: 1px solid #f1e9da;
	padding: 5px 10px;
	background: #fffee2;
	}
	
#content div.emphasize {
	margin: 0 0 1.5em 0;
	border: 1px solid #d9d9d9;
	padding: 10px 15px;
	background: #f5f5f5;
	}
		
/* ------------------------------------------------------------------ */
/* =Clearfix */
/* ------------------------------------------------------------------ */

.clearfix:after,
div.result_container:after,
div.form_block:after,
body#holding div#content:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both;
  visibility: hidden;
	}

.clearfix, div.result_container, div.form_block, body#holding div#content:after {display: inline-block;}
.clearfix, div.result_container, div.form_block, body#holding div#content:after {display: block;}
	
/* ------------------------------------------------------------------ */
/* =Structural */
/* ------------------------------------------------------------------ */

#header div.wrapper,
p.strapline strong,
#navigation ul,
#container {
	margin: 0 auto;
	padding: 0 15px;
	min-width: 400px;
	max-width: 68em;
	text-align: left;
	}
	
/* ------------------------------------------------------------------ */
/* =Header */
/* ------------------------------------------------------------------ */

#header {
	padding: 30px 0 5px 0;
	background: url(/graphics/header_top_bg.gif) repeat-x;
	}

#header div.wrapper {
	overflow: hidden;
	padding: 0 0 7px 0;
	}
	
/* For Lenders */
		
#header dl {
	float: right;
	text-align: right;
	font-size: 0.9em;
	}	
	
#header dt {margin-bottom: 2px;}	
#header dd {display: inline;}
				
#header dd.first:after {
	padding: 0 0 0 4px;
	content: "|";
	}		
			
#header dl a {
	font-weight: normal;
	text-decoration: underline;
	}	
		
#header dl a:hover,
#header dl a:focus {text-decoration: none;}	
			
/* Logo */

h1 {
	float: left;
	margin: 0 10px 0 0;
	width: 405px;
	}

h1 a {
	display: block;
	height: 38px;
	outline: none;
	}
	
h1 a:hover,
h1 a:focus {background: url(/graphics/home.gif) no-repeat 100% 20%;}

/* Strapline */

p.strapline {
	position: relative;
	height: 30px;
	background: url(/graphics/strapline_bg.gif) repeat-x;
	}

p.strapline strong {
	display: block;
	height: 30px;
	background: url(/graphics/strapline.gif) no-repeat 245px 10px;
	text-indent: -1000em;
	}
	
/* Skip links */

p.skip {
	position: absolute;
	left: 0;
	top: 10px;
  }

p.skip a {
	display: block;
	position: absolute;
	left: -1000em;
	white-space: nowrap;
	}
    
p.skip a:focus {
	left: 0;
	text-decoration: none;
	} 
	
/* ------------------------------------------------------------------ */
/* =Navigation */
/* ------------------------------------------------------------------ */

#navigation {background: url(/graphics/nav_border.gif) repeat-x;}

#navigation ul {
	text-align: right;
	list-style: none;
	}

#navigation li {
	display: -moz-inline-stack; /* Because Firefox 2 doesn't understand 'inline-block' */
	display: inline-block; /* For standards compliant browsers */
	margin: 0 0 0 3px;
	border-top: 6px solid #71abcb;
	background: #4b9bc6 url(/graphics/nav_tab_left.gif) no-repeat 0 100%;
	}

#navigation ul a {
	display: block;
	text-decoration: none;
	}

#navigation ul span {
	display: block;
	padding: 5px 0.8em;
	background: url(/graphics/nav_tab_right.gif) no-repeat 100% 100%;
	font-weight: bold;
	color: #fff;
	}

#navigation ul li.on,
#navigation ul li:hover,
#navigation ul a:hover,
#navigation ul a:focus {
	border-top-color: #3E89B1;
	background: #10628E url(/graphics/nav_tab_left_on.gif) no-repeat 0 100%;
	outline: none;
	}

#navigation ul li.on span,
#navigation ul li:hover span,
#navigation ul a:hover span,
#navigation ul a:focus span {background: url(/graphics/nav_tab_right_on.gif) no-repeat 100% 100%;}
	
/* ------------------------------------------------------------------ */
/* =Content */
/* ------------------------------------------------------------------ */

#content {padding: 0 0 0.5em 0;}

#content p {
	margin-bottom: 1em;
	line-height: 1.5;
	}

/*#content p,*/
#content ul,
#content ol,
#content dl,
#content address {
	margin: 0 0 1.5em 0;
	line-height: 1.5;
	}
	
#content ul ul {margin-bottom: 0.5em;}	
	
#content address {
	line-height: 1.2;
	font-style: normal;
	}
	
#content ul {margin-left: 25px;}
#content ol {margin-left: 2.5em;}	
#content li {margin: 2px 0;}
#content li {line-height: 1.2;}
#content dt {font-weight: bold;}
#content dd {margin-bottom: 1em;}	
	
#content h1,
#content h2,
#content h3,		
#content h4,
#content h5,
#content h6 {
	margin: 0 0 0.5em 0;
	font-weight: normal;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	line-height: 1.2;
	color: #9f511d;
	}	

#content h2 {
	border-bottom: 1px solid #eee;
	padding: 0 0 0.1em 0;
	font-size: 1.8em;
	}	

#content h3 {font-size: 1.4em;}	

#content h3.defined {
	border-bottom: 1px solid #eee;
	padding: 0.2em;
	background: #f2f2f2;
	}	

#content h4 {font-size: 1.3em;}	
#content h5 {font-size: 1.2em;}	
#content h6 {font-size: 1.1em;}	
				
/* Emphasized text */
	
div.emphasized_text {
	margin: 0 0 15px 0;
	background: #fff5e7 url(/graphics/em_text_top_left.gif) no-repeat;
	color: #78562e;	
	font-size: 0.9em;
	}
	
div.emphasized_text div {background: url(/graphics/em_text_bottom_right.gif) no-repeat 100% 100%;}
div.emphasized_text div div {background: url(/graphics/em_text_bottom_left.gif) no-repeat 0 100%;}	

div.emphasized_text div div div {
	padding: 15px 20px 5px 20px;
	background: url(/graphics/em_text_top_right.gif) no-repeat 100% 0;
	}	

#content div.emphasized_text p {margin: 0 0 1em 0;}	

/* ------------------------------------------------------------------ */
/* =Footer */
/* ------------------------------------------------------------------ */

#footer {
	border-top: 1px solid #eee;
	padding: 15px;
	background: #f7f7f7;
	font-size: 0.85em;
	}
	
#footer ul {float: right;}
	
#footer li {
	display: inline;
	margin-left: 15px;
	}
	
#footer ul a {
	font-weight: normal;
	text-decoration: underline;
	}
	
#footer ul a:hover,
#footer ul a:focus {text-decoration: none;}
	
/* ------------------------------------------------------------------ */
/* =Result and Loan Details boxes */
/* ------------------------------------------------------------------ */

#content #sort_loans {
	margin-left: 0;
	list-style: none;
	}

#content #sort_loans li {
	margin-bottom: 3em;
	}

/* Results top */

div.results_top {
	overflow: hidden;
	margin: 1em 0;
	border-bottom: 1px solid #eee;
	padding: 0 0 0.3em 0;
	}

p#results_count {
	float: left;
	}

#content div.results_top h3 {
	float: left;
	margin-bottom: 0;
	}

#content div.results_top form p.form_button {
	float: left;
	margin-left: 5px;
	}

/* Result box */

div.result_box {
	margin: 0 0 1em 0;
	}
	
/* Result header */

div.result_header {
	background: #3e5984 url(/graphics/result_header_left.gif) no-repeat;
	}

#content ul.ui-sortable div.result_header {cursor: move;}

div.result_header div.wrapper {
	overflow: hidden;
	border-bottom: 1px solid #fff;
	padding: 0 15px;
	background: url(/graphics/result_header_right.gif) no-repeat 100% 0;
	color: #fff;
	position: relative;
	height: 19px;
	}

div.result_header div.wrapper a.discard {
	display: block;
	position: absolute;
	right: 3px;
	top: 3px;
	width: 15px;
	height: 14px;
	background: url(/graphics/discard.gif) 0 0 no-repeat;
	overflow: hidden;
	text-indent: -9999em;
	}

div.result_header div.wrapper a.discard:hover {
	background-position: 0 -14px;
	}

#content div.result_header h3,
#content div.result_header h4 {
	float: left;
	margin: 0;
	color: #fff;
	font-size: 1.2em;
	cursor: text;
	}

#content div.result_header p {
	float: right;
	margin: 2px 0 0 15px;
	width: 22px;
	text-indent: -1000em;
	}

#content div.result_header p a {
	display: block;
	height: 22px;
	background: url(/graphics/icon_discard.gif) no-repeat;
	text-indent: -1000em;
	}

#content div.result_header p a:hover,
#content div.result_header p a:focus {background-position: 0 100%;}
		
#content div.result_header ul {
	float: right;
	margin: 0;
	list-style: none;
	}

#content div.result_header li {
	float: left;
	cursor: text;
	}

#content div.result_header li.type.yes {background: #1A3763;}
		
#content div.result_header li.tcc {
	margin: 4px 0 0 0;
	font-size: 1.3em;
	white-space: nowrap;
	}
	
/* Result container */

div.result_container {
	border: solid #fff;
	border-width: 1px 0;
	padding: 8px 10px 0 10px;
	background: #f2f2f2;
	font-size: 0.95em;
	}

div.loan_details div.result_container {
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
	padding-top: 0.5em;
	padding-bottom: 15px;
	background: #f7f7f7;
	font-size: 1em;
	}
	
#content div.result_container div.col_2 h4 {
	padding-bottom: 0.3em;
	background: url(/graphics/horizontal_divide.gif) repeat-x 0 100%;
	}
					
#content div.result_container p {
	overflow: hidden;
	margin: 0;
	padding: 0.5em 10px 0.5em 0;
	}
	
#content div.result_container p.form_button {padding: 0;}

		
/* Main information */

div.main_information {
	overflow: hidden;
	padding: 0 0 0.7em 0;
	}
	
div.main_information table {
	margin: 1px 0 0 0; /* Firefox bug - to render the top 1px border */
	border: 1px solid #dadada;
	width: 100%;
	table-layout: fixed;
	}

div.main_information table.first {
	margin-bottom: 6px;
	}
	
div.main_information th {
	padding: 5px 10px;
	font-weight: bold;
	vertical-align: middle;
	}	

div.main_information td {
	padding: 5px 10px;
	background: #fff;
	vertical-align: top;
	border-bottom: 0;
	}	

div.main_information th.apr {vertical-align: middle;}
	
div.main_information td.apr {
	font-size: 1.5em;
	font-weight: normal;
	}
	
div.loan_details div.main_information td {
	border-bottom: 1px solid #eee;
	border-left: 1px solid #ccc;
	}	
		
div.main_information th.home_collected {
	background: #cdcdcd;
	color: #222;
	}
	
div.main_information td.home_collected {
	background: #62656b;
	color: #fff;
	}

div.main_information div.additional {
	border: 1px solid #DADADA;
	padding: 8px 0;
	background: #fff;
	margin: 15px 0 0 0;
	}

div.main_information div.additional table {
	table-layout: auto;
	border: 0;
	}

div.main_information div.additional table th {
	background: #fff;
	padding: 5px 10px 2px 10px;
	border-left: 1px solid #DADADA;	
	border-bottom: 0;
	}

div.main_information div.additional table td {
	padding: 2px 10px 5px 10px;	
	border-left: 1px solid #DADADA;
	}

div.main_information div.additional table th.first, div.main_information div.additional table td.first {
	border: 0;
	}

div.more_info {
	overflow: hidden;
	padding: 0 10px 10px 10px;
	border-bottom: 1px solid #DADADA;
	}
	
#content div.more_info div {
	padding-right: 10;
	width: 70%;
	}

#content div.result_container div.more_info div p {
    padding: 10px 0 0 0;
    }

#content div.result_container div.more_info div p:first-child {
    padding-top: 0;
    }
	
#content div.more_info address {
	display: block;
	float: right;
	width: 28%;
	margin-bottom: 0;
	}

#content div.more_info address span.tel {
	display: block;
	margin-top: 5px;
	font-weight: bold;
	}
	
#content div.loan_details div.result_container address {
	float: none;
	width: auto;
	}

div.options {
	border-top: 1px solid #fefefe;
	padding: 8px 0;
	}

div.options table {
	table-layout: fixed;
	width: 100%;
	margin: 0;
	}

div.options table td {
	text-align: right;
	vertical-align: middle;
	background: transparent;
	padding: 0;
	border: none;
	}

div.options table td.first {
	text-align: left;
	}

div.options span.type {
	display: none;
	}

div.options span.home_collected {
	display: inline-block;
	background: url(/graphics/home_collected_icon.gif) left center no-repeat;
	padding: 0 0 0 17px;
	vertical-align: middle;
	}

div.options form {
	display: inline-block;
	vertical-align: middle;
	}
	
div.options form input.more_info_button {
	display: inline-block;
	color: #fff;
	font-weight: bold;
	background: #6dabcc;
	border: 0;
	padding: 5px;
	cursor: pointer;
	}
	
div.result_representative {
	background: url(/graphics/representative_header.gif) repeat-x center top;
	padding-top: 11px;
	margin-top: -10px;
	}

#content div.result_representative h6 {
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.98em;
	position: relative;
	}

#content div.result_representative h6 a.help_link {
	position: absolute;
	float: none;
	right: 0;
	top: -4px;
	}

#content div.result_representative h6 a.help_link span.link {
	margin-top: 0;
	}

#content div.result_representative h6 a.help_link span.popup {
	float: none;
	position: absolute;
	right: 0;
	top: -109px;
	left: -257px;
	text-transform: none;
	font-size: 1.1em;
	}

div.loan_details div.result_representative div.main_information {
	font-size: 1.075em;
	}

div.result_representative div.main_information {
	padding: 10px;
	background: #6dabcc;
	border-style: solid;
	border-color: #449ac8;
	border-width: 0 1px 1px 1px;
	overflow: visible;
	}
	
div.result_representative div.main_information table, div.result_representative div.main_information div.additional {
	border-color: #449ac8;
	}

div.result_representative div.main_information table {
	table-layout: auto;
	}

div.result_representative div.main_information div.additional table {
	table-layout: fixed;
	}

div.result_representative div.main_information > table th {
	border-color: #449ac8;
	background-color: #b4dcf2;
	}
	
ul.sort_loans caption {display: none;}

div.main_information caption {width: auto;}

div.main_information caption.summary strong {
	display: block;
	font-size: 1.3em;
	}
	
#content ul.branches {
	overflow: hidden;
	margin: 1.5em 0;
	padding: 0; 
	list-style: none;
	}
	
#content ul.branches li {
	float: left;
	padding: 10px;
	margin: 10px 10px 0 0;
	border: 1px solid #dadada;
	width: 28.5%;
	min-height: 12em; 
	background-color: #e6e6e6;
	}
	
#content ul.branches li address,
#content ul.branches li dl {
	margin-bottom: 0.4em;
	line-height: 1.2;
	}

/* Loan Details */

div.loan_details {
	margin-bottom:3em;
	}

div.loan_details div.result_header div.wrapper {
	height: auto;
	padding: 7px 15px;
	}

div.loan_details div.contact_info {
	padding: 0 10px 0.7em 10px; 
	border-bottom: 1px solid #DADADA;
	}

div.loan_details div.branch_info {	
	padding: 0.7em 10px 0.7em 10px;
	border-top: 1px solid #FEFEFE; 
	border-bottom: 1px solid #DADADA;
	}

#content div.loan_details div.branch_info ul {
	list-style: none;
	margin-bottom: 0;
	}

#content div.loan_details div.branch_info ul li {
	margin: 15px 0 0 0;
	}

#content div.loan_details div.contact_info address,
#content div.loan_details div.branch_info address {
	margin-bottom: 0.5em;
	}
	
#content div.loan_details div.contact_info p,
#content div.loan_details div.branch_info p {
	padding-top: 0;
	padding-bottom: 0;
	}

#content div.loan_details div.contact_info p.opening_times,
#content div.loan_details div.branch_info p.opening_times {
	font-size: 0.9em;
	}
	
div.loan_details div.options {
	padding: 0.7em 10px 0.7em 10px;
	}

div.loan_details table caption {
	background: #e6e6e6;
	border: 1px solid #DADADA;
	border-bottom: 0;
	color: #444444;
	}

div.loan_details .main_information table th {
	background: #f7f7f7;
	width: 30%;
	border-color: #f0f0f0;
	}

div.loan_details .main_information table td {
	border-color: #f0f0f0;
	}

div.loan_details div.main_information table tr.last_row th,
div.loan_details div.main_information table tr.last_row td {
	border-bottom-color: #DADADA;
	}

div.loan_details div.result_representative div.main_information table {
	table-layout: fixed;
	}
	
div.loan_details div.result_representative div.main_information table caption {
	border-color: #449AC8;
	background: #b4dcf2;
	}
	
div.loan_details div.result_representative div.main_information table th {
	background: #f0f9fe;
	border-color: #daebf4;
	}

div.loan_details div.result_representative div.main_information table td {
	border-color: #daebf4;
	}

div.loan_details div.result_representative div.main_information table tbody {
	border: 1px solid #449AC8;
	}

div.loan_details div.result_representative div.main_information table tr.last_row th,
div.loan_details div.result_representative div.main_information table tr.last_row td {
	border-bottom-color: #449AC8;
	}
		
/* Columns */

div.col_1 {
	float: left;
	width: 52%;
	}

div.col_2 {
	float: right;
	width: 44%;
	}
	
/* ------------------------------------------------------------------ */
/* =Link buttons */
/* The '.button' class is usually applied to a 'P' or 'LI' */
/* ------------------------------------------------------------------ */

#content .button {line-height: 1.5;}
#content .button.right a {float: right;}
		
#content .button a {
	display: block;
	background: #4b9bc6 url(/graphics/button_bottom_left.gif) no-repeat 0 100%;
	color: #fff;
	text-decoration: none;
	}

.button a span {
	display: block;
	background: url(/graphics/button_bottom_right.gif) no-repeat 100% 100%;
	}		
		
.button a span span {background: url(/graphics/button_top_left.gif) no-repeat;}				
.button a span span span {background: url(/graphics/button_top_right.gif) no-repeat 100% 0;}
							
.button a span span span span,
.button a:hover span span span span,
.button a:focus span span span span {
	padding: 1px 7px;
	text-align: center;
	cursor: pointer;
	}		
	
#content .button a:hover,
#content .button a:focus {background-color: #10628e; background-image: url(/graphics/button_bottom_left_on.gif);}
.button a:hover span,
.button a:focus span {background-image: url(/graphics/button_bottom_right_on.gif);}		
.button a:hover span span,
.button a:focus span span {background-image: url(/graphics/button_top_left_on.gif);}				
.button a:hover span span span,
.button a:focus span span span {background-image: url(/graphics/button_top_right_on.gif);}	

/* Back button */
/*			
.button.back a span span span span,
.button.back a:hover span span span span,
.button.back a:focus span span span span {
	padding-left: 22px;
	background: url(/graphics/arrow_button_back.gif) no-repeat 5px 55%;
	}		
*/		
/* More information button */
/*		
#content div.result_container .button.more_info {
	float: right;
	padding: 1.4em 0;
	width: 9.0em;
	background: url(/graphics/vertical_divide.gif) repeat-y;
	text-align: center;
	font-size: 1.1em;
	}
	
#content .button.more_info a {margin: 0 0 0 20px;}
				
.button.more_info a span span span span,
.button.more_info a:hover span span span span,
.button.more_info a:focus span span span span {
	padding-right: 15px;
	background: url(/graphics/arrow_button.gif) no-repeat 92% 55%;
	text-align: left;
	}		
*/

div.info-box .button {
	margin: 0 auto;
	width: 150px;
}

div.info-box {
	text-align: left;
}

div.info-box.left {
	width: 370px;
	float: left;
}

div.info-box.right {
	width: 370px;
	float: right;
}

div.info-box.center {
	width: 370px;
	margin: 0 auto 15px;
}

/* Function buttons */

#content ul.function_buttons {
	overflow: hidden;
	float: left;
	margin-left: 0;
	list-style: none;
	}

#content ul.function_buttons li {
	float: left;
	margin: 0 12px 0 0;
	}

ul.function_buttons .download a span span span span,
ul.function_buttons .download a:hover span span span span,
ul.function_buttons .download a:focus span span span span {
	padding-right: 32px;
	background: url(/graphics/button_download.gif) no-repeat 94% 55%;
	}	
	
ul.function_buttons .print a span span span span,
ul.function_buttons .print a:hover span span span span,
ul.function_buttons .print a:focus span span span span {
	padding-right: 32px;
	background: url(/graphics/button_print.gif) no-repeat 92% 55%;
	}	
		
#content ul.function_buttons .button a {background: #c96e06 url(/graphics/button_bottom_left_2.gif) no-repeat 0 100%;}
ul.function_buttons .button a span {background-image: url(/graphics/button_bottom_right_2.gif);}		
ul.function_buttons .button a span span {background-image: url(/graphics/button_top_left_2.gif);}	
ul.function_buttons .button a span span span {background-image: url(/graphics/button_top_right_2.gif);}

#content ul.function_buttons .button a:hover,
#content ul.function_buttons .button a:focus {background-color: #9b5301; background-image: url(/graphics/button_bottom_left_2_on.gif);}
ul.function_buttons .button a:hover span,
ul.function_buttons .button a:focus span {background-image: url(/graphics/button_bottom_right_2_on.gif);}		
ul.function_buttons .button a:hover span span,
ul.function_buttons .button a:focus span span {background-image: url(/graphics/button_top_left_2_on.gif);}				
ul.function_buttons .button a:hover span span span,
ul.function_buttons .button a:focus span span span {background-image: url(/graphics/button_top_right_2_on.gif);}	
		
/* ------------------------------------------------------------------ */
/* =Help link and popup (also with errors) */
/* ------------------------------------------------------------------ */

#content a.help_link {
	float: left;
	text-decoration: none;
	outline: none;
	white-space: normal;
	}

#content form.default a.help_link {
	position: absolute;
	left: 105%;
	float: none;
	margin-top: 1px;
	}
	
#content form.back_button fieldset {float: right; clear: both;}
	
/* Help link */

a.help_link span.link {
	float: left;
	margin: 0.5em 0 0 0;
	width: 45px;
	height: 20px;
	background: url(/graphics/button_help.gif) no-repeat;
	text-indent: -1000em;
	cursor: pointer;
	}

a.help_link.focused span.link,
a.help_link:hover span.link,
a.help_link:focus span.link {background-position: 0 100%;}

/* Help popup text */

a.help_link span.popup { /* Extra container added to fix IE's z-index problems */
	display: none;
	position: relative;
	float: left;
	} 

a.help_link.focused span.popup,
a.help_link:hover span.popup,
a.help_link:focus span.popup {display: block;}

a.help_link span.text {
	position: absolute;
	left: 3px;
	top: -3px;
	z-index: 1;
	width: 150px;
	background: url(/graphics/help_top.png) no-repeat 100% 0;
	line-height: 1.2;
	opacity: 0.92;
	}

a.help_link.wide span.text {
	top: auto;
	bottom: -108px;
	width: 300px;
	background-image: url(/graphics/help_top_wide.png);
	}
	
/* Repositioning of the popup help text */	
div.form_block.amount a.help_link span.text,
div.form_block.term a.help_link span.text,
div.form_block.postcode a.help_link span.text {top: auto; bottom: 20px; left: -115px;}
div.form_block.home_collected a.help_link span.text {top: auto; bottom: 20px; left: -230px;}
div.form_block.sort a.help_link span.text {top: auto; bottom: 20px; left: -110px;}
/* End repositioning */

a.help_link span.text span {
	display: block;
	padding: 12px 0 12px 8px;
	background: url(/graphics/help_bottom.png) no-repeat 100% 100%;
	}

a.help_link.wide span.text span {background-image: url(/graphics/help_bottom_wide.png);}

a.help_link span.text em {
	display: block;
	padding: 0 10px 0 13px;
	background: #267199;
	font-style: normal;
	font-weight: normal;
	font-size: 0.75em;
	color: #fff;
	}

a.help_link span.text strong {
	display: block;
	margin: 0 0 3px 0;
	border-bottom: 1px solid #fff;
	padding: 0 0 5px 0;
	}

a.help_link span.text span.point {
	display: none; /* Due to repositioning of the popup help text, the arrows have been hidden */
	position: absolute;
	left: 0;
	top: 12px;
	padding: 0;
	width: 8px;
	height: 15px;
	background: url(/graphics/help_point.gif) no-repeat;
	}

a.help_link.wide span.text span.point {
	top: auto;
	bottom: 83px;
	}
		
/* Error link */

div.form_block.error a.help_link span.link {background-image: url(/graphics/button_error.gif);}

/* Error popup text */

div.form_block.error a.help_link span.text {background-image: url(/graphics/error_top.png);}
div.form_block.error a.help_link.wide span.text {background-image: url(/graphics/error_top_wide.png);}	
div.form_block.error a.help_link span.text span {background-image: url(/graphics/error_bottom.png);}
div.form_block.error a.help_link.wide span.text span {background-image: url(/graphics/error_bottom_wide.png);}
div.form_block.error a.help_link span.text em {background: #992626;}
div.form_block.error a.help_link span.text span.point {background-image: url(/graphics/error_point.gif);}
						
/* ------------------------------------------------------------------ */
/* =Forms */
/* ------------------------------------------------------------------ */

form.default {
	margin: 0 0 1.5em 0;
	border-top: 5px solid #E3E3E3;
	padding: 0 30% 2px 0;
	background: #f8f8f8 url(/graphics/buttons_border.gif) repeat-x 0 100%;
	}

form#search {margin: 0 0 1.5em 0;}

/* Fieldsets */

fieldset {border: 0;}

form#search fieldset,
form.default fieldset {
	padding: 15px;
	background: #f5f5f5 url(/graphics/fieldset_bg.gif) repeat-x 0 100%;
	}
	
form.default fieldset {
	border: solid #fff;
	border-width: 1px 1px 0 0;
	padding-top: 10px;
	}
			
div.results_top fieldset {
	float: right;
	font-size: 0.85em;
	}
	
/* Legends */

legend {display: none;}
	
/* Structural */

div.form_block {font-size: 1.1em;}

form.default div.form_block {
	position: relative;
	padding: 8px 0;
	background: url(/graphics/horizontal_divide.gif) repeat-x;
	}

form.default div.form_block.first {background: none;}
form#search div.form_block {float: left;}
	
div.form_block.amount,
div.form_block.home_collected {width: 39.5%;}	
div.form_block.term {width: 37%;}	
div.form_block.postcode {width: 23%;}	
div.form_block.sort {width: 55%;}

div.form_block.home_collected div.radio_check {
	float: left;
	margin-right: 0.5em;
	}	

form.default div.form_right {
	float: right;
	width: 61%;
	}
			
div.divide {
	margin: 0 0 12px 0;
	padding: 0 0 15px 0;
	background: url(/graphics/horizontal_divide.gif) repeat-x 0 100%;
	}
	
/* Labels */

label,
#content p.label {
	font-weight: bold;
	line-height: 1.1;
	white-space: nowrap;
	}
	
form.default label,
form.default p.label {
	float: left;
	margin: 0;
	padding: 0.6em 1.4em 0.2em 0;
	width: 33%;
	}
	
form.default div.error label,
form.default div.error p.label {background: url(/graphics/icon_error_small.gif) no-repeat 100% 0.5em;}

div.form_block.home_collected label {
	display: block;
	margin: 0.4em 0 0 0;
	padding: 0.1em 0.2em 0 8px;
	font-weight: normal;
	}

#content div.form_block.home_collected p.label {margin: 0;}
		
div.results_top form label {
	float: left;
	margin-top: 1px;
	padding: 0;
	}

div.form_block.error label,
#content div.form_block.error p.label {color: #9a0000;}	
		
span.extra {
	float: left;
	margin: 9px 5px 0 0;
	font-weight: normal;
	}
	
form.default div.error label span,
form.default div.error p.label span {
	font-weight: normal;
	font-size: 0.9em;
	}

/* Form elements */
			
input,
select,
textarea,
button {font: 1em Tahoma, Verdana, Arial, sans-serif;}

input.text,
select,
textarea {
	margin: 5px 5px 0 0;
  padding: 3px 0 3px 2px;  
	width: 98%;
  background: #fffffe;
  }
  
div.radio_check input {
	margin-right: 2px;
	vertical-align: middle;
	}
 
select {
  padding: 2px;  
	width: 100%;
  }
			
div.results_top form select {
	margin: 0 0 0 5px;
	padding: 1px;
	width: 19em;
	}

option {padding: 0 2px;}

form#search div.form_block input.text,
form#search div.form_block select {float: left;}

div.form_block.amount input {width: 40%;}
div.form_block.term select {width: 50%;}
div.form_block.postcode input {width: 55%;}
div.form_block.sort select {width: 66%;}
    
input.text:focus,
select:focus,
textarea:focus {background: #FFFAE3;} 
    
div.form_block.error input.text,
div.form_block.error select,
div.form_block.error textarea {background: #f8dcdc;} 
			 
/* Buttons */
	
div.buttons {
	border-right: 1px solid #fff;
	padding: 15px;
	background: #f3f3f3;
	text-align: right;
	}

form#search div.buttons {
	background: #f8f8f8 url(/graphics/buttons_border.gif) repeat-x 0 100%;
	text-align: center;
	}	

#content div.buttons p {margin: 0;}
p.form_button input {cursor: pointer;}

#content p.form_button {
	display: -moz-inline-stack; /* Because Firefox 2 doesn't understand 'inline-block' */
	display: inline-block; /* For standards compliant browsers */
	margin: 0;
	background: #4b9bc6;
	}

p.form_button input {
	border: 0;
	padding: 3px 0 5px 0;
	width: 150px;
	height: 36px;
	background: url(/graphics/form_button_medium.gif) no-repeat;
	font-weight: bold;
	font-size: 1.5em;
	color: #fff;
	}	

p.form_button.small input {
	width: 100px;
	background-image: url(/graphics/form_button_small.gif);
	}	

p.form_button.large input {
	width: 200px;
	background-image: url(/graphics/form_button_large.gif);
	}

p.form_button.mini input {
	padding: 1px 0 4px 0;
	width: 75px;
	height: 21px;
	background: url(/graphics/form_button_mini.gif) no-repeat;
	font-size: 1.1em;
	}

p.form_button.wide input {
	width: 160px;
	background: url(/graphics/form_button_mini_wide.gif) no-repeat;
	}

p.form_button.mini.back input {
	width: 175px;
	background-image: url(/graphics/form_button_mini_back.gif);
	font-size: 0.9em;
	}
	
p.form_button input:hover,
p.form_button input:focus {background-position: 100% 0;}

/* Form header */

div.form_header,
div.info-box div.header {
	border-bottom: 5px solid #ee8e20;
	background: #62656b url(/graphics/form_header_left.gif) no-repeat;
	color: #fff;
	}

div.form_header div.wrapper,
div.info-box div.header div.wrapper {
	border-bottom: 1px solid #fff;
	padding: 8px 15px;
	background: url(/graphics/form_header_right.gif) no-repeat 100% 0;
	}
	
#content div.form_header h2,
#content div.info-box div.header h2 {
	margin: 0;
	border: 0;
	padding: 0;
	color: #fff;
	}
	
#content div.form_header h2 span {font-size: 0.6em;}	
	
#content div.form_header h3 {
	margin: 0;
	font-size: 1.5em;
	}
		
#content div.form_header h3 a {
	display: block;
	padding: 0 0 0 15px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	font-size: 0.7em;
	}

#content div.form_header h3 a:hover,
#content div.form_header h3 a:focus {text-decoration: underline;}	
#content div.form_header h3 a.open,
#content div.form_header h3 a:hover,
#content div.form_header h3 a:focus {background: url(/graphics/arrow_form_header_open.gif) no-repeat 0 50%;}
#content div.form_header h3 a,
#content div.form_header h3 a.open:hover,
#content div.form_header h3 a.open:focus {background: url(/graphics/arrow_form_header_closed.gif) no-repeat 4px 50%;}

#content div.form_header p {margin: 0 0 0.5em 0;}

#content div.info-box div.content {
	background: #f8f8f8 url(/graphics/buttons_border.gif) repeat-x 0 100%;
	border-right: 1px solid #fff;
	padding: 15px 15px 5px;
	margin-bottom: 15px;
	}
	
/* Form errors */
	
div.form_errors {
	margin: 0 0 1.5em 0;
	background: #ffefef url(/graphics/form_errors_top_left.gif) no-repeat;
	}
	
div.form_errors div {background: url(/graphics/form_errors_bottom_right.gif) no-repeat 100% 100%;}
div.form_errors div div {background: url(/graphics/form_errors_bottom_left.gif) no-repeat 0 100%;}	
	
div.form_errors div div div {
	padding: 10px 20px;
	background: url(/graphics/form_errors_top_right.gif) no-repeat 100% 0;
	color: #7e0909;
	}
	
#content div.form_errors h3 {
	border-bottom: 3px solid #f8e6e6;
	padding: 0.5em 0 0.5em 35px;
	background: url(/graphics/icon_error.gif) no-repeat 0 50%;
	font-size: 1.4em;
	color: #7e0909;
	}	
	
#content div.form_errors p {margin: 0 0 0.7em 0;}	
						
#content div.form_errors ul {
	margin: 0 0 1em 0;
	list-style: none;
	}		
						
#content div.form_errors li {
	margin: 2px 0;
	padding: 0;
	background: #f8e6e6;
	line-height: 1.5;
	}		
			
#content div.form_errors a {
	display: block;
	padding: 2px 5px 2px 0;
	font-weight: normal;
	text-decoration: none;
	line-height: 1.2;
	color: #7e0909;
	}		
	
#content div.form_errors a.email {
	display: inline;
	}	
			
#content div.form_errors a:hover,
#content div.form_errors a:focus {
	background: #fff;
	color: #540404;
	}		
		
#content div.form_errors li strong {
	margin: 0 5px 0 0;
	border-right: 2px solid #dbbaba;
	padding: 2px 5px;
	background: #fff;
	}		
		
#content div.form_errors a:hover strong,
#content div.form_errors a:focus strong {
	border-right-color: #9c4242;
	background: #e5b1b1;
	}

/* ------------------------------------------------------------------ */
/* =Tables */
/* ------------------------------------------------------------------ */

table {
	margin: 0 0 1.5em 0;
	border-collapse: collapse;
	font-size: 1em;
	}

caption {
	border-bottom: 1px solid #fff;
	padding: 3px 10px;
	background: #555;
	color: #fff;
	font-weight: bold;
	}
	
th {
	border-bottom: 1px solid #dadada;
	padding: 3px 10px;
	background: #e6e6e6;
	text-align: left;
	vertical-align: bottom;
	font-weight: bold;
	}	

td {
	border-bottom: 1px solid #eee;
	padding: 3px 10px;
	background: #fff;
	font-weight: normal;
	}	

table .centre {text-align: center;}

/* ------------------------------------------------------------------ */
/* =Lists */
/* ------------------------------------------------------------------ */

/* FAQs */

#content ol.faqs {
	margin-left: 0;
	border: 1px solid #e2e2e2;
	padding: 15px 15px 15px 40px;
	background: #f2f2f2;
	font-size: 1em;
	}

#content ol.faqs li {
	margin: 0;
	}

#content ol.faqs a {
	display: block;
	padding: 0.2em;
	text-decoration: none;
	}

#content ol.faqs a:hover,
#content ol.faqs a:focus {background: #fff;}

/* FAQs */
			
#content dl.faqs dt {
	margin-top: 1em;
	border-top: 1px solid #eee;
	padding-top: 0.7em;
	font-size: 1.5em;
	font-weight: normal;
	color: #9f511d;
	}

/* Glossary */
			
#content dl.glossary dt {
	margin: 1em 0 0 0;
	padding: 0.2em 0.5em;
	background: #eee;
	font-size: 1.5em;
	font-weight: normal;
	color: #9f511d;
	}
			
#content dl.glossary dd {
	padding: 1em;
	border: 1px solid #eee;
	}


/* ------------------------------------------------------------------ */
/* =Styles that need putting in order will have been put in here */
/* ------------------------------------------------------------------ */

div#open-ticket div.buttons p {
	text-align: left;
	margin-bottom: 15px;
}

div#open-ticket div.buttons p.button {
	text-align: center;
	margin: 0 auto;
}

body#holding h1 {
	margin: 150px auto 20px;
	float: none;
	}