@charset "UTF-8";
/* CSS Document */

body {
margin:0px 0px 0px 0px;
}

p {
font:normal 8pt Arial, Helvetica, sans-serif;
}

h1 {
font:normal 16pt Arial, Helvetica, sans-serif;
}

h2 {
font:normal 13pt Arial, Helvetica, sans-serif;
}

h3 {
font:bold 13pt Arial, Helvetica, sans-serif;
}

div#wrapper {
width:950px;
margin:0px auto 0px auto;
}

div#main-body {
width:950px;
}


/* Header */

div#header {
width:950px;
height:140px;
background-image:url(../forms/images/header-background.gif);
}

div#logo {
width:390px;
margin:0px 0px 0px 20px;
float:left;
}

div#header-nav-end {
height:140px;
float:right;
}

div#header-nav {
width:480px;
height:140px;
background-image:url(images/header-nav-backround.gif);
float:right
}

div#header-number {
margin:50px 20px 20px 20px;
}

div#header-number p {
font:normal 16pt Arial, Helvetica, sans-serif;
margin: 0px 0px 0px 0px;
color:#FFFFFF;
}

div#primarynav {
margin:0px 20px 20px 0px;
}

div#primarynav p {
font:bold 12pt Arial, Helvetica, sans-serif;
margin: 0px 0px 0px 0px;
color:#FFFFFF;
}

div#primarynav a {
text-decoration:none;
color:#FFFFFF;
}

div#primarynav a:hover {
text-decoration:underline;
color:#FFFFFF;
}


/* Secondary Navigation */

div#secondarynav {
width:230px;
float:left;
clear:left;
background-image:url(images/secondary-nav-background.gif);
}

div#secondarynav li {
font:normal 8pt Arial, Helvetica, sans-serif;
list-style:none;
margin:10px 0px 10px 10px;
}

div#secondarynav ul {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

div#secondarynav a {
text-decoration:none;
color:#000000;
}

div#secondarynav a:hover {
text-decoration:underline;
color:#000000;
}

div#secondary-nav-cap {
width:230px;
}

div#remortgage-index-txt {
text-decoration:none;
color:#0000FF;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
margin:0px 0px 0px 10px;
}
div#remortgage-index-txt a {
text-decoration:none;
color:#0000FF;
}
div#remortgage-index-txt a:hover {
text-decoration:underline;
color:#0000FF;
}

div#mortgage-index-txt {
text-decoration:none;
color:#FF0000;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
margin:0px 0px 0px 10px;
}
div#mortgage-index-txt a {
text-decoration:none;
color:#FF0000;
}

div#mortgage-index-txt a:hover {
text-decoration:underline;
color:#FF0000;
}

div#loan-index-txt {
text-decoration:none;
color:#339900;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
margin:0px 0px 0px 10px;
}
div#loan-index-txt a {
text-decoration:none;
color:#339900;
}
div#loan-index-txt a:hover {
text-decoration:underline;
color:#339900;
}

div#news-index-txt {
text-decoration:none;
color:#008dc1;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
margin:0px 0px 0px 10px;
}
div#news-index-txt a {
text-decoration:none;
color:#008dc1;
}
div#news-index-txt a:hover {
text-decoration:underline;
color:#008dc1;
}



/* Page body - General */

.page-content {
width:690px;
margin:0px 0px 0px 250px;
}

div#general-title-block {
width:100%;
height:45px;
background-image:url(forms/images/general-title-backdrop.gif);
}

div#general-title-block h1 {
color:#008dc1;
margin:0px 0px 0px 0px;
padding:12px 0px 0px 15px;
}

div#general-title-line {
width:100%;
height:5px;
background-color:#ced4e1;
}

div#page-image {
width:100%;
}

div#left-page-content {
width:500px;
}

div#mortgage-title-small {
width:240px;
height:36px;
background-image:url(forms/images/mortgage-small-title-backdrop.gif);
margin:0px 0px 0px 0px;
}

div#mortgage-title-small h2 {
color:#FFFFFF;
margin:0px 0px 0px 0px;
padding:8px 0px 0px 10px;
}
div#mortgage-title-small h2 a {
text-decoration:none;
color:#FFFFFF;
}
div#mortgage-title-small h2 a:hover {
text-decoration:underline;
color:#0000FF;
}

div#mortgage-small-block h3 {
color:#FF0000;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 15px;
}

div#mortgage-small-block {
width:240px;
background-image:url(forms/images/mortgage-small-backdrop.gif);
margin:20px 0px 0px 0px;
float:left;
}

div#mortgage-small-block p {
margin:15px 10px 15px 15px;
}

div#mortgage-small-bottom {
width:240px;
height:10px;
background-image:url(forms/images/mortgage-small-bottom.gif);
}

div#loan-title-small {
width:240px;
height:36px;
background-image:url(forms/images/loan-small-title-backdrop.gif);
margin:0px 0px 0px 0px;
}

div#loan-title-small h2 {
color:#FFFFFF;
margin:0px 0px 0px 0px;
padding:8px 0px 0px 10px;
}
div#loan-title-small h2 a {
text-decoration:none;
color:#FFFFFF;
}
div#loan-title-small h2 a:hover {
text-decoration:underline;
color:#0000FF;
}
div#loan-small-block h3 {
color:#339900;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 15px;
}

div#loan-small-block {
width:240px;
background-image:url(forms/images/loan-small-backdrop.gif);
margin:20px 0px 0px 20px;
float:left;
}

div#loan-small-block p {
margin:15px 10px 15px 15px;
}

div#loan-small-bottom {
width:240px;
height:10px;
background-image:url(forms/images/loan-small-bottom.gif);
}

div#headlineboxwide {
width:500px;
margin:0px 0px 20px 0px;
float:left;
}

div#headlineboxwide h2 {
margin:0px 0px 0px 0px;
}

div#copyboxwide {
width:500px;
background-color:#edf4fa;
margin:0px 0px 20px 0px;
float:left;
}

div#copyboxwide p {
font:normal 10pt Arial, Helvetica, sans-serif;
margin:0px 0px 0px 0px;
padding:10px 10px 10px 10px;
}

div#copyboxwide-white {
width:500px;
margin:20px 0px 20px 0px;
float:left;
}

div#copyboxwide-white p {
font:normal 10pt Arial, Helvetica, sans-serif;
margin:0px 0px 0px 0px;
padding:10px 10px 10px 0px;
}

div#copyboxnews {
width:500px;
margin:20px 0px 20px 0px;
float:left;
}

div#copyboxnews h2 {
font:normal 16pt Arial, Helvetica, sans-serif;
	color: #007EA8;
	padding-top:0px;
	padding-bottom:5px;
	margin: 0px 0px 0px 0px;
}

div#copyboxnews h3 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #007EA8;
	margin: 5px 0px 5px 0px;
}

div#copyboxnews p {
font:normal 10pt Arial, Helvetica, sans-serif;
margin:0px 0px 0px 0px;
padding:10px 10px 10px 10px;
}

div#copyboxform {
width:500px;
margin:20px 0px 20px 0px;
float:left;
}

div#copyboxform p {
font:normal 10pt Arial, Helvetica, sans-serif;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

div#copyboxform h2 {
font:bold 12pt Arial, Helvetica, sans-serif;
	color: #007EA8;
	padding:5px;
	margin: 0px 0px 0px 0px;
}

div#mortgage-appquo-title h1 {
font:bold 16pt Arial, Helvetica, sans-serif;
color:#FF0000;
}
div#remortgage-appquo-title h1 {
font:bold 16pt Arial, Helvetica, sans-serif;
color:#0000FF;
}
div#loan-appquo-title h1 {
font:bold 16pt Arial, Helvetica, sans-serif;
color:#339900;
}

.wesayyes-points-red {
font:bold 12pt Arial, Helvetica, sans-serif;
color:#FF0000;
}

.wesayyes-points-green {
font:bold 12pt Arial, Helvetica, sans-serif;
color:#339900;
}
.wesayyes-points-blue {
font:bold 12pt Arial, Helvetica, sans-serif;
color:#0000FF;
}

div#rightpanel {
width:172px;
margin:20px 0px 0px 0px;
float:right;
}

div#rightpanel p {
font:normal 12pt Arial, Helvetica, sans-serif;
margin:0px 0px 0px 0px;
padding:30px 10px 10px 10px;
}


/* Page body - Mortgage */

div#mortgage-title-block {
width:100%;
height:45px;
background-image:url(forms/images/mortgage-title-backdrop.gif);
}

div#mortgage-title-block h1 {
color:#FFFFFF;
margin:0px 0px 0px 0px;
padding:12px 0px 0px 15px;
}

div#subindex-title-line {
width:100%;
height:5px;
background-color:#FFFFFF;
}

div#mortgage-type-block {
width:500px;
border-style:solid;
border-width:thin;
margin:20px 0px 20px 0px;
float:left;
}

div#mortgage-type-block p {
font:normal 10pt Arial, Helvetica, sans-serif;
margin:0px 0px 0px 0px;
padding:10px 10px 10px 10px;
}

div#mortgage-type-block-white {
width:500px;
margin:0px 0px 0px 0px;
}

div#mortgage-type-block-tint {
width:500px;
margin:0px 0px 0px 0px;
background-color:#F3D8BA;
}

div#mortgage-type-button {
width:80px;
float:right;
margin:10px 10px 0px 10px;
}

/* Page body - Remortgage */

div#remortgage-title-block {
width:100%;
height:45px;
background-image:url(forms/images/remortgage-title-backdrop.png);
}

div#remortgage-title-block h1 {
color:#FFFFFF;
margin:0px 0px 0px 0px;
padding:12px 0px 0px 15px;
}

div#subindex-title-line {
width:100%;
height:5px;
background-color:#FFFFFF;
}

div#remortgage-type-block {
width:500px;
border-style:solid;
border-width:thin;
margin:20px 0px 20px 0px;
float:left;
}

div#remortgage-type-block p {
font:normal 10pt Arial, Helvetica, sans-serif;
margin:0px 0px 0px 0px;
padding:10px 10px 10px 10px;
}

div#remortgage-type-block-white {
width:500px;
margin:0px 0px 0px 0px;
}

div#remortgage-type-block-tint {
width:500px;
margin:0px 0px 0px 0px;
background-color:#F3D8BA;
}

div#remortgage-type-button {
width:80px;
float:right;
margin:10px 10px 0px 10px;
}

/* Page body - Loans */

div#loan-title-block {
width:100%;
height:45px;
background-image:url(forms/images/loan-title-backdrop.gif);
}

div#loan-title-block h1 {
color:#FFFFFF;
margin:0px 0px 0px 0px;
padding:12px 0px 0px 15px;
}

div#subindex-title-line {
width:100%;
height:5px;
background-color:#FFFFFF;
}

div#loan-type-block {
width:500px;
border-style:solid;
border-width:thin;
margin:20px 0px 20px 0px;
float:left;
}

div#loan-type-block p {
font:normal 10pt Arial, Helvetica, sans-serif;
margin:0px 0px 0px 0px;
padding:10px 10px 10px 10px;
}

div#loan-type-block-white {
width:500px;
margin:0px 0px 0px 0px;
}

div#loan-type-block-tint {
width:500px;
margin:0px 0px 0px 0px;
background-color:#d0ecc2;
}

div#loan-type-button {
width:80px;
float:right;
margin:10px 10px 0px 10px;
}


/* News */

#news-related-title{
	width:165px;
	background-color:#008EC0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	padding-left:5px;
	padding-bottom:2px;
	padding-top:2px;
}

#news-related-links{
	width:180px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-left:-10px;
	margin-top:10px;
}

#news-smallphoto {
	width:110px;
	float:left;
	padding-top:5px;
}


/* Footer */

div#footer {
width:950px;
height:30px;
margin:10px 0px 0px 0px;
background-color:#a5a6aa;
clear:both;
}

div#tertiarynav {
margin:5px 20px 5px 0px;
}

div#tertiarynav p {
font:bold 10pt Arial, Helvetica, sans-serif;
margin: 0px 0px 0px 0px;
color:#FFFFFF;
}

div#tertiarynav a {
text-decoration:none;
color:#FFFFFF;
}

div#tertiarynav a:hover {
text-decoration:underline;
color:#FFFFFF;
}


div#footer-lightblue {
width:950px;
height:20px;
background-color:#13b5ea;
}

div#footer-darkblue {
width:950px;
height:10px;
background-color:#25517f;
}