/* /_ui/css/all.css */

/***** reset & rebuild styles *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
b, i, u, hr, center {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	vertical-align: baseline;
}

html, body {height: 100%;}

body {
	color: #818181;
	font-family: Arial, Verdana, sans-serif;
	font-size: 62.5%; /* 62.5% squashes default type to 10px, multiplier is set on #wrapper */
	line-height: 1.0em;
	background: #ffffff url('../img/bg_body.png') repeat-x left top;
}
div#wrapper {
	font-size: 1.2em; /* 62.5% x 1.2em = 12px base font size */
}

a, a:link, a:visited {
	color: #40a84a;
	text-decoration: none;
}
a:hover, a:visited:hover, a:active {
	color: #40a84a;
	text-decoration: underline;
}

strong, b {font-weight: bold;}
em, i {font-style: italic;}
	em em {font-style: normal;}

p {
	line-height: 1.3em;
	margin: 0 0 1.3em 0;
}

ul, ol, dl {
	line-height: 1.3em;
	margin: 0 0 1.3em 0;
}
    ul li {
	    margin: 0 0 0.2em 15px;
    }
    ol li {
	    margin: 0 0 0.2em 2.0em;
    }
	dl dt {
		font-weight: bold;
		margin: 0 0 0.2em 0;
	}
	dl dd {
		margin: 0 0 0.8em 0;
	}

table {
	margin: 0 0 1.3em 0;
	border-collapse: collapse;
	border-spacing: 0;
}
    table th {
	    font-weight: bold;
	    line-height: 1.3em;
	    text-align: left;
	    vertical-align: bottom;
    }
    table td {
	    line-height: 1.3em;
	    vertical-align: top;
    }

h1, h2, h3 {
	color: #008f88;
	font-weight: bold;
	line-height: 1.0em;
	margin: 0 0 0.4em 0;
}
h4, h5, h6 {
	font-weight: bold;
	line-height: 1.0em;
	margin: 0 0 0.4em 0;
}
h1 {
	font-size: 2.50em; /* 30x */
	font-weight: normal;
	letter-spacing: -2px;
}
html.cufon-active h1 {font-size: 34px;}
h2 {
	font-size: 1.333em; /* 16px */
}
h3 {
	font-size: 1.167em; /* 14px */
}
h4 {
	font-size: 1.0em; /* 12px */
}
h5 {
	font-size: 0.917em; /* 11px */
}
h6 {
	font-size: 0.833em; /* 10px */
}

sup {
	font-size: 0.833em; /* 10px */
	margin-left: 0.1em;
	position: relative;
	top: -0.5em;
}
sub {
	font-size: 0.833em; /* 10px */
	margin-left: 0.1em;
	position: relative;
	bottom: -0.2em;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
blockquote {
	/* note: must not leave any whitespace at the beginning of a blockquote in markup - Safari will render it  */
	color: #008f88;
	font-size: 20px;
	font-family: Georgia, Times, serif;
	font-weight: normal;
	line-height: 24px;
	text-indent: -8px; /* negative indent brings the opening quote into the left padding */
	margin: 0 0 20px 0;
	padding: 0 20px;
}

/***** /reset & rebuild styles *****/


/***** utility *****/

p.intro {
	font-size: 1.333em; /* 16px */
	margin: 0 0 1.5em 0;
}

p.footnote {
	font-size: 0.917em; /* 11px */
	font-style: italic;
}

.clear {
	clear: both;
}
div.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
	margin: 0 0 -1px 0;
}

div.hr {
	height: 1px;
	margin: 0 0 1.3em 0;
	border-top: 1px solid #dbdbdb;
	overflow: hidden;
}
div.hr-fancy {
	height: 5px;
	margin: 0 0 1.3em 0;
	background: transparent url('../img/dots.png') repeat-x left top;
	overflow: hidden;
}
	div.hr hr,
	div.hr-fancy hr {
		display: none;
	}

div.cta {
	/* "call to action" */
	line-height: 1.1em;
	margin: 0 0 1.3em 0;
}
div.cta-top {
	line-height: 1.1em;
	margin: 0 0 1.3em 0;
}
div.cta-more {
	line-height: 1.1em;
	margin: 0 0 1.3em 0;
}
div.cta-back {
	line-height: 1.1em;
	margin: 0 0 1.3em 0;
}
	div.cta-back a.back-lnk {
		padding-left: 15px;
		background: transparent url('../img/arrow_sprite.png') no-repeat left -58px;
	}
div.cta-reveal {
	/* link & panel revealer */
	line-height: 1.1em;
	margin: 0 0 1.3em 0;
}
	div.cta-reveal a.reveal-trigger {
		padding-right: 15px;
		background: transparent url('../img/arrow_sprite.png') no-repeat right -18px;
	}
	div.cta-reveal a.reveal-trigger.active {
		background-position: right -38px;
	}
	div.cta-reveal div.reveal-panel {
		padding-top: 0.8em;
	}
		div.cta-reveal div.reveal-panel ul {
			list-style: none;
			float: left;
			width: 200px;
			margin: 0 10px 0 0;
		}
			div.cta-reveal div.reveal-panel ul li {
				margin: 0 0 0.2em 0;
				padding: 0;
			}

ol.numbered-list {list-style: decimal;}
ol.lower-alpha {list-style: lower-alpha;}
ol.upper-alpha {list-style: upper-alpha;}
ol.lower-roman {list-style: lower-roman;}
ol.upper-roman {list-style: upper-roman;}

ul.linklist {
	list-style: none;
}
	ul.linklist li {
		margin: 0 0 0.2em 0;
	}

ul.inline-linklist {
	list-style: none;
}
	ul.inline-linklist li {
		display: inline;
		margin: 0;
		padding: 0 8px;
		border-left: 1px solid #dbdbdb;
	}
	ul.inline-linklist li.first,
	ul.inline-linklist li:first-child {
		border: 0px;
	}

ul.bullet-list {
	list-style: none;
}
	ul.bullet-list li {
		margin: 0 0 0.2em 0;
		padding: 0 0 0 12px;
		background: transparent url('../img/bullet.gif') no-repeat 2px 0.5em;
	}

dl.factlist {
	display: block;
	padding: 0 0 0 160px;
	overflow: auto;
}
	dl.factlist dt {
		clear: left;
		float: left;
		width: 150px;
		margin: 0 0 0.5em -160px;
		padding: 0;
	}
	dl.factlist dd {
		float: left;
		margin: 0 0 0.5em 0;
	}

.floatright {
	float: right;
	display: inline;
}

.floatleft {
	float: left;
	display: inline;
}

.offscreen {
	position: absolute;
	left: -999999px;
}

.nowrap {white-space: nowrap;}

.normal {
	font-weight: normal;
	text-transform: none;
}

.small {
	font-size: 10px;
}

.alignleft {text-align: left;}

.alignright {text-align: right;}

.center {text-align: center;}

img.block {
	display: block;
	margin: 0 0 1.3em 0;
}

img.inline {
	display: inline;
	margin: 0 0.2em;
	vertical-align: bottom;
}

img.icon-left {
	display: inline;
	margin-right: 8px;
	vertical-align: bottom;
}

img.icon-right {
	display: inline;
	margin-left: 8px;
	vertical-align: bottom;
}

img.inset-left {
	float: left;
	display: inline;
	margin: 0 10px 0.2em 0;
}

img.inset-right {
	float: right;
	display: inline;
	margin: 0 0 0.2em 10px;
}

/* link styles */

a.btn-lnk {
	display: inline-block;
	width: 1px;
	height: 29px;
	background: transparent url('../img/x.gif') no-repeat left top;
	text-decoration: none !important;
}
a.btn-lnk:hover {background-position: 0px -30px;}
a.btn-signin {width: 68px; background-image: url('../img/btn_signin.png');}
a.btn-getdetails {width: 92px; background-image: url('../img/btn_getdetails.png');}
a.btn-proceed {width: 74px; background-image: url('../img/btn_proceed.png');}
a.btn-cancel {width: 66px; background-image: url('../img/btn_cancel.png');}

a.lrgbtn-lnk {
	display: inline-block;
	width: 1px;
	height: 41px;
	background: transparent url('../img/x.gif') no-repeat left top;
	text-decoration: none !important;
}
a.lrgbtn-lnk:hover {background-position: 0px -50px;}
a.lrgbtn-calculate {width: 109px; background-image: url('../img/btn_calculate.png');}
a.lrgbtn-logon {width: 96px; background-image: url('../img/btn_logon.png');}
a.lrgbtn-whoweare {width: 133px; background-image: url('../img/btn_whoweare.png');}

a.lnk-prev {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: transparent url('../img/arrow_sprite.png') no-repeat 0px -60px;
}
a.lnk-prev:hover {background-position: 0px -140px;}

a.lnk-next {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: transparent url('../img/arrow_sprite.png') no-repeat 0px -20px;
}
a.lnk-next:hover {background-position: 0px -100px;}

a.lnk-up {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: transparent url('../img/carret_sprite.png') no-repeat 0px 0px;
}
a.lnk-up:hover {background-position: 0px -80px;}

a.lnk-down {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: transparent url('../img/carret_sprite.png') no-repeat 0px -40px;
}
a.lnk-down:hover {background-position: 0px -120px;}

a.lnk-closeX {
	display: inline-block;
	width: 46px;
	height: 21px;
	background: transparent url('../img/lnk_closeX.png') no-repeat 0px 0px;
	text-decoration: none !important;
}
a.lnk-closeX:hover {background-position: 0px -21px;}

/* /link styles */

/***** /utility *****/


/***** global layout *****/

div#wrapper {
	width: 100%;
	background: transparent url('../img/bg_body_bottom.png') repeat-x center bottom;
}
	div#wrapper_br {
		background: transparent url('../img/bg_body_br.png') no-repeat right bottom;
	}
	div#wrapper_bl {
		background: transparent url('../img/bg_body_bl.png') no-repeat left bottom;
	}

	div.skipnav {
		position: absolute;
		z-index: 9;
	}

	form#cse_search_box {
		width: 960px;
		margin: 0 auto;
		position: relative;
		z-index: 4;
	}
	fieldset#searchbox {
		width: 146px;
		height: 21px;
		margin: 0;
		padding: 0;
		background: transparent url('../img/searchbox.gif') no-repeat left top;
		position: absolute;
		right: 8px;
		top: 24px;
	}
		fieldset#searchbox input.search-text-box {
			width: 116px;
			height: 17px;
			margin: 0;
			padding: 0;
			border: 0;
			background: transparent;
			position: absolute;
			left: 4px;
			top: 2px;
		}
		fieldset#searchbox input.search-submit {
			width: 21px;
			height: 17px;
			margin: 0;
			padding: 0;
			border: 0;
			background: transparent;
			position: absolute;
			right: 2px;
			top: 2px;
			cursor: pointer;
		}

/*** header ***/

div#header_shell {
	width: 100%;
	height: 134px;
	border-bottom: 1px solid #40a94a;
}
	div#header {
		width: 960px;
		height: 134px;
		margin: 0 auto;
		background: transparent url('../img/bg_header_center.png') no-repeat center top;
		position: relative;
		z-index: 3;
	}

	a#logo_WaFed {
		display: block;
		width: 160px;
		height: 77px;
		background: transparent url('../img/logo_WaFed.png') no-repeat left top;
		position: absolute;
		left: 53px;
		top: 28px;
	}

	div#utilitynav {
		height: 1.5em;
		padding-left: 80px;
		position: absolute;
		z-index: 3;
		right: 172px;
		top: 28px;
	}
		div#utilitynav div.utility-signin {
			float: left;
			display: inline;
			width: 68px;
			height: 29px;
			margin: -5px 12px -6px -81px;
			position: relative;
		}
			div#utilitynav div.utility-signin a.signin-trigger {
				
			}
			div#utilitynav div.utility-signin:hover a.signin-trigger {
				background-position: 0px -30px;
			}
			div#utilitynav div.utility-signin div#signinflyout {
				width: 148px;
				position: absolute;
				left: 0px;
				top: 27px;
				display: none;
			}
			div#utilitynav div.utility-signin.hover div#signinflyout,
			div#utilitynav div.utility-signin:hover div#signinflyout {
				display: block;
				z-index: 7;
			}
			body.js-enabled div#utilitynav div.utility-signin div#signinflyout {
				/* seems backwards, but gotta do this to show/hide via JS */
				display: block;
			}
				div#utilitynav div.utility-signin div#signinflyout div.signinflyout-uppercap {
					width: 148px;
					height: 22px;
					background: transparent url('../img/signinflyout_endcaps.png') no-repeat left top;
				}
				div#utilitynav div.utility-signin div#signinflyout div.signinflyout-lowercap {
					width: 148px;
					height: 24px;
					background: transparent url('../img/signinflyout_endcaps.png') no-repeat left bottom;
				}
				div#utilitynav div.utility-signin div#signinflyout div.signinflyout-inner {
					width: 120px;
					padding: 2px 15px 2px 13px;
					background: transparent url('../img/signinflyout_innerbg.png') repeat-y left top;
				}
				div#utilitynav div.utility-signin div#signinflyout fieldset.personal-banking-signin {
					margin: 0;
				}
				div#utilitynav div.utility-signin div#signinflyout fieldset.business-banking-signin {
					margin: 0;
				}
				div#utilitynav div.utility-signin div#signinflyout h4 {
					color: #319139;
					margin: 0 0 5px 0;
				}
				div#utilitynav div.utility-signin div#signinflyout input.btn-img {
					margin: 0 0 0 -2px;
				}
				div#utilitynav div.utility-signin div#signinflyout input.text {
					width: 106px;
					height: 15px;
					margin: 0 0 5px 0;
				}
				div#utilitynav div.utility-signin div#signinflyout div.hr {
					margin: 0.8em 0;
				}

		div#utilitynav ul.utility-nav-list {
			list-style: none;
			line-height: 1.5em;
			height: 1.5em;
			margin: 0;
		}
			div#utilitynav ul.utility-nav-list li.un-item {
				display: inline;
				height: 1.5em;
				margin: 0;
				padding: 0 6px 0 8px;
				border-left: 1px solid #818181;
				position: relative;
			}
			div#utilitynav ul.utility-nav-list li.first-child {
				border: 0;
			}
				div#utilitynav ul.utility-nav-list li.un-item a.x-un-lnk, /* x-un-lnk gets same styling as un-lnk, but does not trigger JS */
				div#utilitynav ul.utility-nav-list li.un-item a.un-lnk {
					display: inline-block;
					width: auto;
					height: 1.5em;
				}
				div#utilitynav ul.utility-nav-list li.un-item div.miniflyout {
					width: 118px;
					position: absolute;
					left: -5px;
					top: 1.5em;
					display: none;
				}
				div#utilitynav ul.utility-nav-list li.un-item:hover div.miniflyout {
					display: block;
					z-index: 6;
				}
				body.js-enabled div#utilitynav ul.utility-nav-list li.un-item div.miniflyout {
					/* seems backwards, but gotta do this to show/hide via JS */
					display: block;
				}
					div#utilitynav ul.utility-nav-list li.un-item div.miniflyout div.miniflyout-uppercap {
						width: 118px;
						height: 22px;
						background: transparent url('../img/miniflyout_endcaps.png') no-repeat left top;
					}
					div#utilitynav ul.utility-nav-list li.un-item div.miniflyout div.miniflyout-lowercap {
						width: 118px;
						height: 24px;
						background: transparent url('../img/miniflyout_endcaps.png') no-repeat left bottom;
					}
					div#utilitynav ul.utility-nav-list li.un-item div.miniflyout div.miniflyout-inner {
						width: 90px;
						padding: 2px 15px 2px 13px;
						background: transparent url('../img/miniflyout_innerbg.png') repeat-y left top;
					}
						div#utilitynav ul.utility-nav-list li.un-item div.miniflyout div.miniflyout-inner ul {
							list-style: none;
							margin: -14px 0 -12px 0;
							position: relative;
						}
							div#utilitynav ul.utility-nav-list li.un-item div.miniflyout div.miniflyout-inner ul li {
								margin: 0;
								padding: 0.5em 0 0.3em 0;
								border-top: 1px solid #dbdbdb;
							}
							div#utilitynav ul.utility-nav-list li.un-item div.miniflyout div.miniflyout-inner ul li.first,
							div#utilitynav ul.utility-nav-list li.un-item div.miniflyout div.miniflyout-inner ul li:first-child {
								border: 0;
							}

	div#mainnav {
		width: 466px;
		height: 35px;
		position: absolute;
		z-index: 2;
		right: 0px;
		top: 84px;
	}
		div#mainnav ul.main-nav-list {
			list-style: none;
			width: 466px;
			height: 35px;
			margin: 0;
		}
			div#mainnav ul.main-nav-list li.mn-item {
				float: left;
				display: inline;
				width: 1px;
				height: 35px;
				margin: 0;
				position: relative;
			}
				div#mainnav ul.main-nav-list li.mn-item a.mn-lnk {
					display: block;
					width: 1px;
					height: 35px;
					background: transparent url('../img/mainnav.png') no-repeat 0px 0px;
				}
			div#mainnav ul.main-nav-list li#mn_holo {width: 128px;}
				div#mainnav ul.main-nav-list li#mn_holo a.mn-lnk {width: 128px; background-position: 0px 0px;}
				div#mainnav ul.main-nav-list li#mn_holo.in a.mn-lnk {background-position: 0px -80px;}
				/*
				div#mainnav ul.main-nav-list li#mn_holo a.mn-lnk:hover {background-position: 0px -120px;}
				div#mainnav ul.main-nav-list li#mn_holo:hover a.mn-lnk {background-position: 0px -120px;}
				*/
				div#mainnav ul.main-nav-list li#mn_holo.hover a.mn-lnk {background-position: 0px -120px;}
			div#mainnav ul.main-nav-list li#mn_peba {width: 169px;}
				div#mainnav ul.main-nav-list li#mn_peba a.mn-lnk {width: 169px; background-position: -128px 0px;}
				div#mainnav ul.main-nav-list li#mn_peba.in a.mn-lnk {background-position: -128px -80px;}
				/*
				div#mainnav ul.main-nav-list li#mn_peba a.mn-lnk:hover {background-position: -128px -120px;}
				div#mainnav ul.main-nav-list li#mn_peba:hover a.mn-lnk {background-position: -128px -120px;}
				*/
				div#mainnav ul.main-nav-list li#mn_peba.hover a.mn-lnk {background-position: -128px -120px;}
			div#mainnav ul.main-nav-list li#mn_buba {width: 169px;}
				div#mainnav ul.main-nav-list li#mn_buba a.mn-lnk {width: 169px; background-position: -297px 0px;}
				div#mainnav ul.main-nav-list li#mn_buba.in a.mn-lnk {background-position: -297px -80px;}
				/*
				div#mainnav ul.main-nav-list li#mn_buba a.mn-lnk:hover {background-position: -297px -120px;}
				div#mainnav ul.main-nav-list li#mn_buba:hover a.mn-lnk {background-position: -297px -120px;}
				*/
				div#mainnav ul.main-nav-list li#mn_buba.hover a.mn-lnk {background-position: -297px -120px;}

				div#mainnav ul.main-nav-list li.mn-item div.flyoutnav {
					width: 242px;
					position: absolute;
					top: 35px;
					display: none;
				}
				div#mainnav ul.main-nav-list li#mn_holo div.flyoutnav {left: 0px;}
				div#mainnav ul.main-nav-list li#mn_peba div.flyoutnav {left: -36px;}
				div#mainnav ul.main-nav-list li#mn_buba div.flyoutnav {left: -73px;}
				div#mainnav ul.main-nav-list li.mn-item:hover div.flyoutnav {
					display: block;
					z-index: 5;
				}
				body.js-enabled div#mainnav ul.main-nav-list li.mn-item div.flyoutnav {
					/* seems backwards, but gotta do this to show/hide via JS */
					display: block;
				}
					div#mainnav ul.main-nav-list li.mn-item div.flyoutnav div.flyoutnav-uppercap {
						width: 242px;
						height: 22px;
						background: transparent url('../img/flyoutnav_endcaps.png') no-repeat left top;
					}
					div#mainnav ul.main-nav-list li#mn_holo div.flyoutnav div.flyoutnav-uppercap {background-position: 0px 0px;}
					div#mainnav ul.main-nav-list li#mn_peba div.flyoutnav div.flyoutnav-uppercap {background-position: 0px -30px;}
					div#mainnav ul.main-nav-list li#mn_buba div.flyoutnav div.flyoutnav-uppercap {background-position: 0px -60px;}
					div#mainnav ul.main-nav-list li.mn-item div.flyoutnav div.flyoutnav-lowercap {
						width: 242px;
						height: 24px;
						background: transparent url('../img/flyoutnav_endcaps.png') no-repeat 0px -90px;
					}
					div#mainnav ul.main-nav-list li.mn-item div.flyoutnav div.flyoutnav-inner {
						width: 196px;
						padding: 2px 24px 2px 22px;
						background: transparent url('../img/flyoutnav_innerbg.png') repeat-y left top;
					}
						div#mainnav ul.main-nav-list li.mn-item div.flyoutnav div.flyoutnav-inner ul {
							list-style: none;
							margin: -4px 0 -10px 0;
							font-size: 1.333em; /* 16px */
							letter-spacing: -1px;
							position: relative;
						}
							div#mainnav ul.main-nav-list li.mn-item div.flyoutnav div.flyoutnav-inner ul li {
								margin: 0;
								padding: 0.4em 0 0.8em 0;
								border-top: 1px solid #dbdbdb;
							}

	div#mainnav div#error-nav-main {width:575px;position:relative; left:-108px;}
        div#mainnav div#error-nav-main ul.main-nav-list {display:inline; line-height:25px;}
        ul.error-nav li.error-nav-list {
            font-size:22px; 
            color:#58b261;
            display:inline;
        }
        ul.error-nav li.error-nav-sep {
            font-size:22px; 
            color:#bec5c7;
            display:inline;
        }

/*** /header ***/

/*** banner ***/

div#banner_subpage {
	width: 100%;
	height: 132px;
	background: transparent url('../img/x.gif') no-repeat center top;
}

div#banner_main {
	width: 100%;
	height: 340px;
	background: transparent url('../img/x.gif') no-repeat center top;
}

/*** /banner ***/

/*** footer ***/

div#footer_shell {
	width: 960px;
	height: 125px;
	margin: 0 auto;
}
	div#footer {
		width: 880px;
		height: 113px;
		margin: 0 20px 0 60px;
		padding-top: 12px;
		background: transparent url('../img/dots.png') repeat-x left top;
		position: relative;
		z-index: 2;
	}

	a#logo_EHL {
		display: block;
		width: 37px;
		height: 42px;
		background: transparent url('../img/logo_EHL.png') no-repeat left top;
		position: absolute;
		right: 79px;
		top: 13px;
	}

	a#logo_FDIC {
		display: block;
		width: 43px;
		height: 28px;
		background: transparent url('../img/logo_FDIC.png') no-repeat left top;
		position: absolute;
		right: 17px;
		top: 13px;
	}

	div#footer ul.footer-nav {
		list-style: none;
		font-size: 1.167em; /* 14px */
	}
		div#footer ul.footer-nav li {
			display: inline;
			margin: 0;
			padding: 0 10px;
			border-left: 1px solid #bec5c7;
		}
		div#footer ul.footer-nav li.first {
			padding: 0 10px 0 0;
			border-left: 0;
		}

	div#footer ul.sm-footer-nav {
		list-style: none;
		margin: 0 0 0.8em 0;
	}
		div#footer ul.sm-footer-nav li {
			display: inline;
			margin: 0;
			padding: 0 8px;
			border-left: 1px solid #bec5c7;
		}
		div#footer ul.sm-footer-nav li.first {
			padding: 0 8px 0 0;
			border-left: 0;
		}

		div#footer p.copyright {
			margin: 0 0 0.8em 0;
		}

/*** /footer ***/

/*** content ***/

div#content_shell {
	width: 100%;
}
div#content {
	width: 900px;
	margin: 0 auto;
	padding: 90px 10px 110px 50px;
	position: relative;
	z-index: 1;
}

	div#content.two-column div#subcol,
	div#content.three-column div#subcol {
		float: left;
		display: inline;
		width: 190px;
		min-height: 650px;
		margin-right: 50px;
		position: relative;
		z-index: 3;
	}
	div#content.two-column div#maincol {
		float: left;
		display: inline;
		width: 660px;
		min-height: 650px;
		padding-top: 12px;
		background: transparent url('../img/dots.png') repeat-x left top;
		position: relative;
		z-index: 7;
	}
	div#content.three-column div#maincol {
		float: left;
		display: inline;
		width: 420px;
		min-height: 650px;
		padding-top: 12px;
		background: transparent url('../img/dots.png') repeat-x left top;
		position: relative;
		z-index: 7;
	}
	div#content.three-column div#terticol {
		float: right;
		display: inline;
		width: 190px;
		min-height: 650px;
		padding-top: 12px;
		background: transparent url('../img/dots.png') repeat-x left top;
		position: relative;
		z-index: 5;
	}

	/* terticol */

		div#terticol div.img-callout {
			width: 200px;
			margin: 0 -5px 2.0em -5px;
		}
			div#terticol div.img-callout img {
				display: block;
			}

		div#terticol div.txt-callout {
			width: 190px;
			margin: 0 0 2.0em 0;
			padding-top: 0.5em;
			border-top: 1px solid #dbdbdb;
		}
			div#terticol div.txt-callout h4 {
				color: #008f88;
				font-size: 1.167em; /* 14px */
			}
			div#terticol div.txt-callout p,
			div#terticol div.txt-callout ul,
			div#terticol div.txt-callout ol {
				margin: 0 0 0.5em 0;
			}
			div#terticol div.txt-callout ul.linklist {
				/* font-size: 1.167em; /* 14px */
			}

		div#terticol div.img-txt-calloutbox {
			width: 200px;
			margin: 0 -5px 2.0em -5px;
		}
			div#terticol div.img-txt-calloutbox img.calloutpic {
				display: block;
				width: 200px;
				height: 100px;
			}
			div#terticol div.img-txt-calloutbox div.calloutbox-uppercap {
				width: 200px;
				height: 22px;
				background: transparent url('../img/calloutbox_endcaps.png') no-repeat left top;
			}
			div#terticol div.img-txt-calloutbox div.calloutbox-lowercap {
				width: 200px;
				height: 26px;
				background: transparent url('../img/calloutbox_endcaps.png') no-repeat left bottom;
			}
			div#terticol div.img-txt-calloutbox div.calloutbox-inner {
				width: 200px;
				padding: 2px 0;
				background: transparent url('../img/calloutbox_innerbg.png') repeat-y left top;
			}
			div#terticol div.img-txt-calloutbox div.calloutbox-inner-content {
				width: 160px;
				margin: -10px 0 -4px 0;
				padding: 0 20px;
				position: relative;
			}
			div#terticol div.img-txt-calloutbox h4 {
				color: #008f88;
				font-size: 1.167em; /* 14px */
			}
			div#terticol div.img-txt-calloutbox p,
			div#terticol div.img-txt-calloutbox ul,
			div#terticol div.img-txt-calloutbox ol {
				margin: 0 0 0.5em 0;
			}

		div#terticol div.first-callout {
			padding-top: 0;
			border-top: 0;
		}

	/* /terticol */

	/* subcol */

		div#subnav {
			margin: 0 0 60px 0;
		}
			div#subnav ul {
				list-style: none;
				margin: 0;
			}
				div#subnav ul li {
					margin: 0;
					padding: 5px 0 12px 0;
					border-top: 1px solid #dbdbdb;
					color: #7d7d7d;
					font-size: 1.333em; /* 16px */
					font-weight: bold;
					line-height: 1.2em;
				}
					div#subnav ul li a {
						display: inline-block;
					}
					div#subnav ul li.in a,
					div#subnav ul li a:hover {
						color: #7d7d7d;
						text-decoration: none;
					}
					div#subnav ul li ul {
						list-style: none;
						margin: 8px 0 0 0;
					}
						div#subnav ul li ul li, div.subnav ul#uxCMSListMenu2 li {
							margin: 0;
							padding: 3px 0;
							border: 0;
							font-size: 14px;
							font-weight: normal;
							line-height: 16px;
						}
							div#subnav ul li ul li a, div.subnav ul#uxCMSListMenu2 li a {
								color: #40A84A;
								text-decoration: none;
							}
							div#subnav ul li ul li a:hover, div.subnav ul#uxCMSListMenu2 li a:hover {
								color: #40A84A;
								text-decoration: underline;
							}
							div#subnav ul li ul li.in a {
								color: #7d7d7d !important;
							}
							div#subnav ul li ul li ul {
								list-style: none;
								margin: 0 0 0 10px;
							}
								div#subnav ul li ul li ul li {
									margin: 0;
									padding: 1px 0;
									border: 0;
									font-size: 12px;
									font-weight: normal;
									line-height: 14px;
								}

		div#subcol div.callout {
			font-family: Georgia, Times, serif;
			font-size: 1.583em; /* 19px */
			letter-spacing: -1px;
			line-height: 1.0em;
			margin: 0 0 1.0em 0;
			padding: 0.5em 0;
			background: transparent url('../img/dots.png') repeat-x left top;
		}
			div#subcol div.callout a {
				
			}
			div#subcol div.callout a:hover {
				color: #7d7d7d;
				text-decoration: none;
			}

		div#subcol div#signinbox {
			margin: -32px -16px 32px -22px !important;
		}

	/* /subcol */

	/* maincol */

		div#maincol div.intro-content {}
		div.intro-content {
			position: relative;
		}
			div.intro-content h1 {
				margin: -58px 0 24px 0;
			}
			html.cufon-active  div.intro-content h1 {
				margin: -58px 0 18px 0;
			}
			div.intro-content h2 {
				color: #818181;
				font-size: 1.667em; /* 20px */
				font-weight: normal;
			}
			div.intro-content h3 {
				color: #818181;
				font-size: 1.333em; /* 16px */
			}
			div.intro-content p,
			div.intro-content ul,
			div.intro-content ol,
			div.intro-content dl {
				font-size: 1.333em; /* 16px */
				margin: 0 0 1.5em 0;
			}

		div#maincol div.infobox {
			width: 420px;
			margin: 0 0 1.0em 0;
		}
			div#maincol div.infobox div.infobox-uppercap {
				width: 420px;
				height: 20px;
				background: transparent url('../img/infobox_endcaps.png') no-repeat left top;
			}
			div#maincol div.infobox div.infobox-lowercap {
				width: 420px;
				height: 25px;
				background: transparent url('../img/infobox_endcaps.png') no-repeat left bottom;
			}
			div#maincol div.infobox div.infobox-inner {
				width: 420px;
				padding: 4px 0;
				background: transparent url('../img/infobox_innerbg.png') repeat-y left top;
			}
			div#maincol div.infobox div.infobox-inner-content {
				width: 330px;
				min-height: 30px;
				margin: -10px 0 -15px 0;
				padding: 0 30px 0 60px;
				background: transparent url('../img/icon_i.png') no-repeat 18px 0px;
				position: relative;
				color: #008f88;
			}
				div#maincol div.infobox div.infobox-inner-content p,
				div#maincol div.infobox div.infobox-inner-content ul,
				div#maincol div.infobox div.infobox-inner-content ol {
					margin: 0 0 0.5em 0;
				}

		div#maincol div.fine-print {
			margin: 3.5em 0 1.0em 0;
			padding: 1.2em 0 0 0;
			background: transparent url('../img/dots.png') repeat-x left top;
		}
			div#maincol div.fine-print p {
				margin: 0 10px 1.3em 20px;
				position: relative;
			}
			div#maincol div.fine-print p sup.key {
				position: absolute;
				left: -20px;
				top: -0.2em;
			}

	/* /maincol */

/*** /content ***/

/*** misc ***/

	div#signinbox {
		width: 228px;
		margin: 0 0 2.0em 0;
		position: relative;
	}
		div#signinbox div.signinbox-uppercap {
			width: 228px;
			height: 12px;
			background: transparent url('../img/signinbox_endcaps.png') no-repeat left top;
		}
		div#signinbox div.signinbox-lowercap {
			width: 228px;
			height: 24px;
			background: transparent url('../img/signinbox_endcaps.png') no-repeat left bottom;
		}
		div#signinbox div.signinbox-inner-bg {
			width: 228px;
			background: transparent url('../img/signinbox_inner_bg.png') repeat-y left top;
		}
		div#signinbox div.signinbox-inner-content {
			color: #ffffff;
			width: 180px;
			margin: 0 5px 0 3px;
			padding: 5px 20px;
			background: transparent url('../img/signinbox_inner_content.png') no-repeat left top;
			position: relative;
		}
			div#signinbox div.signinbox-inner-content div.hr {
				margin: 0;
				border-top: 1px solid #84beaf;
				background: #1f7d65;
			}
			div#signinbox div.signinbox-inner-content div.hr-fancy {
				margin: 0 0 0.5em 0;
				background-image: url('../img/dots_green.png');
			}
			div#signinbox div.signinbox-inner-content h3 {
				color: #ffffff;
				font-size: 1.333em; /* 16px */
				background: transparent url('../img/icon_lock.png') no-repeat right center;
			}
			html.cufon-active  div#signinbox div.signinbox-inner-content h3 {font-size: 18px;}
			div#signinbox div.signinbox-inner-content h4 {
				color: #ffffff;
			}
			div#signinbox div.signinbox-inner-content p {
				margin: 0 0 0.5em 0;
			}
			div#signinbox div.signinbox-inner-content a {
				color: #9fd375 !important;
			}
		div#signinbox fieldset.personal-banking-signin {
			padding: 0.8em 0;
		}
			div#signinbox fieldset.personal-banking-signin input.text {
				float: left;
				display: inline;
				width: 90px;
				height: 15px;
				margin: 4px 0;
			}
			div#signinbox fieldset.personal-banking-signin a.btn-lnk {
				float: right;
				display: inline;
				margin: 0 -3px 0 0;
			}
		div#signinbox fieldset.business-banking-signin {
			padding: 0.8em 0;
		}
			div#signinbox fieldset.business-banking-signin h4 {
				float: left;
				display: inline;
				margin: 0;
				padding: 4px 0;
				line-height: 21px;
			}
			div#signinbox fieldset.business-banking-signin a.btn-lnk {
				float: right;
				display: inline;
				margin: 0 -3px 0 0;
			}

/*** /misc ***/

/***** /global layout *****/


/***** forms *****/

/* buttons */

input.btn-img {
	display: inline-block;
	width: 1px;
	height: 29px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent url('../img/x.gif') no-repeat 0px 0px;
	cursor: pointer;
}
input.btn-img:hover {background-position: 0px -30px;}
input.btn-signin {width: 68px; background-image: url('../img/btn_signin.png');}
input.btn-getdetails {width: 92px; background-image: url('../img/btn_getdetails.png');}

input.lrgbtn-img {
	display: inline-block;
	width: 1px;
	height: 41px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent url('../img/x.gif') no-repeat 0px 0px;
	cursor: pointer;
}
input.lrgbtn-img:hover {background-position: 0px -50px;}
input.lrgbtn-calculate {width: 109px; background-image: url('../img/btn_calculate.png');}
input.lrgbtn-logon {width: 96px; background-image: url('../img/btn_logon.png');}
input.lrgbtn-whoweare {width: 133px; background-image: url('../img/btn_whoweare.png');}

/* /buttons */

fieldset {
	width: auto;
	display: block;
}

	input, select, textarea {
		color: #4a4a4a;
		font-family: Arial, Verdana, sans-serif;
		font-size: 14px;
		margin: 0;
		padding: 0;
	}

	input[type=text],
	input[type=password] {
		padding: 2px 5px;
		border: 1px solid #c8c8c8;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}
	input.text {
		width: 140px;
		margin: 0 5px 1.0em 0;
	}
	input.text-short {
		width: 80px;
		margin: 0 5px 1.0em 0;
	}
	input.text-long {
		width: 200px;
		margin: 0 5px 1.0em 0;
	}

	select {
		padding: 1px;
		border: 1px solid #c8c8c8;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		background: transparent url('../img/select_bg.gif') repeat-x left center;
	}
	select.select {
		width: 152px;
		margin: 0 5px 1.0em 0;
	}
	select.select-short {
		width: 92px;
		margin: 0 5px 1.0em 0;
	}
	select.select-long {
		width: 212px;
		margin: 0 5px 1.0em 0;
	}
	select.select-auto {
		width: auto;
		margin: 0 5px 1.0em 0;
	}

	textarea {
		line-height: 16px;
		width: 360px;
		height: 80px; /* 5 lines X 16px line-height */
		margin: 0 0 0.5em 0;
		padding: 1px;
		border: 1px solid #c8c8c8;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}

	span.formnote { /* inline note next to an input */
		line-height: 1.5em;
	}

	div.formmessage { /* block note below an input */
		line-height: 1.2em;
		margin: -0.5em 0 1.0em 150px;
	}

	span.errormessage {
		visibility: hidden;
		width: 300px;
		height: 16px;
		padding: 14px 20px 20px 20px;
		background: transparent url('../img/errormessage.png') no-repeat left top;
		color: #f57900;
		font-weight: bold;
		line-height: 16px;
		position: absolute;
	}
	span.errormessage-active {
		visibility: visible;
	}

	fieldset.text-fields {
		margin: 0;
	}
		fieldset.text-fields input,
		fieldset.text-fields select,
		fieldset.text-fields textarea {
			vertical-align: top;
		}
		fieldset.text-fields span.label, /* span tag to emulate a label */
		fieldset.text-fields label {
			float: left;
			clear: left;
			display: inline;
			width: 140px;
			margin: 0.2em 10px 0 0;
			font-size: 1.167em; /* 14px */
			font-weight: bold;
			line-height: 1.2em;
			text-align: right;
			position: relative;
		}
		fieldset.text-fields label.short {
			width: 80px;
		}
		fieldset.text-fields label.auto {
			width: auto;
		}
		fieldset.text-fields label.block { /* stacked label/input */
			float: none;
			display: block;
			width: auto;
			margin: 0 0 0.2em 0;
			text-align: left;
		}
		fieldset.text-fields br {
			clear: both;
		}

	fieldset.cb-rb-fields {
		margin: 0;
	}
		fieldset.cb-rb-fields input {
			vertical-align: top;
			width: 15px;
			height: 15px;
			margin: 0 0 0.8em 0;
			padding: 0;
		}
		fieldset.cb-rb-fields label {
			line-height: 1.3em;
			margin: 0 15px 0 2px;
		}
		fieldset.cb-rb-fields table {
			margin: 0;
		}
		fieldset.cb-rb-fields td {
			padding: 0;
		}
			fieldset.cb-rb-fields td input {

			}
			fieldset.cb-rb-fields td label {
				margin: 0 15px 0 5px;
			}

	fieldset.cb-rb-block-fields {
		margin: 0;
	}
		fieldset.cb-rb-block-fields input {
			float: left;
			display: inline;
			vertical-align: top;
			width: 15px;
			height: 15px;
			margin: 0.1em 0 0 0;
			padding: 0;
		}
		fieldset.cb-rb-block-fields label {
			display: block;
			line-height: 1.3em;
			margin: 0 0 0.5em 20px;
		}

	fieldset.form-buttons {
		margin: 0 0 1.0em 0;
		padding: 0 0 0 148px;
	}

/*** fancy forms ***/

span.select-wrapper {
	border: 1px solid #c8c8c8;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: transparent url('../img/select_bg.gif') repeat-x left center;
	position: absolute;
}
span.select {
	height: 26px;
	line-height: 26px;
	overflow: hidden;
	display: block;
	width: 100px;
	padding: 0 30px 0 8px;
	color: #4a4a4a;
	font-size: 1.0em;
	background: transparent url('../img/select_arrows.gif') no-repeat right center;
	z-index: 0;
}
	span.select-small { width: 90px; }
	span.select-medium { width: 150px; }
	span.select-large { width: 210px; }
	span.select-auto { width: auto; }
	span.select-custom { width: auto; }

select.styled {
	position: relative;
	z-index: 1;
	-webkit-appearance: none; /* removes safari styling to allow height adjustment */
	opacity: 0;
	filter: alpha(opacity=0);
}

/*** /fancy forms ***/

/*** specific fieldsets ***/

fieldset#mortgage_calculator_form {
	margin: 0 0 3.5em 0;
	padding: 1.0em 0 0 0;
	position: relative;
	visibility: hidden;
}
body.js-enabled fieldset#mortgage_calculator_form {
	visibility: visible;
}
	fieldset#mortgage_calculator_form fieldset.monthly-payment {
		padding: 1.0em 0;
		background: #f5f5f5;
	}
		fieldset#mortgage_calculator_form fieldset.monthly-payment input.text {
			margin: 0;
		}

	fieldset#mortgage_calculator_form span.errormessage {
		left: 310px;
		margin-top: -14px;
	}

fieldset#loginform {}
	fieldset#loginform fieldset.text-fields {}
		fieldset#loginform fieldset.text-fields label {
			width: 100px;
		}
	fieldset#loginform fieldset.cb-rb-fields {
		margin-left: 110px;
	}
	fieldset#loginform fieldset.form-buttons {
		margin: 0;
		padding: 0 0 0 108px;
	}

/*** /specific fieldsets ***/

/***** /forms *****/


/***** specific styles *****/

/*** homepage template ***/

body.home-page {
	background: #ffffff url('../img/bg_body_home.png') repeat-x left top;
}

div#banner_home {
	width: 100%;
	height: 475px;
	background: transparent url('../img/x.gif') no-repeat center top;
	position: absolute;
	top: 0;
}
	div#banner_home div.banner-inner {
		width: 960px;
		height: 475px;
		margin: 0 auto;
		position: relative;
	}
		div#banner_home div.banner-inner a.lrgbtn-whoweare {
			position: absolute;
			left: 47px;
			top: 312px;
		}

	div#homepage_signinbox {
		width: 256px;
		position: absolute;
		right: 2px;
		top: 140px;
	}
		div#homepage_signinbox div#signinbox {
			width: 256px;
			margin: 0;
		}
			div#homepage_signinbox div#signinbox div.signinbox-uppercap {
				width: 256px;
				height: 32px;
				background: transparent url('../img/signinbox_home_endcaps.png') no-repeat left top;
			}
			div#homepage_signinbox div#signinbox div.signinbox-lowercap {
				width: 256px;
				height: 34px;
				background: transparent url('../img/signinbox_home_endcaps.png') no-repeat left bottom;
			}
			div#homepage_signinbox div#signinbox div.signinbox-inner-bg {
				width: 256px;
				background: transparent url('../img/signinbox_home_inner_bg.png') repeat-y left top;
			}
			div#homepage_signinbox div#signinbox div.signinbox-inner-content {
				width: 190px;
				margin: 0;
				padding: 2px 35px 2px 31px;
				background: none;
			}

	body.home-page div#header_shell {
		margin-bottom: 404px;
		border: 0;
	}
	body.home-page div#header {
		background: none;
	}

	body.home-page a#logo_WaFed {
		display: block;
		width: 191px;
		height: 112px;
		background: transparent url('../img/logo_home_WaFed.png') no-repeat left top;
		position: absolute;
		left: 37px;
		top: 11px;
	}

	body.home-page div#utilitynav {}
		body.home-page div#utilitynav ul.utility-nav-list li a {
			color: #ffffff !important;
		}
			body.home-page div#utilitynav ul.utility-nav-list li.un-item div.miniflyout div.miniflyout-inner ul li a {color: #40a84a !important;}

			body.home-page div#mainnav ul.main-nav-list li#mn_holo a.mn-lnk {background-position: 0px -40px;}
			body.home-page div#mainnav ul.main-nav-list li#mn_holo.in a.mn-lnk {background-position: 0px -80px;}
			body.home-page div#mainnav ul.main-nav-list li#mn_holo a.mn-lnk:hover {background-position: 0px -120px;}
			body.home-page div#mainnav ul.main-nav-list li#mn_holo:hover a.mn-lnk {background-position: 0px -120px;}
			body.home-page div#mainnav ul.main-nav-list li#mn_holo.hover a.mn-lnk {background-position: 0px -120px;}

			body.home-page div#mainnav ul.main-nav-list li#mn_peba a.mn-lnk {background-position: -128px -40px;}
			body.home-page div#mainnav ul.main-nav-list li#mn_peba.in a.mn-lnk {background-position: -128px -80px;}
			body.home-page div#mainnav ul.main-nav-list li#mn_peba a.mn-lnk:hover {background-position: -128px -120px;}
			body.home-page div#mainnav ul.main-nav-list li#mn_peba:hover a.mn-lnk {background-position: -128px -120px;}
			body.home-page div#mainnav ul.main-nav-list li#mn_peba.hover a.mn-lnk {background-position: -128px -120px;}

			body.home-page div#mainnav ul.main-nav-list li#mn_buba a.mn-lnk {background-position: -297px -40px;}
			body.home-page div#mainnav ul.main-nav-list li#mn_buba.in a.mn-lnk {background-position: -297px -80px;}
			body.home-page div#mainnav ul.main-nav-list li#mn_buba a.mn-lnk:hover {background-position: -297px -120px;}
			body.home-page div#mainnav ul.main-nav-list li#mn_buba:hover a.mn-lnk {background-position: -297px -120px;}
			body.home-page div#mainnav ul.main-nav-list li#mn_buba.hover a.mn-lnk {background-position: -297px -120px;}

div#content.homepage-two-column {
	padding: 0 10px 0 50px;
}
	div#content.homepage-two-column div#subcol {
		float: left;
		display: inline;
		width: 190px;
		min-height: 300px;
		position: relative;
	}
	div#content.homepage-two-column div#maincol {
		float: right;
		display: inline;
		width: 690px;
		min-height: 300px;
		position: relative;
	}

	div.homepage-layout {}
		div.homepage-layout div.highlight-box {
			float: left;
			display: inline;
			width: 200px;
			padding: 0 15px;
		}
			div.homepage-layout div.highlight-box h2 {
				font-size: 1.667em; /* 20px */
				font-weight: normal;
				letter-spacing: -1px;
				min-height: 2.0em;
				margin-right: 10px;
			}
			html.cufon-active div.homepage-layout div.highlight-box h2 {
				font-size: 22px;
			}
			div.homepage-layout div.highlight-box p {
				margin: 0 0 0.8em 0;
			}
			div.homepage-layout div.highlight-box div.cta {
				
			}

	fieldset#actionlinks {
		margin: 0 0 2.0em 0;
		border-top: 1px solid #dbdbdb;
		border-bottom: 1px solid #dbdbdb;
		position: relative;
		display: none;
	}
	body.js-enabled fieldset#actionlinks {
		display: block;
	}
		fieldset#actionlinks div.actionlinks-inner {
			padding: 1.0em 18px;
			border-top: 1px solid #ffffff;
			border-bottom: 1px solid #ffffff;
			background: #f5f5f5;
		}
			fieldset#actionlinks label {
				color: #008f88;
				font-size: 20px;
				letter-spacing: -1px;
				line-height: 28px;
				margin: 0 20px 0 0;
			}
			fieldset#actionlinks span.select-custom {
				width: 380px;
			}
			fieldset#actionlinks select.select-custom {
				width: 420px;
				margin: 0;
				padding: 1px 1px 1px 8px;
			}

/*** /homepage template ***/

/*** main page template ***/

div#content.mainpage-three-column {
	padding: 90px 10px 110px 50px;
}
	div#content.mainpage-three-column div#subcol {
		float: left;
		display: inline;
		width: 190px;
		min-height: 650px;
		margin-right: 50px;
		position: relative;
	}
	div#content.mainpage-three-column div#mainintro {
		float: left;
		display: inline;
		width: 660px;
		padding-top: 12px;
		background: transparent url('../img/dots.png') repeat-x left top;
		position: relative;
	}
	div#content.mainpage-three-column div#maincol {
		float: left;
		display: inline;
		width: 420px;
		position: relative;
	}
	div#content.mainpage-three-column div#terticol {
		float: right;
		display: inline;
		width: 190px;
		position: relative;
	}

		div.main-page-layout div.highlight-boxes {}
			div.highlight-boxes div.cta {
				margin: 0;
			}
			div.highlight-boxes div.highlight-left {
				float: left;
				display: inline;
			}
			div.highlight-boxes div.highlight-right {
				float: right;
				display: inline;
			}
			div.highlight-boxes div.highlight {
				width: 200px;
				margin: 0 0 2.5em 0;
			}
				div.highlight-boxes div.highlight h3 {
					min-height: 2.4em;
				}
				div.highlight-boxes div.highlight p {
					margin: 0 0 0.8em 0;
				}
			div.highlight-boxes div.highlight-bottom {
				margin: 0 0 2.5em 0;
			}
				div.highlight-boxes div.highlight-bottom p {
					margin: 0 0 0.8em 0;
				}

		div.main-page-layout div.quotebox {
			width: 380px;
			margin: 0 0 3.0em 0;
			border-top: 1px solid #dbdbdb;
			border-bottom: 1px solid #dbdbdb;
			position: relative;
		}
			div.quotebox div.quotebox-arrow {
				width: 30px;
				height: 21px;
				background: transparent url('../img/quotebox_arrow.png') no-repeat left top;
				position: absolute;
				left: 275px;
				bottom: -20px;
			}
			div.quotebox div.quotebox-inner {
				min-height: 100px;
				padding: 20px 120px 25px 20px;
				border-top: 1px solid #ffffff;
				border-bottom: 1px solid #ffffff;
				background: #f5f5f5;
			}
				div.quotebox div.quotebox-inner div.quotepic-box {
					/* reserved for IE */
				}
					div.quotebox div.quotebox-inner div.quotepic-box img {
						display: block;
						width: 118px;
						height: 124px;
						padding: 17px 13px 13px 21px;
						background: transparent url('../img/quotepic_bg.png') no-repeat left top;
						position: absolute;
						right: -40px;
						top: 20px;
						-webkit-transform: rotate(-6deg);
						-moz-transform: rotate(-6deg);
						transform: rotate(-6deg);
					}
				div.quotebox div.quotebox-inner h3 {
					font-size: 1.333em; /* 16px */
					font-weight: normal;
					letter-spacing: -1px;
					margin: 0 0 0.2em 0;
				}
				div.quotebox div.quotebox-inner h3.line1 {}
				div.quotebox div.quotebox-inner h3.line2 {}
				html.cufon-active div.quotebox div.quotebox-inner h3 {font-size: 18px;}
				div.quotebox div.quotebox-inner p.quote-copy {
					color: #626262;
				}
				div.quotebox div.quotebox-inner p.quote-info {
					color: #008f88;
					margin: 0;
				}

/*** /main page template ***/

/*** jobs landing & job description templates ***/

	table.jobs-listing-tbl {
		width: 660px;
		margin: 0 0 1.5em 0;
	}
		table.jobs-listing-tbl th {
			color: #40a84a;
			padding: 0.5em 10px;
			border-bottom: 1px solid #dbdbdb;
		}
		table.jobs-listing-tbl th.colA {width: 80px;}
		table.jobs-listing-tbl th.colB {width: 250px;}
		table.jobs-listing-tbl th.colC {width: 150px;}
		table.jobs-listing-tbl th.colD {width: 100px;}
		table.jobs-listing-tbl td {
			padding: 0.5em 10px;
		}
		table.jobs-listing-tbl td.date {
			font-weight: bold;
		}
		table.jobs-listing-tbl tr.first-row td,
		table.jobs-listing-tbl tr:first-child td {
			padding-top: 1.5em;
		}
		table.jobs-listing-tbl tr:nth-child(odd) td {
			background: transparent;
		}
		table.jobs-listing-tbl tr:nth-child(even) td {
			background: #f6f6f6;
		}
		table.jobs-listing-tbl tr.nth-child-odd td {
			background: transparent;
		}
		table.jobs-listing-tbl tr.nth-child-even td {
			background: #f6f6f6;
		}

	div.pagi-nav {
		margin: 0 0 1.5em 0;
		padding: 0.8em 0 0 0;
		border-top: 1px solid #dbdbdb;
	}
		div.pagi-nav p.viewall { /* generated by paginator script */
			margin: 0;
			display: none;
		}
		div.pagi-nav p.info {
			float: left;
			display: inline;
			margin: 0;
		}
		div.pagi-nav ul {
			margin: -0.1em 0 0 0;
			font-size: 1.167em; /* 14px */
			text-align: right;
		}
			div.pagi-nav ul li {
				display: inline;
				margin: 0;
				padding: 0 8px;
				border-left: 1px solid #dbdbdb;
			}
			div.pagi-nav ul li.first {
				border-left: 0;
			}
			div.pagi-nav ul li.prev {
				border-left: 0;
				border-right: 1px solid #dbdbdb;
			}
			div.pagi-nav ul li.disabled {
				visibility: hidden;
			}
				div.pagi-nav ul li a {
				
				}
				div.pagi-nav ul li.selected a,
				div.pagi-nav ul li a:hover {
					color: #7d7d7d;
					text-decoration: none;
				}
	div#upperpaginav {
		
	}
	div#lowerpaginav {
		
	}

	div.job-description-layout {}
		div.job-description-layout div.cta-back {}

/*** /jobs landing & job description templates ***/

/*** general templates ***/

	div.general-layout {}
		div.general-layout div.panel {}

	div.general-list-layout {}
		div.general-list-layout div.panel {
			padding: 0.5em 0 1.0em 0;
			border-top: 1px solid #dbdbdb;
		}
		div.general-list-layout div.no-border {
			padding: 0 0 1.0em 0;
			border: 0;
		}
			div.general-list-layout div.panel div.cta-reveal {
				margin: -0.8em 0 1.3em 0;
			}

/*** /general templates ***/

/*** comparison chart template ***/

	table.comparison-chart {
		width: 660px;
		margin: 0 0 2.0em 0;
	}
		table.comparison-chart th {
			color: #008f88;
			width: 100px;
			padding: 0.5em 10px 2.0em 10px;
			border-bottom: 1px solid #dbdbdb;
		}
		table.comparison-chart th.double {
			width: 210px;
		}
		table.comparison-chart td {
			padding: 0.5em 10px 1.5em 10px;
			border-bottom: 1px solid #dbdbdb;
		}
		table.comparison-chart th.first,
		table.comparison-chart td.first  {
			width: 160px;
			padding-left: 0;
		}
		table.comparison-chart th.odd,
		table.comparison-chart td.odd  {
			background: transparent;
		}
		table.comparison-chart th.even,
		table.comparison-chart td.even  {
			background: #f1f1f1;
		}

/*** /comparison chart template ***/

/*** business banking templates ***/

	fieldset#viewproducts {
		margin: 0 0 1.0em 0;
		border-top: 1px solid #dbdbdb;
		border-bottom: 1px solid #dbdbdb;
		position: relative;
		display: none;
	}
	body.js-enabled fieldset#viewproducts {
		display: block;
	}
		fieldset#viewproducts div.viewproducts-inner {
			padding: 10px 0 20px 0;
			border-top: 1px solid #ffffff;
			border-bottom: 1px solid #ffffff;
			background: #f1f1f1;
		}
		fieldset#viewproducts div.viewproducts-inner fieldset {
			float: left;
			display: inline;
			width: 280px;
			padding: 0 0 0 30px;
		}
			fieldset#viewproducts h3 {
				
			}
			fieldset#viewproducts span.select-custom {
				width: 240px;
			}
			fieldset#viewproducts select.select-custom {
				width: 280px;
				margin: 0;
				padding: 1px 1px 1px 8px;
			}
			fieldset#viewproducts select.styled {
				top: 5px;
			}
				fieldset#viewproducts select option {
					padding: 0 0 0 8px;
				}

	div.products-list-layout {
		min-height: 562px;
		padding-top: 2.0em;
	}
		div.products-list-layout div.panel {
			padding: 0.5em 0 1.5em 0;
			border-top: 1px solid #dbdbdb;
		}
			div.products-list-layout div.panel h4 {
				margin: 0 0 0.8em 0;
			}
			div.products-list-layout div.panel img.icon-right {
				display: none;
			}
			div.products-list-layout div.size-1 img.icon-sm,
			div.products-list-layout div.size-2 img.icon-med,
			div.products-list-layout div.size-3 img.icon-lrg {
				display: inline;
			}
			div.products-list-layout div.panel ul.bullet-list {
				margin: 0 0 1.0em 0;
			}
				div.products-list-layout div.panel ul.bullet-list li {
					margin: 0 0 0.5em 0;
				}
			div.products-list-layout div.panel div.cta {
				margin: 0;
			}

	div.product-detail-intro {}
		div.product-detail-intro h4 {
			margin: 0 0 0.8em 0;
		}
			div.product-detail-intro h4 img.icon-right {
				display: none;
			}
			div.product-detail-intro h4.size-1 img.icon-sm,
			div.product-detail-intro h4.size-2 img.icon-med,
			div.product-detail-intro h4.size-3 img.icon-lrg {
				display: inline;
			}

/*** /business banking templates ***/

/*** press listing & press article templates ***/

	html.cufon-active  div.intro-content h1.article-title,
	div.intro-content h1.article-title {
		font-size: 1.667em; /* 20px */
		letter-spacing: 0;
		margin: 0 0 1.0em 0;
	}

	ol.press-release-listing {
		list-style: none;
	}
		ol.press-release-listing li {
			margin: 0;
			padding: 0.5em 0 1.5em 0;
			border-bottom: 1px solid #dbdbdb;
		}
			ol.press-release-listing li div.cta {
				margin: 0;
			}
			ol.press-release-listing li h4 {
				
			}
			ol.press-release-listing li h3 {
				font-weight: normal;
			}
			ol.press-release-listing li p {
				margin: 0;
			}
				ol.press-release-listing li p em.location {
					font-size: 0.833em; /* 10px */
					font-style: normal;
					text-transform: uppercase;
				}

		div#terticol div.press-archive-nav {
			margin: 0 0 2.0em 0;
		}
			div#terticol div.press-archive-nav ul {
				list-style: none;
				font-size: 1.167em; /* 14px */
				margin: 0 0 0.5em 0;
			}
				div#terticol div.press-archive-nav ul li {
					margin: 0 0 0.2em 0;
				}
					div#terticol div.press-archive-nav ul li.in a {
						color: #7d7d7d;
					}

	div.press-pagi-nav {
		margin: 0 0 1.5em 0;
	}
		div.press-pagi-nav p.viewall {
			margin: 0;
			display: none;
		}
		div.press-pagi-nav p.info {
			float: left;
			display: inline;
			margin: 0;
		}
		div.press-pagi-nav ul {
			margin: -0.1em 0 0 0;
			font-size: 1.167em; /* 14px */
			text-align: right;
		}
			div.press-pagi-nav ul li {
				display: inline;
				margin: 0;
				padding: 0 8px;
				border-left: 1px solid #dbdbdb;
			}
			div.press-pagi-nav ul li.first {
				border-left: 0;
			}
			div.press-pagi-nav ul li.prev {
				border-left: 0;
				border-right: 1px solid #dbdbdb;
			}
			div.press-pagi-nav ul li.disabled {
				visibility: hidden;
			}
				div.press-pagi-nav ul li a {
				
				}
				div.press-pagi-nav ul li.selected a,
				div.press-pagi-nav ul li a:hover {
					color: #7d7d7d;
					text-decoration: none;
				}


/*** /press listing & press article templates ***/

/*** branch listing & detail templates ***/

	div.branch-details {}
		div.branch-details div.info-column {
			float: left;
			display: inline;
			width: 320px;
		}
		div.branch-details div.map-column {
			float: right;
			display: inline;
			width: 320px;
		}

	fieldset#locationfilter {
		margin: 0 0 2.0em 0;
		border-top: 1px solid #dbdbdb;
		border-bottom: 1px solid #dbdbdb;
		position: relative;
		display: none;
	}
	body.js-enabled fieldset#locationfilter {
		display: block;
	}
		fieldset#locationfilter div.locationfilter-inner {
			padding: 1.0em 20px;
			border-top: 1px solid #ffffff;
			border-bottom: 1px solid #ffffff;
			background: #f5f5f5;
		}
			fieldset#locationfilter label {
				color: #008f88;
				font-size: 20px;
				letter-spacing: -1px;
				line-height: 28px;
				margin: 0 20px 0 0;
			}
			fieldset#locationfilter span.select-custom {
				width: 320px;
			}
			fieldset#locationfilter select.select-custom {
				width: 360px;
				margin: 0;
				padding: 1px 1px 1px 8px;
			}

	div.branch-listing {
		min-height: 386px;
	}
		div.branch-listing div.panel {
			padding: 0.5em 0 1.5em 0;
			border-top: 1px solid #dbdbdb;
		}
			div.branch-listing div.panel div.info {
				float: left;
				display: inline;
				width: 400px;
			}
				div.branch-listing div.panel div.info p {
					margin: 0;
				}
			div.branch-listing div.panel div.cta {
				float: right;
				display: inline;
				width: 240px;
				text-align: right;
			}

	div.sm-map-canvas {
		width: 318px;
		height: 318px;
		margin: 0 0 1.0em 0;
		border: 1px solid #6d6d6d;
	}
		div.sm-map-canvas img.nojs-gmap {
			display: block;
			width: 318px;
			height: 318px;
		}

	div.lrg-map-canvas {
		width: 658px;
		height: 538px;
		margin: 0 0 3.5em 0;
		border: 1px solid #6d6d6d;
	}
		div.lrg-map-canvas img.nojs-gmap {
			display: block;
			width: 658px;
			height: 538px;
		}

	div.tall-google-bubble {height:84px;}
	div.med-google-bubble {height:70px;}
		div.tall-google-bubble h4,
		div.med-google-bubble h4 {
			color: #008f88;
			margin: 0;
		}
		div.tall-google-bubble p,
		div.med-google-bubble p {
			margin: 0;
		}

/*** /branch listing & detail templates ***/

/*** locations list template ***/

	div#locations_map {
		width: 644px;
		height: 404px;
		margin: 0 0 1.0em 0;
		padding: 2px;
		border: 1px solid #dbdbdb;
		background: transparent url('../img/locations_map.png') no-repeat 2px 2px;
		position: relative;
	}
		div#locations_map img {
			display: block;
			width: 404px;
			height: 404px;
			position: relative;
		}
		div#locations_map span#states_overlay {
			display: block;
			width: 1px;
			height: 1px;
			position: absolute;
			left: -999px;
			top: -999px;
			background: transparent url('../img/states_sprite.png') no-repeat 0px 0px;
		}
		div#locations_map span#states_overlay.state-ar {
			width: 80px;
			height: 94px;
			left: 102px;
			top: 209px;
			background-position: -5px -5px;
		}
		div#locations_map span#states_overlay.state-id {
			width: 68px;
			height: 116px;
			left: 108px;
			top: 24px;
			background-position: -5px -115px;
		}
		div#locations_map span#states_overlay.state-nm {
			width: 81px;
			height: 86px;
			left: 170px;
			top: 219px;
			background-position: -5px -245px;
		}
		div#locations_map span#states_overlay.state-nv {
			width: 74px;
			height: 117px;
			left: 64px;
			top: 118px;
			background-position: -5px -345px;
		}
		div#locations_map span#states_overlay.state-or {
			width: 93px;
			height: 81px;
			left: 31px;
			top: 45px;
			background-position: -5px -475px;
		}
		div#locations_map span#states_overlay.state-tx {
			width: 164px;
			height: 161px;
			left: 202px;
			top: 236px;
			background-position: -5px -575px;
		}
		div#locations_map span#states_overlay.state-ut {
			width: 66px;
			height: 85px;
			left: 123px;
			top: 134px;
			background-position: -5px -755px;
		}
		div#locations_map span#states_overlay.state-wa {
			width: 77px;
			height: 57px;
			left: 53px;
			top: 9px;
			background-position: -5px -855px;
		}

/*** /locations list template ***/

/*** wholesale lending templates ***/

	div#locations_map_sm {
		width: 404px;
		height: 257px;
		margin: 0 0 1.0em 0;
		padding: 2px;
		border: 1px solid #dbdbdb;
		background: transparent url('../img/locations_map_sm.png') no-repeat 2px 2px;
		position: relative;
	}
		div#locations_map_sm img {
			display: block;
			width: 404px;
			height: 257px;
			position: relative;
		}
		div#locations_map_sm span#states_overlay {
			display: block;
			width: 1px;
			height: 1px;
			position: absolute;
			left: -999px;
			top: -999px;
			background: transparent url('../img/states_sprite_sm.png') no-repeat 0px 0px;
		}
		div#locations_map_sm span#states_overlay.state-ar {
			width: 50px;
			height: 60px;
			left: 62px;
			top: 135px;
			background-position: -5px -5px;
		}
		div#locations_map_sm span#states_overlay.state-id {
			width: 43px;
			height: 73px;
			left: 66px;
			top: 17px;
			background-position: -5px -75px;
		}
		div#locations_map_sm span#states_overlay.state-nm {
			width: 51px;
			height: 55px;
			left: 106px;
			top: 142px;
			background-position: -5px -160px;
		}
		div#locations_map_sm span#states_overlay.state-nv {
			width: 47px;
			height: 74px;
			left: 37px;
			top: 77px;
			background-position: -5px -225px;
		}
		div#locations_map_sm span#states_overlay.state-or {
			width: 60px;
			height: 51px;
			left: 16px;
			top: 30px;
			background-position: -5px -310px;
		}
		div#locations_map_sm span#states_overlay.state-tx {
			width: 104px;
			height: 103px;
			left: 127px;
			top: 152px;
			background-position: -5px -375px;
		}
		div#locations_map_sm span#states_overlay.state-ut {
			width: 42px;
			height: 54px;
			left: 76px;
			top: 87px;
			background-position: -5px -490px;
		}
		div#locations_map_sm span#states_overlay.state-wa {
			width: 49px;
			height: 37px;
			left: 31px;
			top: 6px;
			background-position: -5px -555px;
		}

/*** /wholesale lending templates ***/

/*** search results ***/

div#cse_search_results {
	width: 660px;
}
	div#cse_search_results iframe {
		width: 660px;
	}

/*** /search results ***/

/*** modal window ***/

div#modaloverlay {
	width: 100%;
	height: 100%;
	background: #ffffff;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 8;
	display: none;
}
div#modaloverlay.active {
	display: block;
}

div#modallogin {
	display: none;
}
div#modallogin.active {
	display: block;
}

div#modalinterstitial {
	display: none;
}
div#modalinterstitial.active {
	display: block;
}

div#modalvideoplayer {
	display: none;
}
div#modalvideoplayer.active {
	display: block;
}

div.popover-lrg {
	width: 786px;
	margin: 0 auto;
	position: fixed;
	z-index: 9;
	/*
	modal popover lives outside #wrapper and therefore does not inherit the font-size multiplier.
	modal popover will default to 10pt if font-size is not set the same as #wrapper.
	*/
	font-size: 1.2em;
}
	div.popover-lrg div.popover-uppercap {
		width: 786px;
		height: 10px;
		background: transparent url('../img/popover_lrg_endcaps.png') no-repeat left top;
	}
	div.popover-lrg div.popover-lowercap {
		width: 786px;
		height: 10px;
		background: transparent url('../img/popover_lrg_endcaps.png') no-repeat left bottom;
	}
	div.popover-lrg div.popover-inner {
		width: 720px;
		min-height: 400px;
		padding: 20px 34px 25px 32px;
		background: transparent url('../img/popover_lrg_innerbg.png') repeat-y left top;
		position: relative;
	}
		div.popover-lrg div.popover-inner div.cta {
			margin: 0;
		}
	div.popover-lrg a.lnk-closeX {
		display: block;
		position: absolute;
		right: 33px;
		top: 0px;
	}

div.popover-med {
	width: 480px;
	margin: 0 auto;
	position: fixed;
	z-index: 9;
	/*
	modal popover lives outside #wrapper and therefore does not inherit the font-size multiplier.
	modal popover will default to 10pt if font-size is not set the same as #wrapper.
	*/
	font-size: 1.2em;
}
	div.popover-med div.popover-uppercap {
		width: 480px;
		height: 10px;
		background: transparent url('../img/popover_med_endcaps.png') no-repeat left top;
	}
	div.popover-med div.popover-lowercap {
		width: 480px;
		height: 10px;
		background: transparent url('../img/popover_med_endcaps.png') no-repeat left bottom;
	}
	div.popover-med div.popover-inner {
		width: 414px;
		padding: 10px 34px 15px 32px;
		background: transparent url('../img/popover_med_innerbg.png') repeat-y left top;
		position: relative;
	}
		div.popover-med div.popover-inner div.cta {
			margin: 0;
		}
	div.popover-med a.lnk-closeX {
		display: block;
		position: absolute;
		right: 33px;
		top: 0px;
	}

/* flash video */

#flashvideocontent {
	display: block;
	width: 720px;
	height: 444px;
}
div#flashvideocontent {
	background: transparent url('../img/flashvideo_bg.png') no-repeat left top;
}

/* /flash video */

/*** /modal window ***/

/*** error and login pages ***/

div#content.errorpage-two-column {}
div#content.loginpage-two-column {}
	div#content.errorpage-two-column div#subcol,
	div#content.loginpage-two-column div#subcol {
		float: left;
		display: inline;
		width: 190px;
		min-height: 300px;
		margin-right: 50px;
		position: relative;
		z-index: 3;
	}
	div#content.errorpage-two-column div#maincol,
	div#content.loginpage-two-column div#maincol {
		float: left;
		display: inline;
		width: 660px;
		min-height: 300px;
		padding-top: 12px;
		background: transparent url('../img/dots.png') repeat-x left top;
		position: relative;
		z-index: 7;
	}

/*** /error and login pages ***/

/***** /specific styles *****/


/***** font-size key *****/

/*** 11pt default base ***/
/*
body = 10px
	div#wrapper = 1.1em
		09px = {font-size: 0.818em;}
		10px = {font-size: 0.909em;}
		11px = {font-size: 1.0em;}
		12px = {font-size: 1.091em;}
		13px = {font-size: 1.182em;}
		14px = {font-size: 1.273em;}
		15px = {font-size: 1.364em;}
		16px = {font-size: 1.455em;}
		17px = {font-size: 1.545em;}
		18px = {font-size: 1.636em;}
		19px = {font-size: 1.727em;}
		20px = {font-size: 1.818em;}
		21px = {font-size: 1.909em;}
		22px = {font-size: 2.0em;}
		23px = {font-size: 2.091em;}
		24px = {font-size: 2.182em;}
		25px = {font-size: 2.273em;}
		26px = {font-size: 2.364em;}
		27px = {font-size: 2.455em;}
		28px = {font-size: 2.546em;}
		29px = {font-size: 2.636em;}
		30px = {font-size: 2.727em;}
		31px = {font-size: 2.818em;}
		32px = {font-size: 2.909em;}
		33px = {font-size: 3.0em;}
		34px = {font-size: 3.091em;}
		35px = {font-size: 3.182em;}
		36px = {font-size: 3.273em;}
*/
/*** end 11pt ***/

/*** 12pt default base ***/
/*
body = 10px
	div#wrapper = 1.2em
		09px = {font-size: 0.75em;}
		10px = {font-size: 0.833em;}
		11px = {font-size: 0.917em;}
		12px = {font-size: 1.0em;}
		13px = {font-size: 1.083em;}
		14px = {font-size: 1.167em;}
		15px = {font-size: 1.250em;}
		16px = {font-size: 1.333em;}
		17px = {font-size: 1.417em;}
		18px = {font-size: 1.50em;}
		19px = {font-size: 1.583em;}
		20px = {font-size: 1.667em;}
		21px = {font-size: 1.750em;}
		22px = {font-size: 1.833em;}
		23px = {font-size: 1.917em;}
		24px = {font-size: 2.0em;}
		25px = {font-size: 2.083em;}
		26px = {font-size: 2.167em;}
		27px = {font-size: 2.250em;}
		28px = {font-size: 2.333em;}
		29px = {font-size: 2.417em;}
		30px = {font-size: 2.50em;}
		31px = {font-size: 2.583em;}
		32px = {font-size: 2.667em;}
		33px = {font-size: 2.750em;}
		34px = {font-size: 2.833em;}
		35px = {font-size: 2.917em;}
		36px = {font-size: 3.0em;}
*/
/*** end 12pt ***/

/*** 13pt default base ***/
/*
body = 10px
	div#wrapper = 1.3em
		09px = {font-size: 0.692em;}
		10px = {font-size: 0.769em;}
		11px = {font-size: 0.846em;}
		12px = {font-size: 0.923em;}
		13px = {font-size: 1.0em;}
		14px = {font-size: 1.077em;}
		15px = {font-size: 1.154em;}
		16px = {font-size: 1.231em;}
		17px = {font-size: 1.308em;}
		18px = {font-size: 1.385em;}
		19px = {font-size: 1.462em;}
		20px = {font-size: 1.538em;}
		21px = {font-size: 1.615em;}
		22px = {font-size: 1.692em;}
		23px = {font-size: 1.769em;}
		24px = {font-size: 1.846em;}
		25px = {font-size: 1.923em;}
		26px = {font-size: 2.0em;}
		27px = {font-size: 2.077em;}
		28px = {font-size: 2.154em;}
		29px = {font-size: 2.231em;}
		30px = {font-size: 2.308em;}
		31px = {font-size: 2.385em;}
		32px = {font-size: 2.462em;}
		33px = {font-size: 2.538em;}
		34px = {font-size: 2.615em;}
		35px = {font-size: 2.692em;}
		36px = {font-size: 2.769em;}
*/
/*** end 13pt ***/

/*** 14pt default base ***/
/*
body = 10px
	div#wrapper = 1.4em
		09px = {font-size: 0.643em;}
		10px = {font-size: 0.714em;}
		11px = {font-size: 0.786em;}
		12px = {font-size: 0.857em;}
		13px = {font-size: 0.929em;}
		14px = {font-size: 1.0em;}
		15px = {font-size: 1.071em;}
		16px = {font-size: 1.143em;}
		17px = {font-size: 1.214em;}
		18px = {font-size: 1.286em;}
		19px = {font-size: 1.357em;}
		20px = {font-size: 1.429em;}
		21px = {font-size: 1.50em;}
		22px = {font-size: 1.571em;}
		23px = {font-size: 1.643em;}
		24px = {font-size: 1.714em;}
		25px = {font-size: 1.786em;}
		26px = {font-size: 1.857em;}
		27px = {font-size: 1.929em;}
		28px = {font-size: 2.0em;}
		29px = {font-size: 2.071em;}
		30px = {font-size: 2.143em;}
		31px = {font-size: 2.214em;}
		32px = {font-size: 2.286em;}
		33px = {font-size: 2.357em;}
		34px = {font-size: 2.429em;}
		35px = {font-size: 2.50em;}
		36px = {font-size: 2.571em;}
*/
/*** end 14pt ***/

/***** /font-size key *****/