/*
--------------------------------------------------

Capitol Federal
Global Styles [global.css]

Joe Morrow [joe.morrow@acquitygroup.com]
3/27/2009

Copyright © 2009 Acquity Group LLC

--------------------------------------------------
*/


@import url("reset.css");


/* @group Global */
html, body {
    height: 100%;
}

body {
    background: #8bb7dd url(../images/body/background.gif) repeat-x top left;
    color: #434343;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 62.5%;
}

a:link,
a:visited {
    color: #0959a1;
    text-decoration: underline;
}

a:hover,
a:active {
    color: #0959a1;
    text-decoration: none;
}

p {
    clear: both;
}

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

.left {
    float: left;
}

.right {
    float: right;
}

/* Accessible hiding technique */
.hidden {
    height: 0 !important;
    line-height: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    text-indent: -100000em !important;
    width: 0 !important;
}
/* @end Global */


/* @group General Navigation */
ul.nav li {
    background: url(../images/icons/pipe.gif) no-repeat center right;
    display: inline;
    margin-right: 2px;
    padding-right: 6px;
}

ol.nav {
    margin-bottom: 1.0em;
}

ol.nav li {
    display: list-item;
    float: left;
    list-style-image: none;
    list-style: decimal inside;
    padding-right: 1.5em;
}

ul.nav li.last,
ol.nav li.last {
    background: none;
    margin-right: 0;
    padding-right: 0;
}

li.selected,
li.hover {
    font-weight: bold;
}

ul.nav img,
ol.nav img {
    display: block;
}
/* @end General Navigation */


/* @group Form Fields */
input.password,
input.text,
select,
textarea {
    background: #fff;
    border: 1px solid #999;
    font: 1.0em Verdana, Helvetica, Arial, sans-serif;
    padding: 0.1em 0.5em;
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

label {
    vertical-align: baseline;
}

select {
    padding: 0;
}

.inline-prompt {
    color: #6b6b6b;
}

.textWrap {
    background: transparent url(../images/buttons/textWrap.png) no-repeat top left;
    height: 21px;
    margin: 0;
    padding: 0 0 0 5px;
}

.textWrap input.text,
.textWrap input.password {
    background: transparent url(../images/buttons/textWrap.png) no-repeat bottom right;
    border: none;
    height: 13px;
    margin: 0;
    padding: 3px 5px 5px 0;
}
/* @end Form Fields */


/* @group Container */
#container {
    background: transparent url(../images/backgrounds/container.png) repeat-y 50% 50%;
    margin: 0 auto;
    overflow: auto;
    padding: 0 9px;
    width: 990px;
}

body.home #container {
    clear: both;
    overflow: visible;
}
/* @end Container */


/* @group Header */
#header {
    background: #fff;
    clear: both;
    float: left;
    width: 990px;
}

#headerPrint {
    display: none;
}

#headerBranding,
#headerBranding a,
#headerBranding a img {
    float: left;
}

/* @group Header Navigation */
#headerNav {
    float: left;
    margin: 39px 0 0 7px;
    width: 496px;
    z-index: 999;
}

#headerNav ul.nav li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

#headerNav ul.nav ul {
    position: absolute;
    display: none;
    z-index: 999;
}

#headerNav ul.nav ul li {
    background: #0959a1 url(../images/header/nav/background.gif) repeat-x bottom left;
    clear: both;
    padding: 3px 9px 7px 9px;
    width: 172px;
}

#headerNav ul.nav ul li.first {
    padding-top: 8px;
}

#headerNav ul.nav ul li.hover {
    background-color: #003769;
}

#headerNav ul.nav ul li.last {
    background-image: none;
    padding-bottom: 6px;
}

#headerNav ul.nav ul li a {
    color: #fff;
    font-size: 1.1em;
    font-weight: normal;
    text-decoration: none;
}
/* @end Header Navigation */


/* @group Header Quick Search */
#headerQuickSearch {
    float: left;
    margin: 42px 0 0 10px;
}

#headerQuickSearch .textWrap {
    background-image: url(../images/buttons/textWrap-22.png);
    display: block;
    float: left;
    height: 22px;
}

#headerQuickSearch input.text {
    background-image: url(../images/buttons/textWrap-22.png);
    padding-bottom: 6px;
    width: 122px;
}

#headerQuickSearch input.submit {
    display: block;
    float: left;
    margin-left: 5px;
}
/* @end Header Quick Search */
/* @end Header */


/* @group Body */
#body {
    background: #87bded url(../images/body/background.jpg) no-repeat bottom left; /* hack */
    clear: both;
    float: left;
    width: 990px;
}
/* @end Body */


/* @group Left */
#left {
    background: transparent url(../images/left/background.png) repeat-x top left;
    float: left;
    font-weight: bold;
    letter-spacing: -0.005em;
    padding: 28px 0 0 20px;
    width: 248px;
}

#leftNav {
    margin-bottom: 110px;
}

#leftNav #bankingLoginAndEnroll {
    float: left;
    line-height: 21px;
    margin-bottom: 24px;
    vertical-align: middle;
    width: 100%;
}

#leftNav #bankingLoginAndEnroll #enrollNow {
    display: block;
    float: right;
    padding-right: 22px;
}

#leftNav #bankingLoginAndEnroll #trueBlueOnlineBanking {
    background: url(../images/buttons/trueBlueOnlineBanking.png) no-repeat;
    display: block;
    float: left;
    height: 21px;
    overflow: hidden;
    text-indent: -9000em;
    width: 142px;
}

#left h2 {
    color: #003769;
    font-size: 1.3em;
    font-weight: bold;
    letter-spacing: -0.019em;
    padding: 0 0 0.631em 0;
}

#left ul li {
    color: #124777;
    font-size: 1.1em;
    letter-spacing: -0.016em;
    line-height: 2.273;
}

/*
#left ul li.selected {
    margin-bottom: 0.882em;
}
*/

#left ul li.selected ul {
    margin-top: -0.1em;
}

#left ul li li.selected {
    margin-bottom: 0;
}

#left ul li a {
    background: transparent url(../images/left/twisty.png) no-repeat bottom left;
    padding-left: 11px;
    text-decoration: none;
}

#left ul li.selected a {
    background: transparent url(../images/left/twisty.png) no-repeat top left;
}

#left ul li.single a:link,
#left ul li.single a:visited {
    background: transparent;
    text-decoration: none;
}

#left ul li.single a:hover,
#left ul li.single a:active {
    background: transparent;
    text-decoration: underline;
}

#left ul li li a {
    background: transparent;
}

#left ul li li {
    color: #003769;
    font-size: 0.909em;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 1.6;
}

#left ul li li a {
    margin-left: 12px;
    padding-left: 13px;
}

#left ul li.selected li a:link,
#left ul li.selected li a:visited {
    background: transparent;
    text-decoration: none;
}

#left ul li.selected li a:hover,
#left ul li.selected li a:active {
    background: transparent;
    text-decoration: underline;
}

#left ul li li.selected a:link,
#left ul li li.selected a:visited,
#left ul li li.selected a:hover,
#left ul li li.selected a:active {
    background: transparent url(../images/left/bullet.png) no-repeat left center;
}
/* @end Left */


/* @group Content */
#content {
    background: #fff url(../images/container/background.gif) repeat-x top left;
    float: left;
    font-size: 1.1em;
    padding: 26px 20px 10px 20px;
    width: 682px;
}

#content h1 {
    color: #003769;
    font-family: "Times New Roman", Times, serif;
    font-size: 2.182em;
    font-weight: normal;
    margin-bottom: 0.5em;
}

#content h3 {
    color: #0959a1;
    font-size: 1.091em;
    font-weight: bold;
    margin: 0.083em 0 0.333em 0;
}

#content h4 {
    color: #003769;
    font-weight: bold;
    line-height: 1.364;
    margin: 0 0 0.091em 0;
}

#content hr {
    background: #c6c6c6;
    border: none;
    clear: both;
    display: block;
    height: 1px;
    margin: 0 0 27px 0;
    padding: 0;
}

#content p {
    line-height: 1.364;
    margin-bottom: 1.0em;
}

#content ul {
    margin: 0.2em 0 0.1em 0;
}

#content li {
    background: transparent url(../images/content/bullet.gif) no-repeat left 0.6em;
    font-size: 0.909em;
    line-height: 1.8;
    margin-left: 0.2em;
    padding-left: 0.8em;
}

#content ul ul {
    margin: 0 0 0 0.5em;
}


/* @group Columns */
#content .col1 {
    clear: both;
    display: block;
    float: left;
    padding-right: 35px;
    width: 199px;
}

#content .col2 {
    clear: both;
    display: block;
    float: left;
    padding-right: 35px;
    width: 433px;
}

#content .col3 {
    clear: both;
    display: block;
    float: left;
    width: 667px;
}

#content .col {
    clear: none;
    display: block;
    float: left;
    padding-right: 35px;
    width: 199px;
}

#content .col.last,
#content .col1 .col {
    padding-right: 0;
}

#content .right {
    clear: none;
    padding-right: 15px;
}
/* @end Columns */


/* @group Components */
#content .calculator {
    margin-top: 3px;
    margin-bottom: 27px;
}

#content .callout {
    margin-top: 3px;
    margin-bottom: 27px;
}

#content .hero {
    margin: 0.273em 0 1.0em 0;
}

#content .underline {
    border-bottom: 1px solid #c6c6c6;
    margin-bottom: 2.454em;
    padding-bottom: 1px;
}

#content div.list,
#content div.promo,
#content div.text {
    margin-bottom: 1.454em;
}

#content .list {
    padding-bottom: 1.091em;
}

#content .list .link {
    font-weight: bold;
    font-size: 0.909em;
    margin: 0.8em 0 0 1.0em;
}

#content .promo {
    margin-top: 0.272em;
}

#content .right .text p {
    font-size: 0.909em;
    line-height: 1.500em;
}


/* @group Stock */
#content .stock {
    background: transparent url(../images/content/stock-background.jpg) no-repeat top left;
    height: 90px;
    margin: 0.273em 0 2.182em 0;
    padding: 8px 4px 5px 11px !important;
    width: 188px;
}

#content .stock h4 {
    margin: 0 0 0.636em 0;
}

#content .stock .value {
    color: #000;
    display: inline;
    font-size: 1.818em;
    font-weight: bold;
    vertical-align: middle;
}

#content .stock .rate {
    color: #7e7e7e;
    display: inline;
    font-size: 1.182em;
    margin-left: .385em;
    vertical-align: middle;
}

#content .stock .rate .positive {
    color: #390;
    font-weight: bold;
}

#content .stock .rate .negative {
    color: #c00;
    font-weight: bold;
}

#content .stock .date {
    color: #919191;
    margin: 0.636em 0 0 0;
}

#content .stock .link {
    font-size: 0.909em;
    font-weight: bold;
    margin-top: 1.0em;
}
/* @end Stock */


/* @group Data Tables */
#content table {
    font-size: 0.909em;
    margin-bottom: 30px;
    width: 100%;
}

#content .table h3 {
    margin: 0.166em 0 0.5em 0;
}

#content table th {
    font-weight: bold;
    border-bottom: 1px solid #83b2dc;
    padding: 5px 9px;
}

#content table th span {
    font-weight: normal;
}

#content table tbody tr {
    background: transparent url(../images/content/td-background.gif) repeat-x bottom left;
}

#content table tbody tr.last {
    background: transparent;
}

#content table td {
    padding: 6px 9px 7px 9px;
}

#content table tbody tr.last td {
    border-bottom: 1px solid #83b2dc;
    padding-bottom: 6px;
}
/* @end Data Tables */


/* @group Forms */
#content .form {
    margin-top: 0.091em;
}

#content .form label {
    color: #0959a1;
    display: block;
    float: left;
    font-weight: bold;
    margin: 0 0 0.909em 0;
    padding: 4px 10px 0 0;
    text-align: right;
}

#content .form .text,
#content .form .password,
#content .form .select {
    display: block;
    float: left;
    height: 16px;
    margin: 0 0 0.909em 0;
    padding: 0.182em 0.272em 0 0.272em;
}

#content .form .checkbox,
#content .form .radio {
    margin: 0.273em 0.454em 0 0;
}

#content .form .select {
    height: 20px;
    padding: 0;
}

#content .form .textarea {
    display: block;
    float: left;
    height: 108px;
    margin: 0 0 1.0em 0;
    padding: 0;
}

#content .col2 .multiGroup fieldset,
#content .col3 .multiGroup fieldset {
    float: left;
    margin-left: 0.818em;
}

#content .col2 .multiGroup fieldset.first,
#content .col3 .multiGroup fieldset.first {
    margin-left: 0;
}

#content .col2 .multiGroup fieldset label,
#content .col3 .multiGroup fieldset label {
    width: auto;
}

#content .form .multiGroup .checkboxGroup label {
    float: left;
    font-weight: normal;
    padding: 4px 3px 0 0;
    text-align: left;
    width: auto;
}

#content .col1 .multiGroup .checkboxGroup .checkbox {
    margin-left: 80px;
}

#content .form .multiGroup .checkboxGroup.last label {
    padding-right: 0;
}

#content .form .multiGroup .checkboxGroup .checkbox {
    float: left;
    width: auto;
}

#content .form .buttonGroup input {
    float: right;
    margin: 0.692em 0 1.538em 0;
}

/* @group Column-Specific Widths */
#content .col1 .form label,
#content .col1 .form .multiGroup .first label {
    width: 70px;
}

#content .col2 .form label,
#content .col2 .form .multiGroup .first label,
#content .col3 .form label,
#content .col3 .form .multiGroup .first label {
    width: 107px;
}

#content .col1 .form .text,
#content .col1 .form .password {
    width: 111px;
}

#content .col2 .form .text,
#content .col2 .form .password {
    width: 308px;
}

#content .col3 .form .text,
#content .col3 .form .password {
    width: 542px;
}

#content .col1 .form .select {
    width: 119px;
}

#content .col2 .form .select {
    width: 316px;
}

#content .col3 .form .select {
    width: 550px;
}

#content .col1 .form .textarea {
    width: 117px;
}

#content .col2 .form .textarea {
    width: 314px;
}

#content .col3 .form .textarea {
    width: 548px;
}

#content .col2 .form .multiGroup input.city,
#content .col2 .form .multiGroup input.phone {
    width: 113px;
}

#content .col3 .form .multiGroup input.city,
#content .col3 .form .multiGroup input.phone {
    width: 347px;
}

#content .col1 .form .multiGroup input.zip,
#content .col2 .form .multiGroup input.zip,
#content .col3 .form .multiGroup input.zip {
    width: 49px;
}

#content .col1 .form .multiGroup select.state,
#content .col2 .form .multiGroup select.state,
#content .col3 .form .multiGroup select.state {
    width: 46px;
}
/* @end Column-Specific Widths */
/* @end Forms */


/* @group Multi-Option */
#content .multiOption {
    background: #0959a1 url(../images/content/multi-option-background.png) no-repeat top left;
    display: block;
    float: left;
    margin: -1px 0 20px 0;
    padding: 0;
}

#content .multiOption .tr,
#content .multiOption .bl,
#content .multiOption .br {
    background: #0959a1 url(../images/content/multi-option-background.png) no-repeat top left;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

#content .multiOption .tr {
    background-position: top right;
    float: right;
    margin-left: 8px;
    padding: 13px 8px 0 0;
}

#content .multiOption .bl {
    background-position: bottom left;
    font-size: 0;
    width: 100%;
}

#content .multiOption .br {
    background-position: bottom right;
    float: right;
    margin-left: 8px;
    padding: 10px 8px 0 0;

    padding-top: 8px;
}

/* @group Multi-Option Controller */
#content .multiOptionController {
    display: block;
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
    width: 151px;
}

#content .multiOptionController ul {
    margin: 0 0 0.7em 0;
    padding: 0;
}

#content .multiOptionController a:link,
#content .multiOptionController a:visited {
    color: #fff;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 0;
    text-decoration: none;
}

#content .multiOptionController a:hover,
#content .multiOptionController a:active {
    color: #fff;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 0;
    text-decoration: underline;
}

#content .multiOption .multiOptionController li {
    background: transparent;
    display: block;
    line-height: 3.2;
    margin: 0 0 0.1em 0;
    padding: 0 1.0em 0 0;
    text-align: right;
}

#content .multiOption .multiOptionController li.selected {
    background: transparent url(../images/content/multi-option-highlight.gif) repeat-y top right;
}

#content .multiOptionController .button {
    text-align: right;
    padding-right: 0.818em;
}
/* @end Multi-Option Controller */

/* @group Multi-Option Content */
#content .multiOptionContent {
    float: left;
    width: 481px;
}

#content .optionContent,
#content .optionContent .bl,
#content .optionContent .tr {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: auto;
}

#content .optionContent {
    background: transparent url(../images/content/multi-option-shadow.png) no-repeat bottom right;
}

#content .optionContent .bl {
    background: transparent url(../images/content/multi-option-shadow.gif) no-repeat bottom left;
}

#content .optionContent .tr {
    background: transparent url(../images/content/multi-option-shadow.gif) no-repeat top right;
    padding: 0 4px 5px 0;
}

#content .optionContent img {
    display: block;
}
/* @end Multi-Option Content */
/* @end Multi-Option */
/* @end Components */
/* @end Content */


/* @group Footer */
#footer {
    background: #0959a1 url(../images/footer/background.gif) repeat-x top left;
    clear: both;
    color: #fff;

    font-size: 9px;
    height: 55px;
    width: 100%;
}

#footerWrap {
    width: 990px;
}

#footerBottom {
    background: url(../images/backgrounds/footer.png) no-repeat 0 0;
    clear: both;
    height: 30px;
    margin: 0 auto;
    width: 1008px;
}

/* @group Footer Navigation */
#footerNav {
    float:left;
    margin-bottom:21px;
    margin-left:20px;
    margin-right:10px;
    margin-top:20px;
}

#footerNav a {
    color: #fff;
}

#footerNav li {
    background: transparent url(../images/footer/bullet.gif) no-repeat right 2px;
    margin: 0 0.444em 0 0;
    padding: 0 1.0em 0 0;
}

#footerNav li.last {
    background: transparent;
    margin: 0;
    padding: 0;
}
/* @end Footer Navigation */


/* @group Footer Copyright */
#footerCopyright {
    float: left;
    margin-bottom:20px;
    margin-left:0px;
    margin-right:10px;
    margin-top:20px;
}

#footerCopyright span {
    margin-left: 0.4em;
}
/* @end Footer Copyright */


/* @group Footer Badges */
#footerBadges {
    float:right;
    margin-bottom:10px;
    margin-left:0;
    margin-right:5px;
    margin-top:10px;
}

#footerBadges .fdic {
    margin: 0 1px 0 1px;
}

#footerBadges .ehl {
    margin: 0 1px 0 4px;
}
/* @end Footer Badges */
/* @end Footer */


/* @group Home */
#homeCenter {
    background: url(../images/backgrounds/header.png) no-repeat 50% bottom;
    clear: both;
    display: none;
    float: left;
    height: 10px;
    width: 100%;
}

#homeCenter.resized {
    display: block;
    height: 50%;
}

body.home #content {
    background: #fff;
    padding: 0;
    width: 990px;
}

/* @group Home Hero */
body.home #homeHero {
    /* background: transparent url(../images/backgrounds/homeHero.jpg) no-repeat; */
    height: 316px;
    position: relative;
    width: 990px;
}

/* @group Special Offer */
body.home #homeHero #specialOffer {
    height: 161px;
    left: 89px;
    position: absolute;
    top: 102px;
    width: 479px;
}

body.home #homeHero #specialOffer #compareRatesAndTerms {
    background: url(../images/buttons/compareRatesAndTerms.png) no-repeat;
    float: right;
    display: block;
    height: 27px;
    left: 215px;
    overflow: hidden;
    position: absolute;
    text-indent: -9000em;
    top: 124px;
    width: 179px;
}

body.home #homeHero #specialOffer h2,
body.home #homeHero #specialOffer h3,
body.home #homeHero #specialOffer p {
    color: #0959a1;
    font-family: "Times New Roman", Times, serif;
    text-align: center;
}

body.home #homeHero #specialOffer h2 {
    font-size: 7.6364em;
    font-weight: normal;
    margin-top: -2px;
}

body.home #homeHero #specialOffer h3 {
    font-size: 1.6364em;
    font-weight: normal;
    left: 76px;
    position: absolute;
    text-align: right;
    top: 126px;
}

body.home #homeHero #specialOffer p {
    font-size: 3em;
    margin-top: -11px;
}

body.home #homeHero #specialOffer p sup {
    font-size: 60%;
    position: relative;
    top: 4px;
    vertical-align: super;
}

/* @group Mappable Image */
body.home #homeHero #mappableImage {
	height: 316px;
	left: 0px;
	position: absolute;
	top: 0px;
	width: 569px;
}
/* @end Mappable Image */

/* @end Special Offer */

/* @group Special Offers List */
body.home #homeHero #specialOffersList {
    height: 259px;
    left: 568px;
    position: absolute;
    top: 26px;
    width: 397px;
}

body.home #homeHero #specialOffersList .row {
    left: 0;
    padding: 0 22px;
    position: absolute;
    width: 353px;
}

body.home #homeHero #specialOffersList #row1 {
    top: 15px;
}

body.home #homeHero #specialOffersList #row2 {
    top: 106px;
}

body.home #homeHero #specialOffersList #row3 {
    top: 181px;
}

body.home #homeHero #specialOffersList h3 {
    font-family: "Times New Roman", Times, serif;
    font-size: 1.4545em;
}

body.home #homeHero #specialOffersList h3 sup {
    font-size: 70%;
    line-height: 70%;
    position: relative;
    top: 4px;
    vertical-align: super;
}

body.home #homeHero #specialOffersList ul {
    margin: -2px 9px 0;
}

body.home #homeHero #specialOffersList ul li {
    background: transparent url(../images/content/specialOffersListBullet.png) no-repeat 0 4px;
    font-size: 0.9091em;
    line-height: 1.4545em;
}
/* @end Special Offers List */

/* @end Home Hero */

body.home #homeFeatures {
    background: #0959a1 url(../images/home/features-background.gif) repeat-x top left;
    color: #fff;
    display: block;
    float: left;
    padding: 2px 0 11px 0;
}

body.home #homeFeatures a,
body.home #homeFeatures h4 {
    color: #fff;
}

body.home #homeFeatures h2,
body.home #homeFeatures h3 {
    color: #fff;
    font-family: "Times New Roman", Times, serif;
    font-size: 1.273em;
    font-weight: bold;
    margin-bottom: 0.643em;
    text-transform: uppercase;
}

body.home #homeFeatures h3 {
    margin: 1.45em 0 0.643em 0;
}

/* @group Home Login */
body.home #homeLogin {
    background: transparent url(../images/home/login-background.gif) no-repeat top right;
    display: block;
    float: left;
    padding: 0 0 0 19px;
    width: 249px;
}

body.home #homeLogin h3 {
    background: transparent url(../images/home/login-lock.gif) no-repeat center right;
    float: left;
    margin-bottom: 7px;
    padding: 0 21px 0 2px;
}

body.home #homeLogin fieldset {
    clear: both;
}
/*
body.home #homeLogin #loginButton a {
    background: url(../images/buttons/loginButton.png) no-repeat;
    display: block;
    height: 21px;
    overflow: hidden;
    text-indent: -9000em;
    width: 185px;
}
*/
body.home #homeLogin .textWrap {
    margin: 0 0 7px 1px;
}

body.home #homeLogin .textWrap input {
    font-size: 1.0em;
    padding-left: 1px;
    width: 170px;
}

body.home #homeLogin input.image {
    margin: 4px 0 5px 1px;
}

body.home #homeLogin p {
    font-size: 0.909em;
    line-height: 1.3;
    margin: 1.1em 0 0 0;
    width: 100%;
}

body.home #homeLogin ul {
    margin: 0;
    padding: 0;
}

body.home #homeLogin li {
    background: transparent url(../images/home/login-divider.gif) no-repeat bottom right;
    font-size: 0.818em;
    margin: 0 1px 0 0;
    padding: 0 6px 0 0;
}

body.home #homeLogin li.last {
    background: none;
}

body.home #homeLogin .login .floatLeft {
 float: left;
 width: 55%;
}



body.home #homeLogin .login .floatLeft p {
 text-align: center;
}



body.home #homeLogin .login .floatRight {
 float: right;
 width: 43%;
}

/* @end Home Login */


/* @group Home Advisor */
body.home #homeAdvisor {
    background: transparent url(../images/home/advisor-background.gif) no-repeat top right;
    display: block;
    float: left;
    padding: 0 0 0 35px;
    width: 240px;
}

body.home #homeAdvisor h3 {
    margin-bottom: 0.429em;
}

body.home #homeAdvisor h4 {
    font-size: 0.909em;
    margin: 0 0 1.1em 0;

    margin-bottom: 1.0em;
}

body.home #homeAdvisor fieldset,
body.home #homeAdvisor input {
    float: left;
}

body.home #homeAdvisor p {
    float: left;
    font-size: 0.909em;
    line-height: 1.3;
    margin: 1.1em 0 0 0;
    width: 100%;
}

body.home #homeAdvisor .textWrap {
    background-image: url(../images/buttons/textWrap-22.png);
    height: 22px;
    margin-right: 5px;
}

body.home #homeAdvisor .textWrap input {
    background-image: url(../images/buttons/textWrap-22.png);
    font-size: 1.0em;
    padding-bottom: 6px;
    width: 154px;
}
/* @end Home Advisor */


/* @group Home Promos */
body.home #homePromos {
    display: block;
    float: left;
    padding: 0 18px;
    margin: 0 1px;
    width: 409px;
}

body.home #homePromos #homePromoBack {
    float: left;
    display: block;
    margin: 57px 10px 0 0;
}

body.home #homePromos #homePromoNext {
    float: right;
    display: block;
    margin: 57px 0 0 10px;
}

body.home #homePromos .homePromo {
/*    display: none;*/
    float: left;
    margin: 20px 0 0 0;
    padding-bottom: 6px;
    width: 365px;
}

body.home #homePromos .homePromo img {
    float: left;
    margin: 2px 14px 0 0;
}

body.home #homePromos .homePromo .description {
    clear: none;
    float: left;
    width: 230px;
}

body.home #homePromos .homePromo img.button {
    margin: -1px 0 0 0;
}

body.home #homePromos h2 {
    margin-bottom: 0.486em;
}

body.home #homePromos p {
    font-size: 0.909em;
    line-height: 1.3;
}

body.home #homePromos #homePromoScroller {
    clear: both;
    float: left;
    margin: 0 0 0 144px;
    width: 230px;
}

body.home #homePromos #homePromoScroller ul {
    margin: 0;
    padding: 0;
}

body.home #homePromos #homePromoScroller li,
body.home #homePromos #homePromoScroller li.selected {
    display: block;
    float: left;
    background: none;
    line-height: 0;
    margin: 0;
    padding: 0 5px 0 0;
}
/* @end Home Promos */

body.home #homeBottomContent {
    clear: both;
    display: block;
    float: left;
    width: 100%;
}

body.home #homeBottomContent .homeBottomContentBlock {
   /* width: 952px; */
   background-color: #0959A1; /* SR 9689 NOTE: if the background color should be blue, use this, if not, delete this line */
}

body.home #homeBottomContent div.section {
    padding: 0;
    margin: 0;
}
/* @end Home Bottom Content */

body.home #footer {
    background: #0959a1;
}
/* @end Home */


/* @group Categories */
#categoryListing {
    margin-left: -1px;
    overflow: hidden;
    padding-bottom: 4px;
}

/* IE fix in ie.css */
#categoryListing .col {
    margin-top: 13px;
    margin-bottom: 1.636em;
}

/* IE fix in ie.css */
#categoryListing h1 {
    margin-bottom: -3px;
}

/* IE fix in ie.css */
#categoryListing h3 {
    margin-top: 6px;
    margin-bottom: 4px;
}

#categoryListing p {
    color: #3b3b3b;
    margin-bottom: 5px;
}
/* @end Categories */


/* @group Listing */

.listing .learnMore {
    margin-top: -8px;
    padding-bottom: 7px;
}

/* @end Listing */


/* @group Rate Box */
.rates {
    padding-bottom: 9px;
}

#content .rateBox {
    background: url(../images/backgrounds/rate-box.png) no-repeat 0 0;
    height: 129px;
    overflow: hidden;
    padding: 1px 36px 6px 1px;
    position: relative;
    width: 197px;
    z-index: 1;
}

#content .rateBox.last {
    margin-right: -4px;
    padding-right: 5px;
}

.rateBox .details {
    font-size: 11px;
    line-height: 11px;
    left: 126px;
    position: absolute;
    top: 102px;
}

.rateBox .call-to-action {
    left: 10px;
    position: absolute;
    top: 97px;
}

.rateBox .call-to-action a {
    background: no-repeat 0 0;
    display: block;
    height: 0;
    overflow: hidden;
    padding-top: 21px;
    width: 107px;
}

.rateBox .call-to-action a.apply-now {
    background-image: url(../images/buttons/apply-now.png);
}

.rateBox .call-to-action a.open-an-account {
    background-image: url(../images/buttons/open-an-account.png);
}

.rateBox .rate {
    color: #000;
    font: bold 60px/60px "Times New Roman", Times, serif;
    left: 14px;
    letter-spacing: -0.05em;
    position: relative;
    text-align: center;
    top: 19px;
}

.rateBox .rate acronym {
    font-size: 20px;
    left: -35px;
    letter-spacing: -0.025em;
    position: relative;
}

.rateBox .rate sup {
    font-size: 27px;
    letter-spacing: 0;
    position: relative;
    top: -20px;
}

.rateBox dt {
    color: #003769;
    font-size: 11px;
    font-weight: bold;
    left: 9px;
    line-height: 11px;
    position: absolute;
    top: 8px;
}
/* @end Rate Box */


/* @group Mortgage Chart */
#content .mortgageChart {
    border: 1px solid #9ecbf2;
    margin-top: 3px;
    margin-bottom: 27px;
    padding: 0 10px 11px !important;
    width: 177px;
}

#content .mortgageChart h3 {
    background-color: #9ecbf2;
    color: #0059b5;
    font-size: 11px;
    line-height: 27px;
    margin: 0 0 9px -10px;
    padding: 0 10px 1px;
    vertical-align: middle;
    width: 177px;
}

#content .mortgageChart p {
    line-height: 11px;
    margin-bottom: 0;
}

#content .mortgageChart p a {
    font-weight: bold;
}

#content .mortgageChart table,
#content .mortgageChart table * {
    background: none;
    border: none;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

#content .mortgageChart table {
    margin-bottom: 8px;
    width: 177px;
}

#content .mortgageChart table caption {
    font-weight: bold;
    padding-bottom: 4px;
}

#content .mortgageChart table td {
    background: url(../images/content/td-background.gif) repeat-x 0 100%;
    padding-bottom: 10px;
}

#content .mortgageChart table.last td {
    background: none;
    padding-bottom: 0;
}

#content .mortgageChart table th {
    padding-bottom: 4px;
}
/* @end Mortgage Chart */


/* @group Branch Locator Results */
#branchLocatorResults {
    margin: 1.8175em 0;
}

#branchLocatorResults dl {
    line-height: 1.4545em;
    margin-top: -0.7273em;
}

#branchLocatorResults dl dd {
    font-size: 0.9091em;
}

#branchLocatorResults dl dt {
    color: #0959a1;
    font-weight: bold;
    margin-top: 1.4545em;
}

#branchLocatorResults h3 {
    margin-bottom: 0.9091em;
}

#branchLocatorResults h3 em {
    color: #434343;
}
/* @end Branch Locator Results */


/* @group Sitemap */
.sitemap {
    line-height: 32px;
    _line-height: 24px;
}

.sitemap .linkcontainer {
    font-size: 1.0909em;
    font-weight: bold;
}

.sitemap .linkcontainer .link {
    _background: url(../images/content/bullet.gif) no-repeat 0 50%;
    border: solid #ddd;
    border-width: 1px 0;
    _border: none;
    _padding-left: 1em;
}

.sitemap .linkcontainer .link + .link,
.sitemap .linkcontainer .linkcontainer + .link,
.sitemap .linkcontainer .link:first-child {
    border-width: 0 0 1px;
}

.sitemap .linkcontainer .linkcontainer {
    font-size: 0.9166em;
    padding-left: 2em;
}

.sitemap .linkcontainer .linkcontainer .linkcontainer {
    font-size: 0.9091em;
}

.sitemap .linkcontainer .linkcontainer .linkcontainer .linkcontainer {
    font-size: 1em;
    font-weight: normal;
    line-height: 24px;
    _line-height: 18px;
}

.sitemap a:link,
.sitemap a:visited {
    text-decoration: none;
}

.sitemap a:hover,
.sitemap a:active {
    text-decoration: underline;
}
/* @end Sitemap */