@import url('reset.css');

/* General
------------------------------------------------------------------------------*/
html {
	color: #000;
	background-color: #fff;
}

body {
	font-family: Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	color: inherit;
	background-color: inherit;
}

body * {
	background-repeat: no-repeat;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

p {
	line-height: 140%;
}

acronym {
	border-bottom: 1px dashed #000;
}


body.contrast_1 a:link, body.contrast_1 a:visited { color: #D90084; background-color: inherit; }
body.contrast_1 a:hover, body.contrast_1 a:active { color: #D90084; background-color: inherit; }

body.contrast_2 a:link, body.contrast_2 a:visited { color: #591057; background-color: inherit; }
body.contrast_2 a:hover, body.contrast_2 a:active { color: #591057; background-color: inherit; }

body.contrast_3 a:link, body.contrast_3 a:visited { color: #000; background-color: inherit; }
body.contrast_3 a:hover, body.contrast_3 a:active { color: #000; background-color: inherit; }

a:focus {
	background-color: red;
	text-decoration: underline;
}

div#wrapper {
	margin: 15px auto 0 auto;
	width: 975px;
	height: 700px;
	background-position: -47px 4px;
	background-image: url('../images/bg_uk_faded.png');
}

div#wrapper.content_page {
	background-position: -22px 4px;
	background-image: url('../images/bg_uk_faded_content_page.png');
}
/*----------------------------------------------------------------------------*/


/* Header
------------------------------------------------------------------------------*/
div#header {
	margin: 0 auto 0 auto;
	width: inherit;
	height: 116px;
	position: absolute;
	z-index: 50;
	
}

div#header a#home_buy {
	position: absolute;
	display: block;
	width: 200px;
	height: 66px;
	margin: 13px 0 0 0;
	background-image: url('../images/logo_home_buy.png');
	z-index: 100;
}

div#header a#home_buy span {
	position: absolute;
  top: -999em;
}
/*----------------------------------------------------------------------------*/


/* Main Menu
------------------------------------------------------------------------------*/
div#main_menu * {
	background-repeat: no-repeat;
}

div#main_menu {
	width: 779px;
	position: absolute;
	padding: 43px 0 0 195px;
	background-color: inherit;
	color: #fff;
}

div#main_menu ul {
	list-style: none !important;
	float: right;
	width: 752px;
}

div#main_menu ul li {
	margin: 0;
	padding: 0;
	float: left;
	width: 130px;
}

body.text_size_3 div#main_menu ul li a {
	height: 55px;
}

li#menu_contact_us {
	background-image: none !important;
}

body.contrast_1 li#menu_home { background-color: #76787b; color: #fff; }
body.contrast_1 li#menu_accessibility { background-color: #b6b8ba; color: #fff; }
body.contrast_1 li#menu_site_map { background-color: #c1c2c3; color: #fff; }
body.contrast_1 li#menu_faq { background-color: #87898c; color: #fff; }
body.contrast_1 li#menu_links { background-color: #9a9c9f; color: #fff; }
body.contrast_1 li#menu_contact_us { background-color: #acaeb1; color: #fff; }

body.contrast_2 li#menu_home { background-color: #76787b; color: #fff; }
body.contrast_2 li#menu_accessibility { background-color: #76787b; color: #fff; }
body.contrast_2 li#menu_site_map { background-color: #76787b; color: #fff; }
body.contrast_2 li#menu_faq { background-color: #76787b; color: #fff; }
body.contrast_2 li#menu_links { background-color: #76787b; color: #fff; }
body.contrast_2 li#menu_contact_us { background-color: #76787b; color: #fff; }

body.contrast_3 li#menu_home { background-color: #000; color: #fff; }
body.contrast_3 li#menu_accessibility { background-color: #000; color: #fff; }
body.contrast_3 li#menu_site_map { background-color: #000; color: #fff; }
body.contrast_3 li#menu_faq { background-color: #000; color: #fff; }
body.contrast_3 li#menu_links { background-color: #000; color: #fff; }
body.contrast_3 li#menu_contact_us { background-color: #000; color: #fff; }

body.text_size_1 { font-size: 10px; }
body.text_size_2 { font-size: 13px; }
body.text_size_3 { font-size: 18px; }

body.text_size_3 div#main_content {
	padding-top: 40px !important;
}

body.text_size_3 div#wrapper  {
	background-position: -47px 44px !important;
}


/* Menu width needs adjusting for large text sizes */
body.text_size_2 li#menu_home { width: 115px !important;   }
body.text_size_3 li#menu_home { width: 100px !important;   }
body.text_size_2 li#menu_accessibility { width: 160px !important; }
body.text_size_3 li#menu_accessibility { width: 200px !important; }

body.text_size_2 li#menu_links,
body.text_size_3 li#menu_links { width: 95px !important; }

body.text_size_2 li#menu_faq { width: 94px !important; }
body.text_size_3 li#menu_faq { width: 90px !important; }

body.text_size_2 li#menu_site_map { width: 140px !important; }
body.text_size_3 li#menu_site_map { width: 91px !important; }

body.text_size_2 li#menu_contact_us { width: 148px !important; }
body.text_size_3 li#menu_contact_us { width: 176px !important; }



li#menu_home { width: 134px !important; }
li#menu_accessibility { width: 125px !important; }
li#menu_site_map { width: 120px !important; }
li#menu_faq { width: 125px !important; }
li#menu_links { width: 126px !important; }
li#menu_contact_us { width: 121px !important;}

div#main_menu ul li a {
	width: auto;
	display: block;
	font-size: 150%;
	color: #f7f9f7;
	background-color: inherit;
	padding: 4px 20px 5px 11px;
	line-height: 1;
	background-image: url('../images/bg_side_element.png');
	background-position: top right;
}

li#menu_site_map a { background-image: none !important;}

div#main_menu ul li {
	padding: 0;
	margin: 0 0 0 0;
	display: block;
	
}

div#main_menu a:link, div#main_menu a:visited { text-decoration: none; }
div#main_menu a:hover, div#main_menu a:active { text-decoration: underline; }
/*----------------------------------------------------------------------------*/


/* Map
------------------------------------------------------------------------------*/
div#uk_map, div#uk_map_helper {
	margin: 157px 0 0 140px;
	padding-bottom: 40px;
	position: absolute;
}

div#uk_map {
	z-index: 10;
}

div#uk_map_helper {
	z-index: 5;
}

div#uk_map div.region_details {
	position: absolute;
	width: 170px;
	color: inherit;
	background-color: #fff;
	padding: 12px;
	display: none;
	cursor: pointer;
	border: 2px solid #000;
	z-index: -1;
}

body.contrast_1 div#uk_map div.region_details {
	border: 2px solid #d90084 !important;
}
body.contrast_1 div#uk_map div.region_details a {	
	color: #591057;
	background-color: inherit;
}

body.contrast_2 div#uk_map div.region_details, body.contrast_2 div#uk_map div.region_details a
body.contrast_3 div#uk_map div.region_details, body.contrast_3 div#uk_map div.region_details a {
	color: #000;
	background-color: #fff;
}

div#uk_map div.region_details h3 {
	font-size: 150%;
	margin-top: 0;
	margin-bottom: 0.5em;
	line-height: 120%;
}

body.text_size_3 div#uk_map div.region_details h3 {
	font-size: 110%;
}

body.text_size_3 div#uk_map div.region_details p {
	font-size: 100%;
}

body.contrast_1 div#uk_map div.region_details h3 {
	color: #d90084;
	background-color: inherit;
}

div#uk_map div.region_details div.pointer {
	position: absolute;
	width: 14px;
	height: 14px;
	display: block;
	margin: -14px 0 0 182px;
	background-image: url('../images/region_hover_arrow.png');
}

body.contrast_1 div#uk_map div.region_details div.pointer {
	background-image: url('../images/region_hover_arrow.png');
}

body.contrast_2 div#uk_map div.region_details div.pointer,
body.contrast_3 div#uk_map div.region_details div.pointer {
	background-image: url('../images/region_hover_arrow_high_contrast.png');
}

div#uk_map div.region_details p {
	font-size: 125%;
	line-height: 120%;
}

div#uk_map div.region_details p a {
	color: #739dd2;
	background-color: inherit;
	display: block;
}

div#uk_map div.region_details p a:link, div#uk_map div.region_details p a:visited {
	text-decoration: none;
}

div#uk_map div.region_details p a:hover, div#uk_map div.region_details p a:active {
	text-decoration: underline;
}
/*----------------------------------------------------------------------------*/


/* Heading
------------------------------------------------------------------------------*/
div#main_heading {
	background-image: url('../images/bg_side_element.png');
	background-position: top right;
	width: 235px;
	padding: 15px 12px 11px 12px;
	margin: 80px 0 0 222px;
	position: absolute;
}

div#main_heading h1 {
	width: 202px;
	height: 51px;
}

div#main_heading p {
	position: absolute;
	margin: 0 0 0 -5000em;
}

body.contrast_1 div#main_heading h1 { background-image: url('../images/gh_national_gateway.png'); }
body.contrast_2 div#main_heading h1 { background-image: url('../images/gh_national_gateway_contrast_2.png'); }
body.contrast_3 div#main_heading h1 { background-image: url('../images/gh_national_gateway_contrast_3.png'); }

body.contrast_1 div#main_heading { background-color: #591057; color: inherit; }
body.contrast_2 div#main_heading { background-color: #370333; color: inherit; }
body.contrast_3 div#main_heading { background-color: #000; color: inherit; }


div#main_heading h1 span {
	position: absolute;
  left: -999em;
}

div#main_heading {
	background-color: transparent !important;
}

div#main_heading h1 {
	background-image: none !important;
}

/*----------------------------------------------------------------------------*/


/* Description
------------------------------------------------------------------------------*/
div#description {
	color: #fff !important;
	background-color: inherit;
	background-image: url('../images/bg_side_element.png');
	background-position: top right;
	padding: 10px 55px 0 12px;
	margin: 80px 0 0 481px;
	width: 181px;
	position: absolute;
	z-index: 200;
}

body.contrast_1 div#description { background-color: #591057; color: inherit;  }
body.contrast_2 div#description { background-color: #370333; color: inherit;  }
body.contrast_3 div#description { background-color: #000; color: inherit;  }

div#description p {
	font-size: 140%;
	margin: 0 0 9px 0;
}

body.text_size_3 div#description p {
	font-size: 100% !important;
}

div#description a {
	color: #fff;
}
/*----------------------------------------------------------------------------*/


/* Aux Menu
------------------------------------------------------------------------------*/
body.contrast_1 div#products_and_options { background-color: #dfd5ea; color: inherit;  }
body.contrast_2 div#products_and_options { background-color: #370333; color: inherit; 	}
body.contrast_3 div#products_and_options { background-color: #000; color: inherit; }

body.contrast_1 div#products_and_options h2 { color: #591057;  background-color: inherit; }
body.contrast_2 div#products_and_options h2,
body.contrast_3 div#products_and_options h2 { color: #fff;  background-color: inherit; }

body.contrast_1 div#eligibility {	background-color: #becad7; color: inherit; }
body.contrast_2 div#eligibility { background-color: #586471; color: inherit; }
body.contrast_3 div#eligibility { background-color: #000; color: inherit; }

div#eligibility h2 {
	color: #fff;
	background-color: inherit;
}

div#aux_menus div li {
	padding-right: 12px;
	margin-bottom: 12px;
	background-image: url('../images/bg_side_element_alt.png');
	background-position: top right;
	line-height: 130%;
}

body.contrast_1 div#products_and_options li a { color: #591057; background-color: #fff; }
body.contrast_2 div#products_and_options li a,
body.contrast_3 div#products_and_options li a { color: #000 !important; background-color: #fff; }

body.contrast_1 div#eligibility li a { color: #d90084 !important; background-color: #fff; }

body.contrast_2 div#eligibility li a,
body.contrast_3 div#eligibility li a { color: #000 !important; background-color: #fff; }
 
div#aux_menus div li a {
	display: block;
	width: 200px;
	padding: 6px 4px 5px 6px;
	background-color: #fff;
	color: #d90084;
	font-size: 120%;
	line-height: 120%;
	cursor: pointer !important;
}

div#aux_menus div li a:link, div#aux_menus div li a:visited {
	text-decoration: none;
}

div#aux_menus div li a:hover, div#aux_menus div li a:active {
	text-decoration: underline;
}

div#aux_menus div#eligibility a {
	color: #808285;
	background-color: #fff;
}


div#aux_menus {
	position: absolute;
	margin: 80px 0 0 729px;
}

div#aux_menus div {
	width: 221px;
	padding: 12px 12px 2px 12px;
	margin-bottom: 12px;
}

div#aux_menus div h2 {
	font-size: 150%;
	margin-bottom: 16px;
}


body.contrast_1 div#aux_links a { color: #999; background-color: inherit; }
body.contrast_2 div#aux_links a { color: #000; background-color: inherit; }
body.contrast_3 div#aux_links a { color: #000; background-color: inherit; }

div#aux_links a { color: #999; background-color: inherit; }

div#aux_links {
	padding-top: 0;
	margin-top: -10px;
	text-align: right;
}

div#aux_logos {
	position: absolute;
	margin: 660px 0 0 0;
}
/*----------------------------------------------------------------------------*/


/* Visual Aids
------------------------------------------------------------------------------*/
div#visual_aids {
	position: absolute;
	z-index: 200;
	width: 975px;
}

div#visual_aids div {
	float: right;
	width: 185px;
}

div#visual_aids li {
	float: left;
	width: 25px;
	padding-left: 12px;
}

div#visual_aids a {
	display: block;
	width: 25px;
	height: 25px;
	cursor: pointer;
	float: left;
}

div#visual_aids a span {
	position: absolute;
  left: -999em;
}

div#visual_aids p {
	float: left;
	width: auto;
	padding: 8px 0 0 12px;
	font-size: 14px;
	font-weight: bold;
	color: #939598;
	background-color: inherit;
}

div#contrast li.default a {
	background-image: url('../images/icons/contrast_1.png');	
}
div#contrast li.medium a {
	background-image: url('../images/icons/contrast_2.png');	
}
div#contrast li.high a {
	background-image: url('../images/icons/contrast_3.png');	
}

div#text_size li.default a {
	background-image: url('../images/icons/text_size_1.png');	
}
div#text_size li.medium a {
	background-image: url('../images/icons/text_size_2.png');	
}
div#text_size li.large a {
	background-image: url('../images/icons/text_size_3.png');	
}
/*----------------------------------------------------------------------------*/

div#wrapper.map div#content {
	margin: 0;
	padding: 0;
}


div#content {
	position: absolute;
	width: 479px !important;
	min-height: 230px;
	margin: 70px 0 0 209px;
	padding: 15px;
}

body.text_size_2 div#wrapper.content_page div#content { margin-top: 70px !important; }
body.text_size_3 div#wrapper.content_page div#content { margin-top: 70px !important; }

* html div#content {
	height: 230px;
}

div#content p {
	font-size: 120%;
	margin: 0 0 10px 0;
}

div#content p.question em, div#content p.answer em {
	font-weight: bold;
}

body.contrast_1 p.question em { color: #D90084; background-color: inherit; }
body.contrast_1 p.answer em { color: #D90084; background-color: inherit; }

body.contrast_2 p.question em { color: #591057; background-color: inherit; }
body.contrast_2 p.answer em { color: #591057; background-color: inherit; }

body.contrast_3 p.question em { color: #000; background-color: inherit; }
body.contrast_3 p.answer em { color: #000; background-color: inherit; }

p.question { font-weight: bold; }







div#content ul,
div#content ol {
	line-height: 140%;
	
	margin: 0 0 10px 0;
}

a:focus {
	/*background-color: red !important;*/
	outline: thin dotted black;

}


/* Let's accomodate IE6 */
div#content ul,
div#content ol {
	font-size: 120%;
}
div#content ul ul,
div#content ol ol {
	font-size: 100%;
}
div#content ul ul ul,
div#content ol ol ol {
	font-size: 100%;
}


div#content ul {
	list-style: disc;
}

div#content ol {
	list-style: decimal;
}

div#content ul, div#content ol {
	padding-left: 1.5em;
}


div#content h2 {
	font-size: 180%;
	font-weight: bold;
	margin: 10px 0 25px 0;
	line-height: 120%;
}

body.contrast_1 div#content h2 { color: #D90084; background-color: inherit; }
body.contrast_2 div#content h2 { color: #591057; background-color: inherit; }
body.contrast_3 div#content h2 { color: #000; background-color: inherit; }

div#content h3 {
	font-size: 120%;
	font-weight: bold;
	margin: 15px 0 15px 0;
}

body.contrast_1 div#content h3 { color: #591057; background-color: inherit; }
body.contrast_2 div#content h3 { color: #591057; background-color: inherit; }
body.contrast_3 div#content h3 { color: #000; background-color: inherit; }


/* Tables - Data
------------------------------------------------------------------------------*/
table {
	width: 495px;
	border-collapse: collapse;
	margin: 0 0 15px 0;
}

table th, table td { padding: 10px; }

table th {
	line-height: 140%;
	font-size: 120%;
	font-weight: bold;
	color: #591057;
	background-color: inherit;
	text-align: left;
	width: 200px !important;
}

table td {
	font-size: 120%;
	width: auto;
	line-height: 120%;
}

table td p, table td ul {
	font-size: 100% !important;
}

table caption {
	padding: 10px;
	font-size: 120%;
	text-align: center;
	margin: 0 0 0 -1px;
	color: #591057;
	background-color: inherit;
	font-weight: bold;
}


table.external_links th { width: 240px !important; }

body.contrast_1 table caption { border: 1px solid #dfd5ea; background-color: #f7f4fa; color: #591057; }
body.contrast_2 table caption { border: 2px solid #666; background-color: #fff; color: #000; }
body.contrast_3 table caption { border: 2px solid #000; background-color: #fff; color: #000; }

body.contrast_1 table th, body.contrast_1 table td { border: 1px solid #dfd5ea; }
body.contrast_2 table th, body.contrast_2 table td { border: 2px solid #666; }
body.contrast_3 table th, body.contrast_3 table td { border: 2px solid #000; }

body.contrast_1 table th { background-color: #f7f4fa;  color: #591057; }
body.contrast_2 table th { background-color: #fff; color: #000; }
body.contrast_3 table th { background-color: #fff; color: #000; }

body.text_size_3 table.key_worker_eligibility {
	margin-left: -55px;
}

body.text_size_3 table.external_links {
	margin-left: -20px;
}

div#disclaimers {

}

div#disclaimers p {
	color: #666;
	padding: 0 0 10px 0;
	font-size: 100%;
}

div#disclaimers p.important {
	color: #333;
}

div.homebuy_agent {
	border-bottom: 1px solid #ccc;
	margin: 0 0 10px 0;
}
/*----------------------------------------------------------------------------*/

a#skip_to_main_content {
	position: absolute;
	left: -999em;
}

div#aux_logos_alt {
	position: absolute;
	margin: -70px 0 0 -220px;
}

div#aux_logos p, div#aux_logos_alt p {
	display: block;
	clear: both;
	font-size: 100%;
	color: #666666;
	text-align: left;
	margin: 0;
	padding: 5px 0 5px 0;
}

div#aux_logos p {

}


/* Map Specifics - bubble positions */
#london { margin: 405px 0 0 145px; }
#kent { margin: 430px 0 0 200px; }
#sussex { margin: 460px 0 0 170px }
#surrey { margin: 430px 0 0 140px; }
#hampshire { margin: 460px 0 0 90px; }
#berkshire { margin: 420px 0 0 95px; }
#dorset { margin: 480px 0 0 25px; }
#wiltshire { margin: 430px 0 0 45px; }
#somerset { margin: 450px 0 0 -10px; }
#devon_and_cornwall { margin: 490px 0 0 -90px; }
#avon_and_gloucestershire { margin: 390px 0 0 20px; }
#oxfordshire { margin: 390px 0 0 75px; }
#buckinghamshire_and_milton_keynes { margin: 380px 0 0 110px; }
#hertfordshire { margin: 380px 0 0 145px; }
#essex { margin: 380px 0 0 190px; }
#bedfordshire_cambridgeshire_peterborough_and_west_suffolk { margin: 335px 0 0 180px; }
#norfolk_and_suffolk { margin: 300px 0 0 220px; }
#hereford_and_worcester { margin: 355px 0 0 0px; }
#coventry_and_warwickshire { margin: 345px 0 0 60px; }
#sandwell_and_solihull { margin: 325px 0 0 45px; }
#northamptonshire { margin: 335px 0 0 95px; }
#staffordshire_and_shropshire_birmingham_dudley_walsall_wolverhampton { margin: 295px 0 0 15px; }
#derbyshire_leicestershire_and_nottinghamshire { margin: 275px 0 0 75px; }
#lincolnshire { margin: 250px 0 0 130px; }
#cheshire { margin: 250px 0 0 0px; }
#south_yorkshire { margin: 220px 0 0 65px; }
#merseyside { margin: 225px 0 0 -20px; }
#greater_manchester { margin: 215px 0 0 15px; }
#west_yorkshire { margin: 195px 0 0 45px; }
#north_yorkshire_and_humberside { margin: 140px 0 0 75px; }
#lancashire { margin: 190px 0 0 -10px; }
#cumbria { margin: 115px 0 0 -30px; }
#tees_valley_and_county_durham { margin: 105px 0 0 30px; }
#tyne_and_wear_and_northumberland { margin: 55px 0 0 20px; }
#rutland { margin: 302px 0 0 108px; }