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

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

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

p, ol {font-family: Times New Roman, Times, serif; font-size: 80%;line-height: 24px;}
ol ol {font-size: 100%;}

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

.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: #003366; font-weight:bold;}
A.BodyText:visited { font-family: Times New Roman, Times, serif; font-size: 80%;TEXT-DECORATION:underline;COLOR: #003366; font-weight:bold;}
A.BodyText:hover { font-family: Times New Roman, Times, serif; font-size: 80%;TEXT-DECORATION:underline;COLOR: #CC9933; font-weight:bold;}
.rates { font-family: Times New Roman, Times, serif; font-size: 75%;}

p.BodyText { font-family:  Times New Roman, Times, serif; font-size: 80%;line-height: 24px;}
p.Header17 { font-family: Arial, Helvetica, sans-serif; font-size: 95%; font-weight:bold;}
p.Header16 { font-family: Arial, Helvetica, sans-serif; font-size: 90%; font-weight:bold;}
p.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: #ffffff;font-weight:bold;}
A.HeaderWhite:visited {font-size: 85%; FONT-FAMILY: Arial, Helvetica, sans-serif;TEXT-DECORATION: none;COLOR: #ffffff;font-weight:bold;}
A.HeaderWhite:hover {font-size: 85%; FONT-FAMILY: Arial, Helvetica, sans-serif;TEXT-DECORATION: none;COLOR: #CC9933;font-weight:bold;}

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


.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: #003366; font-weight:bold;}

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

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

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

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

th.rates1 
{
	background-color: #FFFFEE;
	font-family: Times New Roman, Times, serif; font-size: 80%; COLOR: #003366;
}
td.SJP_TableHeader
{
	background-color: #003366;
	font-family: Arial, Helvetica, sans-serif; font-size: 90%; COLOR: #ffffff;font-weight:bold;
}
form.mortgagepage{
	margin-top: 3px;
}
img.mortgagetabs{
margin-right: 4px;
}
hr.mortgage{
	color: #003366;
	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;
}

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 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 #003366;
	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: #ffffff;
    border: 1px solid #c93;
    font-weight: bold;
    font-family: Times New Roman;
    CURSOR: hand;
}
#ltv_content {	
	width: 450px;
	background-color: #FFFFEE;
	margin:  0px 0px 0px 20px;
	padding: 0px;

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

#LTVPoPUPheader {
	width:474px;
	
	color: #FFFFEE;
	background-color: #003366;
	border-bottom : 6px solid #CC9933;
	height: 50px;

}

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

.LTVheading {
	font-size: 100%;
	font-weight: bold;
	color: #003366;
	text-align: left;
	margin: 0px;
	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 #ffffee;
	border-bottom: 1px solid #ffffee;
	margin: 0px 5px 5px 5px;
}

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

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

.productBoxes { clear: both; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 575px; font-size: 90%; }
	.productBoxes div, #content .productBoxes div { 
		float: left; 
		width: 175px; 
		border-top: 10px solid #cc9933; 
		background-color: #003366; 
		margin: 0px 0px 0px 0px; 
		padding: 10px 5px 5px 5px; 
		height: 215px; 
		min-height: 215px;
		text-align: center;
	}
	html>/**/body .productBoxes div { height: 270px; min-height: 270px; }
	
		div.productBoxes div p strong { font-size: 120%; }
		div.productBoxes div p, div.productBoxes div p a { color: #ffffff; }
		div.productBoxes div p.text { height: 96px; min-height: 96px; margin-top: 0px; padding-top: 0px; padding-bottom: 15px; }

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

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

/* BLUE BUTTONS */

div.productBoxes div p a.bluebuttons {
	display: block;
	color: #FFFFEE;
	font-weight: bold;
	padding: 3px 10px 3px 25px;
	margin: 0px;
	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: 0px 10px 8px 24px; }
#iSaverButton {	background-position: 10px 15px; }

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

div.productBoxes div p a.bluebuttons:link, a.bluebuttons:visited {
	border: 2px solid #CC9933;
	background-color: #003366;
	TEXT-DECORATION: none;

}

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

table.productTable {  }
	table.productTable th, table.productTable td { padding: 5px 5px 5px 5px; font-size: 90%; }
	table.productTable th { background-color: #cbcbcb; }
	table.productTable td { background-color: #e7e7e7; }
	
table.pageNav {  }
	table.pageNav td a { 
		margin-right: 5px; 
		border: 1px solid #003366; 
		display: block; 
		padding: 3px 10px 3px 10px; 
		text-decoration: none; 
		color: #003366; 
		font-weight: bold; 
		font-size: 90%;
	}
		table.pageNav td em a { border: 1px solid #cc9933; font-style: normal; }
		table.pageNav td a:hover { border: 1px solid #cc9933; text-decoration: none; color: #003366; font-size: 90%; }
		table.pageNav td a:visited { text-decoration: none; font-size: 90%; }