body {
	margin: 0;
	padding: 0;
	background: #f3f0e8 url(../images/bg_body.gif) repeat-x;
	color: #000;
	font-family: "trebuchet ms", trebuchet, arial, sans-serif;
	line-height: 1;
}
/* IDs used in body tag to target divs for different page types / templates */
/* 
#index = main pages, e.g. personal
#indented = type of landing page seen on business > lending
#interior = interior pages as seen on personal > borrowing > mortgage
 */

 #ex_dis{
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	text-align: left;
	position: absolute;
	border: 2px solid #003499;
	padding: 15px;
	display:none;
	z-index: 500;
	width:400px;
	top:339px; /* Changed on 11/5/08 for 201-34467 */
	left:193px;
	/*FILTER: progid:DXImageTransform.Microsoft.dropShadow( Color=CCCCCC,offX=7,offY=8,positive=true);*/
}
	
/* ############################################################################################## */

table.contentTable td {
	vertical-align: top;
}
table.contentTable td {
	padding-top: 6px;
	padding-bottom: 6px;
	border-bottom: 1px solid #00477D;
}
* html table.contentTable td ul {
	padding-left: 0px;
	margin-left: 0px;
	margin-top: 0px;
}
table.contentTable td ul {
	padding-left: 0px;
	margin-top: 0px;
}
table.contentTable td ul li {
	margin: 0;
	padding: 0 0 0 10px;
	background: url(../images/li.gif) no-repeat 0 4px;
	list-style-type: none;
	list-style-image: none;
	width: 144px;
}
table.contentTable .tableheader {
	color:#00477D !important;
	font-size:13px !important;
	font-weight:bold !important;
	background-color: transparent !important;
	font-family: "trebuchet ms", trebuchet, arial, sans-serif;
	padding-bottom: 0px;
}
table.contentTable a:link, table.contentTable a:visited, table.contentTable a:active {
	color:#00477D;
	font-weight:bold;
	font-size:12px;
	line-height:14px;
	font-family:"trebuchet ms",trebuchet,arial,sans-serif;
	text-decoration: none;
}
table.contentTable a:hover {
	text-decoration: underline;
}
table.contentTable strong {
	color:#00477D;
	font-weight:bold;
	font-size:12px;
	line-height:14px;
	font-family:"trebuchet ms",trebuchet,arial,sans-serif;
	text-decoration: none;
}


/* ############################################################################################## */
 
a:link {
	color: #00477D;
	text-decoration: underline;
	}
a:visited {
	color: #666;
	text-decoration: underline;
	}
a:hover {
	color: #000;
	text-decoration: underline;
	}
	
a img { border: none; }

h1 {
	margin: 0;
	padding: 0;
	color: #00477d;
	font-size: 24px;
	line-height: 36px;
	}
h2 {
	margin: 0;
	/* margin: 10px 0; */
	padding: 0;
	color: #00477d;
	font-size: 18px;
	line-height: 18px;
	}
h3 {
	margin: 10px 0;
	color: #00477d;
	font-size: 14px;
	}

h4	{
	margin: 10px 0;
	color: #00477d;
	font-size: 12px;
	}

p {
	margin: 10px 0;
	}
	
ul li { /* lists with special image markers are achieved with background, via descendant selectors per section */ 
	list-style-image: none; 
	background-image: none;
	}

table {	font-size: 100%; /* IE inheritance fix */ }

/****** =LAYOUT *******/

.clearfloat {
	clear: both;
	height: 1px;
	}
.clear0 {
	height: 0;
	clear: both;
	}

.pageShadow {
	width: 760px;
	background: #fff url(../images/bg_container_shadow.gif) repeat-y right;
	}
.adShadow {
	width: 760px;
	min-height: 310px;
	background: url(../images/bg_ad_shadow.gif) no-repeat right top;
	}
	/* top border color: #f58439 */
.container {
	margin-right: 10px;
	font-size: 12px;
	}
a img { border: none; }
.masthead {
	background: #fff;
	border-top: 5px solid #f58439;
	}
.logo {
	float: left;
	width: 195px;
	}
	
/****** =NAVIGATION *******/
.utility {
	float: right;
	width: 503px;
	margin: 40px 10px 0 0;
	background: #ede7d0 url(../images/bg_utility.gif) no-repeat top right;
	}

* html .utility { display: inline; /* fix IE doubled float-margin bug *//* IE lt7 */ }

.utilityNav {
	float: left;
	width: 300px;
	}
.utilityNav ul {
	list-style: none;
	margin: 0;
	padding: 5px 0 0 5px;
	background: url(../images/bg_utility_ul.gif) no-repeat top left;
	line-height: 1;
	}
.utilityNav li { float: left; }

.siteSearch {
	float: right;
	width: 190px;
	padding-top: 5px;
	text-align: right;
	}
.siteSearch form {
	margin: 0;
	padding: 0 8px 0 0;
	}
.siteSearch form input {
	margin: 0;
	padding: 0;
	vertical-align: top;
	font-size: 12px;
	}
.siteSearch .searchField {
	width: 128px;
	height: 15px;
	margin-right: 5px;
	padding-left: 2px;
	border: 0;
	background: #fff;
	color: #000;
	}
.nav {
	min-height: 30px;
	background: #006eb5;
	}
.nav ul {
	list-style: none;
	margin: 0;
	padding: 0 18px 0 0;
	text-align: right;
	}
.nav li {
	display: inline;
	margin: 0 0 0 49px;
	}
.nav li a {
	line-height: 30px;
	font-weight: bold;
	font-size: 14px;
	}
.nav li a:link, .nav li a:visited {
	color: #fff;
	text-decoration: none;
	}
.nav li a:hover, .nav .on a:link, .nav .on a:visited {
	color: #86C8F1;
	text-decoration: none;
	}

.breadCrumb {
	min-height: 30px;
	padding: 0 10px;
	font-size: 12px;
	line-height: 30px;
	color: #00477D;
	}
* html .breadCrumb { height: 30px; /* IE lt7 */}
.breadCrumb span { color: #333; }
.breadCrumb a:link, .breadCrumb a:visited, .breadCrumb a:hover { color: #00477D; text-decoration: none; }
.breadCrumb a:hover { text-decoration: underline; }
.textSize {
	float: right;
	line-height: inherit;
	}
* html .textSize { padding-top: 6px; /* IE lt7 */}

.textSize img {
	margin-left: 5px;
	vertical-align: middle;
	}
/****** =LOGIN *******/

.leftCol {
	float: left;
	width: 180px;
	}
.loginArea {
	padding-bottom: 5px;
	background: #00477d;
	color: #fff;
	}
.loginArea form {
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 11px;
	}
.loginArea input {
	margin: 2px 0 5px 0;
	padding: 0;
	font-size: 10px;
	vertical-align: top;
	}
.loginArea .loginField {
	width: 118px;
	height: 15px;
	margin-right: 5px;
	padding-left: 2px;
	border: 0;
	background: #fff;
	color: #000;
	font-family: verdana, sans-serif;
	}
.loginLinks {
	margin: 0 5px 0 10px;
	padding: 5px;
	background: url(../images/bg_login_links.gif) no-repeat;
	font-size: 11px;
	}
.loginLinks a:link, .loginLinks a:visited, .loginLinks a:hover { color: #fff; text-decoration: none;}
.loginLinks a:hover { text-decoration: underline; }

.accountOpen {
	margin: 0 0 10px 0;
	}

.leftPromos {
	 margin: -20px 0 0 0px; 
	/*margin: 0px 0 0 0px;*/
	}
	
* html .leftPromos {
margin: -20px 0 0 0px; 
}

.modulePadding {
	padding: 5px 10px 1px 10px;
	font-size: 12px;
	}
	
.moduleLight a:link, .moduleLight a:visited {
	color: #766647;
	text-decoration: none;
	}
.moduleLight a:hover {
	color: #000;
	text-decoration: underline;
	}

* html .box170Bg, * html .subNavBg, /* *:first-child+html .subNavBg  */{
	height: 1%;
	}
.subNavBg {
	min-height: 1%;
	margin: 0 0 9px 10px;
	border-bottom: 1px solid #fff;
	background: url(../images/bg_promo_text.gif) repeat-y;
	}

.subNavTop {
	min-height: 31px;
	padding: 6px 0 0 10px;
	background: url(../images/bg_subnav_top.gif) no-repeat top;
	color: #00477d;
	font-size: 18px;
	}
* html .subNavTop {
	height: 31px;
	}
.subNav  {
	background: url(../images/bg_subnav_bottom.gif) no-repeat bottom;
	color: #766647;
	}

	
.spaced { /* applied to divs containing image promotions - to match rounded boxes */
	padding: 0 0 10px 0;
	}
	
.subNav ul {
	list-style: none;
	margin: 0 1px;
	padding: 5px 0;
	}
.subNav li {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px; /* */
	}
.subNav li a {
	display: block;
	padding-left: 10px;
	}
* html .subNav a  {/* IE lt7 */
	height: 20px;
	}

.subNav li a:link, .subNav li a:visited {
	color: #00477d;
	text-decoration: none;
	}
.subNav a.on:link, .subNav a.on:visited {
/* 	background: none; */
	}
.subNav li a:hover, .subNav a.on:link, .subNav a.on:visited, .subNav a.on:hover {
	background: #fff;
	color: #00477d;
	text-decoration: none;
	}

/* Child */
.subNav ul ul {
/* 	margin: 0; */
	padding: 0;
	}
.subNav ul ul ul {
/* 	margin: 0; */
	padding: 0;
	}

.subNav li li {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	}
.subNav li li li {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	}
.subNav li li a {
	padding-left: 15px;
	}
.subNav li li li a {
	padding-left: 25px;
	font-size: 11px;
	}
* html .subNav li li a  {/* IE lt7 */
	height: 18px;
	}
* html .subNav li li li a  {/* IE lt7 */
	height: 18px;
	}

/****** =CONTENT *******/
.rightCol {
	/* float: right; */
	float: left;
	width: 550px;
	/* margin-right: 10px; */
	margin-left: 10px;
	/*padding-bottom: 9px;*/
	padding-bottom: 0px;
	line-height: 14px;
	font-size: 12px;
	}
* html .rightCol { display: inline; /* fix IE doubled float-margin bug *//* IE lt7 */ }

.rightColMargin {
	float: right;
	width: 530px;
	margin-right: 10px;
	margin-left: 20px;
	padding-bottom: 9px;
	line-height: 14px;
	font-size: 12px;
	border: 1px solid red;
	}
* html .rightColMargin { display: inline; /* fix IE doubled float-margin bug *//* IE lt7 */ }

	
.flashPromo {
	}
	

.contentLeft {
	float: left;
	width: 340px;
	}
.content ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
.content li {
	margin: 0;
	padding: 0 0 0 10px;
	background: url(../images/li.gif) no-repeat 0 4px;
	}

.contentRight {
	float: right;
	width: 220px;
	}
	
.contentLinksBg {
	background: #f3f0e8 url(../images/bg_content_left_top.gif) no-repeat top;
	}
.contentLinks {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	background: url(../images/bg_content_left_bottom.gif) no-repeat bottom;
	}
* html .contentLinks { height: 1%; }

.listCol {/* IE lt7 doesn't like floated uls; applied to a div */
	float: left;
	width: 43%;
	}
* html .listCol { width: 42%; /* IE lt7 also says 99% is too wide. =kludge  */}

.listColLeft {
    width: 52%;
    margin-right: 11px;
    margin-left: 3px;
}

* html .listColLeft { width: 51%; }

.contentLinks ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
.contentLinks li {
	list-style-image: none;
	background: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 18px;
	}
.inlineHeadings {
	padding-bottom: 5px;
	}
.inlineHeadings ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
.inlineHeadings li {
	margin: 0 0 15px 0;
	padding-left: 10px;
	background: url(../images/li_inline_headings.gif) no-repeat 0 5px;
	}
	

/****** =WCAC =FISTYLES ******/

.special6 {
	color: #766647;
	}
.special5 {
	color: #333333;
	font-size: 8pt;
	}

.special4 {
	color: #00477d;
	font-size: 12px;
	}
.special3 {
	color: #00477d;
	font-size: 13px;
	font-weight: bold;
	}
.special2 {
	color: #00477d;
	font-size: 13px;
	}
.special1 {
	color: #00477d;
	font-size: 18px;
	}

.disclaimer {
	font-size: .8em;
	}
	
.required {
	color: #f58439;
	}
	
.appfield1, .appfield2 {
	font-family: "trebuchet ms", trebuchet, sans-serif;
	} 
.tableheader {
	background: #ede7d0;
	color: #00477d;
	font-weight: bold;
	}
th {
	background: #f3f0e8;
	color: #00477d;
	}
.tablecontent2 {
	background: #f3f0e8;
	}

.faqQ, .faqA { 
	font-weight: bold;
	font-size: 18px;
	}

.faqQ { color: #006eb5; }
.faqA { color: #f58439; }
	
.xsmall {
    font-size:.8em; 
	}
.small {
    font-size:.9em;
	}
.medium {
    font-size:1em;
	}
.large {
    font-size:1.1em;
	}
.xlarge{
    font-size:1.2em;
	}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
	
/* =BOXES */
.box170Bg, .box170LightBg, .box220Bg, .box355Bg, .box550Bg { margin-bottom: 10px; }

.box170Bg, .box170LightBg {
	width: 170px;
	background: url(../images/box_170_bg.gif) repeat-y;
	}
.box170LightBg { background: url(../images/box_170light_bg.gif) repeat-y; }

.box220Bg { 
	width: 220px;
	background: url(../images/box_220_bg.gif) repeat-y;
	}
.box355Bg {
	width: 355px;
	background: #f3f0e8;
	}
.box550Bg { 
	width: 550px;
	background: url(../images/box_550_bg.gif) repeat-y; 
	}

.box170Top, .box170LightTop, .box220Top, .box355Top, .box550Top { height: 10px; }
.box170Top { background: url(../images/box_170_top.gif) no-repeat top; }
.box170LightTop { background: url(../images/box_170light_top.gif) no-repeat top; }
.box220Top { background: url(../images/box_220_top.gif) no-repeat top; }
.box355Top { background: url(../images/box_355_top.gif) no-repeat top; }
.box550Top { background: url(../images/box_550_top.gif) no-repeat top; }

.box170Bottom, .box170LightBottom, .box220Bottom, .box355Bottom, .box550Bottom {
	clear: both;
	height: 10px;
	}
.box170Bottom {	background: url(../images/box_170_bottom.gif) no-repeat bottom;	}
.box170LightBottom { background: url(../images/box_170light_bottom.gif) no-repeat bottom;	}
.box220Bottom {	background: url(../images/box_220_bottom.gif) no-repeat bottom;	}
.box355Bottom { background: url(../images/box_355_bottom.gif) no-repeat bottom; }
.box550Bottom {	background: url(../images/box_550_bottom.gif) no-repeat bottom;	}

.labelImg { display: block; margin-bottom: 10px; } /* for boxes without rounded top div */

.box550Right {
	float: right;
	width: 210px;
	margin-left: 10px;
	}
.boxContent h3 {
	margin: 0;
	padding: 0;
	line-height: 1;
	}
	
.landingImg {
	margin-right: 10px;
	}

/* common to all widths of boxes */
.boxContent, .box550Content { margin: 0 10px; }
.boxContent a:link, .boxContent a:visited { color: #766647; text-decoration: none; }
.boxContent a:hover { color: #000; text-decoration: underline; }

.boxContent p {
	margin: 0;
	padding: 8px 0 4px 0;
	font-size: 12px;
	line-height: 14px;
	}

.callToAction {
	margin-top: 5px;
	color: #766647;
	/* line-height: 25px; */
	}

.callToAction img {
	float: right;
	}
/* .callToAction .clearfloat { margin-bottom: -1px; }
* html .callToAction { line-height: 1; } */

	
/* When special classes are within a link, or when links are within a special class, keep their appearance */
	
.special1 a:link, .special1 a:visited, .special2 a:link, .special2 a:visited, .special3 a:link, .special3 a:visited, .special4 a:link, .special4 a:visited,
a:link .special1, a:visited .special1, a:link .special2, a:visited .special2, a:link .special3, a:visited .special3, a:link .special4, a:visited .special4 {
	color: #00477d;
	text-decoration: none;
	}
/* When hovering over linked special classes, they don't have the underline */
.special1 a:hover, .special2 a:hover, .special3 a:hover, .special4 a:hover,
a:hover .special1, a:hover .special2, a:hover .special3, a:hover .special4 {
	color: #000;
	text-decoration: none;
	}


.compareGrid {
	width: 550px;
	background: url(../images/bg_table.gif) repeat-y;
	}
.compareGridTop {
	height: 5px;
	background: url(../images/bg_table_top.gif) no-repeat top;
	}
.compareGridBottom {
	clear: both;
	height: 5px;
	background: url(../images/bg_table_bottom.gif) no-repeat bottom;
	}

/* Compare grid with 2 cols */
.compareGrid_2col {
	width: 550px;
	background: url(../images/bg_table_2col_bg.gif) repeat-y;
	}
.compareGridTop_2col {
	height: 5px;
	background: url(../images/bg_table_2col_top.gif) no-repeat top;
	}
.compareGridBottom_2col {
	clear: both;
	height: 5px;
	background: url(../images/bg_table_2col_bottom.gif) no-repeat bottom;
	}
/* /Compare grid with 2 cols */

/* Compare grid with 4 cols */
.compareGrid_4col {
	width: 550px;
	background: url(../images/bg_table_4col_bg.gif) repeat-y;
	}
.compareGridTop_4col {
	height: 5px;
	background: url(../images/bg_table_4col_top.gif) no-repeat top;
	}
.compareGridBottom_4col {
	clear: both;
	height: 5px;
	background: url(../images/bg_table_4col_bottom.gif) no-repeat bottom;
	}
/* /Compare grid with 4 cols */

/* Compare grid with 3 cols */
.compareGrid_3col {
	width: 550px;
	background: url(../images/bg_table_3col_bg.gif) repeat-y;
	}
.compareGridTop_3col {
	height: 5px;
	background: url(../images/bg_table_3col_top.gif) no-repeat top;
	}
.compareGridBottom_3col {
	clear: both;
	height: 5px;
	background: url(../images/bg_table_3col_bottom.gif) no-repeat bottom;
	}
	
.compareGrid_3col table.contentTable td {
	border-bottom: none;
}

.compareGrid_3col .hrCell {
	padding: 0px;
	margin: 0px;
	height: 2px;
}
.compareGrid_3col hr {
	background:  #00477D;
	border: 0px;
	color: #00477D;
	height: 1px;
	outline: 0px;
	width: 99%;
}
/* /Compare grid with 3 cols */

.compareGridContent {
	margin: 5px 10px;
	}
.compareGridContent .clearfloat {
	margin: 5px 0 15px 0;
	border-top: 1px solid #00477d;
	}
.grid1heading, .grid2heading, .grid3heading, .grid1, .grid2, .grid3 {
	float: left;
	width: 160px;
	margin: 0 20px 0 0;
	}
.grid1heading, .grid2heading, .grid3heading {
	color: #00477d;
	font-size: 14px;
	font-weight: bold;
	}
.grid1 {
	color: #00477d;
	font-weight: bold;
	}
.grid2heading, .grid2 {
	width: 170px;
	}
.grid3heading, .grid3 {
	margin-right: 0;
	}

.compareGrid355 {
	width: 355px;
	background: url(../images/bg_table355.gif) repeat-y;
	}
.compareGrid355Top {
	height: 5px;
	background: url(../images/bg_table355_top.gif) no-repeat top;
	}
.compareGrid355Bottom {
	clear: both;
	height: 5px;
	background: url(../images/bg_table355_bottom.gif) no-repeat bottom;
	}
.compareGrid355Content {
	margin: 5px 10px;
	}


/****** =FOOTER *******/
.footer1 {
	min-height: 20px;
	padding: 0 10px 0 5px;
	background: #006eb5;
	color: #fff;
	font-size: 11px;
	line-height: 20px;
	width: 735px;
	}
.footerRight {
	float: right;
	width: auto;
	}
.footer1 a:link, .footer1 a:visited, .footer1 a:hover {
	margin: 0 5px;
	color: #fff;
	text-decoration: none;
	}
.footer1 a:hover { text-decoration: underline; }

.footer2 {
	width: 730px;
	margin-left: 10px;
	padding-top: 5px;
	background: #f3f0e8;
	}
.footer2 .footerRight {
	color: #666;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	}
	
/* =ADS FAR RIGHT COLUMN =STRUCTURED DATA */
.ad1, .ad2 {
	position: absolute;
	left: 770px;
	height: 270px;
	overflow: auto;
	width: 190px;
	font-size: 11px;
	line-height: 14px;
	font-family: verdana, sans-serif;
	}
.ad1 { top: 30px; color: #fff; }
.ad2 { top: 320px; color: #333; }

.ad1 h2, .ad2 h2 {
	margin: 0;
	font-size: 18px;
	font-weight: normal;
	line-height: 20px;
	}
.ad1 h3, .ad2 h3 {
	margin: 3px 0 0 0;
	font-size: 18px;
	font-weight: normal;
	}

.ad1 h2 {
	color: #fff;
	}
.ad1 h3 {
	color: #85c5ee;
	} 
	
.ad2 h2 {
	color: #00477d;
	}
.ad2 h3 {
	color: #006eb5;
	}

.adImg {
	margin-top: 10px;
	}


/* =TEMPLATE =LAYOUT =IDS */
	
#indented .rightCol { /* id to adjust rightCol width: bus/lending,  */
	width: 545px;
	}
	
#index .content {
	padding-top: 20px;
	}
	
#index .contentLeft {
	width: 370px;
	}
#indented .contentLeft {
	width: 365px;
	}
#indented h2 {
	margin-bottom: 0;
	font-size: 14px;
	}
	
#interior .contentLeft {
	width: 290px !important;
	}
	
#index .contentRight, #indented .contentRight {
	width: 170px;
	}
#interior .contentRight {
	margin-left: 20px;
	}
#grpBanner {
	text-align: center;
	margin: auto;
	padding: auto;
}

.home3Col {
	width: 100%;
	margin: 0px;
	border: 0px;
	padding: 0px;
	background: url(../images/bg_columns_home.gif);
}

.home3Col a {
	text-decoration: none;
}

.promoSmall {
	background: url(../images/bg_promosmall.gif) repeat-y;
	padding: 0px 2px;
	width: 165px;
	margin-bottom: -7px;
}