@import url(default.css);
@media screen {

	body { background:#ACACAC url(/!images/sfb_int_bg-tile.gif) repeat-x; color:#252525; }
	body.home { background:#ACACAC url(/!images/sfb_mp_bg-tile.gif) repeat-x; }
	

	a:link { color:#0175CD; text-decoration: underline; }
	a:visited { color:#636363; text-decoration: underline; }
	a:hover, a:focus, a:active { color:#9c0000; text-decoration:none; }

	/* =LAYOUT
	****************************/
	form { width: 900px; margin:0 auto; }
	
	#MainNavigation { background: url(/!images/sfb_mp_nav1_rollover.gif) no-repeat; width:850px; height:34px; padding:27px 25px 0 25px; }
	#MainNav { height:34px; width:850px; }
	#MainNav a.ir { background: url(/!images/sfb_mp_nav1_static.gif) no-repeat; overflow:hidden; display:block; text-indent:-9999px; padding-top:34px; position:relative;}
	#MainNav dd { float:left; }
	#MainNav #mn_perbank a.ir { width:177px; background-position:-25px -27px; }
	#MainNav #mn_busbank a.ir { width:175px; background-position:-202px -27px; }
	#MainNav #mn_wealth a.ir { width:213px; background-position:-377px -27px; }
	#MainNav #mn_invest a.ir { width:179px; background-position:-590px -27px; }
	#MainNav #mn_about a.ir { width:105px; background-position:-769px -27px; }

	#MainNav a.ir:hover, #MainNav a.ir:active, #MainNav a.ir:focus { background:none; }

	#SubHdr { background: url(/!userfiles/subhdr/sfb_mp_image-1.jpg) no-repeat; width:900px; height:331px; }
	#Main { background: url(/!images/sfb_mp_bg-body-tile-with-leftbox.gif) repeat-y; width:902px; min-height:200px; position:relative;}
	#Main .intLogo { position:absolute; top:15px; left:-4px; display:block; z-index:1; }
	#Main #LSide { width:210px; margin-left:20px; float:left; position:relative; min-height:200px; padding-bottom:17px; }
	#Main #LSide #LogoBox { background:#FFF; padding:15px 0; text-align:center; height:75px; }
	#Main #LSide .Hdr { background: url(/!images/sfb_mp_leftbox-top.gif) no-repeat; width:210px; height:17px; }
	#Main #LSide .Cnt { background: url(/!images/sfb_mp_leftbox-middle.gif) repeat-y; width:210px; }
	#Main #LSide .SubCnt { padding:10px; }
	#Main #LSide .SubCnt ul { margin:0; padding:0; margin-left:16px; list-style-image: url(/!images/sfb_mp_bullet.gif); }
	
	* html #Main #LSide { margin-left:10px; }
	
	#Main #LSide #OnBankHdr { background: url(/!images/sfb_mp_onlinebanking.gif) no-repeat; width:210px; height:30px; }
	#Main #LSide #OnBankHdr a.ir { width:210px; padding-top:30px; background: url(/!images/sfb_mp_onlineBankingLink.gif) no-repeat 150px -17px; }
	#Main #LSide #OnBankHdr a:hover.ir { background: url(/!images/sfb_mp_onlineBankingLink.gif) no-repeat 150px 6px; }
	#Main #LSide #QuickHdr { background: url(/!images/sfb_mp_quicklinks.gif) no-repeat; width:210px; height:30px; }
	#Main #LSide #MobileHdr { background: url(/!images/sfb_mp_mobile.gif) no-repeat; width:210px; height:30px; }
	#Main #LSide #CorpNewsHdr { background: url(/!images/sfb_mp_corpnews.gif) no-repeat; width:210px; height:30px; }
	#Main #LSide .ddOnlineBanking { margin-left:14px; width:120px; }
	#Main #LSide #OBNavigation { background: url(/!images/sfb_mp_onlinebanking-links_rollover.gif) no-repeat; width:121px; height:61px; margin-top:3px; }
	#ObNav { height:61px; width:121px; }
	#ObNav a.ir { background: url(/!images/sfb_mp_onlinebanking-links_static.gif) no-repeat; display:block; text-indent:-9999px; padding-top:20px; position:relative;}
	#ObNav dd { float:left; clear:left;}
	#ObNav #on_enroll a.ir { width:75px; background-position:0px 0px; }
	#ObNav #on_tour a.ir { width:123px; background-position:0px -20px; }
	#ObNav #on_learn a.ir { width:121px; background-position:0px -40px; }
	#ObNav a.ir:hover, #ObNav a.ir:active, #ObNav a.ir:focus { background:none; }
	
	#Main #RSide { width:670px; min-height:465px; float:left; }
	.home #Main #RSide { background: url(/!images/sfb_mp_divider-stroke.gif) no-repeat; background-position:475px 35px; width:670px; min-height:465px; float:left; }
	#Main #RSide .intSubHdr { margin-left:12px; }
	#Main #RSide #SubNavigation { background: url(/!images/sfb_mp_nav2_rollover.gif) no-repeat; width:670px; height:17px; float:left; padding-bottom:2px; }
	#SubNav { height:17px; width:522px; float:left; }
	#SubNav a.ir { background: url(/!images/sfb_mp_nav2_static.gif) no-repeat; overflow:hidden; display:block; text-indent:-9999px; padding-top:17px; position:relative;}
	#SubNav dd { float:left; }
	#SubNav #sn_locat a.ir { width:115px; background-position:0px 0px; }
	#SubNav #sn_career a.ir { width:101px; background-position:-115px 0px; }
	#SubNav #sn_contact a.ir { width:127px; background-position:-216px 0px; }
	#SubNav #sn_espanol a.ir { width:99px; background-position:-343px 0px; }
	#SubNav #sn_search a.ir { width:80px; background-position:-442px 0px; }
	#SubNav a.ir:hover, #SubNav a.ir:active, #SubNav a.ir:focus { background:none; }
	
	#Search { background:#FFF; float:right; width:122px; margin-right:18px; }
	* html #Search { margin-right:8px; }
	#Search .tbSearch { margin:0; padding:0; font-size:.9em; float:left; position:relative; }
	#Search .btnSearch { float:left; margin:0; padding:0; }

	#Main #RSide #Content { width:598px; padding:0 30px; float:left; padding-bottom:60px; }
	.home #Main #RSide #Content { width:415px; padding:0 30px; min-height:400px; float:left; }
	
	#Main #RSide #Banners { width:185px; float:left; position:relative; text-align:center;margin-top:16px }
	#Main #RSide #Banners a { display:block; margin-bottom:1.5em; }
	
	#LSideFtr { background: url(/!images/sfb_mp_leftbox-bottom.gif) no-repeat; width:210px; height:17px; position:absolute; bottom:0; left:20px; z-index:2; }
	#LBarFix { background: url(/!images/sfb_int_left-sidebar.gif) no-repeat; width:9px; height:327px; position:absolute; top:0; left:1px; }
	
	#IntFtr { width:660px; position:absolute; bottom:0; right:0; z-index:2; margin-top:40px; }
	#IntFtr #IntFtrLinks { width:475px; float:left; padding-top: 12px; }
	#IntFtr #IntFtrLinks .set1 { text-align:center; font-size:.8em }
	#IntFtr #IntFtrLinks .set2 { text-align:center; font-size:.7em; }
	#IntFtr #IntFtrLinks .set2 a:link { text-decoration: none; }
	#IntFtr #IntFtrLinks .set2 a:visited { text-decoration: none; }
	#IntFtr #IntFtrLinks .set2 a:hover, #Main #RSide #IntFtr #IntFtrLinks .set2 a:focus, #Main #RSide #IntFtr #IntFtrLinks .set2 a:active { text-decoration:underline; }
	#IntFtr .oslink1 { float:left; display:block; margin-left:35px; margin-top:18px; }
	#IntFtr .oslink2 { float:left; display:block; margin-left:35px; margin-top:3px; }
	#IntFtr .seperator { vertical-align:middle; }
	
	#Ftr { background: url(/!images/sfb_mp_ftr.gif) no-repeat; width:900px; padding-top:30px; }
	#Ftr #Copyright { line-height:30px; vertical-align:middle; font-size:.9em; text-align:center; }

	/* =DROPDOWNS 
	*****************************/
	/* behavior */
	.dropdown dd { position: relative; z-index: 2; }
	.dropdown ul {  position: absolute; z-index: 5; top: 34px; left: 2px; display: none; }
	.dropdown dd.active { z-index: 10; }
	.dropdown dd.active ul.menu { display: block; }
	.dropdown ul a { display: inline-block; } /* do not leave this line out; do not change this line. It fixes a bug in IE, however you can change it in another css rule! */


	/* look-and-feel */
	.dropdown ul a { display: block; }
	
	/* collapsible tables */
	.hiddenrow {display:none;}
	
	
	/* =DROPDOWNS 
	*****************************/

    .dropdown ul { overflow: visible; position:absolute; display:none; z-index:10; color:#2A2A2A; }
    .dropdown dd.active ul, .dropdown dd:hover ul, dd.over ul { display:block; }

    #MainNav ul { border: 1px solid #DFDFDF; border-top:none; background:#FFF;list-style-type: none; padding:0; margin:0; color:#777;  }

    #MainNav #mn_perbank ul { margin-left:-3px; }
    #MainNav #mn_about ul { margin-left:-96px; }

    #MainNav li { border-bottom: 1px solid #DFDFDF; position: relative; z-index: 10; margin:0; padding:0; }
    #MainNav li ul { width: auto; white-space: nowrap; padding-bottom: 0; background-image: none; }

    #MainNav .active .menu { top:34px; z-index: 15; }
    #MainNav li.active .menu { left:100%; }

    #MainNav ul li a { display:block; padding:4px 5px; width:189px; font-weight:bold; text-decoration:none; border:0; color:#777; }

    #MainNav ul li a.sel, #MainNav ul li a:focus, #MainNav ul li a:hover, #MainNav ul li a:active { background-color: #ACACAC; color:#FFF; }

	input.HighlightMissingField  { background-color : Yellow; }
	
	/* =IE 
	*************************/
	/* \*/
	* html #sidebar, # html .home #related { overflow: hidden; display: inline; }
	* html #Main #RSide { height:465px;}
#SubHdr img { display:block; }
	/* */
	
	.RedFont { color:#FF0000; font-weight: bold; }
	
	/* LOCATIONS */
	
	.sec_banknearyou .state
	{
	    /*float:left;*/
	    margin-right:5px;
	}
	.sec_banknearyou .city
	{
	    /*float:left;*/
	}
	.sec_banknearyou .tdContainer span
	{
	    font-size:1.3em;
	}
	.sec_banknearyou label
	{
	    font-size:1.2em;
	}
	.sec_banknearyou .zip
	{
	    /*clear:both;
	    float:left;
	    margin:0px 0 20px 0;
	    width:100px;*/
	}
    .sec_banknearyou .searchButton
    {
        /*float:left;*/
    }
    .sec_banknearyou .back
    {
        text-decoration:none;
    }
    .sec_banknearyou #Content p
    {
        font-size:1.5em;
    }
    .sec_banknearyou #Content .stateCityContainer
    {
        clear:both;
        /*float:left;*/
        margin-top:20px;
    }
    .sec_banknearyou #Content .or
    {
        /*float:left;*/
        clear:both;
        margin:13px 0 0 10px;
        font-size:1em;
    }
}