/* CSS Document for Unity Microsite (issuer) */

html, body {
	height: 100%;
}

body {
	background: url(../../graphics/backgrounds/mainBkg.gif) repeat-y #ffffff;
	color: #333333;
	font: 70% Verdana, Arial, Geneva, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

table 
{
	font-size: 100%;
}

/* Layout Rules */
#topbanner {
	background: url("../../graphics/backgrounds/bannerBg.gif") repeat-x bottom #143e7a;
	height: 96px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 5;
}

#productmenu {
	padding: 107px 0 30px 0;
	position: absolute;
	top: 0;
	width: 140px;
	z-index: 4;
}

#secondarymenu {
	background-color: #eeeeee;
	color: #143E7A;
	padding: 10px 10px 0 0;
	position: absolute;
	right: 0;
	top: 96px;
	width: 170px;
	z-index: 3;
}	

#maincontent { /* DO NOT change order of attributes - 'Box Model Hack' */
	min-height: 100%;
	height: 100%;
	position: relative;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
}

html>body #maincontent { /* Be nice to Opera */
	height: auto;
}

#middle {
	height: auto;
	padding: 83px 20px 20px 165px;
	margin: 0;
}

#contentborder { /* Draws the vertical border to the right of the Menu for Mozilla */
	border-left: 1px solid #cccccc;
	margin: 0;
	padding: 24px 6px 30px 15px;
}

#footer {
	bottom: 0;
	font-size: 80%;
	padding: 20px 0 4px 0;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 10;
}

#insuranceOptions {
	width: 100%;
}

/* End of layout styles */

/* New product menu with Sliding Doors - aligned left */
#productmenu img { /* Progress bar image */
	height: 223px;
	width: 116px;
}

#productmenu ul {
   list-style: none;
	margin: 0 0 0 5px;
   padding: 0;
}
	 
#productmenu li {
  background: url("../../graphics/backgrounds/MenuBkgRight.gif") no-repeat right top;
  margin: 0 0 2px 0;
  padding: 0;
  width: 155px;
}

#productmenu a {
  display: block;
  background: url("../../graphics/backgrounds/MenuBkgLeft.gif") no-repeat left top;
  color: #333333;
  font-weight: bold;
  padding: 5px 10px 7px 10px;
  text-decoration: none;
}

#productmenu a:hover {
	color: #ffffff;
}
 
/* styles required to show selected tab when on that tab's page */
#productdetailspage li.productdetails, 
#loanIllustrationPage li.loanillustration,
#paymentprotectionpage li.paymentprotection, 
#applyPage li.apply {
  background-image: url("../../graphics/backgrounds/MenuBkgRight_ov.gif");	
}

#productdetailspage li.productdetails a, 
#loanIllustrationPage li.loanillustration a,
#paymentprotectionpage li.paymentprotection a, 
#applyPage li.apply a {
	background-image: url("../../graphics/backgrounds/MenuBkgLeft_ov.gif");
	color: #ffffff;
	cursor: default;
}

/* Secondary menu */
#secondarymenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#secondarymenu ul li {
	padding: 0;
	margin: 0 0 15px 10px;
}

#secondarymenu ul li a {
	color: #143E7A;
}

#secondarymenu ul li a:hover {
	text-decoration: none;
}

#secondarymenu h2 {
	font-size: 100%;
	padding: 0 0 0 10px;
}

/* Branding images */
#leftlogocontainer img { /* Left middle image */
	background: url("../../graphics/logos/marginLogo.jpg") no-repeat;	
	height: 200px;
	width: 150px;
}

#topbanner img { /* Top left image */
	background: url("../../graphics/logos/logo.gif") no-repeat;
	clear: right;
	float: left;
	height: 76px;
	margin: 0 0 0 15px;
	width: 281px
}

#topbanner img.banneradvert { /* Top right image */
	background: url("../../graphics/advertising/topAdvert.jpg") no-repeat;
	float: right;
	height: 72px;
	margin: 3px 2px 0 0;
	width: 139px;
}

/* Main content */

#maincontent h1 {
	border: none;
	color: #143E7A;
	font-size: 140%;
	margin: 0 0 15px 0;
	padding: 0;
}

#maincontent h2 {
	color: #143E7A;
	font-size: 120%;
	margin: 15px 0 15px 0;
	padding: 0;
}

#maincontent h2.simpletoapply,
#maincontent h2.applynow {
	margin: 15px 0 5px 0;
}

#maincontent h3 {
	color: #143E7A;
	font-size: 90%;
}

#maincontent hr {
	border-bottom: 1px dotted #999999;
	color: #ffffff;
}

#maincontent p {
	margin: 0 10px 10px 0;
	padding: 0;
}

#maincontent #footer p {
	margin: 0;
}

#maincontent p a {
  color: #003366;
}
  
#maincontent p a:hover {
  text-decoration: none;
}

#maincontent ul.inlineunorderedlist {
	margin: 0 0 15px 25px;
	padding: 0;
}

#maincontent div.formrow 
{
	width: 33em;
}

#maincontent div.formrow span.left {
	width: 30em;
}

#maincontent div.formrow span.right {
	clear: left;
	float: right;
}

#maincontent table.formtable {
	margin: 10px 0 20px 0;
	width: 100%;
}

#maincontent table.formtable th {
	text-align: left;
}

#maincontent table.formtable td {
	padding: 3px 10px 3px 0;
	vertical-align: top;
}

#maincontent table.formtable label {
	padding-right: 5px;
}

#maincontent label.inlinelabel {
	margin: 0;
	padding: 0 0 0 5px;
}

#maincontent table.formtable td.invisibletext {
	padding: 0;
}

#maincontent table.formtable col.threecol1,
#maincontent table.formtable col.twocol1 {
	width: 180px;
}

#maincontent table.formtable col.threecol2 {
	width: 200px;
}

#maincontent table.formtable col.editcol {
	text-align: right;
}

#maincontent table.formtable col.fivecol1 {
	width: 170px;
}

#maincontent table.formtable col.fivecol2 {
	width: 185px;
}

#maincontent table.formtable col.fivecol3 {
	width: 1px;
}

#maincontent table.formtable col.fivecol4 {
	width: 185px;
}

#maincontent table.formtable td label span {
	font-size: 1px;
	color: #ffffff; 
	height: 1px;
	margin: 0;
	padding: 0;
	width: 1px;
}

#maincontent table.formtable label.invisiblelabel {
	font-size: 1px;
	color: #ffffff; 
	height: 1px;
	left: -2000px;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 1px;
}

#maincontent table.formtable td.invisibletext label,
#maincontent table.formtable td.invisibletext label span,
#maincontent table.datagrid td.lastcol label {
	font-size: 1px;
	color: #ffffff; 
	height: 1px;
	left: -2000px;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* make label helptext invisible */
.reader-only {
	font-size: 1px;
	color: #ffffff; 
	height: 1px;
	margin: 0;
	padding: 0;
	width: 1px;
	
	/* 
	the off-left technique for hiding stuff from screen browsers 
	that we want rendered by screen readers - a de-facto standard
	*/
	position: absolute;
	left: -999px;
	width: 990px;
}
#legalinformation fieldset 
{
	border: 0;
	margin: 0;
	margin-bottom: -20px;
	padding: 0;
}

#legalinformation label {
	padding: 0 10px 0 0;
	width: 94%;
}

#maincontent table.welcomechoices td {
	padding: 10px 15px 10px 0;
}

#maincontent table.loanillustrationlayout td {
	padding: 5px 0 5px 0;
}

#maincontent table.consolidationtable {
	margin: 20px 0 20px 0;
	width: 100%;
}

#maincontent table.consolidationtable th {
	font-weight: normal;
	text-align: left;
}

#maincontent table.consolidationtable thead th {
	font-weight: bold;
	text-align: left;
}

#maincontent table.consolidationtable col.fourcol1 {
	width: 200px;
}

#maincontent table.consolidationtable col.fourcol2,
#maincontent table.consolidationtable col.fourcol3 {
	width: 150px;
}

#maincontent table.creditcaretable {
	border: 1px solid #143e7a;
	border-collapse: collapse;
	margin: 0 0 10px 0;
/*	width: 400px;*/
}

#maincontent table.creditcaretable col.fourcol1 {
	width: auto;
}

#maincontent table.creditcaretable col.fourcol2,
#maincontent table.creditcaretable col.fourcol3,
#maincontent table.creditcaretable col.fourcol4 {
	width: 60px;
}

#maincontent table.creditcaretable thead th {
	background-color: white;
	border: 1px solid #143E7A;
	color: #ffffff;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	text-align: center;
}

#maincontent table.creditcaretable thead tr th.firstcol {
	text-align: left;
}

#maincontent table.creditcaretable tr.row td,
#maincontent table.creditcaretable tr.row th {
	border-color: #cccccc;
	border-style: solid;
	border-width: 0 1px 1px 0;
	padding: 2px 5px 2px 5px;
	text-align: center;
}

#maincontent table.creditcaretable tr.row th {
	font-weight: normal;
	text-align: left;
}

#maincontent table.creditcareoptionstable {
	border: 1px solid #143E7A;
	border-collapse: collapse;
	width: 80%;
	margin: auto;
	margin-bottom: 20px;
}

#maincontent table.creditcareoptionstable col {
	width: 198px;
}

#maincontent table.creditcareoptionstable td {
	border-left: 1px solid #143E7A;
	border-right: 1px solid #143E7A;
	font-size: 90%;
	padding: 0 5px 0 5px; 
	vertical-align: top;
}

#maincontent table.creditcareoptionstable tr.invisiblerow td {
	background-color: #143E7A;
	color: #143E7A;
	font-size: 1px;
}

#maincontent table.creditcareoptionstable thead th {
	background-color: #143E7A;
	border: 1px solid #143E7A;
	color: #FFFFFF;
	text-align: left;
}

#maincontent table.creditcareoptionstable thead td {
	background-color: #143E7A;
	color: #FFFFFF;
	text-align: left;
}

#maincontent table.creditcareoptionstable ul {
	padding: 0;
	margin: 3px 3px 5px 0;
}

#maincontent table.creditcareoptionstable ul li {
	list-style: none;
}

#maincontent table.datagrid {
	border: 1px solid #143E7A;
	/* width: 80%; */
	margin: auto;
	/* margin: 0 3% 10px 3%; */
}

#maincontent table.datagrid tr.datagridheader td {
	background-color: #143E7A;
	border: 1px solid #143E7A;
	color: #FFFFFF;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	vertical-align: top;
}

#maincontent table.datagrid tr.datagriditem {
	padding: 0 5px 0 5px;
}

#maincontent table.datagrid tr.datagridalternatingitem {
	background-color: #f9f9f9;
	color: #333333;
	padding: 0 5px 0 5px;
}

#maincontent table.datagrid td {
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;	
	padding: 1px 5px 1px 5px;
}


#maincontent table.datagrid td.lastcol {
	border-right: 1px solid #143E7A;	
}

#maincontent div.legalinformation {
	background-color: #f9f9f9;
	border: 1px dotted #999999;
	padding: 10px 10px 5px 10px;
	margin-bottom: 10px;
	height: 0;
	/* box model hack used to ensure background and border is shown in IE 5.5 SP2 - Do not change order of attributes */
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
	overflow: visible;
}

#maincontent div.legalinformation p {
	margin: 0 0 10px 0;
}

#maincontent div.legalinformation p em {
	font-style: normal;
}

#maincontent #legaltextcontainer {
	background-color: #f9f9f9;
	border-color: #999999;
	border-style: dotted;
	border-width: 1px 0 1px 1px;
	height: 200px;
	margin-top: 10px;
	overflow: auto;
	padding: 5px 5px 0 5px;
}

#maincontent #legaltextcontainer h2 {
	margin: 0 0 5px 0;
}

#maincontent #legaltextcontainer p {
	line-height: 1.5em;
}

/* Form Submission Buttons */
#maincontent #buttons {
	margin: 20px 0 10px 0;
	text-align: center;
}

#maincontent input.hiddenbutton {
	background-color: #ffffff;
	border: none;
	color: #ffffff;
	font-size: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	width: 1px;
}

#printbutton a {
	background: url("../../graphics/icons/print.gif") left no-repeat;
	color: #0000ff;
	font-size: 80%;
	font-weight: normal;
	line-height: 18px;
	padding: 5px 5px 5px 18px;
}

#printbutton a:hover {
	text-decoration: none;
}

#maincontent input,
#maincontent select {
	border: 1px solid #7F9DB9;
	font-size: 100%; /* Fixes inheritance bug of font-size from body rule */
	padding: 1px 0 1px 3px;
}

#maincontent input.disabled,
#maincontent select.disabled {
	background-color: #eeeeee;
	border: 1px solid #cccccc !important;
	color: #666666;
	font-size: 100%;  /* Fixes inheritance bug of font-size from body rule */
	padding: 1px 0 1px 3px;
}

#maincontent input.proceed {
	background: url(../../graphics/buttons/buttonRight.gif) right 3px no-repeat;
	border: none;
	padding-right: 25px;
	padding-left: 5px;
	text-align: left;
}

#maincontent input.goback {
	background: url("../../graphics/buttons/buttonLeft.gif") left 3px no-repeat;
	border: none;
	padding-left: 25px;
	padding-right: 5px;
	text-align: right;
}

#maincontent input.formbutton {
	background-color: #CBDFF8;
	border: 1px solid #7F9DB9;
	color: #143E7A;
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#999999,strength=3);
	font-weight: bold;
}

#maincontent input.inline {
	filter: none !important;
	height: 18px;
	padding: 0 7px 0 7px;
}

#maincontent input.error,
#maincontent input.select {
	background-color: #ffffcc;
	border: 1px solid #7f9db9;
}

#maincontent input.disable 
{
	background-color: #eeeeee;
	border: 1px solid #7f9db9;
}

#maincontent input.radio,
#maincontent span.radio input,
#maincontent input.checkbox {
	background-color: transparent;
	border: none;
}

#maincontent input.radioerror,
#maincontent span.radioerror input,
#maincontent input.checkboxerror {
	background-color: #ffffcc;
	border: 1px solid #7f9db9;
}

#maincontent span.radio label,
#maincontent span.radioerror label{
	margin: 0 5px 0 5px;
}

#maincontent div.errorblock {
	background: url(../../graphics/icons/warning.gif) 10px 9px no-repeat #ffffcc; 
	border: 1px dotted #cccccc;
	color: #333333 !important; /* The !important rule needs to be removed when inline style bug is removed from the error control */
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 10px 10px 15px 30px;
}

#maincontent div.errorblock ul {
	margin: 0;
	padding: 5px 0 0 0;
}

#maincontent div.errorblock ul li {
	font-weight: normal;
	margin: 0 0 0 20px;
	padding: 0;
}

/* bulletted items */
#maincontent ul.bulletlist {
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
}

#maincontent ul.bulletlist li {
	background: url("../../graphics/bullets/arrowBullet.gif") no-repeat left top;
	margin-left: 3px;
	padding-left: 15px;
	line-height: 150%;
}

#maincontent ul.bulletlist li strong {
	font-size: 150%;
}

#maincontent table.faqquestions {
	margin: 15px 0 15px 0;
}

#maincontent table.faqquestions col.twocol1,
#maincontent table.faqquestions col.twocol2 {
	width: 50%;
}

#maincontent table.faqquestions td {
	vertical-align: top;
}

#maincontent table.faqquestions ul {
	list-style: disc;
	margin: 0;
	padding: 0 10px 0 15px;
	vertical-align: top;
}

#maincontent table.faqquestions ul li {
	padding-bottom: 3px;
}

#maincontent table.faqquestions a:link,
#maincontent table.faqquestions a:active,
#maincontent table.faqquestions a:visited {
	color: #0000ff;
	font-weight: normal;
	text-decoration: underline;
}

#maincontent table.faqquestions a:hover {
	text-decoration: none;
}

#maincontent #faqanswers {
	background-color: #f9f9f9;
	border: 1px dotted #999999;
	/* height: 130px;
	overflow: hidden; */ 
	margin: 15px 0 0 0;
	padding: 0 10px 10px 10px;
	height: 0;
	/* box model hack used to ensure background and border is shown in IE 5.5 SP2 - Do not change order of attributes */
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
	overflow: visible;
}

#maincontent #faqanswers h2,
#maincontent #faqanswers h3 {
	color: #333333;
	font-size: 100%;
	margin: 0;
	padding: 10px 0 0 0;
}
#maincontent #faqanswers p {
	padding: 0;
}
#maincontent #faqanswers a.inpagelink
{
		background: url(../../graphics/icons/triangleUp.gif) no-repeat transparent;
		text-decoration: underline;
		padding-left: 15px;
}

#maincontent p.topofpage {
	margin: 0 0 20px 0;
	text-align: left;
}

/* Important information screen */
#maincontent #importantinformation {
	background-color: #f9f9f9;
	border-color: #999999;
	border-style: dotted;
	border-width: 1px 0 1px 1px;
	height: 215px;
	overflow: auto;
	margin: 15px 0 0 0;
	padding: 0 10px 10px 10px;	
}
#maincontent #importantinformation h2,
#maincontent #importantinformation h3 {
	color: #333333;
	font-size: 100%;
	padding: 0;
	margin: 10px 0 0 0;
}
#maincontent #importantinformation p {
	padding: 0;
	margin: 0 0 15px 0;
}

/* Terms and Conditions screen */
#maincontent #legalinformation {
	border: 1px solid #143E7A;
	height: 175px;
	overflow: auto;
	margin: 15px 0 0 0;
	padding: 0 10px 10px 10px;	
}

#maincontent #legalinformation h2,
#maincontent #legalinformation h3 {
	font-size: 100%;
	padding: 0;
	margin: 10px 0 0 0;
}
#maincontent #legalinformation p {
	padding: 0;
	margin: 0 0 15px 0;
}

/* Budget Planner screens */
#maincontent table.budgetplannertable {
	background-color: #FFFFFF;
	border: 1px solid #143E7a;
	border-collapse: collapse;
	color: #143E7A;
	margin: 0 0 10px 0;
	vertical-align: top;
} 

#maincontent table.budgetplannertable2 {
	margin: 0 0 10px 0;
}

#maincontent table.budgetplannertable col.threecol1 {
	width: 125px;
}

#maincontent table.budgetplannertable col.threecol2 {
	text-align: right;
	width: 110px;
}

#maincontent table.budgetplannertable col.threecol3 {
	width: 360px;
}

#maincontent table.budgetplannertable tr.budgetplanneraltrow {
	background-color: #ffffff;
	color: #333333;
}

#maincontent table.budgetplannertable thead tr th {
	background-color: #143E7a;	
	color: #FFFFFF;
	font-weight: bold;
}

#maincontent table.budgetplannertable td,
#maincontent table.budgetplannertable th {
	border-right: 1px solid #143E7A;
	border-bottom: 1px solid #cccccc;
	color: #333333;
	font-weight: normal;
	padding: 1px 5px 1px 5px;
	text-align: left;
	vertical-align: top;
}

#maincontent table.budgetplannertable tr.lastrow td,
#maincontent table.budgetplannertable tr.lastrow th {
	background-color: #eeeeee;
	border-bottom: 1px solid #143E7A;
}

#maincontent table.budgetplannertable td input {
	margin-left: 5px;
}

#maincontent table.budgetplannertable label.invisiblelabel {
	font-size: 1px;
	color: #ffffff; 
	height: 1px;
	left: -2000px;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* Commission Illustration table */
#maincontent table.commissionillustrationtable {
	background-color: #ffffff;
	border: 1px solid #143E7A;
	border-collapse: collapse;
	color: #143E7A;
	font-size: 100%;
	margin: 0 0 10px 0;
	vertical-align: top;
} 

#maincontent table.commissionillustrationtable col.eightcol1 {
	text-align: left;
}

#maincontent table.commissionillustrationtable col.eightcol2,
#maincontent table.commissionillustrationtable col.eightcol3,
#maincontent table.commissionillustrationtable col.eightcol4,
#maincontent table.commissionillustrationtable col.eightcol5,
#maincontent table.commissionillustrationtable col.eightcol6,
#maincontent table.commissionillustrationtable col.eightcol7,
#maincontent table.commissionillustrationtable col.eightcol8,
#maincontent table.commissionillustrationtable col.eightcol9 {
	text-align: right;
}

#maincontent table.commissionillustrationtable thead th {
	background-color: #143E7A;
	color: #FFFFFF;
	padding: 5px;
}
#maincontent table.commissionillustrationtable th {
	border-right: 1px solid #143E7A;
	color: #333333;
	padding: 2px 5px 2px 5px;
}
#maincontent table.commissionillustrationtable td {
	border-right: 1px solid #143E7A;
	color: #333333;
	padding: 2px 5px 2px 5px;
	text-align: right;
}

/* Quick questions */
#maincontent table.quickquestionstable {
	margin: 0 0 25px 0;
}

#maincontent table.quickquestionstable td {
	padding: 0 20px 10px 0;
	vertical-align: top;
}

/* Print Header */

#printheader {
	display: none;
}

/************************************************/

/* Banned styles - Do not remove */
applet,
b,
basefont,
center,
dir, 
font,
i,
isindex,
menu,
s,
script,
strike,
u {
	background-color: #ffffcc !IMPORTANT; /* Dot not remove important rule */
	color: #FF0000 !IMPORTANT; /* Dot not remove important rule */
}