.AgilityDevBar { display: none; }

ul, li { padding: 0px; margin: 0px; }
ul { list-style-type: none; }


img,
object,
embed { max-width: 100%; }

a img { border: none; }

.form label { position: relative; display: inline-block; width: 300px; margin: 5px 10px; padding-right: 23px; text-align: right; zoom: 1; box-sizing: border-box; }
    .form label > * { vertical-align: middle; }
.form input { display: inline-block; width: 155px; height: 22px; margin-left: 10px; padding: 0 5px; border: 1px solid #ccc; box-sizing: border-box; }
.form select { display: inline-block; width: 155px; height: 22px; margin-left: 10px; border: 1px solid #ccc; box-sizing: border-box; }
.form textarea { display: inline-block; width: 155px; height: 6em; margin-left: 10px; border: 1px solid #ccc; box-sizing: border-box; }
.form label .text, .form .group > .text { width: 105px; display: inline-block; }
.form .group { position: relative; display: inline-block; width: 300px; margin: 5px 10px; padding-right: 23px; text-align: right; vertical-align: middle; box-sizing: border-box; }
    .form .group label { display: inline-block; width: 105px; margin: 0; padding: 0; vertical-align: middle; }
    .form .group > .text { margin-right: 10px; vertical-align: middle; }
    .form .group.st label { display: none; }
    .form .group.st select { width: 50px; margin: 0; vertical-align: middle; }
    .form .group.st [type="text"] { width: 100px; margin: 0; vertical-align: middle; }
    .form .group.sst label { display: none; }
    .form .group.sst select { width: 34px; margin: 0; vertical-align: middle; }
    .form .group.sst [type="text"] { width: 80px; margin: 0; vertical-align: middle; }
.form .button, .form .button:link { float: right; display: inline-block; margin: 10px 33px 0 0; padding: 0; border: 1px solid #bd0000; border-radius: 4px; }
    .form .button span { color: #fff; padding: 6px 13px 7px 13px; border-top: 1px solid #ffa5a5; display: block; background-color: #e51918; border-radius: 4px; }
.form > small { display: block; text-align: center; }

.validation { position: absolute; right: 0; top: 50%; width: 20px; height: 20px; margin-top: -10px; background-image: url('/Images/validationSprite.jpg'); background-repeat: no-repeat; display: none; }
.field-validation-valid, .field-validation-valid + .validation { display: inline-block; *display: inline; zoom: 1; background-position: 0px top; }
.field-validation-error, .field-validation-error + .validation { display: inline-block; *display: inline; zoom: 1; background-position: 0px -71px; margin-top: -7px; }

.ErrorSummary { padding: 0 0 10px 0; color: #bf121b; }
    .ErrorSummary h4 { padding-bottom: 10px; font-size: 15px; }
#content-body .ErrorSummary ul { margin: 0; padding: 0 0 0 25px; list-style: none; }
.validation-summary-errors { display: block; }

.formSubmissionnError { padding: 0 0 10px 25px; color: #bf121b; font-size: 15px; }


/*Credit Card And Mortgage Application*/
.credit-card-and-mortgage-application-form .button.SubmitLink:link { clear: both; float: none; margin: 20px 0 0 160px; }


.desktop { display: none !important; }
.ccBtn { margin: 10px 34px 0px 10px !important; float: none !important; }


/* Generic Styles!
-------------------------------------------------------------------------------*/

#content-body .accordion { background-color: #EEEDE8; padding: 2px 10px;; margin: 0px; }
.accordion .content { background-color: #fff; padding: 0px; margin: 10px 0 10px 0; }
.accordion article { display: none; padding: 0px 10px 10px 10px; }
.accordion header { padding: 10px; font-weight: 700; background-image: url(/Images/mobileTheme/plusM.jpg); color: #666666; display: block; background-repeat: no-repeat; background-position: right 9px; }
#content-body .accordion p { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }
#content-body .accordion h3 { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }
.accordion header.selected { background-position: right -41px; }
#content-body .accordion .content ul { margin-top: 0px; padding-left: 10px; }
.accordion .content ul li { list-style-type: none; margin-top: 8px; padding-left: 18px; background-image: url('//cdn.aglty.io/scotiabank-el-salvador/images/icn-red-check-mark.png'); background-repeat: no-repeat; background-position: left 1px; }

.mih1 { color: #c00; }

a { text-decoration: none; }
.dropShadow { text-shadow: 1px 1px 1px #000; }
.dropShadowLight { text-shadow: 1px 1px 1px #333; }
.dropShadowWhite { text-shadow: 1px 1px 1px #fff; }

h4 { color: #C00; }
h2 { margin: 5px 15px; font-size: 18px; }

.fontXLarge { font-size: 2.1em; }
.fontLarge { font-size: 1.5em; }
.fontMedia { font-size: 1em; }
.fontSmall { font-size: .8em; }
.fontXSmall { font-size: 6.5em; }
.fontBold { font-weight: 700; }
.fontWhite a, a.fontWhite, .fontWhite { color: #fff; }

.genericButton { padding: 4px 14px; color: #fff; background-color: #a33038; display: inline-block; margin-top: 10px; }

/*.transparent { zoom: 1;filter: alpha(opacity=70);opacity: 0.7; position:relative; z-index:200; }*/
.transparent { background-image: url(/Images/mobileTheme/transBG.png); position: relative; }
.transparentBlack { background-image: url(/Images/mobileTheme/transparentBlack.png); }

.mobilePopUpBox { position: absolute; width: 100%; z-index: 600; display: none; }
    .mobilePopUpBox .inner { margin: -15px 0 0 0; padding: 20px; color: #fff; height: 100%; }
    .mobilePopUpBox .controlCon { background-color: #fff; color: #000; font-weight: 700; }

.mobileLightBox { background-color: #fff; padding: 0px 0px 35px 25px; margin-top: 100px; }
    .mobileLightBox h4 { color: #666666; font-size: 15px; font-weight: 700; padding: 0px; margin: 0px; padding-top: 35px; margin-left: 5%; }
.mobilePopTxtBox { margin-top: 5px; color: #979596; background-color: #f4f4f4; border: 1px solid #c4c4c4; border-bottom: 0px; border-right: 0px; padding: 3px; }
.mobileLightBox .jqCloseMe { width: 20px; height: 20px; }
    .mobileLightBox .jqCloseMe img { width: 20px; height: 20px; }

.mobileOr { color: #4d4c4c; font-size: 16px; font-weight: 700; padding: 0px; margin: 0 0 10px 0; }

.mobileCurrentLocationBtn { font-size: 14px; font-weight: 700; color: #4d4c4c; display: inline-block; background-image: url(/Images/mobileTheme/mobileCurrentLocationBtn.jpg); padding-right: 15px; background-position: right top; background-repeat: no-repeat; }
    .mobileCurrentLocationBtn span { padding: 10px 0 8px 35px; background-image: url(/Images/mobileTheme/mobileCurrentLocationBtn.jpg); display: inline-block; background-position: left top; background-repeat: no-repeat; }




.buttonActor { cursor: pointer; }
.dropS { background-image: url(/Images/mobileTheme/mainSprite.png); background-position: left -240px; background-repeat: repeat-x; height: 40px; position: absolute; width: 100%; z-index: 200; }

.candyFont { font-size: 1.0em; font-weight: 700; }
.candyMagenta { color: #d1005d; }
.candyRed { color: #a33038; }
.candyOrange { color: #bf650f; }
.candyGreen { color: #7e7a00; }
.candycyan { color: #0081ab; }
.candyBlue { color: #003479; }
.candyPurple { color: #a74dc3; }
.candyBlack { color: #000; }
.candyGrey { color: #646464; }

.collapsibleArea { margin-bottom: 26px; }

    .collapsibleArea .inner { display: none; }
    .collapsibleArea.open .inner { display: inherit; }
    .collapsibleArea .control { background-color: #c01803; height: 30px; position: absolute; width: 100%; background-image: url(/Images/mobileTheme/collapseBTN.png); background-repeat: no-repeat; background-position: center top; margin-top: -3px; z-index: 250; }

span.checkMark { font-size: .8em; display: block; padding: 5px 0px 0px 20px; background-image: url(/Images/mobileTheme/chMark.png); background-position: left 7px; background-repeat: no-repeat; }

.asPlainText { padding: 0px 0px 0px 20px; }
    .asPlainText p { font-size: .9em; }

.tabContainer { background-image: url(/Images/mobileTheme/mainSprite.png); background-repeat: repeat-x; background-position: left -2850px; }
    .tabContainer .nav { background-image: url(/Images/mobileTheme/toggleTabs.png); background-repeat: no-repeat; background-position: center 1px; }
        .tabContainer .nav li { font-weight: 700; font-size: 1.3em; }
            .tabContainer .nav li a { color: #707070; display: inline-block; padding: 40px 0px 18px; }
            .tabContainer .nav li.one, .tabContainer .nav li.two { border-bottom: 1px solid #e3e3e3; }
                .tabContainer .nav li.one a { padding-left: 10px; color: #b41500; }
                .tabContainer .nav li.two a { padding-right: 15px; color: #707070; }
            .tabContainer .nav li.one { background-image: url(/Images/mobileTheme/toggleTabs.png); background-repeat: no-repeat; background-position: left -195px; }
            .tabContainer .nav li.two { background-image: url(/Images/mobileTheme/toggleTabs.png); background-repeat: no-repeat; background-position: right -195px; margin-left: -1px; }

    .tabContainer.posTwo .nav { background-position: center -106px; }
        .tabContainer.posTwo .nav li.one { background-position: left -280px; }
        .tabContainer.posTwo .nav li.two { background-position: right -280px; }
        .tabContainer.posTwo .nav li.one a { color: #707070; }
        .tabContainer.posTwo .nav li.two a { color: #b41500; }
    .tabContainer .contentTwo { display: none; }

    .tabContainer .contentOne, .tabContainer .contentTwo { padding: 20px; }

ul.redChecks li { margin-bottom: 10px; padding-left: 30px; background-position: top left; background-image: url(/Images/mobileTheme/redCheck.png); background-repeat: no-repeat; }

.genericRowsStyle1 li { background-image: url(/Images/mobileTheme/mainSprite.png); background-repeat: repeat-x; background-position: right -1960px; border-bottom: 1px solid #b7b7b7; display: block; }
.genericRowsStyle1 a { padding: 20px 15px; background-repeat: no-repeat; background-position: right -1800px; text-decoration: none; display: block; color: #323232; background-image: url(/Images/mobileTheme/rightRightArrow.png); background-repeat: no-repeat; background-position: right center; }
.genericRowsStyle1 h4 { color: #707070; font-size: 1.5em; font-weight: 700; }
.genericRowsStyle1 p { font-size: .85em; margin-top: 5px; }
.genericRowsStyle1 .popular { background-image: url(/Images/mobileTheme/popular.png); background-position: right top; background-repeat: no-repeat; }

.genericRowsStyle2 { border-top: 2px solid #9d9d9d; }
    .genericRowsStyle2 li { background-image: url(/Images/mobileTheme/mainSprite.png); background-repeat: repeat-x; background-position: left -3313px; border-bottom: 1px solid #e8e8e8; border-top: 2px solid #fff; background-color: #f5f5f5; }
    .genericRowsStyle2 a { padding: 10px 20px; color: #000; display: block; }
    .genericRowsStyle2 .fontLarge { vertical-align: text-top; font-size: 1.2em; }
    .genericRowsStyle2 .fontXLarge { vertical-align: text-top; font-size: 1.6em; }
    .genericRowsStyle2 a small { color: #979797; }
    .genericRowsStyle2 .pillar p { margin-left: 10px; }
    .genericRowsStyle2 .rightArrow { background-image: url(/Images/mobileTheme/greyArrowRight.png); background-repeat: no-repeat; background-position: right center; }

.genericRowsStyle3 ul { }
    .genericRowsStyle3 ul li { border-top: 2px solid #fff; border-bottom: 1px solid #b7b7b7; }
        .genericRowsStyle3 ul li a { border: none; padding: 20px 0px 20px 15px; display: block; color: #d81e05; font-weight: 700; background-color: #f9f9f9; background-image: url(/Images/mobileTheme/mainSprite.png); background-repeat: no-repeat; background-position: right -2298px; }
            .genericRowsStyle3 ul li a span { font-size: 1em; display: block; }
            .genericRowsStyle3 ul li a small { color: #323232; font-weight: 100; font-size: .8em; }
        .genericRowsStyle3 ul li:first-child a { background-position: right -2285px; }
        .genericRowsStyle3 ul li:nth-child(odd) a { background-color: #f4f4f4; }

.genericRowsStyle4 ul { }
    .genericRowsStyle4 ul li { border-top: 2px solid #fff; border-bottom: 1px solid #b7b7b7; background-image: url(/Images/mobileTheme/mainSprite.png); background-position: left -3430px; }
        .genericRowsStyle4 ul li a, .genericRowsStyle4 ul li .aFix { border: none; padding: 20px 0px 20px 15px; display: block; color: #d81e05; font-weight: 700; background-repeat: no-repeat; background-position: right -200px; }
            .genericRowsStyle4 ul li a p, .genericRowsStyle4 ul li .aFix p { font-size: 1em; display: block; }
            .genericRowsStyle4 ul li a small, .genericRowsStyle4 ul li .aFix small { color: #323232; font-weight: 100; font-size: .8em; }
.genericRowsStyle4 .rightArrow { background-image: url(/Images/mobileTheme/greyArrowRight.png); background-repeat: no-repeat; background-position: right center; }
.genericRowsStyle4 ul li .aFix a { height: inherit; background-image: none; padding: 0px; margin: 0px; }


    .genericRowsStyle4 ul li .aFix a.redButton { font-size: .9em; color: #fff; display: inline-block; padding-right: 15px; background-position: right -55px; background-image: url(/Images/mobileTheme/redBTN.png); }
        .genericRowsStyle4 ul li .aFix a.redButton span { white-space: nowrap; display: inline-block; padding: 12px 0px 15px 15px; background-image: url(/Images/mobileTheme/redBTN.png); }


.leaderImageArea .mask { overflow: hidden; width: 100%; }
.leaderImageArea .callToActionCon .one, .leaderImageArea .callToActionCon .one { padding: 20px; border-top: 2px solid #cfcfcf; }
.leaderImageArea .callToActionCon { margin-top: -78px; }

.rotatorExpandableArea { height: 90px; margin-top: -96px; position: relative; z-index: 200; border-top: 2px solid #efefef; }

#content { border-top: 1px solid transparent; }
    #content a { color: #E00000; }

.iRotator { padding: 0px; overflow: hidden; position: relative; margin-top: -2px; }
    .iRotator ul#iRotator-slider { padding: 0px; margin: 0px; overflow: hidden; width: 15000px; position: relative; }
        .iRotator ul#iRotator-slider li { list-style-type: none; padding: 0px; float: left; list-style-image: none; margin: 0px; width: 305px; position: relative; }

.leaderImageCTA { height: 80px; margin-top: -100px; z-index: 100; position: relative; width: 80%; margin-left: 8%; }
    .leaderImageCTA .bottom { background-image: url(/Images/leaderCTABG.png); background-position: right bottom; height: 60px; position: relative; }
    .leaderImageCTA .top { background-image: url(/Images/leaderCTABG_TOP.png); background-position: left top; height: 20px; position: relative; }
    .leaderImageCTA .inner { padding: 0 15px 0 15px; }






/* Site styles!
-------------------------------------------------------------------------------*/

/* hamburger tabs */
#mainNav h3 a { display: inline-block; text-align: center; width: 100%; font-size: 1.2em; color: #787878; text-shadow: 1px 1px #f6f6f6; cursor: pointer; display: inline-block; background: transparent url('/Images/MenuBars.png') no-repeat 10px 48%; height: 35px; line-height: 35px; }
#mainNav h3 { background: linear-gradient(to bottom, #f0f0f0 0%, #c8c8c8 100%); padding: 0px; margin: 0px; width: 100%; }

#mainNav ul.tabs { padding: 0 0 13px 0; margin: 0px; list-style: none; display: none; width: 100%; overflow: hidden; background: transparent url('/Images/BottomMenuStub.gif') repeat-x bottom left; }

    #mainNav ul.tabs.open { display: block; }

    #mainNav ul.tabs li { list-style-type: none; cursor: pointer; width: 100%; padding: 0 20px 0px 20px; margin: 0; display: block; background-color: #c9c9c9; border-top: 1px solid #dedede; border-bottom: 1px solid #a09f9f; }

        #mainNav ul.tabs li:first-child { background-color: #c9c9c9; background: -moz-linear-gradient(top, rgba(153,153,153,1) 0%, rgba(201,201,201,1) 15%, rgba(201,201,201,1) 100%); background: -webkit-linear-gradient(top, rgba(153,153,153,1) 0%,rgba(201,201,201,1) 15%,rgba(201,201,201,1) 100%); background: -ms-linear-gradient(top, rgba(153,153,153,1) 0%,rgba(201,201,201,1) 15%,rgba(201,201,201,1) 100%); background: linear-gradient(to bottom, rgba(153,153,153,1) 0%,rgba(201,201,201,1) 15%,rgba(201,201,201,1) 100%); }

        #mainNav ul.tabs li.currentPage { border-top-color: #a09f9f; border: none; background: rgb(165,61,56); background: -moz-linear-gradient(top, rgba(165,61,56,1) 0%, rgba(215,38,28,1) 15%, rgba(215,38,28,1) 100%); background: -webkit-linear-gradient(top, rgba(165,61,56,1) 0%,rgba(215,38,28,1) 15%,rgba(215,38,28,1) 100%); background: -ms-linear-gradient(top, rgba(165,61,56,1) 0%,rgba(215,38,28,1) 15%,rgba(215,38,28,1) 100%); background: linear-gradient(to bottom, rgba(165,61,56,1) 0%,rgba(215,38,28,1) 15%,rgba(215,38,28,1) 100%); }

            #mainNav ul.tabs li.currentPage a { padding-left: 14px; border: none; background: transparent url('/Images/Arrow.png') no-repeat 0% 46%; color: #fff; }
            #mainNav ul.tabs li.currentPage:nth-child(3) { width: 100%; }
        #mainNav ul.tabs li p { background-color: inherit; }
        #mainNav ul.tabs li a { display: inline-block; color: #5a5a5a; font-weight: 700; position: relative; height: 35px; line-height: 35px; font-size: 1.1em; background-image: none; }
        #mainNav ul.tabs li:first-child { background: none; background-color: #c9c9c9; }
            #mainNav ul.tabs li:first-child.currentPage { background: linear-gradient(to bottom, rgba(165,61,56,1) 0%,rgba(215,38,28,1) 15%,rgba(215,38,28,1) 100%); }
        #mainNav ul.tabs li:nth-child(3) { width: 100%; }
        #mainNav ul.tabs li:nth-child(2) p { background-color: inherit; }
        #mainNav ul.tabs li:nth-child(3) p { background-color: inherit; }
        #mainNav ul.tabs li:last-child { position: static; width: 100%; }
        #mainNav ul.tabs li span { background-image: none; display: initial; }


/*--content body styles-- */


#content-body .miul { padding: 0px; }
#content-body .miul2 li { margin-top: 15px; }
#content-body blockquote { margin: 0px; }
#content-body p { margin-top: 15px; }
#content-body .mip { margin-right: 10px; padding-right: 0px; }
#content-body .miul2 li { list-style-type: inherit; }
#content-body ul { padding-left: 35px; padding-right: 15px; padding-top: 0; list-style-type: disc; }
#content-body a { color: #E00000; }
#content-body .mili { margin-right: 0px; padding-right: 0px; }
#content-body .mili2 { margin-right: 0px; }
#content-body { padding: 20px; }
    #content-body.singelColumnTemp { margin-top: -2px; padding: 0px; }
#content-body { padding: 0; font-size: 0.9em; }
.subheading { margin-left: 15px; padding-right: 10px; font-weight: 100; font-size: 1.2em; }
html { }
* { -webkit-tap-highlight-color: rgba(0,0,0,0); }
body { margin: 0px; padding: 0px; font-family: Arial; color: #666; }

.wrapper { padding: 0px; }


.mobile { font-family: Arial; font-size: 1.5em; background-image: none; }
    .mobile ul, .mobile ul li { list-style-type: none; }
    .mobile img { width: 100%; }


.width100.txt-calc, .txt-calc { width: 200px !important; }


#mainNav { font-size: .7em; }
    #mainNav ul { padding: 0px; margin: 0px; list-style: none; width: 100%; background-color: #b7b7b7; }
        #mainNav ul li { list-style-type: none; cursor: pointer; display: table-cell; float: left; margin: 0; padding: 0; width: 34%; }
    #mainNav .tabs li:last-child { right: 0px; width: 33%; border-left: 1px solid #b7b7b7; position: absolute; }

    #mainNav ul li p { padding-bottom: 0px; border-right: 1px solid #b7b7b7; margin-top: 0px; margin: 0px; }
    #mainNav ul li a { display: block; color: #fff; font-weight: 700; position: relative; background-image: url(/Images/mobileTheme/mainSprite.png); background-position: right -63px; background-repeat: no-repeat; }
        #mainNav ul li a span { background-image: url(/Images/mobileTheme/mainSprite.png); background-position: left -63px; display: inline-block; width: 100%; text-align: center; padding-top: 15px; height: 25px; background-repeat: no-repeat; }

.blackberry #mainNav ul li a span { background-position: left -64px; }
#mainNav ul li:nth-child(3) { width: 33.2%; border-right: 2px solid #666; }
    #mainNav ul li:nth-child(3) p { border-right: none; }


#mainNav ul li a { display: inherit; }
#mainNav ul li p { background-color: #c8c8c8; }
#mainNav ul li:nth-child(2) p { background-color: #b1b1b1; }
#mainNav ul li:nth-child(3) p { background-color: #828282; }
#mainNav ul li.currentPage:nth-child(3) { width: 33.17%; border-right: 2px solid #972112; }
#mainNav ul li.currentPage a { background-color: #ee1e12; }


#mainNav #headerTabsFlyout { }
    #mainNav #headerTabsFlyout li { width: 100%; border-top: 1px solid #D7D3D4; text-align: center; display: block; color: #000; padding: 0; margin: 0; }
        #mainNav #headerTabsFlyout li a { padding: 10px 0; background-color: #7D7C7A; font-size: 16px; text-shadow: 2px 2px 2px rgba(48, 48, 48, 1); }
#mainNav ul ul { display: none; }

#content-head { margin-top: 0px; }
    #content-head h1 { background-image: url(/Images/mobileTheme/content-head.png); background-repeat: repeat-x; }



#brand { background-color: #fff; border-bottom: 3px solid #919191; background-image: url(/Images/mobileTheme/mainSprite.png); background-position: left -113px; background-repeat: repeat-x; }
    #brand .hgroup .inner { padding: 10px 10px 7px 10px; }
        #brand .hgroup .inner #mobileLogoMain { display: block; height: 30px; width: 130px; background-image: url(/Images/mobileTheme/sbLogo.png); background-repeat: no-repeat; }
        #brand .hgroup .inner #mobilSubLogo { display: block; height: 30px; width: 130px; background-image: url(/Images/mobileTheme/MobileSubHeader.png); background-repeat: no-repeat; }
    #brand .nav a { display: block; /*background-image:url(/Images/mobileTheme/mainSprite.png); background-repeat:no-repeat; background-position:right -318px; height:50px;*/ padding-top: 6px; }


#bigDropMenu { border: 0; margin-top: 0px; padding: 0px; }
    #bigDropMenu .inner { background-image: url(/Images/mobileTheme/mainSprite.png); background-position: center -163px; height: 56px; margin-bottom: 0px; }
    #bigDropMenu p { height: 55px; background-image: url(/Images/mobileTheme/bigRedDropNav.png); background-position: right top; text-align: center; width: 45%; margin: 0px; }
    #bigDropMenu p, #bigDropMenu a { color: #fff; font-size: 1.5em; font-weight: 700; }
        #bigDropMenu p span, #bigDropMenu a span { margin-top: 10px; display: inline-block; padding-right: 35px; background-position: 68px -14px; background-repeat: no-repeat; }
            #bigDropMenu p span.dropShadow, #bigDropMenu a span.dropShadow { margin-top: 14px; text-shadow: 2px 2px 2px #861812; }

    #bigDropMenu #bigDropMenuButton { text-align: right; }
        #bigDropMenu #bigDropMenuButton span { display: block; margin-right: 60px; padding-right: 30px; background-image: url(/Images/mobileTheme/bigRedDownArrow.png); background-position: right 7px; }



.aSignOnLink { background-image: url(/Images/mobileTheme/signOnBTN.png); width: 105px; height: 45px; display: block; float: right; margin-top: 8px; margin-right: 10px; background-repeat: no-repeat; padding: 0px; }
#bigDropMenu .aSignOnLink #lbl_drpSignOn { margin-top: 10px; }
.aShowAllLink { background-image: url(/Images/mobileTheme/signOnBTN2.png); width: 150px; height: 45px; display: block; margin-top: 5px; margin-right: 5px; background-repeat: no-repeat; padding: 2px 0 0 0; }

.aSignOnLink.redButton { background-image: url(/Images/mobileTheme/signOnBTN.png); }
.aSignOnLink.champaignButton { background-image: url(/Images/mobileTheme/SignOnChamp.png); }


#bigDropMenu .aSignOnLink { font-size: 10px; font-weight: 500; padding: 0px; }
    #bigDropMenu .aSignOnLink span { display: block; padding: 0px; width: 102px; text-align: center; font-weight: 700; font-size: 16px; background-image: none; }

#bigDropMenu .nav { position: absolute; background-color: #d82214; background: #d62319; font-size: .7em; /*
    background: -moz-linear-gradient(top, #d62319 0%, #4c0b0b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d62319), color-stop(100%,#4c0b0b));
    background: -webkit-linear-gradient(top, #d62319 0%,#4c0b0b 100%);
    background: -o-linear-gradient(top, #d62319 0%,#4c0b0b 100%);
    background: -ms-linear-gradient(top, #d62319 0%,#4c0b0b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d62319', endColorstr='#4c0b0b',GradientType=0 );
    background: linear-gradient(top, #d62319 0%,#4c0b0b 100%);  
    */ z-index: 400; display: none; margin-top: -1px; }
    #bigDropMenu .nav li { background-repeat: no-repeat; border-top: 1px solid #bd1b05; position: relative; }
        #bigDropMenu .nav li a { border-top: 1px solid #de402b; display: block; padding: 10px 35px 10px 30px; }

        #bigDropMenu .nav li span { position: absolute; margin-top: -7px; right: 15px; top: 2em; display: block; width: 17px; height: 18px; background-image: url(/Images/mobileTheme/mobileMegaMenuArrow.png); background-repeat: no-repeat; }
            #bigDropMenu .nav li span.open { background-position: center bottom; }
        #bigDropMenu .nav li ul { display: none; background-image: url(/Images/mobileTheme/mobileNavDropDownBG.png); }

            #bigDropMenu .nav li ul li { border-top: 1px solid #6e0d00; }
                #bigDropMenu .nav li ul li a { border-top: 1px solid #b11f0c; }
                #bigDropMenu .nav li ul li:first-child { border-top: 1px solid #5d0c01; }
                    #bigDropMenu .nav li ul li:first-child a { border-top: 1px solid #6c1105; }




        /*
#bigDropMenu .nav li:nth-child(2) {border-top:2px solid #a61d15;}
#bigDropMenu .nav li:nth-child(3) {border-top:2px solid #90150f;}
#bigDropMenu .nav li:nth-child(4) {border-top:2px solid #68120f;}
#bigDropMenu .nav li:nth-child(5) {border-top:2px solid #540f0d;}
#bigDropMenu .nav li:nth-child(6) {border-top:2px solid #460a09;}
#bigDropMenu .nav li:nth-child(7) {border-top:2px solid #460a09;}

#bigDropMenu .nav li:nth-child(4) a { border-top:1px solid #cc3431; }
#bigDropMenu .nav li:nth-child(5) a { border-top:1px solid #bc302d; }
#bigDropMenu .nav li:nth-child(6) a { border-top:1px solid #a82a27; }
#bigDropMenu .nav li:nth-child(7) a { border-top:1px solid #a82a27; }
*/
        #bigDropMenu .nav li a:hover { text-decoration: none; }

#utilities a { background-image: url(/Images/mobileTheme/utilitiesNavIMG.png); background-repeat: no-repeat; height: 36px; margin-top: 5px; outline: none; background-position: right top; }
    #utilities a img { float: right; border: none; margin-top: 5px; margin-right: 124px; }
    #utilities a .closeBtn { float: right; margin-right: 10px; margin-top: 15px; color: #808080; font-weight: 700; font-size: 14px; }


#utilitiesHidden { background-image: url(/Images/mobileTheme/dottedBG.png); padding-bottom: 20px; display: none; }
    #utilitiesHidden ul.nav { padding-top: 15px; position: relative; z-index: 300; margin-top: 0px; padding-left: 0px; }
        #utilitiesHidden ul.nav li { background-image: url(/Images/mobileTheme/utilHidden.png); background-position: center 10px; background-repeat: no-repeat; list-style-type: none; margin: 0px; }
            #utilitiesHidden ul.nav li a { display: block; padding-top: 65px; margin-top: 25px; background-image: url(/Images/mobileTheme/utilHidden.png); background-repeat: no-repeat; width: 90px; }
                #utilitiesHidden ul.nav li a span { height: 35px; display: inline-block; font-weight: 700; font-size: 12px; }

            #utilitiesHidden ul.nav li#utilSupport a { background-position: 21px -137px; color: #e80068; }
            #utilitiesHidden ul.nav li#utilSearch a { background-position: -87px -137px; color: #ab323b; }
            #utilitiesHidden ul.nav li#utilCall a { background-position: -173px -137px; color: #ca6a10; }
            #utilitiesHidden ul.nav li#utilCountry a { background-position: -408px -132px; color: #7f7b00; }
            #utilitiesHidden ul.nav li#utilATM a { background-position: -285px -132px; color: #0080aa; }
        #utilitiesHidden ul.nav li { list-style-type: none; list-style-image: none; }


#imageRotatorSwipeZone { position: absolute; width: 100%; height: 100px; z-index: 320; background-image: url(/Images/mobileTheme/clear.png); }

#mainImageRotator { margin-top: -2px; }
    #mainImageRotator ul { width: 12000px; padding: 0px; list-style-type: none; list-style-image: none; border: 4px solid blue; overflow: hidden; }
        #mainImageRotator ul li { float: left; margin-top: -9px; border: 20px solid green; width: 20%; }
    #mainImageRotator .moreButton a, #mainImageRotator .moreButton span { cursor: pointer; display: inline-block; color: #d81e05; position: absolute; z-index: 340; padding-right: 15px; background-image: url(/Images/mobileTheme/mainSprite.png); background-position: right -848px; }




#rotatorNav ul { display: inline-block; padding-top: 3px; height: 15px; }
    #rotatorNav ul li { display: inline-block; float: left; width: 10px; background-image: url(/Images/mobileTheme/rotatorNav.png); background-position: right top; margin: 0px 4px; background-repeat: no-repeat; }
        #rotatorNav ul li.current { background-position: left top; }
#rotatorNav { background-image: url(/Images/mobileTheme/mainSprite.png); background-repeat: repeat-x; background-position: left -872px; height: 30px; border-top: 1px solid #bababa; border-bottom: 1px solid #bababa; margin-top: -4px; }

#content-body #homePagecollapsibleArea { padding: 0px; margin: 0px; }
#homePagecollapsibleArea { padding: 0px; margin: 0px; list-style-type: none; }
    #homePagecollapsibleArea li { border-top: 2px solid #fff; border-bottom: 1px solid #b7b7b7; list-style-type: none; }
        #homePagecollapsibleArea li a { background-color: #e9e9e9; display: block; border-left: 5px solid #d1005d; background-image: URL(/Images/collRightArrow.jpg); background-position: right center; background-repeat: no-repeat; }
            #homePagecollapsibleArea li a span { display: inline-block; }
            #homePagecollapsibleArea li a .one { font-size: 1em; color: #707070; font-weight: 700; }
                #homePagecollapsibleArea li a .one span { padding: 15px 0px; margin-left: 10px; }
            #homePagecollapsibleArea li a .two { font-size: .8em; color: #000; }
                #homePagecollapsibleArea li a .two span { margin: 15px 0; border-left: 2px solid #f7f7f7; padding-left: 10px; }
        #homePagecollapsibleArea li:nth-child(2) a { border-color: #0081ab; }
        #homePagecollapsibleArea li:nth-child(3) a { border-color: #a74dc3; }

        #homePagecollapsibleArea li.bBlue a { border-left: 5px solid #0081ab; }
        #homePagecollapsibleArea li.bPink a { border-left: 5px solid #d1005d; }
        #homePagecollapsibleArea li.bPurple a { border-left: 5px solid #a74dc3; }
        #homePagecollapsibleArea li.bNavy a { border-left: 5px solid #104181; }
        #homePagecollapsibleArea li.bBurgundy a { border-left: 5px solid #a33038; }
        #homePagecollapsibleArea li.bGreen a { border-left: 5px solid #7e7a00; }
        #homePagecollapsibleArea li.bOrange a { border-left: 5px solid #bf650f; }


.bigDropMenu { margin-bottom: -1px; padding: 0px; }
    .bigDropMenu .inner { background-image: url(/Images/mobileTheme/mainSprite.png); background-position: center -163px; height: 57px; margin-bottom: 0px; clear: both; overflow: hidden; }
    .bigDropMenu p { height: 55px; background-image: url(/Images/mobileTheme/bigRedDropNav.png); background-position: right top; text-align: center; width: 45%; margin: 0px; }
    .bigDropMenu p, .bigDropMenu a { color: #fff; font-size: 1.5em; font-weight: 700; }
        .bigDropMenu p span, .bigDropMenu a span { margin-top: 12px; display: inline-block; padding-right: 35px; background-position: 68px -14px; background-repeat: no-repeat; }
            .bigDropMenu p span.dropShadow, .bigDropMenu a span.dropShadow { text-shadow: 2px 2px 2px #861812; }

    .bigDropMenu .bigDropMenuButton { text-align: right; }
        .bigDropMenu .bigDropMenuButton span { display: block; margin-right: 60px; padding-right: 30px; background-image: url(/Images/mobileTheme/bigRedDownArrow.png); background-position: right 7px; }



.aSignOnLink { width: 105px; height: 45px; display: block; float: right; margin-top: 6px; margin-right: 5px; background-repeat: no-repeat; padding: 0px; }
.aShowAllLink { background-image: url(/Images/mobileTheme/signOnBTN2.png); width: 150px; height: 45px; display: block; margin-top: 5px; margin-right: 5px; background-repeat: no-repeat; padding: 2px 0 0 0; }
.aSignOnLink.redButton { background-image: url(/Images/mobileTheme/signOnBTN.png); }
.aSignOnLink.champaignButton { background-image: url(/Images/mobileTheme/SignOnChamp.png); }


.bigDropMenu .aSignOnLink { font-size: 10px; font-weight: 500; padding: 0px; }
    .bigDropMenu .aSignOnLink span { display: block; padding: 0px; width: 105px; text-align: center; font-weight: 700; font-size: 15px !important; background-image: none; }

.bigDropMenu .nav { position: absolute; background-color: #d82214; background: #d62319; font-size: .7em; z-index: 400; display: none; margin-top: -2px; left: 0px; }
    .bigDropMenu .nav li { background-repeat: no-repeat; border-top: 1px solid #bd1b05; position: relative; }
        .bigDropMenu .nav li a { border-top: 1px solid #de402b; display: block; padding: 10px 35px 10px 30px; background-repeat: no-repeat; background-position: right center; }
            .bigDropMenu .nav li a.expandable { background-image: url(/Images/mobileTheme/mobileMegaMenuArrowDown.png); }
                .bigDropMenu .nav li a.expandable.open { background-image: url(/Images/mobileTheme/mobileMegaMenuArrowDownOpen.png); }
        .bigDropMenu .nav li span { position: absolute; margin-top: -7px; right: 0px; top: 8px; display: block; width: 45px; height: 40px; }
            .bigDropMenu .nav li span.open { background-position: center bottom; }
        .bigDropMenu .nav li ul { display: none; background-image: url(/Images/mobileTheme/mobileNavDropDownBG.png); }
            .bigDropMenu .nav li ul li { border-top: 1px solid #6e0d00; }
                .bigDropMenu .nav li ul li a { border-top: 1px solid #b11f0c; color: #fff; }
                .bigDropMenu .nav li ul li:first-child { border-top: 1px solid #5d0c01; }
                    .bigDropMenu .nav li ul li:first-child a { border-top: 1px solid #6c1105; }

#mainFooter { background-color: #d5d6d6; }
.imageCountry .country { vertical-align: top; font-weight: 700; }
#mainFooter h2 { margin: 0; color: #515151; }
#mainFooter a { color: #EE1E12; }
#mainFooter p { color: #666; }
#mainFooter ul.FooterFirstSection { border: 1px solid #d5d6d6; display: block; background-color: #d5d6d6; margin-top: 15px; }
    #mainFooter ul.FooterFirstSection li { margin: 10px; padding: 10px 20px; }
    #mainFooter ul.FooterFirstSection li { background-color: #f1f0ea; display: block; }
        #mainFooter ul.FooterFirstSection li:nth-child(2) { color: #ee1e12; }
#mainFooter ul.FooterLinks { border-bottom: 1px solid #707070; text-align: center; padding: 15px 0; font-size: 12px; }
    #mainFooter ul.FooterLinks li { display: inline; }
#mainFooter .mobileMenuHeader { background-color: #EE1E12; /*line-height:45px*/; padding-left: 30px; color: #fff; }
    #mainFooter .mobileMenuHeader span { font-size: 22px; }
#mainFooter .bigDropMenu .nav li a { /* padding:0px 0px 0px 30px; */ }



#mainFooter .legal .dropShadowLight { text-shadow: none; color: #cdb8b6; font-size: 0.7em; margin-left: 15px; }


#mainFooter .bigDropMenu a { color: #fff; }

#mainFooter .bigDropMenu .inner { background-image: none; }
    #mainFooter .bigDropMenu .inner > div { display: none; }
#mainFooter .bigDropMenu p { background-image: none; }
#mainFooter .bigDropMenuButton { text-align: left; }
#mainFooter .bigDropMenuButton { }
    #mainFooter .bigDropMenuButton span { display: inline-block; color: #fff; /*margin-top:3px; background-position:right 15px; */ }

.subsidaryWrapper { margin: 15px; }

#content-body p, #content-body h3 { margin: 15px; }
#content-body h3 { color: #515151; }
#content-body .contactBlurb, .contactVerticalItems { }
    .contactVerticalItems UL { }
    #content-body .contactBlurb .toggle, #content-body .contactBlurb .descriptionText, #content-body .contactBlurb .contactVerticalItems .right { }
        #content-body .contactBlurb .descriptionText p { margin-bottom: 0; margin-left: 0; }

.bigImage { position: relative; /*margin:0 -20px 15px 0px;*/ }

.contactBlurb { clear: both; background-color: #d5d6d6; padding-top: 5px; font-size: 14px; }

.contactVerticalItems { float: left; clear: both; background-color: #d5d6d6; }

    .toggle, .descriptionText, .contactVerticalItems ul { background-color: #fff; margin: 10px 10px 0 10px; padding: 10px; }

    .contactVerticalItems ul { margin-top: 0; margin-bottom: 0; padding-left: 10px; }
        .contactVerticalItems ul li { padding-left: 0px; }
.descriptionText { margin-top: -10px; margin-bottom: 0px; }
    .descriptionText p { }
.contactBlurb div.right { width: 100%; }
#mainFooter { background-color: #8c160b; background-image: url(/Images/mobileTheme/footerBGDotted.png); background-repeat: repeat-x; }

#mainFooterBigNav { background-image: url(/Images/mobileTheme/mainSprite.png); background-position: center -340px; background-color: #AE1807; }



.contactBlurb { clear: both; background-color: #d5d6d6; padding: 10px; font-size: 13px; margin-bottom: 20px; }
    .contactBlurb .wrapper { display: none; background-color: #fff; border: 1px solid #fff; padding: 0px 8px 8px 8px; }
    .contactBlurb.active .wrapper { display: block; }
    .contactBlurb h2 { padding: 8px; margin: 0px; background-color: #fff; }
#content-body .contactBlurb.active h2 a { background-position: right -163px; }
#content-body .contactBlurb h2 a { color: #5a5959; display: block; background-image: url(/Images/mobileTheme/plusMinus.png); background-repeat: no-repeat; background-position: top right; }
#content-body .contactBlurb p { margin: auto; }
.contactBlurb .right { float: none; }
#content-body .contactVerticalItems ul { padding: 0px; margin: 10px 0px 0px 0px; }
#content-body .contactVerticalItems li { padding: 10px 0px 10px 0px; margin-top: 10px; border-top: 1px solid #ccc; position: relative; }
    #content-body .contactVerticalItems li:first-child { border-top: 1px solid #fff; }
#content-body .contactVerticalItems nav { margin-top: 15px; }
#content-body .contactBlurb a.button { display: inline-block; padding: 0 0 0 10px; color: #fff; font-weight: 700; }
#content-body .contactBlurb .button span { display: inline-block; padding: 7px 10px 7px 0px; background-position: right top; }
#content-body .contactBlurb .descriptionText { padding: 0px; margin: 0px; }
    #content-body .contactBlurb .descriptionText p { margin-bottom: 15px; }

a.redBTN, a.redBTN span { background-image: url(/Images/redButton.png); }
a.champagneBTN, a.champagneBTN span { background-image: url(/Images/greyButton.png); }





#mainFooterBigNav li a, #mainFooterBigNav li a small, #mainFooterBigNav li a span { display: block; }
#mainFooterBigNav li { border-bottom: 2px solid #701004; font-weight: 700; }
    #mainFooterBigNav li a { padding: 10px 20px; color: #fff; }
        #mainFooterBigNav li a span { color: #e5a49b; }
        #mainFooterBigNav li a small { color: #fff; }
        #mainFooterBigNav li a:hover { text-decoration: none; }

    #mainFooterBigNav li:first-child { background-position: right -602px; background-image: none; }

    #mainFooterBigNav li:nth-child(2) { border-color: #650e03; }
    #mainFooterBigNav li:nth-child(3) { border-color: #590d04; }
    #mainFooterBigNav li:nth-child(4) { border-color: #4c0b04; }
    #mainFooterBigNav li:nth-child(5) { border-color: #400a05; }
    #mainFooterBigNav li:nth-child(6) { border-color: #350805; }
    #mainFooterBigNav li:nth-child(7) { border-color: #220704; }


    #mainFooterBigNav li:first-child a { border: none; }
    #mainFooterBigNav li:nth-child(2) a { border-color: #d32812; }
    #mainFooterBigNav li:nth-child(3) a { border-color: #ae2513; }
    #mainFooterBigNav li:nth-child(4) a { border-color: #972112; }
    #mainFooterBigNav li:nth-child(5) a { border-color: #972112; }
    #mainFooterBigNav li:nth-child(6) a { border-color: #972112; }
    #mainFooterBigNav li:nth-child(7) a { border-color: #972112; }

#mainFooter .legal { padding: 8px 0px; }
    #mainFooter .legal .small { display: inline-block; *display: inline; zoom: 1; text-align: left; color: #cdb8b6; font-size: 0.7em; margin-left: 15px; font-weight: 700; }

#mainFooter .legal { background: #470f08; /* Old browsers */ background: -moz-linear-gradient(top, #470f08 0%, #68160c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#470f08), color-stop(100%,#68160c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #470f08 0%,#68160c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #470f08 0%,#68160c 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #470f08 0%,#68160c 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#470f08', endColorstr='#68160c',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #470f08 0%,#68160c 100%); /* W3C */ border: 1px solid #470F08; }



#pageName { font-size: 14px; padding: 0px; margin: 0px; margin-top: -2px; background-color: Red; background-color: #d81e05; background-repeat: repeat-x; background-position: left top; color: #fff; height: 26px; }
#content-head #pageName span { font-size: 14px; padding: 0px; margin-left: 15px; color: #fff; vertical-align: top; margin-top: 5px; }

#pageName span { font-weight: 700; padding: 6px 0px 2px 5px; /*padding:6px 0px 2px 35px * < MCM */ margin-left: 15px; display: inline-block; font-size: .9em; background-repeat: no-repeat; }
.legal { border-top: 1px solid #fff; }
.blackberry #pageName { margin-top: 1px; }

/*Google Maps */
#MobileMap { display: none; }
#StaticMapContainer, #MobileMapContainer { height: 325px; width: 92%; margin: 15px 15px 15px 15px; }
#map_canvas { height: 100%; }
#map_canvas_dir { height: 100%; }
#map_canvas img { max-width: none; }

#branchList { font-size: .9em; }
    #branchList .inner { border: solid 1px #ccc; color: #5d5d5d; }
        #branchList .inner .alt { background-color: #f5f4f4; }
        #branchList .inner a { font-weight: 700; color: #d81e05; }
.hidden { display: none; }
.mapButtons { font-size: .9em; }


.ListView, .MapView { display: none; }
    .ListView.s-Current, .MapView.s-Current { display: block; }
.ListView { }

.mapItemRow { padding: 8px; background-color: #e1e1e1; border-top: 1px solid #fff; border-bottom: #959595; font-size: .8em; cursor: pointer; }
    .mapItemRow h4 { padding: 0 0 5px 0; margin: 0px; font-size: 1.4em; }

.listExpander { display: none; }
.s-CurrentRow .listExpander { display: inherit; }

#divMobileAlertBox { text-align: center; padding: 10px; }
    #divMobileAlertBox span { display: block; padding: 0px; margin-top: 10px; width: 105px; text-align: center; font-weight: 700; font-size: 16px; background-image: none; color: #fff; }


#content .infoTiles .tiles { padding-left: 15px; list-style-type: none; border-top: 1px solid #fff; padding-top: 20px; }
.red-btn { font-weight: 700; font-size: 12px; display: inline-block; *display: inline; zoom: 1; padding-left: 7px; padding-right: 0px; background-image: url(/Images/red-btn.png); }
#content-body .red-btn { color: #fff; text-shadow: -1px -1px 0 #900; }
.red-btn span { display: block; padding: 5px 7px 5px 0px; background-image: url(/Images/red-btn.png); background-position: right top; background-color: #fff; }
.red-btn:hover { background-position: left -28px; }
    .red-btn:hover span { background-position: right -28px; }

.infoTiles { }
    .infoTiles > header { }
    .infoTiles .tiles { background-color: #f0eee9; list-style-type: none; padding: 20px 20px 5px 20px; margin: 15px 0px 15px 0px; display: block; }
        .infoTiles .tiles .tile { position: relative; padding: 0px; margin: 0 0 15px 0; background-color: #fff; padding: 15px; }
            .infoTiles .tiles .tile .collapsible { overflow: hidden; height: 0px; cursor: pointer; }
            .infoTiles .tiles .tile li { padding: 4px 0 4px 20px; background-image: url(/Images/checkmark-small.gif); background-repeat: no-repeat; background-position: left 6px; }
        .infoTiles .tiles h2 { padding: 0 25px 0 0; margin: 0 0 0 0; display: block; font-weight: 100; font-size: 18px; background-image: url(/Images/mobileTheme/plusMinus.png); background-repeat: no-repeat; background-position: right 1px; }
        .infoTiles .tiles article { margin-top: 10px; font-size: 12px; }
#content-body .infoTiles .tiles li .button { display: inline-block; color: #fff; background-color: #ee2f32; border: 1px solid #e02226; padding: 5px 10px; margin-top: 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.infoTiles .tiles li.graphical { padding: 0px; }
    .infoTiles .tiles li.graphical a { display: block; width: 100%; margin: 10px 0; }
    .infoTiles .tiles li.graphical img { width: 100%; }
.infoTiles .tiles li.open h2 { background-position: right -163px; }
.infoTiles .tiles li.open .collapsible { height: auto; }
.infoTiles .tiles .quickFlipCta { display: none; }
.infoTiles .red-btn { margin-top: 20px; }
#content-body .infoTiles .tiles .tile ul { padding-left: 0px; padding-top: 0; }

.staticInfoTiles { }
    .staticInfoTiles > header { padding: 0px 15px; }
    .staticInfoTiles .red-btn { margin-top: 15px; }
#content .staticInfoTiles .tiles { background-color: #f0eee9; list-style-type: none; padding: 20px 20px 5px 20px; margin: 15px 0px 15px 0px; display: block; }
.staticInfoTiles .tiles li { position: relative; padding: 0px; margin: 0 0 15px 0; background-color: #fff; padding: 15px; }
#content-body .staticInfoTiles .tile li { padding: 0; margin-bottom: 0; }
.staticInfoTiles .tiles li .collapsible { overflow: hidden; height: 0px; cursor: pointer; }
.staticInfoTiles .tiles h2 { padding: 0 25px 0 0; margin: 0 0 0 0; display: block; font-weight: 100; font-size: 18px; background-image: url(/Images/mobileTheme/plusMinus.png); background-repeat: no-repeat; background-position: right 1px; }
.staticInfoTiles .tiles article { margin-top: 10px; }
#content-body .staticInfoTiles .tiles li .button { display: inline-block; color: #fff; background-color: #ee2f32; border: 1px solid #e02226; padding: 5px 10px; margin-top: 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.staticInfoTiles .tiles li.graphical { padding: 0px; }
    .staticInfoTiles .tiles li.graphical a { display: block; width: 100%; }
    .staticInfoTiles .tiles li.graphical img { width: 100%; }
.staticInfoTiles .tiles li.open h2 { background-position: right -163px; }
.staticInfoTiles .tiles li.open .collapsible { height: auto; }
.staticInfoTiles .tiles li.grey { background-color: transparent; padding: 0px; }
#content .staticInfoTiles .tile ul { padding-left: 20px; }
#content-body .staticInfoTiles .tile li { list-style-type: disc; }
#content-body .staticInfoTiles h4 { margin: 0; color: inherit; }

.linkSections { }
    .linkSections section { background-color: #eeede8; padding: 10px 10px 10px 10px; margin: 10px 0; }
    .linkSections hr { display: none; }
#content .linkSections ul { list-style-type: none; padding: 0px; margin: 0px; display: none; }
#content .linkSections li { padding: 10px; background-color: #fff; margin: 10px 0 0 0; font-size: 18px; background-image: url(/Images/sectionLinkArrow.jpg); background-repeat: no-repeat; background-position: right 9px; }
#content .linkSections h2 { font-size: 18px; font-weight: 100; margin: 0px; background-color: #d5d6d6; padding: 10px; background-image: url(/Images/plusMinusLinkSections.jpg); background-repeat: no-repeat; background-position: right 2px; }
#content .linkSections a { color: #515252; display: inline-block; width: 90%; }
#content .linkSections section.selected ul { display: block; }
#content .linkSections section.selected h2 { background-position: right -248px; }

.bigImage { position: relative; margin-bottom: 15px; }
    .bigImage img { width: 100%; }
    .bigImage .bigImageOverlay { position: absolute; bottom: 20px; left: 0px; padding: 10px 10px; width: 80%; background-image: url(/Images/BigImageTextBG.png); }

#propertyDetails { font-size: 12px; }
    #propertyDetails p { margin: 15px 0; }
    #propertyDetails header h2 { font-size: 16px; margin: 15px; }
    #propertyDetails h2 { font-size: 16px; }
    #propertyDetails h4 { font-size: 14px; color: #666; font-weight: 100; }
    #propertyDetails .featuredProperty { padding: 15px; background-color: #f6f6f6; }
        #propertyDetails .featuredProperty h2 { margin: 0px; }
        #propertyDetails .featuredProperty article img { display: block; width: 145px; margin: 0 auto; }
        #propertyDetails .featuredProperty article ul { margin: 15px 0 0 -5px; display: block; padding: 0; }
            #propertyDetails .featuredProperty article ul li { display: block; margin: 0; padding: 5px; border-bottom: 1px solid #e8e8e8; font-weight: 700; text-align: left; list-style-type: none; }
                #propertyDetails .featuredProperty article ul li em { font-style: normal; text-align: right; float: right; font-weight: 100; margin-right: 5px; }
    #propertyDetails #listingGallery { margin: 15px; overflow: hidden; }
        #propertyDetails #listingGallery .return { display: block; clear: both; }
        #propertyDetails #listingGallery a { display: inline-block; margin: 15px 15px 0 15px; cursor: pointer; float: left; }
            #propertyDetails #listingGallery a:nth-child(even) { margin-right: 0; }
            #propertyDetails #listingGallery a img { }
        #propertyDetails #listingGallery header { border-bottom: 1px solid #bcbcbc; }
            #propertyDetails #listingGallery header h2 { margin-left: 0; font-weight: 100; }

#propertyListings { font-size: 12px; }
    #propertyListings h2 { margin: 15px; }
    #propertyListings input[type=submit] { margin: 0 15px; background-image: url(/Images/buttonBG.jpg); border: none; display: inline-block; *display: inline; zoom: 1; width: 80px; height: 32px; color: #fff; font-weight: 700; font-size: 14px; }
        #propertyListings input[type=submit]:hover { background-position: bottom center; }
    #propertyListings a span { display: inline-block; *display: inline; zoom: 1; padding: 7px 15px; }
    #propertyListings #propertySearch { background-color: #f6f6f6; margin-bottom: 15px; }
        #propertyListings #propertySearch article { padding: 15px; }
        #propertyListings #propertySearch label { display: block; text-align: left; margin: 10px 0; }
            #propertyListings #propertySearch label span { display: inline-block; margin-bottom: 5px; }
            #propertyListings #propertySearch label select { width: 100%; height: 27px; }
    #propertyListings #propertyResults { margin: 15px 0; }
        #propertyListings #propertyResults header { margin: 0 15px; }
            #propertyListings #propertyResults header h2 { margin-left: 0; }
        #propertyListings #propertyResults aside { margin: 15px; }
            #propertyListings #propertyResults aside a { color: #D81E05; background-image: none; font-size: 12px; margin: 0; height: auto; }
            #propertyListings #propertyResults aside em { font-weight: 700; font-style: normal; }
            #propertyListings #propertyResults aside p { padding-top: 5px; }
        #propertyListings #propertyResults header { overflow: hidden; border-bottom: 1px solid #bcbcbc; }
            #propertyListings #propertyResults header h2 { float: left; font-size: 16px; font-weight: 100; }
            #propertyListings #propertyResults header a { float: right; color: #666; background-image: none; width: auto; font-size: 12px; cursor: pointer; margin-top: 15px; margin-right: 0; }
                #propertyListings #propertyResults header a:hover { color: #D81E05; text-decoration: none; }
        #propertyListings #propertyResults article { margin: 0px 15px; }
            #propertyListings #propertyResults article img { display: block; margin: 15px auto; width: 165px; border: 1px solid #d8d8d8; }
            #propertyListings #propertyResults article ul { }
                #propertyListings #propertyResults article ul li { padding: 5px; border-bottom: 1px solid #e8e8e8; font-weight: 700; text-align: left; }
                    #propertyListings #propertyResults article ul li em { font-style: normal; text-align: right; font-weight: 100; float: right; }
        #propertyListings #propertyResults p { margin-left: 0; margin-right: 0; }

#propertySlider { display: none; }

#MobileSlideShow { position: fixed; display: none; top: 0px; z-index: 100; left: 0; width: 100%; height: 100%; background-color: #000; overflow: auto; overflow: hidden; }
    #MobileSlideShow #Prev { position: absolute; top: 50%; left: 0; margin-left: 5px; z-index: 60; background-image: url(/Images/mobileTheme/MobileArrows.png); display: inline-block; width: 50px; height: 50px; background-repeat: no-repeat; background-position: left center; }
    #MobileSlideShow #Next { position: absolute; top: 50%; right: 0; margin-right: 5px; z-index: 60; background-image: url(/Images/mobileTheme/MobileArrows.png); display: inline-block; width: 50px; height: 50px; background-repeat: no-repeat; background-position: right center; }
    #MobileSlideShow header { width: 100%; height: 40px; background-color: #2f2a2a; overflow: hidden; }
        #MobileSlideShow header .close { width: 30px; height: 30px; margin-top: 5px; margin-right: 5px; display: inline-block; background-image: url(/Images/mobileTheme/CloseBtn.png); background-repeat: no-repeat; float: right; cursor: pointer; background-position: left center; }
            #MobileSlideShow header .close:hover { background-position: right center; }
    #MobileSlideShow .slides ul { position: absolute; padding: 0; margin: 0; list-style-type: none; left: 0px; height: 171px; }
        #MobileSlideShow .slides ul li { float: left; list-style-type: none; display: inline-block; text-align: center; }
            #MobileSlideShow .slides ul li:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
    #MobileSlideShow .slides img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; margin: 0 auto; }
    #MobileSlideShow.hide { display: none; }


#PointsList { }
    #PointsList ul { list-style: none; margin: 0; padding: 0; padding-top: 20px; }
    #PointsList li { height: 75px; width: 150px; display: inline-block; *display: inline; zoom: 1; text-align: center; list-style: none; margin: 0; padding: 0; }

#PointsDetails { }
    #PointsDetails div.DynamicContent { border: 1px solid #CCCC99; background-color: #F9F9F0; margin: 10px; text-align: center; padding: 10px; }
    #PointsDetails header { border: 1px solid #CCCC99; background-color: #F9F9F0; margin: 10px; padding: 10px; }
        #PointsDetails header img { display: inline-block; *display: inline; zoom: 1; vertical-align: top; }
        #PointsDetails header section { display: inline-block; *display: inline; zoom: 1; vertical-align: top; }
            #PointsDetails header section span { display: block; padding-left: 10px; }
    #PointsDetails a.return { margin-left: 10px; }

.hide { display: none; }

#errorMsg h1 { margin: 10px; }

#content-body .contactTile { list-style-type: none; padding: 0 0 15px 0; margin: 0 0 0 0; overflow: hidden; border-bottom: 2px solid #e3e3e3; margin-top: 5px; }
.contactTile li { margin: 10px 10px 0 10px; padding: 10px 10px 20px 10px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-bottom: 2px solid #cccccc; border-right: 2px solid #cccccc; }
.contactTile .title { font-size: 25px; font-weight: 100; padding: 0px; margin: 0px; color: #333; }
.contactTile .article { padding-left: 35px; position: relative; font-size: .9em; margin-top: 10px; }
.contactTile img { position: absolute; left: 0px; top: 0px; display: block; border: none; }


/* Media queries!
-------------------------------------------------------------------------------*/
@media screen and (max-device-width: 480px) {
    .paddingMobileTop { padding-top: 20px; }

    .hideOnMobile { display: none; }

    #searchResults { height: 1500px; }
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    #ScotiaBankLogo { width: 130px; margin-top: 3px; }
    #utilNav { width: 160px; }
    .leaderCta .ctaText { margin-top: 130px; }
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    #ScotiaBankLogo { width: 200px; }
    #utilNav { width: 200px; }
    #bigDropMenu a span { margin-right: 120px; }
    .leaderCta .ctaText { margin-top: 220px; }
}


@media screen and (max-width: 400px), not (min-device-width : 320px), not (max-device-width : 480px), not (min-width : 321px), not (max-width : 320px), not (min-device-width : 768px), not (max-device-width : 1024px), not (min-device-width : 768px), not (max-device-width : 1024px), not (orientation : landscape), not (min-device-width : 768px), not (max-device-width : 1024px), not (orientation : portrait), not (-webkit-min-device-pixel-ratio : 1.5), not (min-device-pixel-ratio : 1.5) {
    html { background-image: none; background-color: #fff; }
}
/*chrome and safari */
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 400px) {
    html { background-image: none; background-color: #fff; }
}



/*State
**************************************/
.show { display: inherit !important; }



.testClass { border: 5px solid blue !important; background-color: Red !important; }

#utilitiesHidden.testClass { border: 5px solid blue !important; background-color: Red !important; display: block !important; }

#utilities a.jqOpenMe { background-position: right -50px; }

/***********************Latinlingua Requested Additions***************************/
/*********************************************************************************/
/*********************************************************************************/

#content-body .productDetailsTop { list-style-type: none; color: #666; padding-left: 25px; margin: 5px 0; }
.productDetailsTop li { padding: 4px 0 4px 25px; background-image: url(/Images/bg-circle-check.gif); background-repeat: no-repeat; background-position: 0px 4px; }

#content-body .comisiones h2 { margin-left: 0; }
#content-body .promo { margin-top: 1.5em; margin-bottom: 2em; }

#content-body ul.spaced li { margin-bottom: 1em; }

#content-body .float-left { margin-right: 1em; margin-bottom: 1em; float: left; }
#content-body .float-right { margin-left: 1em; margin-bottom: 1em; float: right; }

#content-body .details { margin-top: 2em; }

#content-body .mobile-flash-content h1 { margin-left: 15px; }
#content-body table.default.cajeros { font-size: 0.9em; }
    #content-body table.default.cajeros td.atm-location { width: 25%; }
    #content-body table.default.cajeros td.atm-phone { width: 15%; }
    #content-body table.default.cajeros td.atm-days { width: 30%; }
    #content-body table.default.cajeros td.atm-place { width: 30%; }


/* Generic tables */
#content-body table.default { font-size: 1.2em; border: 1px solid #ccc; border-top: 3px solid #adada7; padding: 0; border-collapse: collapse; margin-top: 1.5em; width: 100%; margin-bottom: 1em; background-color: #FFF; }
    #content-body table.default tbody { padding: 0; }
    #content-body table.default tr.odd th,
    #content-body table.default tr.odd td { background-color: #f5f5f5; }
    #content-body table.default th { font-size: 1em; text-align: left; padding: 0.2em; padding-left: 0.5em; border-width: 0 1px; border-style: solid; border-color: #ccc; border-bottom: 3px solid #ccc; }
    #content-body table.default td { padding: 0.2em; border-width: 0 1px; border-style: solid; border-color: #ccc; }
        #content-body table.default td.headerRow { font-weight: bold; border: 1px solid #ccc; border-top: 3px solid #ccc; }
    #content-body table.default a { font-weight: bold; }
#content-body .comisiones table.default { font-size: 0.8em; }

#content-body .scrollable table.default, #content-body .pinned table.default { margin: 0; font-size: 0.833em; -webkit-text-size-adjust: none; }
#content-body .scrollable br { display: none; }
#content-body .pinned tr { height: auto !important; }
.striped tbody tr:nth-of-type(odd) td { background-color: #F1F1F1; }

.clear { clear: both; }

#content-body .right-for-you { padding-top: 10px; padding-bottom: 10px; }
    #content-body .right-for-you h2 { font-size: 1.4em; }
    #content-body .right-for-you ul { padding-top: 0; }

#content-body .ratesToApply { border: 4px solid #aeaeae; border-left: none; border-right: none; overflow: hidden; margin: 20px 10px; }
    #content-body .ratesToApply header { padding: 10px 0 0 0; }
    #content-body .ratesToApply ul { padding: 0px; margin: 0px; font-size: .9em; color: #666; }
    #content-body .ratesToApply li { margin: 0px; padding: 10px 50% 10px 0; position: relative; }
        #content-body .ratesToApply li.first { border-bottom: 1px solid #ccc; }
    #content-body .ratesToApply p { margin: 0px; padding: 0px; font-size: .9em; }
    #content-body .ratesToApply a { margin: 0px; padding: 0px; font-size: .9em; position: absolute; display: block; right: 0px; top: 50%; }
    #content-body .ratesToApply h2 { margin: 0px; padding: 0px; font-size: 1.2em; }
    #content-body .ratesToApply h4 { margin: 0px; padding: 0px; color: #666; }

/*404 Error page*/
.error404 { font-size: 16px; padding: 20px; }
#content-body .error404 ul { list-style-image: url("//cdn.aglty.io/scotiabank-costa-rica/images/arrow.gif"); margin-left: 0px; padding-left: 15px; padding-top: 0px; }
#content-body .error404 p { margin-left: 0px; }
.error404 li { padding: 5px 0; }
.error404 #pageName { margin: -22px -20px 0 -20px; padding: 0px 20px; background-image: url(/Images/mobileTheme/content-head.png); background-repeat: repeat-x; line-height: 26px; }

/*Lightbox*/

#lightBox { display: none; z-index: 999; position: absolute; overflow: hidden; width: 90%; padding: 0px 5%; height: 100%; background-image: url(/Images/LightBoxBG.png); top: 0; }
    #lightBox.show { display: block; }
#innerLightbox { position: absolute; }
#lightBox .button { position: absolute; right: 10px; top: 32px; }
#lightBox .wrapper { border: 1px solid #e8e7df; position: relative; margin: 50px auto 0px auto;; padding: 20px; background-color: #fff; background-color: #fff; -moz-box-shadow: 1px 1px 9px 1px #000; -webkit-box-shadow: 1px 1px 9px 1px #000; box-shadow: 1px 1px 9px 1px #000; }
#lightBox #lbContent { overflow: hidden; margin-bottom: 20px; }

#lightBox .wrapper .close { position: absolute; top: 2px; right: 0.5px; background-image: url(/Images/mobileTheme/mobileX.jpg); background-repeat: no-repeat; background-size: contain; width: 20px; height: 20px; z-index: 9999; }

#lightBox #ddlCountryMob { margin-top: 15px; width: 100%; background-color: #f4f4f4; padding: 3px; border-color: #c4c4c4; }
#lightBox #bankingLinksContent { margin: 35px 0; text-align: center; }
    #lightBox #bankingLinksContent > p { width: 190px; margin: 0 auto; font-size: 14px; }
    #lightBox #bankingLinksContent > a { height: 45px; margin: 20px auto 25px auto; font-size: 0.001em; line-height: 45px; display: block; }
        #lightBox #bankingLinksContent > a img { vertical-align: middle; }
#lightBox #megaMenuMobile_ddlBankingLinksMob { margin-top: 15px; width: 100%; background-color: #f4f4f4; padding: 3px; border-color: #c4c4c4; }
#lightBox.search .wrapper { padding-top: 35px; }
#lightBox #searchButton { background-image: url(/Images/mobileTheme/mobileSearchBTN.jpg); background-repeat: no-repeat; width: 38px; height: 34px; display: block; float: right; }
#lightBox #searchInputText { float: left; background-color: #f4f4f4; border: 1px solid #c4c4c4; margin-top: 3px; padding: 3px; width: 97%; }
#lightBox h4 { color: #666666; margin-top: 0; margin-bottom: 0; }
#lightBox .textbox { width: 79%; display: inline-block; }
#lightBox .searchBtn { width: 14%; display: inline-block; margin-left: 15px; }


/*Account Application Form*/

#content-body .accountApplicationForm button { padding: 5px 10px; background-color: #D81E05; color: #fff; margin: 0; border: none; cursor: pointer; }

#content-body .accountApplicationForm #file-list { width: 100%; }
    #content-body .accountApplicationForm #file-list td { padding-bottom: 10px; vertical-align: middle; }
#content-body .accountApplicationForm span.remove { padding: 1px 5px 0px 5px; display: inline-block; font-size: 15px; cursor: pointer; background-color: #D81E05; color: #FFF; }

#content-body .accountApplicationForm { background-color: #EEEEEE; }
    #content-body .accountApplicationForm .hidden { display: none; }
    #content-body .accountApplicationForm h1 { margin: 5px 15px; }
    #content-body .accountApplicationForm ::-webkit-input-placeholder { font-family: Arial,Helvetica,sans-serif; }
    #content-body .accountApplicationForm :-moz-placeholder { font-family: Arial,Helvetica,sans-serif; }
    #content-body .accountApplicationForm ::-moz-placeholder { font-family: Arial,Helvetica,sans-serif; }
    #content-body .accountApplicationForm :-ms-input-placeholder { font-family: Arial,Helvetica,sans-serif; }
    #content-body .accountApplicationForm label { margin: 8px auto; width: 100%; max-width: 400px; display: block; }
        #content-body .accountApplicationForm label > input { border-radius: 4px; margin-top: 4px; }
        #content-body .accountApplicationForm label > select { border-radius: 4px; }
        #content-body .accountApplicationForm label > .text { color: #515151; font-weight: bold; width: calc(100% - 185px); }
            #content-body .accountApplicationForm label > .text em { color: #D81E05; }
        #content-body .accountApplicationForm label span.validation { top: 5px; bottom: 0; right: 0px; margin: auto; }
    #content-body .accountApplicationForm .sectionHeading { margin: 15px 0 10px 0; text-align: center; }
        #content-body .accountApplicationForm .sectionHeading > * { display: inline-block; }
        #content-body .accountApplicationForm .sectionHeading > img { margin-left: 18px; margin-right: 0; }
        #content-body .accountApplicationForm .sectionHeading > h2 { vertical-align: top; }
        #content-body .accountApplicationForm .sectionHeading:nth-of-type(1) > h2 { margin-left: 2px; font-weight: normal; }
        #content-body .accountApplicationForm .sectionHeading:nth-of-type(2) h2 { font-weight: bold; }

    #content-body .accountApplicationForm .personalInformationSection, .accountApplicationForm .direccion, .accountApplicationForm .acountInformationSection, .accountApplicationForm .employmentData { position: relative; border: 11px solid #EEEEEE; background-color: #fff; }
        #content-body .accountApplicationForm .personalInformationSection .dob { padding: 7px 0.3em 10px 0.3rem; }
        #content-body .accountApplicationForm .personalInformationSection .addressSection .otherAddressTextArea { border: 1px solid #ccc; box-sizing: border-box; resize: none; border-radius: 4px; margin-left: 10px; width: 155px; font: 13.3333px Arial; }
        #content-body .accountApplicationForm .personalInformationSection label:nth-of-type(4) span.validation { border: solid 1px #000; top: 5px; }

    #content-body .accountApplicationForm .direccion { padding: 0; border-top: none; background-color: #fff; position: relative; border: 11px solid #EEEEEE; }


#content-body .employmentData { border-top: none; padding: 1px 0 10px 0; }

#content-body .accountApplicationForm .acountInformationSection { border-top: none; margin-bottom: 25px; padding: 1px 0 10px 0; }
    #content-body .accountApplicationForm .acountInformationSection:after { content: ''; width: 0; height: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 30px solid #fff; position: absolute; bottom: -30px; left: 41%; }
    #content-body .accountApplicationForm .acountInformationSection .servicesAssociatedWithAccountSection { text-align: center; }
        #content-body .accountApplicationForm .acountInformationSection .servicesAssociatedWithAccountSection > span { display: block; margin: 30px 15px 15px 15px; color: #515151; font-weight: bold; }
            #content-body .accountApplicationForm .acountInformationSection .servicesAssociatedWithAccountSection > span em { color: #D81E05; }
        #content-body .accountApplicationForm .acountInformationSection .servicesAssociatedWithAccountSection > label input { width: 23px; margin-top: 0; }
    #content-body .accountApplicationForm .acountInformationSection .addressTextArea { border: 1px solid #ccc; box-sizing: border-box; resize: none; border-radius: 4px; margin-left: 10px; width: 155px; font: 13.3333px Arial; }
    #content-body .accountApplicationForm .acountInformationSection .servicesAssociatedWithAccountSection .checkboxGroup { margin: 8px auto; display: block; text-align: center; }
        #content-body .accountApplicationForm .acountInformationSection .servicesAssociatedWithAccountSection .checkboxGroup span:nth-of-type(1) { width: calc(100% - 44px); text-align: left; }
            #content-body .accountApplicationForm .acountInformationSection .servicesAssociatedWithAccountSection .checkboxGroup span:nth-of-type(1) br { display: none; }
        #content-body .accountApplicationForm .acountInformationSection .servicesAssociatedWithAccountSection .checkboxGroup input[data-val='false'] ~ span.validation { display: none; }

#content-body .accountApplicationForm .legalSection { padding: 10px 11px; }
    #content-body .accountApplicationForm .legalSection .checkbox { display: block; margin: 0 auto; text-align: center; max-width: 435px; }
        #content-body .accountApplicationForm .legalSection .checkbox input { width: 23px; margin-right: 9px; }
        #content-body .accountApplicationForm .legalSection .checkbox span:nth-of-type(1) { width: calc(100% - 44px); text-align: left; }
    #content-body .accountApplicationForm .legalSection .legalDescription { margin: 10px 0; text-align: center; }
        #content-body .accountApplicationForm .legalSection .legalDescription > * { display: inline-block; }
        #content-body .accountApplicationForm .legalSection .legalDescription > img { margin-left: 10px; vertical-align: top; }
        #content-body .accountApplicationForm .legalSection .legalDescription > p { margin-top: 0; margin-left: 5px; width: calc(100% - 50px); }

#content-body .accountApplicationForm .g-recaptcha { margin: 1% 3% 2% 10%; }
    #content-body .accountApplicationForm .g-recaptcha + * { clear: both; }

#content-body .accountApplicationForm .button.SubmitLink { float: left; margin-left: 20px; }
    #content-body .accountApplicationForm .button.SubmitLink span { color: #fff; padding: 6px 13px 7px 13px; border-top: 1px solid #d81e05; display: block; background-color: #d81e05; border-radius: 4px; text-align: center; font-weight: bold; }

#content-body .accountApplicationForm .ErrorSummary { display: none; }
    #content-body .accountApplicationForm .ErrorSummary.show { display: block; padding: 10px 0 10px 0; background-color: #fff; }
        #content-body .accountApplicationForm .ErrorSummary.show ul { margin-bottom: 0; padding: 0 0 0 10px; }

#content-body .accountApplicationForm label .validation { width: 20px; margin-top: 0; top: 9px; right: 2px; background-image: url('/Images/validationSprite_ transparent_background.png'); }
#content-body .accountApplicationForm .checkboxGroup .validation { top: 7px; }

#content-body .accountApplicationForm .step { position: relative; padding: 0; margin: 0; display: inline-block; }
#content-body .accountApplicationForm .step-container { background: #fff; margin: 10px; text-align: center; padding: 20px 0 10px 0; margin-bottom: 0; }
#content-body .accountApplicationForm .step-title { font-size: 16px; margin: 20px; }
#content-body .accountApplicationForm .step li:not(:last-child) { list-style: none; border-radius: 50%; display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; color: #2c2c2c; border: 1px solid #2c2c2c; background-color: white; margin: 0 20px; cursor: pointer; z-index: 2; position: relative; }

#content-body .accountApplicationForm .step li.active { border: 0; background-color: #b633e2; color: white; }
#content-body .accountApplicationForm .step li:first-child { margin-left: 0; }
#content-body .accountApplicationForm .step li:nth-last-child(2) { margin-right: 20px; }
#content-body .accountApplicationForm .step li:last-child { list-style: none; height: 1px; background: #ccc; position: absolute; left: 0; top: 50%; width: 90%; transform: translateY(-50%); z-index: 1; }

#content-body .accountApplicationForm #file-list { /*border: 1px solid #ccc;*/ border-spacing: 0; width: 90%; display: inline-block; margin: 10px; vertical-align: top; }
    #content-body .accountApplicationForm #file-list tr:first-child td:first-child { border-top-left-radius: 3px; }
    #content-body .accountApplicationForm #file-list tr:first-child td:last-child { border-top-right-radius: 3px; }
    #content-body .accountApplicationForm #file-list tr:last-child td:first-child { border-bottom-left-radius: 3px; }
    #content-body .accountApplicationForm #file-list tr:last-child td:last-child { border-bottom-right-radius: 3px; }

    #content-body .accountApplicationForm #file-list tr:first-child td { border-top: 1px solid #ccc; }
    #content-body .accountApplicationForm #file-list tr:last-child td { border-bottom: 1px solid #ccc; }

    #content-body .accountApplicationForm #file-list td { padding: 10px; vertical-align: middle; }
    #content-body .accountApplicationForm #file-list tr td:first-child { width: 100%; border-left: 1px solid #ccc; }

    #content-body .accountApplicationForm #file-list tr td:last-child { width: 40px; text-align: center; border-right: 1px solid #ccc; }

#content-body .accountApplicationForm .addressSection .otherAddressTextArea { margin: 7px 0 5px 0; padding: 10px 5px 5px 5px; border: 1px solid #ccc; box-sizing: border-box; border-radius: 4px; resize: none; font: 13.3333px Arial; }
#content-body .accountApplicationForm .fileUpload { vertical-align: top; }
#content-body .accountApplicationForm .upload-btn { display: inline-block; margin-left: 10px; border: 1px solid #ccc; border-radius: 3px; padding: 0; float: right; width: 162px; text-align: center; line-height: 30px; color: black; cursor: pointer; }
.loading { position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 200px; background: rgba(0, 0, 0, 0.10196078431372549); text-align: center; z-index: 6666; }

#content-body .accountApplicationForm .button.SubmitLink[disabled] { border: 1px solid #ccc; }

    #content-body .accountApplicationForm .button.SubmitLink[disabled] span { background: #ccc; border-top: 1px solid #ccc; }
#content-body .accountApplicationForm .direct-debit-amount > label { vertical-align: top; }

#content-body .accountApplicationForm .direct-debit-amount > div { display: inline-block; }

.accountApplicationPopup .mask { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: 999; top: 0; left: 0; }
.accountApplicationPopup .container { position: fixed; z-index: 999; left: 50%; max-width: 600px; width: 100%; top: 50%; background: #fff; font-size: 16px; transform: translate(-50%,-50%); border-radius: 5px; }
.accountApplicationPopup .wrapper { position: relative; width: 100%; height: 100%; box-sizing: border-box; padding: 50px; background: #fff; }
.accountApplicationPopup .close-icon { position: absolute; right: 3px; cursor: pointer; top: 3px; font-size: 20px; border-radius: 50%; height: 17px; width: 21px; padding-bottom: 5px; padding-left: 1px; background-color: #000; color: #FFF; text-align: center; }


/* Credit Card Application Form */

.credit-card-info { margin: 20px 0; padding: 0 15px; }
    .credit-card-info .container > h3 { text-align: center; }
    .credit-card-info .image { text-align: center; }
        .credit-card-info .image img { max-width: 200px; }
#content-body .credit-card-info .benefits ul { padding: 0; list-style: none; }
.credit-card-info .benefits li { padding: 0 0 0.3em 1.5em; background: url('/Images/icn-red-check-mark.png') no-repeat 0 4px; }

form input.hidden-field { display: none; }





#content-body .credit-card-and-mortgage-application-form .legalSection .checkbox { display: block; margin: 0 auto; text-align: center; max-width: 435px; }

    #content-body .credit-card-and-mortgage-application-form .legalSection .checkbox input { width: 23px; margin-right: 9px; }

    #content-body .credit-card-and-mortgage-application-form .legalSection .checkbox span:nth-of-type(1) { width: calc(100% - 44px); text-align: left; }

#content-body .credit-card-and-mortgage-application-form .legalSection .legalDescription { margin: 10px 0; text-align: center; }

    #content-body .credit-card-and-mortgage-application-form .legalSection .legalDescription > * { display: inline-block; }

    #content-body .credit-card-and-mortgage-application-form .legalSection .legalDescription > img { margin-right: -15px; vertical-align: top; }

    #content-body .credit-card-and-mortgage-application-form .legalSection .legalDescription > p { margin-top: 0; width: calc(100% - 50px); }

#content-body .credit-card-and-mortgage-application-form .g-recaptcha { margin: 0 0 0 50px; }

    #content-body .credit-card-and-mortgage-application-form .g-recaptcha + * { clear: both; }