﻿@import url(default.css);

@media screen {

    body {
        background: #7c7c7c;
        color: #7c7c7c;
        font-family: 'Gotham SSm A', 'Gotham SSm B',Tahoma;
        font-style: normal;
    }


    a:link {
        color: #0175CD;
        text-decoration: underline;
    }

    a:visited {
        color: #636363;
        text-decoration: underline;
    }

    a:hover, a:focus, a:active {
        color: #ff4146;
        text-decoration: none;
    }

    /* =LAYOUT
	****************************/
    form {
        width: 900px;
        margin: 0 auto;
    }


    .pageSugar {
        width: 900px;
        height: 12px;
    }

    .headerWrapper {
        /*border-right: 10px solid #C9C9C9;
	    border-left: 10px solid #C9C9C9;*/
        background: #fff;
    }

    .headerSugar {
        /*border-right: 1px solid #898989;
	    border-left: 1px solid #898989;*/
        /*margin:0 0 0 -10px;*/
        width: 900px;
    }

    .headerSugar2 {
        /*border-right: 1px solid #898989;
	    border-left: 1px solid #898989;
	    margin:0 0 0 9px;*/
        width: 900px;
    }

    .headerInnerWrapper {
        padding: 12px 12px 0;
    }

    .logo {
        float: left;
        background: url(/!images/sfb_main_header_logo.png) no-repeat;
        width: 301px;
        height: 65px;
    }

    .home #MainNavigation {
        width: 849px;
        height: 38px;
        clear: both;
        position: relative;
        z-index: 20;
        margin: 0 auto;
        top: 10px;
        border-top: 1px solid #b6b6b6;
        border-bottom: 1px solid #b6b6b6;
        font-family: 'Gotham SSm A', 'Gotham SSm B',Tahoma;
        font-style: normal;
        font-size: 20px;
        font-weight: 700;
    }

    #MainNavigation {
           border-bottom: 1px solid #b6b6b6;
			border-top: 1px solid #b6b6b6;
			clear: both;
			color: #363636;
			font-family: "Gotham SSm A","Gotham SSm B",Tahoma;
			font-size: 20px;
			font-style: normal;
			font-weight: 700;
			height: 38px;
			margin: 3px 0 0 6px;
			position: relative;
			top: 10px;
			width: 857px;
			z-index: 20;
    }

    #MainNav {
        height: 40px;
        width: 878px;
        padding: 5px;
        
    }

        #MainNav a {
            font-family: 'Gotham SSm A', 'Gotham SSm B',Tahoma;
            font-weight: 700;
            font-style: normal;
            text-decoration: none;
            padding: 0 20px 0;
            color: #363636;
            font-size: 20px;
            display: block;
            height: 40px;
            z-index: 100;
        }



        #MainNav dd {
            float: left;
        }


    /*#MainNav #mn_perbank a.ir { width:190px;  }

	#MainNav #mn_busbank a.ir { width:178px; }
	
	#MainNav #mn_wealth a.ir { width:205px;  }
	
	#MainNav #mn_invest a.ir { width:183px;  }
	
	#MainNav #mn_about a.ir { width:122px;  }*/

    #SubHdr {
        margin: 0 0 0 5px;
        width: 654px;
        height: 345px;
        /*background:url("/!images/sfb_main_image_frame_right.png") no-repeat scroll 642px top transparent;*/
    }

        #SubHdr .borderdiv {
            border-right: 1px solid #b6b6b6;
            height: 291px;
            margin-top: -25px;
            width: 645px;
        }

    #slideshow {
        top: 11px;
        z-index: 0;
        position: absolute !important;
        margin-top: 5px;
    }

        #slideshow .slide {
            left: 10px !important;
        }

            #slideshow .slide em {
                background: url("/!images/sfb_main_image_frame_inner.png") no-repeat scroll 0 0 transparent;
                height: 277px;
                position: absolute;
                top: 1px;
                width: 628px;
                z-index: 10;
            }

    html.lt-ie7 #slideshow .slide em {
        display: none;
    }

    #IntSubHdr a em {
        height: 136px;
        position: absolute;
        top: 1px;
        width: 632px;
        z-index: 10;
    }

    .navWrapper {
        background: url(/!images/BackgroundForSimmonsSlideShowNavigation.png) no-repeat;
        width: 650px;
        height: 45px;
        position: relative;
        top: 285px !important;
        left: -3px !important;
    }

    #navSugar {
        left: 16px;
        position: relative;
        top: 297px;
        z-index: 1;
        width: 25px;
    }

        #navSugar div {
            width: 25px;
            height: 29px;
        }

            #navSugar div:hover {
                cursor: pointer;
            }

    #SubHdr #slideshow .slide, #SubHdr #slideshow .slide img {
        width: 628px !important;
        height: 278px !important;
    }

    #SubHdr #slideshow #nav {
        z-index: 50;
        position: absolute;
        left: 50px;
        bottom: 19px;
    }

        #SubHdr #slideshow #nav a {
            margin: 0;
            padding: 6px 7px 0;
            text-decoration: none;
            font-size: 15px;
            color: #ADADAD;
            text-shadow: black 0.1em 0.1em 0.2em;
            font-weight: bold;
            display: block;
            float: left;
            height: 20px;
        }

            #SubHdr #slideshow #nav a.activeSlide {
                background: url(/!images/HoverStateForNumbersSimmons.jpg) no-repeat center top;
                color: #fff;
            }

    #IntSubHdr .intSubSugar img {
        position: relative;
        z-index: 1;
    }

    #IntSubHdr img {
        width: 645px;
        height: 146px;
    }

    #IntSubHdr .intSubSugar {
        width: 659px;
        height: 163px;
        background: url(/!images/sfb_int_image_frame.png) no-repeat;
        position: absolute;
        z-index: 2;
    }

    html.ie6 #IntSubHdr .intSubSugar {
        display: none;
    }

    #Main {
        background-color: #fff;
        width: 900px;
        min-height: 200px;
        position: relative;
    }

        #Main .intLogo {
            position: absolute;
            top: 15px;
            left: -4px;
            display: block;
            z-index: 1;
        }

    .leftSugar {
        width: 210px;
        height: 9px;
        background: #fff;
       
    }
	
	.home #Main #LSide {
        width: 208px;
		}

    #Main #LSide {
        width: 210px;
        margin-left: 15px;
        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 {
            width: 208px;
            background-color: #ECECEC;
            border: 1px solid #969696;
        }

        #Main #LSide .SubCnt {
            padding: 10px;
        }

            #Main #LSide .SubCnt ul {
                margin: 0;
                padding: 0;
                margin-left: 16px;
                list-style-image: url(/!images/sfb_mp_bullet_black_sm.png);
            }

            #Main #LSide .SubCnt #ObNav {
                 list-style-image: url(/!images/sfb_mp_bullet_black_lgpng.png);
            }

            #Main #LSide .SubCnt a {
                font-size: 12px;
                font-weight: 300;

            }
			
	.morenews {
			 margin: 0 0 18px 14px;
	}

	.morenews a {
		background: url("/!images/sfb_mp_onlinebankinglink_v2.png") no-repeat scroll right 4px rgba(0, 0, 0, 0);
		color: #363636;
		display: inline-block;
		font-family: "Gotham SSm A","Gotham SSm B",Tahoma;
		font-size: 14px !important;
		font-style: normal;
		font-weight: 300;
		height: 16px;
		padding-right: 20px;
	}
	.morenews a:hover {
		background-position: 82px 4px;
	}

    * html #Main #LSide {
        margin-left: 10px;
    }

        #main #LSide div {
            color: #FFF;
            font-family: 'Gotham SSm A', 'Gotham SSm B',Tahoma;
            font-style: normal;
            font-size: 20px;
            font-weight: 500;
        }


        #Main #LSide a {
            text-decoration: none;
            color: #6B6B6B;
            font-family: 'Gotham SSm A', 'Gotham SSm B',Tahoma;
            font-style: normal;
        }

        #Main #LSide #OnBankHdr {
            background: url(/!images/sfb_mp_nav_bar_base.png) no-repeat;
            width: 210px;
            height: 30px;
            color: #FFF;
            font-family: 'Gotham SSm A', 'Gotham SSm B',Tahoma;
            font-style: normal;
            font-size: 20px;
            font-weight: 500;
            padding: 2px;
        }

            #Main #LSide #OnBankHdr a {
                padding-left: 10px;
                color: #FFF;
            }
        /*#Main #LSide #OnBankHdr a.ir { width:210px; padding-top:30px; background: url(/!images/sfb_mp_onlinebankinglink_v2.png) 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_nav_bar_base.png) no-repeat;
            width: 210px;
            height: 30px;
            color: #FFF;
            font-family: 'Gotham SSm A', 'Gotham SSm B',Tahoma;
            font-style: normal;
            font-size: 20px;
            font-weight: 500;
            
            padding: 2px 2px 2px 10px;
        }

        #Main #LSide #MobileHdr {
            background: url(/!images/sfb_mp_nav_bar_base.png) no-repeat;
            width: 210px;
            height: 30px;
            color: #FFF;
            font-family: 'Gotham SSm A', 'Gotham SSm B',Tahoma;
            font-style: normal;
            font-size: 20px;
            font-weight: 500;
            padding-left: 10px;
        }

        #Main #LSide #CorpNewsHdr {
            background: url(/!images/sfb_mp_nav_bar_base.png) no-repeat;
            width: 210px;
            height: 30px;
            color: #FFF;
            font-family: 'Gotham SSm A', 'Gotham SSm B',Tahoma;
            font-style: normal;
            font-size: 20px;
            font-weight: 500;
            padding: 2px 2px 2px 10px;
        }

        #Main #LSide .ddOnlineBanking {
            margin-left: 14px;
            width: 120px;
            font-size: 14px;
        }

        #Main #LSide #OBNavigation {
            height: 65px;
            margin-top: 10px;
            width: 121px;
        }



    #ObNav {
        height: 80px;
        width: 121px;
        font-family: 'Gotham SSm A', 'Gotham SSm B',Tahoma;
        font-style: normal;
        font-weight: 300;
        font-size: 15px;
        color: #FFF;
    }

        #ObNav li a {
            background: url("/!images/sfb_mp_onlinebankinglink_v2.png") no-repeat scroll right 4px rgba(0, 0, 0, 0);
            color: #363636;
            display: inline-block;
            font-size: 16px !important;
            font-weight: 300 !important;
            height: 17px;
            margin-top: 0;
            padding-right: 20px;
        }

            #ObNav li a:hover {
                background-position: 50px 4px;
            }

        #ObNav li#on_tour a:hover, #ObNav li#on_learn a:hover {
            background-position: 97px 4px;
        }






        #ObNav a.ir {
            background: url(/!images/sfb_mp_onlinebankinglink_v2.png) no-repeat;
            display: block;
            text-indent: -9999px;
            padding-top: 20px;
            position: relative;
        }

        #ObNav dd {
            float: left;
            clear: left;
            font-size: 20px;
        }

        #ObNav a.ir:hover, #ObNav a.ir:active, #ObNav a.ir:focus {
            background: none;
        }

    #Main #RSide {
        width: 670px;
        min-height: 945px;
        float: left;
    }

    .home #Main #RSide {
        background-position: 475px 330px;
        width: 670px;
        min-height: 900px;
        float: left;
    }

    #Main #RSide .intSubHdr {
        margin-left: 12px;
    }

    #SubNavigation {
        background: none;
        width: 525px;
        height: 13px;
        float: right;
        padding-bottom: 2px;
        margin: 50px -29px 0 0;
    }

    #SubNav {
        float: right;
        height: 13px;
        width: 307px;
    }

        #SubNav a {
            /*background: url(/!images/sfb_secondary_nav.png) no-repeat;*/
            overflow: hidden;
            text-indent: -9999px;
            padding: 13px 0 0 15px;
            position: relative;
            color: #363636;
            font-size: 13px;
            font-weight: 300;
            text-decoration: none;
        }

        #SubNav dd {
            float: left;
        }

        #SubNav a:hover {
            color: #ff4146;
        }

        #SubNav #sn_locat a {
            width: 70px;
        }

        #SubNav #sn_career a {
            width: 76px;
        }

        #SubNav #sn_contact a {
            width: 95px;
        }

        #SubNav #sn_espanol a {
            width: 73px;
        }

        #SubNav #sn_search a {
            width: 52px;
        }


    #Search {
        background: #FFF;
        float: right;
        width: 122px;
        margin-right: 30px;
    }

    * 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;
        }

    .btnSearch {
        background: url("/!images/sfb_mp_onlinebankinglink_v2.png") no-repeat scroll right 4px rgba(0, 0, 0, 0);
        border: medium none;
        display: inline-block;
        font-size: 16px;
        font-weight: 300;
        height: 16px;
        padding-right: 15px !important;
    }

        .btnSearch:hover {
            background-position: 4px 4px;
        }

    #Main #RSide #Content {
        width: 598px;
        padding: 10px 30px 60px;
        float: left;
        margin: 0;
        color: #252525;
        font-family: 'Gotham SSm A', 'Gotham SSm B',Tahoma;
        font-style: normal;
        font-size: 14px;
        margin: 0 0 100px 0;
    }

    .home #Main #RSide #Content {
        padding: 10px 30px 30px;
        margin: 0;
    }



    .contentArea {
        margin: 10px 0 0 0;
    }

    ul.tools {
        margin: 10px 18px 0 0;
        float: right;
    }

        ul.tools li {
            margin: 0;
            list-style: none;
            list-style-image: none;
            float: left;
            border-right: 1px solid #EAEAEA;
            padding: 1px 5px 0;
            height: 20px;
        }

            ul.tools li.tweet {
                padding: 1px 9px 0;
                width: 155px;
            }

            ul.tools li.fbLike {
                padding: 1px 9px 0;
                width: 95px;
                width: 75px;
            }

                ul.tools li.fbLike iframe {
                    width: 90px !important;
                }

            ul.tools li.plusone {
                padding: 1px 9px 0;
                width: 65px;
            }

            ul.tools li.shareMore {
                border-right: 0;
            }

    .breadcrumbs {
        float: left;
        margin: 15px 0 0 20px;
        padding: 0 0 18px 0;
    }

    #Main #RSide #Banners {
        text-align: center;
        margin: 0 0 185px 0;
    }

        #Main #RSide #Banners a {
            padding: 0 20px;
        }

    #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: -75px;
        left: 1px;
    }

    .RBarFix {
        /*background: url(/!images/sfb_int_left-sidebar.gif) no-repeat;*/
        width: 9px;
        height: 327px;
        position: absolute;
        top: -75px;
        right: 3px;
    }

    #IntFtr {
        width: 660px;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 2;
        margin-top: 40px;
        text-align: center;
        font-size: 14px;
        font-weight: 500;
        color: #000;
    }

    .home #IntFtr {
        bottom: 31px;
        position: absolute;
    }

    #IntFtr #IntFtrLinks {
        width: 660px;
        float: left;
        padding-top: 12px;
        color: #8E8E8E;
        line-height: 30px;
    }

    #IntFtrLinks a {
        text-decoration: none !important;
        color: #000;
        padding: 0 2px;
        font-family: 'Gotham SSm A', 'Gotham SSm B',Tahoma;
        font-style: normal;
        font-size: 14px;
        font-weight: 500;
    }
    /*#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: 230px;
      
    }

    #IntFtr .oslink2 {
        float: left;
        display: block;
        margin-left: 29px;
    margin-right: 216px;
        margin-top: 3px;
      
    }

    #IntFtr .seperator {
        vertical-align: middle;
        padding: 0 2px 0 2px;
        color: #8E8E8E;
    }

    #Ftr {
        background-color: #fff;
        width: 900px;
        padding-top: 30px;
    }

    #Copyright {
        line-height: 30px;
        vertical-align: middle;
        text-align: center;
        color: #000;
        font-family: 'Gotham SSm A', 'Gotham SSm B',Tahoma;
        font-style: normal;
        font-size: 11px;
        font-weight: 300;
    }

    /* =DROPDOWNS 
	*****************************/
    /* behavior */
    .dropdown dd {
        position: relative;
        z-index: 2;
    }

    .dropdown ul {
        position: absolute;
        z-index: 20;
        top: 35px;
        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: 20;
        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 {
           border: 0 none;
		color: #777;
		display: block;
		font-size: 13px;
		font-weight: 500;
		height: auto;
		padding: 6px;
		text-decoration: none;
		width: 189px;
		z-index: 100;
    }

        #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;
    }
}

.emailOptOut .label {
    display: inline-block;
    width: 245px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.ie7 .plusone {
    display: none;
}

.ie7 .breadcrumbs {
    margin-top: 30px;
}

.ie7 .LBarFix, .ie7 .RBarFix {
    top: -90px;
}

.ie7 .intSubHdr, .ie8 .intSubHdr, .notIe67 .intSubHdr {
    margin-left: 5px !important;
}
