body {background:url(../images/global/background.gif) center;padding-top:12px;margin:0px;}

#container {width:994px;margin: 0 auto;}
#page {width:994px;position:absolute;font-family:Verdana,Arial,Helvetica;color:#575757;}

h1 {font-size:13pt;position:relative;top:0;left:0;margin:0px;margin-bottom:0px;padding:0px;}
h2 {font-size:11pt;margin:0px;margin-bottom:5px;padding:0px;height:18px;color:#1e77d3;line-height:18px;}
h3 {margin-top:0px;}

a {color:#1e77d3;text-decoration:none;}
a:hover {color:#1e77d3;text-decoration:underline;}

#abutton {margin-top:8px;position:absolute;bottom:10px;left:12px;}
#abutton span {font-weight:bold;background:url(../images/buttons/icons/blue_arrow_clear.gif) right no-repeat;padding-right:10px;margin-top:18px;}

form {margin:0px;padding:0px;}

input.empty {font-family:Arial,Verdana,Helvetica;color:#ccc;font-size:12px;text-align:center;}
input {font-family:Arial,Verdana,Helvetica;color:#575757;font-size:12px;background:#e0efff;border:1px solid #ccc;}

#header {height:44px;text-align:right;font-size:x-small;background:url(../images/global/background.gif) center;}
#header img {float:left;border:none;}
#header a {margin-right:225px;top:0px;}
#header input {border:1px solid #ccc;height:17px;width:62px;background:#e0efff;margin-bottom:0px;position:absolute;right:62px;top:0px;}
#header button {width:62px;height:21px;margin:0;padding:0;border:0;background: transparent url(../images/buttons/go.gif) no-repeat center top;text-indent: -1000em;cursor: pointer; /* hand-shaped cursor */cursor: hand; /* for IE 5.x */;position:absolute;right:0px;top:0px;}
#header button:hover {background-position:-0px -20px;}

#menu {position:relative;font-size:small;height:21px;background:url(../images/global/background.gif) center;z-index:500;font-size:8pt;line-height:10pt;font-family:Arial,Verdana,Helvetica;color:#575757;padding-bottom:12px;}
#menu-ul{height:19px;}
#menu a{text-decoration:none;color:#616161;}
#menu-border {border:1px solid #ccc;background:#fff;}
#menu ul {height:19px;list-style:none;margin:0px;padding:0px;}
#menu li{float:left;position:relative;}
#menu li a{float:left;height:19px;text-indent:-3000em;border-right:1px solid #ccc;}
#menu li a:hover{background-position:0 -19px;}

#homeMenu a{width:57px;background:url(../images/buttons/nav/home.gif) no-repeat;}
#applyMenu a{width:60px;background:url(../images/buttons/nav/apply.gif) no-repeat;}
#aboutCardMenu a{width:122px;background:url(../images/buttons/nav/aboutCard.gif) no-repeat;}
#aboutMembershipMenu a{width:137px;background:url(../images/buttons/nav/aboutMembership.gif) no-repeat;}
#aboutUsMenu a{width:82px;background:url(../images/buttons/nav/aboutUs.gif) no-repeat;}
#customerServiceMenu a{width:133px;background:url(../images/buttons/nav/customerService.gif) no-repeat;}
#faqsMenu a{width:53px;background:url(../images/buttons/nav/faqs.gif) no-repeat;}
#mobileBankingMenu a{width:117px;background:url(../images/buttons/nav/mobileBanking.gif) no-repeat;}

#cardAccountServicesMenu a{width:169px;background:url(../images/buttons/nav/cardAccountServices.gif) no-repeat;}
#memberAccountServicesMenu a{width:184px;background:url(../images/buttons/nav/memberAccountServices.gif) no-repeat;}
#logoutMenu a{width:75px;background:url(../images/buttons/nav/logout.gif) no-repeat;}

#menu ul ul a{height:auto;padding:2px;}
#menu ul li ul{display:none; position:absolute;left:-1px;top:19px;border-top:1px solid #ccc;}
#menu ul li:hover ul{display:block; width:144px;}
#menu ul ul li:hover{background:#e0efff;}
#menu ul ul li{display:block;border-bottom:1px solid #ccc;border-left:1px solid #ccc;background:#fff;}
#menu ul ul li a{background:none;text-indent:0;width:13em;}

#menu ul li:hover ul li ul{display:none;position:absolute;left:13.4em;top:-1px;border-top:1px solid #ccc;}
#menu ul li:hover ul li:hover ul{display:block;}


#nav_login {float:right;width:223px;}
#nav_login a {width:19px;height:19px;background:url(../images/buttons/icons/help_icon.gif);text-indent:-3000em;position:absolute;}
#nav_login input.login_id {
	border:0px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	height:17px;
	width:61px;
	background:#e0efff;
	margin-bottom:0px;
	position:absolute;
	right:138px;
}
#nav_login input.login_pass {
	border:0px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	height:17px;
	width:62px;
	background:#e0efff;
	margin-bottom:0px;
	position:absolute;
	right:61px;
}
#nav_login button {width:62px;height:19px;margin:0;padding:0;border:0;background: transparent url(../images/buttons/log_on.gif) no-repeat center top;text-indent: -1000em;cursor: pointer; /* hand-shaped cursor */cursor: hand; /* for IE 5.x */;position:absolute;right:0px;}
#nav_login button:hover {background-position:1px -19px;}

#content {position:relative;margin:0;border:1px solid #ccc;background:url(../images/global/background_light.jpg);min-height:250px;font-size:11pt;line-height:15pt;font-family:Arial,Verdana,Helvetica;color:#575757;text-align:justify; }

#content sup {font-size:9pt;}

#columnsLight {background:url(../images/global/background_2column_light.jpg);min-height:250px;}
#columnsDark {background:url(../images/global/background_2column_dark.jpg);min-height:250px;}

div > #twoColumnContainer {width:100%;float:left;margin-right:-223px;}
#leftColumn {position:relative;width:750px;padding:10px;height:expression(document.getElementById('rightColumn').offsetHeight);}
div > #leftColumn {position:static;margin-right:223px;height:auto;}
#rightColumn {position:absolute;left:768px;width:203px;padding:10px;top:0;}
div > #rightColumn {position:static;float:right;} 
#clearit {clear:both;margin:0;}
.clearit {clear:both;margin:0;}

#footer {padding-top:3px;margin:0;font-size:x-small;color:#999;background:url(../images/global/background.gif) center;}

#footer-menu {float:right;}
#footer-menu a {text-decoration:none;color:#666;margin-left:8px;padding-left:8px;}
#footer-menu .lb {border-left:1px solid #999;}

.footerRoom {margin-top:3px;}

#masterCardSecureCode {margin-top:3px;font-size:7pt;}
#masterCardSecureCode img {margin-top:4px;}
#masterCardSecureCode sup {font-size:5pt;}
#masterCardSecureCode a {color:#8db6e0}

#disclaimer {margin-top:8px;text-align:justify;font-size:x-small;color:#999;line-height:9pt;}
.disclaimer {margin-top:8px;text-align:justify;font-size:x-small;color:#999;line-height:9pt;}


.c {text-align:center;}
.l {text-align:left;}
.r {text-align:right;}
.j {text-align:justify;}

.empty {text-align:center;color:#999;}

.eight {font-size:8pt;}

#universalApplication input {border:1px solid #ccc;background:#e0efff;height:17px;}
#universalApplication select {border:1px solid #ccc;background:#e0efff;}

#inquiry-form input {border:1px solid #ccc;background:#e0efff;height:17px;}
#inquiry-form select {border:1px solid #ccc;background:#e0efff;}
#inquiry-form textarea {border:1px solid #ccc;background:#e0efff;}

.bottom-line {border-bottom:1px solid #CCC;padding-bottom:10px;}

.footnote-marker {font-size:100%;line-height:9pt;}

.trademark img {vertical-align:top;}

#universalApplication input.invalid,
#universalApplication select.invalid,
#universalApplication textarea.invalid,
#universalApplication input.error,
#universalApplication select.error,
#inquiry-form input.invalid,
#inquiry-form select.invalid,
#inquiry-form textarea.invalid,
#inquiry-form input.error,
#inquiry-form select.error {
	border-color:#1e77d3;
}

.oneChar {
	width:1em;
}
.twoChars {
	width:2em;
}
.threeChars {
	width:3em;
}
.fourChars {
	width:4em;
}
.fiveChars {
	width:5em;
}
.jTip {
	cursor:help;
}

#universalApplication label {display:block;text-align:right;}

#universalApplication span.associate, #universalApplication span.preferred, #universalApplication span.elite {display:none;}
#universalApplication.associate span.associate, #universalApplication.preferred span.preferred, #universalApplication.elite span.elite {display:inline;}


.errors .buttons, .messages .buttons {
	display:none;
}

.messages {
	display:none;
}

.errors h3, #popup h3 .messages h3{
	margin: .5em;
}

.errors ul, #popup ul, .messages ul {
	margin: .5em;
}

.errors, #popup, .messages {
	font-size: 12px;
	font-family: Verdana,Arial,Helvetica;
	color: #f00;
	text-align: left;
}

.errors .buttons, #popup .buttons, .messages .buttons {
	margin: .5em;
}

#footer b {color:#333;}
