@charset "utf-8";
body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin:0 auto;
	width:950px;
}
form {
	padding:0px;
	margin:0px;
}
img {
	border:none;
}
.clear {
	display:block;
	clear:both;
	overflow:hidden;
	height:1px;
}
a {
	color:#FFF;
	text-decoration:none;
}
a:hover {
	color:#0092c8;
}
.portalHeader {
	height:36px;
	margin-bottom:3px;
	background-image:url(images/portalheader/background.jpg);
}
.portalHeader a.one {
	float:right;
	display:block;
}
.portalHeader a.two {
	float:left;
	display:block;
	margin-left:20px;
	margin-top:4px;
}
.pageHeader {
	height:159px;
	overflow:hidden;
	background-image:url(images/header/background.jpg);
	position:relative;
}
.pageHeader a.logo {
	margin-top:35px;
	margin-left:30px;
	display:block;
	float:left;
}
.pageHeader .contactDetails {
	float:right;
	text-align:right;
	color:#FFF;
	font-weight:bold;
	font-size:18px;
	margin-top:45px;
	margin-right:30px;
}
.pageHeader .contactDetails a {
	text-decoration:none;
	color:#0092c8;
	font-size:14px;
}
.pageHeader ul.links {
	list-style:none;
	position:absolute;
	bottom:0px;
	left:0px;
	padding:0px;
	margin:0 0 0 15px;
}
.pageHeader ul.links li {
	float:left;
}
.pageHeader ul.links li a {
	color:#FFF;
	font-weight:bold;
	display:block;
	overflow:hidden;
	padding:11px 7px 11px 7px;
	text-transform:uppercase;
	text-decoration:none;
}
.pageHeader ul.links li a:hover, .home .pageHeader ul.links li a.home, .mortgages .pageHeader ul.links li a.mortgages, .mortgagecalculator .pageHeader ul.links li a.mortgages, .mortgageenqform .pageHeader ul.links li a.mortgages, .equityrelease .pageHeader ul.links li a.equityrelease, .savingandinvestments .pageHeader ul.links li a.savingandinvestments, .pensions .pageHeader ul.links li a.pensions, .protection .pageHeader ul.links li a.protection, .inheritance .pageHeader ul.links li a.inheritance, .loans .pageHeader ul.links li a.loans, .contactus .pageHeader ul.links li a.contact {
	background-color:#0092c8;
}
.pageFooter {
	height:205px;
	background-color:#171717;
	padding:10px 12px;
}
.pageFooter .copyrightAndLogo {
	float:right;
	width:150px;
	text-align:right;
	margin-right:10px;
}
.pageFooter .copyrightAndLogo .copyright {
	margin-top:40px;
}
.pageFooter .copyrightAndLogo .copyright span {
	display:block;
	text-transform:uppercase;
	color:#FFF;
	font-size:9px;
}
.pageFooter .links {
	width:450px;
	float:left;
}
.pageFooter .links strong {
	color:#FFF;
	display:block;
	text-transform:uppercase;
	margin-bottom:10px;
}
.pageFooter .links ol {
	margin:0;
	padding:0;
}
.pageFooter .links ol li {
	list-style: none;
	float:left;
	width:200px;
}
.pageFooter .links ol li a {
	color:#858585;
	font-size:10px;
	display:block;
	line-height:14px;
	text-transform:uppercase;
	text-decoration:none;
}
.pageFooter .groupLinks {
	width:250px;
	float:left;
}
.pageFooter .groupLinks strong {
	color:#FFF;
	display:block;
	text-transform:uppercase;
	margin-bottom:10px;
}
.pageFooter .groupLinks ol {
	list-style:none;
	margin:0;
	padding:0;
}
.pageFooter .groupLinks ol li {
	float:left;
	clear:both;
}
.pageFooter .groupLinks ol li a {
	color:#858585;
	font-size:10px;
	line-height:14px;
	display:block;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
	width:250px;
}
.pageFooter .groupLinks ol li a.link1:hover {
	color:#FFF;
}
.pageFooter .groupLinks ol li a.link2:hover {
	color:#c64986;
}
.pageFooter .groupLinks ol li a.link3:hover {
	color:#0091c8;
}
.pageFooter .groupLinks ol li a.link4:hover {
	color:#c6212d;
}
.pageFooter .groupLinks ol li a.link5:hover {
	color:#e7b948;
}
.pageFooter .groupLinks ol li a.link6:hover {
	color:#8052a1;
}
.pageFooter .groupLinks ol li a.link7:hover {
	color:#CCC;
}
.pageFooter .groupLinks ol li a.link8:hover {
	color:#007947;
}
.pageFooter .repaymentText {
	float:left;
	color:#FFF;
	font-size:10px;
	clear:both;
	margin-top:20px;
	width:870px;
}
.pageContentWrapper {
	background-color:#171717;
	padding-bottom:10px;
}
.pageLeftCol {
	float:left;
	width:273px;
}
.pageLeftCol a {
	display:block;
	margin-bottom:12px;
	padding-bottom:9px;
	background-image:url(images/leftcol/background.jpg);
}
.pageLeftCol a img {
	padding-left:13px;
}
.pageLeftCol .calculator {
	border-top:14px solid #005d99;
	border-bottom:14px solid #005d99;
	border-left:12px solid #005d99;
	border-right:12px solid #005d99;
	background-image:url(images/leftcol/cal-background.jpg);
	background-position:bottom;
	background-color:#353535;
	height:274px;
	margin-bottom:12px;
}
.pageLeftCol .calculator h3 {
	padding:6px 0 0 35px;
	margin:15px 20px 10px 15px;
	height:27px;
	color:#FFF;
	font-size:14px;
	background-image:url(images/leftcol/pound-sign.gif);
	background-repeat:no-repeat;
	text-transform:capitalize;
}
.pageLeftCol .calculator ul {
	list-style:none;
	margin:0;
	padding:0;
}
.pageLeftCol .calculator ul li {
	padding-left:16px;
}
.pageLeftCol .calculator ul li label {
	color:#0092c8;
	display:block;
	font-weight:bold;
	font-size:12px;
	line-height:18px;
}
.pageLeftCol .calculator ul li input.textbox {
	display:block;
	width:205px;
	margin-top:2px;
	margin-bottom:14px;
	background-image:url(images/mortgages/textbox-background.gif);
	background-position:bottom;
	background-color:#bababa;
	border:none;
	padding:2px 4px;
	font-size:10px;
	color:#000;
}
.pageLeftCol .calculator ul li button.calculate {
	background-image:url(images/mortgages/calculate.jpg);
	background-repeat:no-repeat;
	background-color:transparent;
	width:118px;
	height:25px;
	margin-right:20px;
	cursor:pointer;
}
.pageLeftCol .calculator ul li button {
	float:right;
	display:block;
	border:none;
	cursor:pointer;
	margin-top:10px;
}
.pageLeftCol .calculator ul li.rateAndTerm label.rate {
	float:left;
	width:100px;
}
.pageLeftCol .calculator ul li.rateAndTerm select.rate {
	float:left;
	width:70px;
	clear:left;
	display:block;
	margin-right:30px;
}
.pageLeftCol .calculator ul li.rateAndTerm label.term {
	float:left;
	width:100px;
}
.pageLeftCol .calculator ul li.rateAndTerm input.term {
	float:left;
	width:104px;
	display:block;
}
.pageRightColWrapper {
	background-color:#171717;
	width:667px;
	padding-right:1px;
	float:right;
	padding-bottom:12px;
}
.pageRightCol {
	padding-right:15px;
	float:left;
	background-image:url(images/text-background.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}
.pageRightCol .textWrapper {
	margin:12px 10px 12px 10px;
	padding:10px;
	background-color:#343434;
}
.pageRightCol .textWrapper h1 {
	color:#0092c8;
	text-transform:uppercase;
	font-size:18px;
}
.pageRightCol .textWrapper h2 {
	color:#fff;
	text-transform:uppercase;
	font-size:13px;
	padding: 0 0 5px 0;
	margin:0px;
}
.pageRightCol .textWrapper p {
	color:#FFF;
	line-height:14px;
	word-spacing:1px;
	margin-top: 5px;
}
.pageRightCol .textWrapper p a {
	color:#FFF;
	font-weight:bold;
}

.boldcaps {
	font-weight:bold;
	text-transform: uppercase;
}
.pageRightCol .textWrapper p a.link1 {
	color:#FFF;
}
.pageRightCol .textWrapper p a.link2 {
	color:#c64986;
}
.pageRightCol .textWrapper p a.link3 {
	color:#0091c8;
}
.pageRightCol .textWrapper p a.link4 {
	color:#c6212d;
}
.pageRightCol .textWrapper p a.link5 {
	color:#e7b948;
}
.pageRightCol .textWrapper p a.link6 {
	color:#007947;
}
.pageRightCol .textWrapper p .boldBlue {
	color:#0092c8;
	font-weight:bold;
}
.pageRightCol .textWrapper p a:hover {
	color:#0092c8;
	font-weight:bold;
}
.pageRightCol .textWrapper ul {
}
.pageRightCol .textWrapper ul li {
	color:#FFF;
	line-height:14px;
	word-spacing:1px;
	margin-top: 5px;
}
.pageDefiniteVision a {
	display:block;
	float:right;
	margin:10px 0;
}
.errors {
	border:1px solid #F00;
	color:#F00;
	margin:0 0 10px;
	padding:10px;
}
.contactus h1 {
	font-size:18px;
	color:#0092c8;
	text-transform:uppercase;
}
.contactus h3 {
	color:#0092c8;
	text-transform:uppercase;
}
.contactus .form .boldBlue {
	color:#0092c8;
	font-weight:bold;
}
.contactus .form {
	color:#FFF;
	float:left;
	font-size:12px;
	width:390px;
	min-height:500px;
	border-right:1px solid #535151;
	padding-right:10px;
	margin-top:10px;
}
.contactus .form ul.theform {
	list-style:none;
	margin:0;
	padding:0;
}
.contactus .form ul.theform li {
	margin-bottom:5px;
	clear:both;
}
.contactus .form ul.theform li label {
	float:left;
	width:150px;
	font-weight:bold;
	text-transform:uppercase;
}
.contactus .form ul.theform li input {
	width:224px;
	background-image:url(images/contact/textbox-background.gif);
	background-repeat:repeat-x;
	border:none;
	padding:2px;
}
.contactus .form ul.theform li textarea {
	width:224px;
	height:200px;
	background-image:url(images/contact/textarea-background.gif);
	background-repeat:repeat-x;
	border:none;
	padding:2px;
}
.contactus .form ul.theform li button {
	float:right;
	display:block;
	border:none;
	cursor:pointer;
	margin-top:10px;
}
.contactus .form ul.theform li button.submit {
	background-image:url(images/contact/submit.gif);
	background-repeat:no-repeat;
	width:71px;
	height:20px;
	background-color:transparent;
}
.contactus .form ul.theform li button.reset {
	background-image:url(images/contact/reset.gif);
	background-repeat:no-repeat;
	width:83px;
	height:20px;
	margin-right:6px;
	background-color:transparent;
}
.contactus .form ul.theform li.captcha .textwithimg {
	display:block;
	float:left;
	width:224px;
}
.contactus .form ul.theform li.captcha span {
	display:block;
	padding-bottom:4px;
}
.contactus .form ul.theform li.captcha img {
	display:block;
	margin-bottom:4px;
}
.contactus .form ul.theform li.captcha input {
	float:left;
	margin-left:150px;
	width:130px;
}
.contactus .form ul.theform li.captcha a {
	color:#0092c8;
}
.contactus .form ul.theform li.captcha a:hover {
	color:#FFF;
}
.contactus .address {
	float:right;
	width:200px;
	color:#FFF;
	margin-top:26px;
}
.contactus .address address {
	font-style:normal;
	line-height:14px;
	margin-bottom:10px;
}
.contactus .address address strong {
	color:#0092c8;
	display:block;
}
.contactus .address div * {
	font-weight:bold;
}
.contactus .address span {
	color:#0092c8;
}
.callback h1 {
	font-size:18px;
	color:#0092c8;
	text-transform:uppercase;
}
.callback p {
	color:#FFF;
	padding-right:10px;
	line-height:16px;
}
.callback .errors {
	width:400px;
}
.callback .form {
	color:#FFF;
	font-size:12px;
	margin-top:10px;
	width:400px;
}
.callback .form ul.theform {
	list-style:none;
	margin:0;
	padding:0;
}
.callback .form ul.theform li {
	margin-bottom:15px;
	clear:both;
}
.callback .form ul.theform li label {
	float:left;
	width:150px;
	font-weight:bold;
	text-transform:uppercase;
}
.callback .form ul.theform li input {
	width:170px;
	background-image:url(images/contact/textbox-background.gif);
	background-repeat:repeat-x;
	border:none;
	padding:2px;
}
.callback .form ul.theform li button {
	margin-left:150px;
	margin-top:10px;
	display:block;
	border:none;
	cursor:pointer;
	background-image:url(images/callbackform/call-me.gif);
	background-repeat:no-repeat;
	background-color:transparent;
	width:87px;
	height:23px;
}
.callback .form ul.theform li.captcha .textwithimg {
	display:block;
	float:left;
	width:224px;
}
.callback .form ul.theform li.captcha span {
	display:block;
	padding-bottom:4px;
}
.callback .form ul.theform li.captcha img {
	display:block;
	margin-bottom:4px;
}
.callback .form ul.theform li.captcha input {
	float:left;
	margin-left:150px;
	width:130px;
}
.callback .form ul.theform li.captcha a {
	color:#0092c8;
}
.callback .form ul.theform li.captcha a:hover {
	color:#FFF;
}
.aboutus .pageRightColWrapper {
	padding-right:10px;
	width:650px;
}
.aboutus h1 {
	font-size:18px;
	color:#0092c8;
	text-transform:uppercase;
}
.aboutus p {
	color:#FFF;
	line-height:16px;
}
.error404 .pageRightColWrapper {
	padding-right:10px;
	width:650px;
}
.error404 h1 {
	font-size:18px;
	color:#0092c8;
	text-transform:uppercase;
}
.error404 p {
	color:#FFF;
	line-height:16px;
}
.smallprint {
	font-size:10px;
}
.mortgageenqform .pageRightColWrapper {
	padding-right:10px;
	width:650px;
}
.mortgageenqform .errors {
	width:400px;
}
.mortgageenqform h1 {
	font-size:18px;
	color:#0092c8;
	text-transform:uppercase;
}
.mortgageenqform p {
	color:#FFF;
	line-height:16px;
}
.mortgageenqform .form {
	color:#FFF;
	font-size:12px;
	margin-top:20px;
}
.mortgageenqform .form ul.theform {
	list-style:none;
	margin:0;
	padding:0;
}
.mortgageenqform .form ul.theform li {
	margin-bottom:15px;
	clear:both;
}
.mortgageenqform .form ul.theform li.spacer {
	height:10px;
}
.mortgageenqform .form ul.theform li label {
	float:left;
	width:150px;
	font-weight:bold;
	text-transform:uppercase;
}
.mortgageenqform .form ul.theform li input {
	width:170px;
	background-image:url(images/contact/textbox-background.gif);
	background-repeat:repeat-x;
	border:none;
	padding:2px;
}
.mortgageenqform .form ul.theform li button {
	margin-left:150px;
	display:block;
	border:none;
	cursor:pointer;
	background-image:url(images/mortgages/send.gif);
	background-repeat:no-repeat;
	background-color:transparent;
	width:71px;
	height:26px;
}
.mortgageenqform .form ul.theform li.captcha .textwithimg {
	display:block;
	float:left;
	width:224px;
}
.mortgageenqform .form ul.theform li.captcha span {
	display:block;
	padding-bottom:4px;
}
.mortgageenqform .form ul.theform li.captcha img {
	display:block;
	margin-bottom:4px;
}
.mortgageenqform .form ul.theform li.captcha input {
	float:left;
	margin-left:150px;
	width:130px;
}
.mortgageenqform .form ul.theform li.captcha a {
	color:#0092c8;
}
.mortgageenqform .form ul.theform li.captcha a:hover {
	color:#FFF;
}
.mortgagecalculator h1 {
	font-size:18px;
	color:#0092c8;
	text-transform:uppercase;
	margin-left:10px;
}
.mortgagecalculator .mortgagecalculatorform {
	background-image:url(images/mortgages/background-calulator.gif);
	height:297px;
	width:626px;
	overflow:hidden;
	background-repeat:no-repeat;
	margin-left:10px;
}
.mortgagecalculator .mortgagecalculatorform .col1 {
	margin-top:10px;
	float:left;
	width:249px;
	height:270px;
	overflow:hidden;
	margin-right:102px;
}
.mortgagecalculator .mortgagecalculatorform .col1 h3 {
	padding:6px 0 0 35px;
	margin:15px 20px 10px 30px;
	height:27px;
	color:#FFF;
	font-size:14px;
	background-image:url(images/mortgages/pound-sign.gif);
	background-repeat:no-repeat;
	text-transform:capitalize;
}
.mortgagecalculator .mortgagecalculatorform ul {
	list-style:none;
	margin:0;
	padding:0;
}
.mortgagecalculator .mortgagecalculatorform ul li {
	padding-left:30px;
}
.mortgagecalculator .mortgagecalculatorform ul li label {
	color:#0092c8;
	display:block;
	font-weight:bold;
	font-size:12px;
	line-height:18px;
}
.mortgagecalculator .mortgagecalculatorform ul li input.textbox {
	display:block;
	width:205px;
	margin-top:2px;
	margin-bottom:12px;
	background-image:url(images/mortgages/textbox-background.gif);
	background-position:bottom;
	background-color:#bababa;
	border:none;
	padding:2px 4px;
	font-size:10px;
	color:#000;
}
.mortgagecalculator .mortgagecalculatorform .col1 ul li button.calculate {
	background-image:url(images/mortgages/calculate.jpg);
	background-repeat:no-repeat;
	background-color:transparent;
	width:118px;
	height:25px;
	margin-right:8px;
	cursor:pointer;
}
.mortgagecalculator .mortgagecalculatorform ul li button {
	float:right;
	display:block;
	border:none;
	cursor:pointer;
	margin-top:10px;
}
.mortgagecalculator .mortgagecalculatorform .col1 ul li.rateAndTerm label.rate {
	float:left;
	width:100px;
}
.mortgagecalculator .mortgagecalculatorform .col1 ul li.rateAndTerm select.rate {
	float:left;
	width:70px;
	clear:left;
	display:block;
	margin-right:30px;
}
.mortgagecalculator .mortgagecalculatorform .col1 ul li.rateAndTerm label.term {
	float:left;
	width:100px;
}
.mortgagecalculator .mortgagecalculatorform .col1 ul li.rateAndTerm input.term {
	float:left;
	width:104px;
	display:block;
}
.mortgagecalculator .mortgagecalculatorform .col2 {
	padding-top:68px;
	float:left;
	width:248px;
}
.mortgagecalculator .mortgagecalculatorform .col2 ul li button.enquiry {
	background-image:url(images/mortgages/enquire-now.jpg);
	background-repeat:no-repeat;
	background-color:transparent;
	width:147px;
	height:25px;
	margin-right:6px;
	cursor:pointer;
}



