body {margin-left: 0; margin-top: 0; margin: 0em;padding: 0em; font-size: 100%; font-weight: normal; color:#036; background-color:#ffe;}

A:link {font-size: 100%; FONT-FAMILY: Times New Roman, Times, serif; TEXT-DECORATION: underline;COLOR: #036}
A:visited {font-size: 100%; FONT-FAMILY: Times New Roman, Times, serif; TEXT-DECORATION: underline;COLOR: #036}
A:hover {font-size: 100%; FONT-FAMILY: Times New Roman, Times, serif; TEXT-DECORATION: underline;COLOR: #c93}

div.box {
font-family: Times New Roman, Times, serif; font-size: 80%;line-height: 24px;
	width: 100%;
	padding: 8px;
	border: 1px solid #c93;
}

p, ol {font-family: Times New Roman, Times, serif; font-size: 80%;line-height: 24px;}
ol ol, ol p {font-size: 100%;}
ol.larger-font li,ol.larger-font p {font-size:12.8px;} 
ol.larger-font .Header17{font-size:15.2px;}


.subNav {  }
	.subNav td a { border: 1px solid #c93; color: #fff; font-size: 80%; padding: 4px;  }
	.subNav td a:hover, .subNav em a { border: 1px solid #fff; color: #fff;  }

.BodyText { font-family: Times New Roman, Times, serif; font-size: 80%;line-height: 24px;}
A.BodyText:link { font-family: Times New Roman, Times, serif; font-size: 80%;TEXT-DECORATION:underline;COLOR: #036; font-weight:bold;}
A.BodyText:visited { font-family: Times New Roman, Times, serif; font-size: 80%;TEXT-DECORATION:underline;COLOR: #036; font-weight:bold;}
A.BodyText:hover { font-family: Times New Roman, Times, serif; font-size: 80%;TEXT-DECORATION:underline;COLOR: #c93; font-weight:bold;}
.rates { font-family: Times New Roman, Times, serif; font-size: 75%;}

.BodyText { font-family:  Times New Roman, Times, serif; font-size: 80%;line-height: 24px;}
.Header17 { font-family: Arial, Helvetica, sans-serif; font-size: 95%; font-weight:bold;}
.Header16 { font-family: Arial, Helvetica, sans-serif; font-size: 90%; font-weight:bold;}
.Header14 { font-family: Times New Roman, Times, serif; font-size: 85%; font-weight:bold;}
.Header17 { font-family: Arial, Helvetica, sans-serif; font-size: 95%; font-weight:bold;}
.Header19 { font-family: Arial, Helvetica, sans-serif; font-size: 110%; font-weight:bold;}

a.Header17:link { font-family: Arial, Helvetica, sans-serif; font-size: 120%; font-weight:bold; text-decoration;}
a.Header17:visited { font-family: Arial, Helvetica, sans-serif; font-size: 120%; font-weight:bold; text-decoration;}
a.Header17:hover { font-family: Arial, Helvetica, sans-serif; font-size: 120%; font-weight:bold; text-decoration;}

.MortgageTypeName{
	font-family: Arial, Helvetica, sans-serif; font-size: 120%; font-weight:bold; text-decoration;
}

A.HeaderWhite:link {font-size: 85%; FONT-FAMILY: Arial, Helvetica, sans-serif;TEXT-DECORATION: none;COLOR: #fff;font-weight:bold;}
A.HeaderWhite:visited {font-size: 85%; FONT-FAMILY: Arial, Helvetica, sans-serif;TEXT-DECORATION: none;COLOR: #fff;font-weight:bold;}
A.HeaderWhite:hover {font-size: 85%; FONT-FAMILY: Arial, Helvetica, sans-serif;TEXT-DECORATION: none;COLOR: #c93;font-weight:bold;}

.Footer {font-size: 71%; FONT-FAMILY: arial, helvetica, sans-serif; color: #036; font-weight:none;}
A.Footer:link {font-size: 71%; FONT-FAMILY: Arial, Helvetica, sans-serif;TEXT-DECORATION: underline;COLOR: #036;}
A.Footer:visited {font-size: 71%; FONT-FAMILY: Arial, Helvetica, sans-serif;TEXT-DECORATION: underline;COLOR: #036;}
A.Footer:hover {font-size: 71%; FONT-FAMILY: Arial, Helvetica, sans-serif;TEXT-DECORATION: underline;COLOR: #c93;}


.SJP_IconNames { font-family: Arial, Helvetica, sans-serif;
                             font-size: 11px;
                             line-height: 11px;
                             font-weight: bold; text-decoration: none}
.HowtoApply {font-family: Arial, Helvetica, sans-serif; font-size: 71%;TEXT-DECORATION:none;COLOR: #036; font-weight:bold;}

A.BodyText11bold:link {font-family: Arial, Helvetica, sans-serif; font-size: 71%;TEXT-DECORATION:none;COLOR: #036; font-weight:bold;}
A.BodyText11bold:visited { font-family: Arial, Helvetica, sans-serif; font-size: 71%;TEXT-DECORATION:none;COLOR: #036; font-weight:bold;}
A.BodyText11bold:hover { font-family: Arial, Helvetica, sans-serif; font-size: 71%;TEXT-DECORATION:none;COLOR: #c93; font-weight:bold;}

ul {font-family: Times New Roman, Times, serif; font-size: 80%; COLOR: #036; line-height: 24px; vertical-align: top; 	margin-top : 0; -webkit-padding-start: 20px;}

ul.dot li{
	list-style-type: disc;
	font-size:12.8px;
}

.SJP_red {color: red; font-family: Times, serif; font-weight: bold; font-size: 95%; text-decoration: none}

th.rates
{
	background-color: #036;
	font-family: Arial, Helvetica, sans-serif;  font-size: 90%; COLOR: #ffe;
}
tr.rates
{
	background-color: #ffe;
	font-family: Times New Roman, Times, serif; font-size: 80%; COLOR: #036;
}

th.rates1
{
	background-color: #ffe;
	font-family: Times New Roman, Times, serif; font-size: 80%; COLOR: #036;
}
td.SJP_TableHeader
{
	background-color: #036;
	font-family: Arial, Helvetica, sans-serif; font-size: 90%; COLOR: #fff;font-weight:bold;
}
form.mortgagepage{
	margin-top: 3px;
}
img.mortgagetabs{
margin-right: 4px;
}
hr.mortgage{
	color: #036;
	height: 1px;
}
hr.mortgagebreak{
	color: #c93;
	height: 1px;
}
td.mortproductname{
	background-color: #036;
	height: 36px;
	font-family: Times New Roman;
	font-size: 70%;
	color: #fff;
	font-weight: bold;
	padding: 5px;
}
td.mortltv{
	background-color: #036;
	height: 36px;
	font-family: Times New Roman;
	font-size: 100%;
	color: #fff;
	font-weight: bold;
	padding: 5px;
}

td.mortgagepageunderline{
	height: 2px;
	border-bottom: 2px solid black;
}
td.mortgagepagespacer{
	height: 3px;
}
.mortgagepagesubtext{
	font-family: Times New Roman;
	font-size: 70%;
	font-weight: normal;
}
td.mortinitialrate{
	background-color: #036;
	height: 36px;
	font-family: Times New Roman;
	font-size: 100%;
	font-weight: bold;
	padding: 5px;
}
td.mortarrow{
	background-color: #c93;
	height: 36px;
	font-family: Times New Roman;
	font-size: 100%;
	font-weight: bold;
	color: #000001;
	padding: 5px;
	background-image: url("/images/arrow.gif");
	background-repeat: no-repeat;
	background-position: right;
	width:150px;
}

td.mortarrowLarge{
	color: #000001;
	font-family: Times New Roman;
	font-weight: bold;
	background-color: #c93;
	padding: 5px;
	/*background-image: url("/images/arrow_large.jpg");*/
	background-repeat: no-repeat;
	background-position: right;
}
p.largearrow {
	font-size: 100%;
	line-height: 13px;
	font-family: Times New Roman;
	font-size: 100%;
	padding: 9px 0 0;
	margin: 0;
}

td.mortcomparison{
	background-color: #ffe;
	height: 36px;
	font-family: Times New Roman;
	font-size: 100%;
	font-weight: bold;
	padding: 5px;
}
td.mortgagepageunderlinebottom{
	height: 1px;
	border-bottom: 1px solid #036;
}
td.mortgagepagelastitem{
	height: 10px;
}
td.mortgagepage{
	padding-bottom: 7px;
}
td.mortgagepagebanner1{
	height: 35px;
	padding-top: 7px;
}
tr.mortgagepage{
	border-bottom: 2px solid black;
}
th.mortgagepage{
	font-size: 75%;
	font-family: Times New Roman;
	font-weight: bold;
	padding-bottom: 5px;
}
.bodytextsmaller{
	font-size: 70%;
}
.legalbodytextsmaller{
	font-size: 75%;
}
p.ltvtool{
	border: 1px solid #036;
	padding: 5px;
}
.risk{
	font-weight: bold;
	font-family: Times New Roman;
	font-size: 85%;
}
.tabs{
	margin-right: 5px;
}
.mortgagepagegrey{
	font-size: 70%;
}
input.buttonCalc
{
	font :100%;
    BACKGROUND: #036;
    COLOR: #fff;
    border: 1px solid #c93;
    font-weight: bold;
    font-family: Times New Roman;
    CURSOR: hand;
}
#ltv_content {
	width: 450px;
	background-color: #ffe;
	margin:  0 0 0 20px;
	padding: 0;

}
#ltv_content div.nodot {
	margin:  10px 5px 0;
	padding: 0;
}

#LTVPoPUPheader {
	width:474px;

	color: #ffe;
	background-color: #036;
	border-bottom : 6px solid #c93;
	height: 50px;

}

#LTVPoPUPheader .logo {
	margin: 0;
	padding: 0;
}

.LTVheading {
	font-size: 100%;
	font-weight: bold;
	color: #036;
	text-align: left;
	margin: 0;
	padding: 5px;
	font-family: Times New Roman, Times, serif; line-height: 16px;
}
.right {
	float: right;
	margin-right: 5px;
}
.LTVPoPUPdetails {
	width: 420px;
	border-top: 1px solid #ffe;
	border-bottom: 1px solid #ffe;
	margin: 0 5px 5px;
}

.LTVPoPUPdetails td {
	border-top: 1px solid #ffe;
	border-bottom: 1px solid #ffe;
	background-color: #ccc;
	padding: 2px 5px;
	font-size: 70%;
}

.LTVPoPUPdetails th {
	border-top: 1px solid #ffe;
	border-bottom: 1px solid #ffe;
	border-right: 1px solid #ffe;
	border-left: 1px solid #ffe;
	padding: 2px 1px;
	font-size: 70%;
}

.productBoxes { clear: both; margin: 0; padding: 0; width: 575px; font-size: 90%; }
	.productBoxes div, #content .productBoxes div {
		float: left;
		width: 175px;
		border-top: 10px solid #c93;
		background-color: #036;
		margin: 0;
		padding: 10px 5px 5px;
		height: 215px;
		min-height: 215px;
		text-align: center;
	}
	html>/**/body .productBoxes div { height: 285px; min-height: 270px; }

		div.productBoxes div p strong { font-size: 120%; }
		div.productBoxes div p, div.productBoxes div p a { color: #fff; }
		div.productBoxes div p.text { height: 185px; min-height: 96px; margin-top: 0; padding-top: 0; padding-bottom: 15px; }

		html>/**/body div.productBoxes div p.text { height: 110px; min-height: 110px; }

	.productBoxes div.middleBox { margin: 0 20px; }
	html>/**/body .productBoxes div.middleBox { margin: 0 10px; }

/* BLUE BUTTONS */

div.productBoxes div p a.bluebuttons {
	display: block;
	color: #ffe;
	font-weight: bold;
	padding: 3px 10px 3px 25px;
	margin: 0;
	height: 60px;
	min-height: 60px;
	background-image: url(/images/arrow20c.gif);
	background-repeat: no-repeat;
	background-position: 10px 26px;
	font-size: 100%;
	white-space: nowrap;
}
html>/**/body div.productBoxes div p a.bluebuttons { padding: 0 10px 8px 24px; }
#iSaverButton {	background-position: 10px 15px; }

html>/**/body div.productBoxes div p a.bluebuttons { background-position: 10px 23px; padding: 0 10px 5px 25px; height: 50px; min-height: 50px; }
html>/**/body #iSaverButton { background-position: 10px 10px; padding: 0 10px 5px 25px;}

div.productBoxes div p a.bluebuttons:link, a.bluebuttons:visited {
	border: 2px solid #c93;
	background-color: #036;
	TEXT-DECORATION: none;
	margin-top: 25px;
}

div.productBoxes div p a.bluebuttons:hover {
	color: #ffe;
	border: 2px solid #c93;
	background-color: #c93;
}

table tr td {
	text-align: left;
	vertical-align: baseline;
}
td.valign-top{
	vertical-align:top;
}

table.productTable {  }
	table.productTable th, table.productTable td { padding: 5px; }
	table.productTable th { background-color: #cbcbcb; }
	table.productTable td { background-color: #e7e7e7; }

table.pageNav {  }
	table.pageNav td a {
		margin-right: 5px;
		border: 1px solid #036;
		display: block;
		padding: 3px 10px;
		text-decoration: none;
		color: #036;
		font-weight: bold;
		font-size: 90%;
	}
		table.pageNav td em a { border: 1px solid #c93; font-style: normal; }
		table.pageNav td a:hover { border: 1px solid #c93; text-decoration: none; color: #036; font-size: 90%; }
		table.pageNav td a:visited { text-decoration: none; font-size: 90%; }

#cookies-policy{color:#fff; text-decoration:none;margin:0 0 0 5px; font-family: Arial, sans-serif; }
td#cookiePolicyBox { text-align: right; padding: 5px 50px 0 0; font-family: Arial, sans-serif; font-size: 80%; }

.productTable {
    font-size: 90%;
}

.productTable p {
    font-size: 90%;
}

.productTable ul {
    font-size: 90%;
}

#smaller {
    font-size: 80%;
}