#main {
	float: left;
	margin:5px 0px 0px 0px
}

#main .menu{
	display: none;
}

#main a{
	text-decoration: none;
	#5780ae
}

#main a:hover{
	text-decoration: underline;
	color: #5780ae;
}
#main a:visited{
	color: #5780ae;
}

#ud{
	margin: 124px 0 0 0;
	width: 760px;
	float: left;
	background-image: url(/images/home2008/banner_bg.jpg);
	border-bottom: 1px solid #5780ae;
}


#main .badge{
	margin:15px 0px 0px 0px;	
	font: normal 11px Arial;
}

#main h1{
	color: #003a6f;
	font: bold 15px Arial;
}

#main h1 a{
	color: #003a6f;
}

#main .promo a{
	font-weight: bold;
}
/* PROMO AREA 1 - TOP REQUESTS */
#main .promo #top_requests {
	margin: 0 0 0 -10px;
}
#main .promo #top_requests .genericA {
	margin:0px 0px 0px 0px;
}

#main .promo .content h1{
	margin: 0px 0px 7px 0px;
}
#main .promo #top_requests .genericA a.first {
	margin-top: 13px !important;
}
#main .promo #top_requests .genericA a.wrap {
	margin-bottom: 14px !important;
}
#main .promo #top_requests .genericA a.tr_link{
	background-image:url(/images/home2008/hp_TopRequest_icon_sprite.gif);
	background-repeat: no-repeat;
	margin: 7px 0 0;
	height: 20px !important;
	padding: 3px 0 0 35px;
	text-decoration:none;
	display:block;
}

#main .promo #top_requests .genericA a.tr_link:hover{
	background-color: #f2f5f8;
	padding: 3px 0 0 35px;
	margin: 7px 0 0;
}

#main .promo #top_requests .genericA a.tr_link:hover span{
	text-decoration:underline;
}

#main .promo #top_requests .genericA a.tr_link img{
	margin:0px 8px 0px 0px;
	vertical-align:text-top
}

#main .promo #top_requests .m_more { 
	display:table;
	margin-top:5px;
	margin-left:37px;
}

#main .promo #top_requests .m_more #more_icon{ 
	padding: 0px 0px -3px 0px;
}
#main .promo #top_requests .genericA sup {
	font-size: 0.8em;
	padding-left: 1px;
}

/*-------------------- SPRITE ICON POSITIONING ----------------*/
#main .promo #top_requests .genericA a.icon_branchLocate {
	background-position:10px 0px;
}
#main .promo #top_requests .genericA a.icon_fdic {
	background-position:10px -40px;
} 
#main .promo #top_requests .genericA a.icon_contact {
	background-position:10px -80px;
}
#main .promo #top_requests .genericA a.icon_mobile {
	background-position:10px -120px;
}
#main .promo #top_requests .genericA a.icon_learnMore {
	background-position:10px -160px;
}
#main .promo #top_requests .genericA a.icon_prequalify {
	background-position:10px -200px;
}
#main .promo #top_requests .genericA a.icon_transfer {
	background-position:10px -240px;
}
#main .promo #top_requests .genericA a.icon_respondOffer {
	background-position:10px -280px;
}
#main .promo #top_requests .genericA a.icon_openAccount {
	background-position:10px -320px;
}
#main .promo #top_requests .genericA a.icon_compare {
	background-position:10px -360px;
}
#main .promo #top_requests .genericA a.icon_reorderChecks {
	background-position:10px -400px;
}
#main .promo #top_requests .genericA a.icon_autoLoan {
	background-position:10px -440px;
}
#main .promo #top_requests .genericA a.icon_findLoan {
	background-position:10px -480px;
}
#main .promo #top_requests .genericA a.icon_rewards {
	background-position:10px -520px;
}
#main .promo #top_requests .genericA a.icon_creditCard {
	background-position:10px -560px;
}
#main .promo #top_requests .genericA a.icon_imageCard {
	background-position:10px -600px;
}
#main .promo #top_requests .genericA a.icon_homeLoan {
	background-position:10px -640px;
}
#main .promo #top_requests .genericA a.icon_creditCardBlue {
	background-position:10px -680px;
}
#main .promo #top_requests .genericA a.icon_genericRed {
	background-position:10px -720px;
}
#main .promo #top_requests .genericA a.icon_alerts {
	background-position:10px -760px;
}
#main .promo #top_requests .genericA a.icon_onlineBillpay {
	background-position:10px -800px;
}
#main .promo #top_requests .genericA a.icon_online {
	background-position:10px -840px;
}
#main .promo #top_requests .genericA a.icon_cd {
	background-position:10px -880px;
}
#main .promo #top_requests .genericA a.icon_genericBlue {
	background-position:10px -920px;
}

/*-------------------- ICON POSITIONING  HP CLUETIP -----------------*/

.cluetip-caponehp #cluetip-inner a.icon_branchLocate {
	background-position:10px 0px;
}
.cluetip-caponehp #cluetip-inner a.icon_fdic {
	background-position:10px -40px;
} 
.cluetip-caponehp #cluetip-inner a.icon_contact {
	background-position:10px -80px;
}
.cluetip-caponehp #cluetip-inner a.icon_mobile {
	background-position:10px -120px;
}
.cluetip-caponehp #cluetip-inner a.icon_learnMore {
	background-position:10px -160px;
}
.cluetip-caponehp #cluetip-inner a.icon_prequalify {
	background-position:10px -200px;
}
.cluetip-caponehp #cluetip-inner a.icon_transfer {
	background-position:10px -240px;
}
.cluetip-caponehp #cluetip-inner a.icon_respondOffer {
	background-position:10px -280px;
}
.cluetip-caponehp #cluetip-inner a.icon_openAccount {
	background-position:10px -320px;
}
.cluetip-caponehp #cluetip-inner a.icon_compare {
	background-position:10px -360px;
}
.cluetip-caponehp #cluetip-inner a.icon_reorderChecks {
	background-position:10px -400px;
}
.cluetip-caponehp #cluetip-inner a.icon_autoLoan {
	background-position:10px -440px;
}
.cluetip-caponehp #cluetip-inner a.icon_findLoan {
	background-position:10px -480px;
}
.cluetip-caponehp #cluetip-inner a.icon_rewards {
	background-position:10px -520px;
}
.cluetip-caponehp #cluetip-inner a.icon_creditCard {
	background-position:10px -560px;
}
.cluetip-caponehp #cluetip-inner a.icon_imageCard {
	background-position:10px -600px;
}
.cluetip-caponehp #cluetip-inner a.icon_homeLoan {
	background-position:10px -640px;
}
.cluetip-caponehp #cluetip-inner a.icon_creditCardBlue {
	background-position:10px -680px;
}
.cluetip-caponehp #cluetip-inner a.icon_genericRed {
	background-position:10px -720px;
}
.cluetip-caponehp #cluetip-inner a.icon_alerts {
	background-position:10px -760px;
}
.cluetip-caponehp #cluetip-inner a.icon_onlineBillpay {
	background-position:10px -800px;
}
.cluetip-caponehp #cluetip-inner a.icon_online {
	background-position:10px -840px;
}
.cluetip-caponehp #cluetip-inner a.icon_cd {
	background-position:10px -880px;
}
.cluetip-caponehp #cluetip-inner a.icon_genericBlue {
	background-position:10px -920px;
}




/* PROMO AREA 2 - WIDGET */
#main .promo #promo2_flash{
	margin:6px 0px 0px 0px;
}

#main .promo #promo2_button{
	text-align:center;
	margin:6px 0px 0px 0px;
}


#main hr{
	background-color:#ccd9e2;
	border:  0px;
	margin: 9px 0px 9px 0px;
	clear:   both;
	display: block;
}

/*PROMO AREA 2 - REWARDS CALCULATOR*/
#main #ld #rewardsCalc {
	padding: 0 10px 0 0;
}
#main #ld #rewardsCalc a {
	font-weight: normal;
	text-decoration: underline;
}
#main #ld #rewardsCalc #tooltipIcon {
	padding: 0 0 0 3px;
}
#main #ld #rewardsCalc span {
	font-weight: bold;
	color: #FF5C00;
}
#main #ld #rewardsCalc .calcInstruction {
	font-size: 9px;
	font-weight: bold;
	color: #333333;
}
#main #ld #rewardsCalc table {
	margin: 0;
	padding: 0;
	color:#666666;
}
#main #ld #rewardsCalc  table td {
	border: none;
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 11px;
	vertical-align: middle;
}
#main #ld #rewardsCalc #calculator #useDebitCard,
#main #ld #rewardsCalc #calculator #payBillsOnline,
#main #ld #rewardsCalc #calculator #writeChecks {
	width: 16px;
	color: #ff5c00;
	text-align: right;
	/*padding: 1px; */
}
#main #ld #rewardsCalc #calculator .calcInput {
	padding-left: 4px;
}
#main #ld #rewardsCalc #calculator .total,
#main #ld #rewardsCalc #calculator .totalBonus,
#main #ld #rewardsCalc .yearTotal {
	text-align: right;
	font-weight: bold;
	color:#000000;
    font-size: 12px;
}
#main #ld #rewardsCalc #calculator .totalBonus {
	border-bottom: solid 1px #CCD9E2;
	padding-bottom: 0;
}
#main #ld #rewardsCalc #calculator span {
	color:#000000;
}
#main #ld #rewardsCalc #rewardsTotal {
	float: right;
	padding-top: 10px;
	font-weight: bold;
}
#main #ld #rewardsCalc #rewardsTotal img {
	padding: 10px 0 0 0;
}
#main #ld #rewardsCalc #promo2_button {
	margin: 35px 0 0;
	text-align: center;
}

#main #ld #rewardsCalc #rewardsTotal .yearTotal {
	color: #ff5c00;
	padding-left: 5px;
	font-size: 15px;
}
/*#main #ld #rewardsCalc .calcTooltip {
	background-image: url(/images/home2008/calcTooltip_bg.png);
	padding: 0;
	position: absolute;
	left: 253px;
	top: 555px;
	height: 81px;
	width: 231px;
}
#main #ld #rewardsCalc .calcTooltip ul {
	padding: 5px 0 0 2px;
	list-style:none;
}
#main #ld #rewardsCalc .calcTooltip ul li {
	list-style:none;
	background: none;
}*/
.calcTooltip {
	padding: 10px 0 0 2px;
	list-style:none;
	background: none;
	font-size: 11px;
}


/* BADGE 1 */
#main .badge h2{
	color: #000000;
	font: bold 11px  Arial;
}

#badge_1{
	border: 1px solid #95b5c9;
	float: left;
	width:240px;
	height:177px;
	background: #ffffff url(/images/home2008/grad_bottom_top.gif) bottom left repeat-x;
	position: relative;
}

#badge_1 .btn_login{
	vertical-align:top;
	margin:1px 0px 0px 17px;
}

#badge_1 .horz_rule{
	height: 1px;
	width: 100%;
	color:#5780ae;
	/*background-color:#5780ae;*/
	margin:8px 0px !important; 
	margin: 0px;
}

#badge_1 .ur_icon{
	position: absolute;
	right: 10px;
	top: 10px;
}

#badge_1 .content{
	margin: 7px;
}

#badge_1 #login{
	margin: 7px 0px 0px 0px;
}

#eos_form {
	margin: 5px 0px 0px 0px;
}

#badge_1 .links{
	margin: 10px 0px 0px 0px;
}
/*----------BADGE 1 REGIONAL----------------*/
#badge_1 .regionalLinks {
	margin-top: -3px !important;
	color: #003A6F;
	font-weight: bold;
	font-size: 10px;
	padding: 2px 0 10px 0;
}
#badge_1 .regionalLinks a {
	color: #003A6F !important;
}
#badge_1 #eos_regionalLogin {
	font-size: 11px;
	margin: 3px 0 0;
	font-weight: bold;
}
#badge_1 #eos_regionalLogin .regionalLogin_ID,
#badge_1 #eos_regionalLogin .regionalLogin_Password {
	width: 104px;
	font-size: 11px;
	border: 1px solid #a7a6aa;
    padding: 1px;
}
#badge_1 #eos_regionalLogin .regionalLogin_Password {
	margin-left: 7px;
}
#badge_1 #eos_regionalLogin .btn_loginRegional {
	vertical-align: -5px;
	margin: 5px 0 0;
	padding: 0 5px 0 0 ;
}
#badge_1 .content h2 {
	color: #003a6f;
	padding-bottom: 3px;
}
#badge_1 #eos_accountsForm .eos_regionalSelect {
	width: 187px;
	font-size: 11px;
}
#badge_1 .regional_btn_go {
	margin-top: -1px;
	vertical-align: top;
	padding: 0 0 5px 7px;
}
#badge_1 .content .reginalLinks_2 {
	font-size: 10px;
	color: #5780AE;
}

/* Badge 2 - REGINOAL and NATIONAL */
#badge_2,
#badge_2regional{
	border: 1px solid #95b5c9;
	float:left;
	width:240px;
	height:60px;
	background-color: #ffffff;
}
#badge_2{
	background-image:url(/images/home2008/mail_offer_bg.gif)
}
#badge_2 div.m_offer_envelope {
	margin: -44px -50px 0 0;
	float: right;
}
#badge_2regional {
	background-image:url(/images/home2008/find_branch_bg.gif)
}	
#badge_2 .content,
#badge_2regional .content {
	margin: 7px 60px 7px 7px;
}
#badge_2regional .content #findBranch .zipCode {
	width: 80px;
	font-size: 11px;
}
#badge_2regional .content #findBranch .submit {
	padding-left: 7px;
	vertical-align: -4px;
}
#badge_2regional .content .advanceSearch {
	font-size: 10px;
}


#left_area{
	margin:0px 6px 0px 0px;
}

#ld{
	float: left;
	margin:10px 0px 0px 0px;
	width: 760px;
}

#ld_top{
	width:760px;
	margin: 1px 0px 0px 0px;
	float:left;
	height:17px;
	background-image:url(/images/home2008/grad_top_bottom.gif);
}

#ld_btm{
	width:760px;
	float:left;
	height:17px;
	background-image:url(/images/home2008/grad_bottom_top.gif);
	border-bottom: 1px solid #5780ae;
	padding: 0 0 1px 0;
}

#ld .promo{
	width:251px;
	float: left;
	
}

#ld .promo{
/*	margin:0px 10px 0px 0px;*/

}

#ld .promo .more{
	padding-left: 28px;
}

#ld .promo .more img{
	margin-left: 5px;
}

#ld .rates_group div.list{
	width:100%;
	padding:5px 0px 5px 0px;
	border-bottom:1px solid #ccd9e2;
	overflow:auto;
}

#ld .rates_group div.list *{
	vertical-align:middle;
}

#ld .rates_group div.last{
	border-bottom:0px solid black;
	margin-bottom:15px;
}

#ld .rates_group div.verylast{
	border-bottom:0px solid black;
	/* margin-bottom:10px; */
}

#ld .rates_group div.over{
	background-color: #f2f5f8;
}

#ld .promo .rates_group{
	margin: 6px 0px 0px 0px;
}

#ld .aslowas{
 float:left;
 font-size:10px;
 text-align:right;
 margin:1px 3px 0px -10px;
}

#ld .lob{
	padding:0px;
	float: left;
	width: 150px;
}

#ld .lob_short{
	padding:0px;
	float: left;
	width: 115px;
}

#ld .rate{
	float: left;
	color: #00ab39;
	font-weight: bold;
	font-size: 15px;
	width: 44px;
}

#ld .disc{
	float: left;
	font-weight:bold;
	font-size:11px;
	color: #000000;
	width: 35px;
	margin-top:3px;
}

#ld .calc{
	float: left;
	line-height: 28px;
}

#ld .balance_over{
	font-size:10px;
	color:#999999;
	margin-bottom:4px;
}

#ld .promo.last{
	margin: 0;
}

#ld .side{
	float: left;
	
}

#left_area {
	margin: 0;
	padding-left: 15px;
	float: left;
	width:250px;
	height:284px;
}

#right_area {
	float: left;
	width:495px;
	height:284px;	
}

#feature{
	float: left;
	height: 284px;
	width: 495px;
}

#ld .promo .content{
	margin:0px 0px 0px 10px;
}

#eos_select{
	margin: 3px 0 0 0;
	font-size: 11px;
	width: 150px;
}

/*---------- EOS LOGOUT START ----------------*/


/* EOS 101 */

#eos-banner-l01 {
	background: #0b6996 url(/images/logout/card/bb_logout_banner_1_bg.jpg) no-repeat 0 0;
	display: block;
	height: 200px;
	overflow: hidden;
	width: 715px;
	margin-bottom: 15px;
}

#eos-banner-l01 #eos-copy {
	margin: 16px 0px 23px 262px;
}

#eos-banner-l01 #eos-bottom {
	border: 0px solid green;
}

#eos-banner-l01 #eos-subcopy {
	float: left;
	width: 243px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 39px;
	font-size: 1.3em;
	letter-spacing: .04em;
	line-height: 1.35em;
}

#eos-banner-l01 #eos-button {
	float: left;
	margin: 24px 0px 0px 0px;
	border: 0px solid red;
}


/* EOS 102 */


#eos-banner-l02 {
	width:715px;
	height:200px;
	background: #0b6996 url(/images/logout/db/db_feature_osa_bg.jpg) no-repeat 0 0;
	margin-bottom: 15px;
}

#eos-banner-l02 #eos-copy {
	float: left;
	width: 400px;
	padding: 31px 0px 0px 47px;
	color: #fff;
}

#main #eos-banner-l02 h2 {
	color: #fff;
	margin:	8px 0 15px 0px;
	
}

#main #eos-banner-l02 h2 .bulls{
	float: left;
	font-size: .9em;
	font-weight: bold;
	line-height: 2.1em;
	letter-spacing: .04em;	
	display: block;
}

#main #eos-banner-l02 h2 .m {
	margin-left: .5em;
}

#main #eos-banner-l02 h2 b {
	font-weight: bold;
}

#eos-banner-l02 #eos-button {
	clear: both;
	margin: 42px 0px 0px 0px;
}


/* EOS 103 */

#eos-banner-l03 {
	width:715px;
	height:200px;
	background: #0b6996 url(/images/logout/card/bb_logout_banner_2_bg.jpg) no-repeat 0 0;
	margin-bottom: 15px;
}

#eos-banner-l03 #eos-copy {
	float: left;
	padding: 16px 0px 0px 281px;
}

#eos-banner-l03 #eos-subcopy{
	color: #fff;
	padding: 13px 0px 0px 110px;
	font-size: 1.3em;
	letter-spacing: .04em;
	line-height: 1.3em;
	width: 400px;
}

#eos-banner-l03 #eos-button {
	clear: both;
	margin: 17px 0px 0px 136px;
}


/* EOS 105 */

#eos-banner-l05 {
	width:715px;
	height:200px;
	background: #0b6996 url(/images/logout/coaf/coaf_feature_cyc05_tc05_bg.jpg) no-repeat 0 0;
	margin-bottom: 15px;
}

#eos-banner-l05 #eos-copy {
	float: left;
	padding: 28px 0px 15px 53px;
}

#eos-banner-l05 #eos-button {
	clear: both;
	padding: 0px 0px 0px 110px;
}



/* EOS 106 */

#eos-banner-l06 {
	width:715px;
	height:200px;
	background: #0b6996 url(/images/logout/sb/sm_bus_logout_bg.jpg) no-repeat 0 0;
	margin-bottom: 15px;
}

#eos-banner-l06 #eos-copy {
	float: left;
	padding: 12px 0px 7px 17px;
}

#eos-banner-l06 #eos-subcopy{
	clear: left;
	color: #fff;
	padding: 0px 0px 0px 94px;
	font-size: 1.3em;
	letter-spacing: .035em;
	line-height: 1.4em;
	width: 400px;
}

#eos-banner-l06 #eos-button {
	clear: both;
	padding: 15px 0px 0px 179px;
}

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