body   { background-color: #dad5c2; background-image: url("../pix/bg2.gif"); background-repeat: repeat-y }
.test  { background-image: url("../pix/bg2.gif"); background-repeat: repeat-y }
.test3   { background-image: url("../pix/bg3.gif"); background-repeat: repeat-x }
p { }
td { color: #4b4f55; font-size: 12px; font-family: arial; }
.topbg    { background-color: #b8be9f; background-image: url("../pix/topbg.gif"); background-repeat: repeat-x }
a { color: #6b6962; text-decoration: underline; }
a:hover { color: #870000; text-decoration: none; }
.navcontainer     { background-repeat: repeat-x; border-top: 1px solid #0e0e0e; border-bottom: 1px solid #0e0e0e }
.navcontainerinside { background-color: #0e0e0e; border-top: 1px solid #fff; border-bottom: 1px solid white }
.nav   { color: #f2e793; font-size: 11px; font-weight: bold; background-color: #3c3c3c; background-image: url("../pix/nav.gif"); background-repeat: no-repeat; text-align: center; padding-top: 5px; padding-bottom: 5px; height: 40px; border-top: 1px solid #fff; border-bottom: 1px solid #fff }
.navon   { color: #fff; font-size: 11px; font-weight: bold; background-color: #161616; background-repeat: no-repeat; text-align: center; padding-top: 5px; padding-bottom: 5px; height: 40px; border-top: 1px solid #fff; border-bottom: 1px solid #fff }
.leftcolumn    { color: #fff; background-image: url("../pix/bg_leftcolumn.jpg"); background-repeat: repeat-y; padding: 0 0 6px; width: 200px; vertical-align: top; border-top: 2px solid #fff; border-right: 2px solid #fff }
.rightcolumn { padding-left: 2px; border-left: 1px solid #9da8b4; }
.sm_frame { padding: 2px; border: solid 1px #838665; }
.sm_padding  { line-height: 18px; padding: 5px }
.lg_padding { line-height: 18px; padding: 15px; }
.lg_paddingwl { line-height: 18px; padding: 0 15px 0; border-bottom: 2px solid #fff; }
.blueTitle { color: #2843b2; font-weight: bold; }
.ratestable { border-top: 1px solid #b8b8b8; border-right: 1px solid #b8b8b8 }
.ratestablewhite { background-color: white; padding: 5px; border-bottom: 1px solid #b8b8b8; border-left: 1px solid #b8b8b8 }
.ratestablegray { color: #083f8b; font-size: 13px; font-weight: bold; background-color: #b8b8b8; padding: 5px; vertical-align: middle; border-right: 1px solid #fff; border-bottom: 1px solid #b8b8b8 }
.ratestableblack { color: white; font-size: 13px; font-weight: bold; background-color: #2c2c2c; padding: 5px; vertical-align: middle; border-right: 1px solid #fff; border-bottom: 1px solid #b8b8b8 }
.lg_padding_bg  { line-height: 18px; background-image: url("../pix/bg-inside.jpg"); background-repeat: repeat-x; padding: 15px }
.contacttable { line-height: 18px; padding: 7px 5px 7px 5px; border-bottom: 1px solid #ccc }
.contactaddresses { }
.coblue { color: #2c2c2c; line-height: 18px; padding: 8px 5px 8px 7px }
.sm_txt { font-size: 10px; line-height: normal; }
.colink  { color: #fff; font-size: 11px; font-weight: bold; text-decoration: underline }
.conolink { color: #fff; font-size: 11px; font-weight: bold }
.colink:hover   { color: #ffe49d; font-size: 11px; font-weight: bold }
.cobg  { color: #5c5a54; line-height: 18px; background-color: #f0eee0; background-image: url("../pix/home/co-bg.gif"); background-repeat: no-repeat; padding: 10px 10px 5px }
.bankers { margin: 0; padding: 0 12px 9px 0 }
h3 { color: #44506a; font-size: 16px; font-family: "Times New Roman"; margin-top: 4px; margin-bottom: 20px; }
.cobglanding { color: #5c5a54; line-height: 18px; background-color: #f0eee0; background-image: url("../pix/home/co-bg-landing.gif"); background-repeat: no-repeat; padding: 10px 10px 5px; height: 168px }
.bluelink { color: #083f8b; font-weight: bolder; text-decoration: none; }
.bluelink:hover { color: #083f8b; font-weight: bolder; text-decoration: underline; }
.whitelink  { color: #fff; font-weight: bolder; text-decoration: underline }
.newsdate { font-weight: bold; background-image: url("../pix/bg_news.gif"); background-repeat: repeat-x; padding: 3px 0 2px 4px }
.newsname { background-image: url("../pix/bg_news.gif"); background-repeat: repeat-x; padding: 3px 2px 10px 6px }
.whitelink:hover   { color: #ffe49d; font-weight: bolder }
.subtitle { color: #6b6962; font-size: 15px; font-family: arial; font-weight: lighter; padding: 5px 5px 5px 15px; }
.menutitle   { color: #676560; font-size: 13px; background-color: #fff; background-repeat: no-repeat; background-position: 0 100%; padding: 6px }
.bottom   { color: #333; font-size: 10px; background-color: white; background-image: url("../pix/bg-bottom.gif"); background-repeat: repeat-x; padding: 10px 5px 5px; border-top: 1px solid #9da8b4 }
h1  { color: #008086; font-size: 20px; font-family: "Times New Roman"; font-weight: normal; line-height: 28px }
h2  { color: #083f8b; font-size: 13px; font-weight: bolder; text-decoration: none }
.sublink { color: #870000; text-decoration: none; }
.sublink:hover { color: #870000; text-decoration: underline; }



.elPhotoRow
{ padding-bottom: 8px; padding-right: 20px;	}
.elPhotoCaption
{ font-family: Arial; font-size: 10px; color: #888888; line-height: normal; padding-bottom: 8px; padding-right: 20px;	}


.txtPageHeader
{ color: #6b6962; font-size: 15px; font-family: arial; font-weight: lighter;	}
.zoltalar
{ line-height: 18px; padding: 7px 5px 7px 5px; border-bottom: 1px solid #ffffff	}


.frmTextBox
{ font-family: Arial; font-size: 12px; color: #333333; background-color: #F8F8F8; border: solid 1px #C0C0C0; height: 20; padding: 2px 3px 2px 3px; 	}
.frmButton
{ font-family: Arial; font-size: 12px; color: #333333; 	}
.frmSelect
{ font-family: Arial; font-size: 12px; color: #333333; background-color: #F8F8F8; border: solid 1px #C0C0C0; padding: 2px 2px 2px 2px;	}
.frmSelectGreen
{ font-family: Arial; font-size: 12px; color: #333333; background-color: #F8F8F8; border: solid 1px #1b7f7e; padding: 2px 2px 2px 2px;	}
.frmTextArea
{ font-family: Arial; font-size: 12px; color: #333333; background-color: #F8F8F8; border: solid 1px #C0C0C0; padding: 2px 3px 2px 3px;	}


.calendar
{ border: solid 1px #d9d5c9; background-color: #f0ece3; width: 100%; padding: 14px 14px 14px 14px;	}
.calbg
{ background-image: url('pix/bg_calendar.jpg');	}
.calborder
{ border: solid 1px #b8b071;	}
.calcontent
{ color: #FFFFFF;	}
.cal
{ color: #FFFFFF;	}
.rightborder { padding-right: 10px; border-right: 2px solid #fff; }
a.callink:link, a.callink:active, a.callink:visited
{ color: #b8b071; font-weight: bold; text-decoration: underline;	}
a.callink:hover
{ color: #000000; font-weight: bold; text-decoration: underline;	}


.frame  
{ background-color: #ffffff; margin: 0 0 10px; border: solid 1px #1b7f7e;	}
.tooltip
{ width: 200px; color: #000000; font: lighter 11px/1.3 Arial,sans-serif; text-decoration: none; text-align: center; border: none;	}
.tooltip div.top
{ padding: 30px 8px 0; background: url(../pix/g-bubble.gif) no-repeat top; border: none;	}
.tooltip div.bottom
{ padding: 3px 8px 8px; color: #548912; background: url(../pix/g-bubble.gif) no-repeat bottom; border: none;	}
padding-right: 10px; { }
.hidden{
	position:absolute;
	width:100%;
	font-size:18px;
	visibility: hidden;
	z-index:100;
}
.hidden p{
	margin:15% auto 0 auto;
	width:400px;
	font-size:15px;
	padding:110px 20px 20px 20px;
	border:5px solid #044a8e;
	background-color: #fff;
	background-image: url(../pix/sbt_logo.gif);
	background-position: 50px 20px;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
}

/*     NEW CSS  */
.b        {font-weight:bold;}
.i        {font-style:italic;}
.center  {text-align:center;}

/*     NEW CSS - COLOR DECS  */
.blue     {color:#083f8b}

.ir { position: relative; z-index: 1; overflow: hidden; text-indent: -1000em; }
.ir a { width: 100%; height: 100%; left: 0; top: 0; display:block;z-index: 2;}
.ir span { position: absolute; z-index: 1; width: 100%; display:block;height: 100%; left: 0; top: 0; }

a.calendar  {width:188px;height:120px;display:block;background:url(../pix/home/co_comm_calendar.jpg) 0 0 no-repeat;padding:0;margin:0;}
a.calendar:hover  {background:url(../pix/home/co_comm_calendar.jpg) 0 -120px no-repeat;}

a.mort15  {width:257px;height:59px;display:block;background:url(../pix/btn-mortgage-info.gif) 0 0 no-repeat;padding:0;margin:10px 10px 0 10px;float:left;}
a.mort15:hover  {background-position: 0 -59px;}

a.mortContact  {width:257px;height:59px;display:block;background:url(../pix/btn-mortgage-contact.gif) 0 0 no-repeat;padding:0;margin:10px 0 0 0;float:left;}
a.mortContact:hover  {background-position: 0 -59px;}

a.equityInfo  {width:257px;height:59px;display:block;background:url(../pix/btn-equity-info.gif) 0 0 no-repeat;padding:0;margin:10px 10px 0 10px;float:left;}
a.equityInfo:hover  {background-position: 0 -59px;}

a.equityContact  {width:257px;height:59px;display:block;background:url(../pix/btn-equity-contact.gif) 0 0 no-repeat;padding:0;margin:10px 0 0 0;float:left;}
a.equityContact:hover  {background-position: 0 -59px;}

a.contactBranch  {width:172px;height:57px;display:block;background:url(../pix/btn-branch.gif) 0 0 no-repeat;padding:0;margin:10px 0 0 0;float:left;position:absolute;left:360px;top:590px;z-index:100;}
a.contactBranch:hover  {background-position: 0 -57px;}

.retirement {width:548px;display:block;}


.retirement .box {height:247px;width:274px;display:block;float:left;overflow:visible;padding:0;}
.retirement .box a {text-decoration:none;}
.retirement .box a span {color:#083f8b;}
.retirement .box h3  {color:#083f8b;font-size:14px;display:block;height:0px;text-indent:-2000px;line-height:0;padding:0;margin:0;width:0;}

.retirement .box a.saving {background:url(../pix/bg_retirement_saving.jpg) no-repeat;height:86px;width:249px;padding:161px 10px 0 15px;display:block;}
.retirement .box a.nearing {background:url(../pix/bg_nearing_retirement.jpg) no-repeat 0 0;height:86px;width:249px;padding:161px 10px 0 15px;display:block;}
.retirement .box a.enjoying {background:url(../pix/bg_enjoying_retirement.jpg) no-repeat 0 0;height:86px;width:249px;padding:161px 10px 0 15px;display:block;}
.retirement .box a.changing {background:url(../pix/bg_changing_jobs.jpg) no-repeat 0 0;height:86px;width:249px;padding:161px 10px 0 15px;display:block;}
.retirement .box a:hover {text-decoration:none;background-position:-274px 0;}

/*.retirement .box.saving {background:url(../pix/bg_retirement_saving.jpg) no-repeat 0 0;}
.retirement .box.nearing {background:url(../pix/bg_nearing_retirement.jpg) no-repeat 0 0;}
.retirement .box.enjoying {background:url(../pix/bg_enjoying_retirement.jpg) no-repeat 0 0;}
.retirement .box.changing {background:url(../pix/bg_changing_jobs.jpg) no-repeat 0 0;}*/

.retirement .box.saving a.more {color:083f8b;text-decoration:underline;}


#tSaving {width:169px;height:14px;margin:142px 0 5px 0;}
	#tSaving span {background:url(../pix/text_saving.png) no-repeat 0 0;}
#tNearing {width:169px;height:14px;margin:142px 0 5px 0;}
	#tNearing span {background:url(../pix/text_nearing.png) no-repeat 0 0;}
#tEnjoying {width:169px;height:14px;margin:142px 0 5px 0;}
	#tEnjoying span {background:url(../pix/text_enjoying.png) no-repeat 0 0;}
#tChanging {width:169px;height:14px;margin:142px 0 5px 0;}
	#tChanging span {background:url(../pix/text_changing.png) no-repeat 0 0;}
	
h3 {font-size:13px;background:transparent;}

.learnProducts a {color:#01387d;text-decoration:underline;padding:2px 0 2px 7px;background:url(../pix/bullet.gif) no-repeat 0 50%;display:block;}

span.footnote   {font-size:10px;}

a.mortSpecial {float:right;
display:block;
width:195px;
height:45px;
background:url(../pix/btn-mortgage-special.gif) no-repeat;
margin:15px 0 0;
}
a.mortSpecial:hover {float:right;
display:block;
width:195px;
height:45px;
background:url(../pix/btn-mortgage-special.gif) no-repeat 0 -45px;
}

a.equitySpecial {float:right;
display:block;
width:195px;
height:45px;
background:url(../pix/btn-home-equity-special.gif) no-repeat;
margin:15px 0 0;
}
a.equitySpecial:hover {float:right;
background-position:0 -45px;
}

a.equityRates {float:right;
display:block;
width:195px;
height:45px;
background:url(../pix/btn-home-equity-rates.gif) no-repeat;
margin:0px 0 0;
}
a.equityRates:hover {float:right;
background-position:0 -45px;
}

a.consumerRates {float:right;
display:block;
width:195px;
height:45px;
background:url(../pix/btn-consumer-loan-rates.gif) no-repeat;
margin:15px 0 0;
}
a.consumerRates:hover {float:right;
background-position:0 -45px;
}

a.mortgageRates {float:right;
display:block;
width:195px;
height:45px;
background:url(../pix/btn-mortgage-loan-rates.gif) no-repeat;
margin:15px 0 0;
}
a.mortgageRates:hover {float:right;
background-position:0 -45px;
}

a.ratesGeneric {float:right;
display:block;
width:195px;
height:45px;
background:url(../pix/btn-rates-generic.gif) no-repeat;
margin:0px 0 0;
}
a.ratesGeneric:hover {float:right;
background-position:0 -45px;
}

a.learnHeloc {
float:none;
display:block;
width:300px;
height:59px;
background:url(../pix/btn-learn-heloc.gif) no-repeat;
margin:0px 0 0;
}
a.learnHeloc:hover {background-position:0 -59px;
}
a.ratesAll {
float:none;
display:block;
width:195px;
height:45px;
background:url(../pix/btn-mortgage-rates-all.gif) no-repeat;
margin:0 0 0;
}
a.ratesAll:hover {background-position:0 -45px;
}

.credit-scores {display:block;background:url(../pix/credit_arrows.gif) no-repeat 0 4px;padding:2px 0 2px 12px;line-height:15px;}