/* Generic Styles ------------------------------------------------------*/ /*Base ***************************************************************/ @font-face { font-family: 'ScotiabankModernRegular'; src: url('/Fonts/scomoreg-webfont.eot'); src: url('/Fonts/scomoreg-webfont.eot?#iefix') format('embedded-opentype'), url('/Fonts/scomoreg-webfont.woff') format('woff'), url('/Fonts/scomoreg-webfont.ttf') format('truetype'), url('/Fonts/scomoreg-webfont.svg#ScotiabankModernRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ScotiabankModernBold'; src: url('/Fonts/scomobol-webfont.eot'); src: url('/Fonts/scomobol-webfont.eot?#iefix') format('embedded-opentype'), url('/Fonts/scomobol-webfont.woff') format('woff'), url('/Fonts/scomobol-webfont.ttf') format('truetype'), url('/Fonts/scomobol-webfont.svg#ScotiabankModernBold') format('svg'); font-weight: normal; font-style: normal; } body { color: #666; font-family: Arial,Helvetica,sans-serif; -webkit-font-smoothing: antialiased; position: relative; } h1, h2, h3, h4, h5, h6, ul, p { margin: 0; padding: 0; } h2.SubsiduaryHeader { font-family: 'ScotiabankModernBold'; font-size: 35px; font-weight: normal; padding-left: 20px; color: #FB0007; } button { padding: 5px 10px; background-color: #D81E05; color: #fff; margin: 0; border: none; cursor: pointer; } a { text-decoration: none; color: #D81E05; /*outline:0; */ } a:hover { text-decoration: underline; } .clickable { cursor: pointer; } img { border: 0; } .responsiveObject, .responsiveObject img { max-width: 100%; } .wrapper { background-image: url(/Images/dotesBG.jpg); background-repeat: repeat-y; background-position: center top; } .wrapper-main { padding-bottom: 16px; } .wrapper-footer { padding: 4px 0; } .frutiger { font-family: "Times New Roman",Times,serif; } .hide { display: none; } .hidden { position: absolute !important; left: -9999px !important; } /* hidden text for screen readers */ input.hidden { width: 10px; } .invisible { visibility: hidden; } /* NEW CLEAR FIX */ .clearfix:after { visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child + html .clearfix { zoom: 1; } /* IE7 */ .clear { clear: both; } .left { float: left; } .right { float: right; } .lrg #content-body { font-size: 1.5em !important; } .x-lrg #content-body { font-size: 1.8em !important; } /* MCM STUFF */ .mobile {display:none !important;} .siteTabs ul { display: flex; float: left; list-style: none; padding: 0; margin: 0; } /* END MCM STUFF */ div#calculadora { background-image: url("/img/calculadoraBGM.gif"); background-repeat: no-repeat; height: 133px; width: 412px; } div#calculadora table { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; height: 125px; margin-left: 10px; padding-top: 10px; } div#calculadora td { height: 24px; } .desktopRotator { width: 100%; overflow: hidden; position: relative; z-index: 101; } #content-body .desktopRotator ul { width: 90000px; position: relative; padding: 0px; list-style-image: none; list-style-type: none; margin: 0px; border-top: 5px solid #eee; } .desktopRotator li { float: left; display: inline-block; height: 368px; list-style-image: none; } .desktopRotator li .cta { width: 400px; margin-top: -300px; background-color: #fff; padding: 30px; margin-left: 80px; position: relative; z-index: 101; } #content-body .desktopRotatorNav { position: absolute; margin-top: 321px; margin-left: 20px; z-index: 110; list-style-image: none; } .desktopRotatorNav li { background-image: url(/Images/rotatorNavdskt.png); background-position: left 12px; cursor: pointer; float: left; display: inline-block; list-style-type: none; width: 12px; height: 12px; margin-left: 10px; } #ie6 .desktopRotatorNav li { background-position: left 10px; } .desktopRotatorNav li.current { background-position: left 0px; } .desktopRotator .red-btn { display: inline-block; background-image: url(/Images/arrow_right_white.png); background-position: right center; background-repeat: no-repeat; padding: 5px 35px 5px 10px; font-size: 14px; margin-top: 20px; } body #content-body.lrgImageTemplate { background-color: #fff; height: inherit; width: 100%; } /* Specific Styles! -------------------------------------------------------*/ html, body { width: 100%; padding: 0; margin: 0; } html { background-color: #e8e6de; /*background-image: url(/Images/bg1.gif) center top repeat-y;*/ } body { font-size: 62.5%; position: relative; } #top { background: #dcdbd4 url(/Images/dotesBG.jpg); width: 100%; height: 36px; font-size: 1.2em; overflow: hidden; } #top a.header-skiplink { position: absolute; left: -9999px; float: none !important; } #top a.header-skiplink:focus { position: absolute; left: auto; top: 0; right: 0; background: #fff; padding: 1em; color: #D81E05; z-index: 10; } #top .content { position: relative; width: 980px; margin: 0 auto; } #top .content select { z-index: 10; } .footer-wrapper { width: 980px; margin: 0 auto; padding: 0; } #header { width: 980px; margin: 0px auto; position: relative; font-size: 1.2em; z-index: 999; clear: both; background-color: #fff; } #nav-tabs { display: inline; float: left; list-style: none; width: 665px; height: 30px; line-height: 30px; padding: 0; margin: 5px 0 0 0; } #nav-tabs li { display: inline; float: left; background-color: #b5b5b5; height: 25px; line-height: 25px; margin-left: 10px; margin-top: 5px; font-weight: bold; text-align: center; } #nav-tabs li a { color: #fff; padding: 0 10px; display: block; } #nav-tabs li:first-child { margin-left: 15px; } #top ul#nav-tabs li.current { background-color: #fff; height: 30px; margin-top: 0; line-height: 30px; } #top ul#nav-tabs li.current a { color: #aaaaaa; } #top ul.a .a, #top ul.b .b, #top ul.c .c, #top ul.d .d { background-color: #fff; height: 30px; margin-top: 0; line-height: 30px; } #top ul li a:hover, #top ul li a:focus { background-color: #888; text-decoration: none; color: #fff !important; } #top ul.a .a a, #top ul.b .b a, #top ul.c .c a, #top ul.d .d a { color: #aaa; height: 30px; line-height: 30px; padding: 0; text-shadow: none; } #top .content > a { float: left; } a#group-sites { color: #666; font-weight: bold; width: 170px; height: 30px; margin-top: 5px; line-height: 30px; text-align: center; } a#group-sites:hover, a#group-sites:focus { color: #D81E05; text-decoration: none; } #tools { float: right; margin-top: 10px; } #form-lang { float: left; } .langSelector { float: left; } #font-size { list-style: none; float: left; margin: 0 10px 0; vertical-align: text-bottom; } #font-size li { display: inline; float: left; width: 20px; height: 20px; line-height: 20px; font-weight: bold; text-align: center; padding: 1px; margin: 0 1px; background-color: transparent; } #font-size li.hover { background-color: #c1c0ba; } #font-size li a { width: 20px; height: 20px; display: block; } #top ul#font-size li a:hover { background-color: #fff; margin: 0; } #font-size .default a, #font-size .lrg a, #font-size .x-lrg a { background: url(/Images/font-sizes.gif) left top no-repeat; } #font-size .default a { background-position: 0 top; } #font-size .lrg a { background-position: -20px top; } #font-size .x-lrg a { background-position: -40px top; } #font-size .default a:hover, #font-size.default .default a { background-position: 0 bottom; } #font-size.default li.default { background-color: #c1c0ba; } #font-size .lrg a:hover, #font-size.lrg .lrg a { background-position: -20px bottom; } #font-size.lrg li.lrg { background-color: #c1c0ba; } #font-size .x-lrg a:hover, #font-size.x-lrg .x-lrg a { background-position: -40px bottom; } #font-size.x-lrg li.x-lrg { background-color: #c1c0ba; } #logo, #subLogo { position: relative; float: left; display: block; width: 490px; height: 46px; margin: 22px 0; text-shadow: 2px 2px 2px #aaa; text-decoration: none; text-shadow: none; } #logo img, #subLogo img { margin-left: 20px; } #ie6 #sign-in-panel { width: 300px; } #ie6 #sign-in-panel table { width: 90%; } #sign-in-panel { position: relative; display: inline; float: right; background-color: #f5f5f5; margin: 10px 20px 10px 0; border: 1px solid #e3e3e3; text-align: center; overflow: hidden; -webkit-box-shadow: 1px 1px 0 #ccc; -moz-box-shadow: 1px 1px 0 #ccc; box-shadow: 1px 1px 0 #ccc; } #sign-in-panel .hr { width: auto; height: 0; margin: 0 15px; border: 0; border-top: 1px solid #d4d4d4; overflow: hidden; } #sign-in-panel p { height: 25px; padding: 0 15px; border-left: 2px solid #fff; line-height: 22px; text-align: left; } #sign-in-panel p a { color: #D81E05; } #sign-in-panel table { width: 100%; padding: 3px 10px; border-left: 2px solid #fff; border-top: 2px solid #fff; } .signInButton { display: inline-block; *display: inline; zoom: 1; padding: 0 0 0 7px; color: #fff; background-repeat: repeat-x; cursor: pointer; } .signInButton input { border: none; background-color: transparent; padding: 7px 7px 7px 0px; margin: 0px; display: block; background-position: right top; color: #fff; cursor: pointer; height: 30px; } .signInButton:hover { background-position: left bottom; } .signInButton:hover input { background-position: right bottom; } #sign-in-panel .lblSignOnTo { font-weight: 700; } .champagneBTN { background-image: url(/Images/greyButton.png); } .champagneBTN input { background-image: url(/Images/greyButton.png); } .redBTN { background-image: url(/Images/redButton.png); } .redBTN input { background-image: url(/Images/redButton.png); } /* #btnSignIn { } #btnSignIn.redBTN { background-color: #e51818; border: 1px solid #bd0000; } #btnSignIn.champaigneBTN { background-color: #a89b80; border: 1px solid #90805f; } #btnSignIn.champaigneBTN:hover { background-color: #887b61; } #btnSignIn.redBTN:hover { border: 1px solid #a90c0c; } */ #ie7 #sign-in-panel h3 { text-align: left; } #ie7 .signInButton { margin-right: 10px; display: inline; zoom: 1; padding-left: 6px; } #ie7 #btnSignIn { padding: 0 6px 0 0; overflow: visible; width: auto !important; } #ie6 .signInButton { left: -90px; } #ie6 #btnSignIn { width: 80px; padding: 3px 3px 2px 0px; } #ie6 #box_ls .linkselect { margin-top: 12px; } #btnSignIn a { color: #fff; padding: 0; } /* SERVICE BAR */ #ulServiceMenu { position: relative; clear: both; list-style: none; height: 3.75em; padding: 0; background-color: #eee; z-index: 9999; } #ulServiceMenu li { position: relative; display: inline; float: left; background: url(/Images/divider.png) right center no-repeat; height: 3.75em; z-index: 99; list-style-type: none; } #ulServiceMenu li .tab { height: 100%; margin-left: 10px; margin-right: 10px; padding-left: 15px; } #ulServiceMenu li:hover .tab { background: #e4e4e4; } #ulServiceMenu li .tab a { display: block; color: #8e8e8e; text-decoration: none; } #ulServiceMenu li .tab a strong { padding-top: 7px; display: block; font-size: 1.2em; font-weight: 700; } #ulServiceMenu li:hover a { color: #D81E05; } #ulServiceMenu li:hover ul a { color: #666666; } #ulServiceMenu li:hover ul a:hover { color: #D81E05; } #ulServiceMenu li.active a.tab, #ulServiceMenu li:hover a.tab { background: #e4e4e4; } #ulServiceMenu li.active a.tab { padding-bottom: 10px; } #ulServiceMenu li a.tab strong { display: block; font-size: 1.2em; } #ulServiceMenu li a.tab:hover { color: #D81E05; text-decoration: none; } #ulServiceMenu li.a { width: 195px; } #ulServiceMenu li.a a.tab { width: 160px; } #ulServiceMenu li.b { width: 225px; } #ulServiceMenu li.b a.tab { width: 190px; } #ulServiceMenu li.c { width: 235px; } #ulServiceMenu li.c a.tab { width: 200px; } #ulServiceMenu li.d { width: 325px; background-image: none; } #ulServiceMenu li ul a { color: #666; background: transparent !important; } #ulServiceMenu li ul a:hover { text-decoration: none; } #ulServiceMenu.b li.b a, #ulServiceMenu.c li.c a { background: #e4e4e4; } /* SERVICE BAR Dropdown */ #ulServiceMenu li.a .content { width: 575px; } #ulServiceMenu li.a .content .leftForm { float: left; height: 210px; padding-left: 20px; width: 355px; } #ulServiceMenu li.a .content label { display: block; font-size: 1.2em; font-weight: bold; height: 30px; line-height: 30px; margin-top: 10px; } #ulServiceMenu li.a .content input#search-location { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #F4F4F4; border-color: #C4C4C4; border-style: solid; border-width: 2px 0 0 2px; color: #989898; font-size: 1.4em; height: 16px; padding: 3px; width: 290px; } #ulServiceMenu li.a .content .leftForm input { vertical-align: middle; } #ulServiceMenu li.a .content a, #ulServiceMenu li.a .content .side a { color: #D81E05; height: 40px; line-height: 40px; margin: 0; padding: 0; display: block; } #ulServiceMenu li.a .content .side { background-color: #F1F1F1; border-left: 20px solid #F1F1F1; float: right; height: 210px; width: 180px; } #lblOnlineCTA { color: #767474; font-weight: 100; } .txtSearchQuery, .imgSearchSubmit { position: absolute; top: 0; right: 0; } .search label { position: absolute; left: -9999px; } .txtSearchQuery { background-color: #fff; color: #8e8e8e; width: 280px; height: 20px; padding: 6px; margin: 5px 20px 0 0; border: 1px solid #ccc; border-color: #ccc #fff #fff #ccc; font-size: 1.2em; -webkit-box-shadow: -1px -1px 0 #fff; -moz-box-shadow: -1px -1px 0 #fff; box-shadow: -1px -1px 0 #fff; } .imgSearchSubmit { color: #fff; width: 30px; height: 30px; margin: 7px 22px 0 0; font-weight: normal; text-shadow: -1px -1px 0 #900; } .imgSearchSubmit:focus { outline: 1px dotted #000; } /* content */ #ulServiceMenu li .content { display: none; position: absolute; background-color: #fff; top: 45px; left: 4px; width: 570px; height: 0; border-left: 1px solid #b8bcbb; overflow: hidden; zoom: 1; z-index: 999; -webkit-box-shadow: 4px 4px 0 rgba(0,0,0,.5),-1px 0 0 #fff; -moz-box-shadow: 4px 4px 0 rgba(0,0,0,.5),-1px 0 0 #fff; box-shadow: 4px 4px 0 rgba(0,0,0,.5),-1px 0 0 #fff; } #ulServiceMenu li .content h3 { background: #e4e4e4; color: #666; height: 40px; line-height: 40px; padding-left: 20px; font-size: 1.2em; font-weight: normal; } #ulServiceMenu li .content hr { float: left; clear: both; background-color: #9e9e9e; color: #9e9e9e; width: 30px; height: 1px; padding: 0; margin: 0 150px 0 0; } #ulServiceMenu li .content hr.dark { background-color: #666; color: #666; } #ulServiceMenu li .content li { display: block; float: none; background: none; } #ulServiceMenu li .content a { padding: 0; margin: 0; } /* locations */ #ulServiceMenu li.a .content form { float: left; width: 355px; height: 210px; padding-left: 20px; } #ulServiceMenu li.a .content form label { display: block; height: 30px; line-height: 30px; margin-top: 10px; font-weight: bold; font-size: 1.2em; } #ulServiceMenu li.a .content form input { vertical-align: middle; } #ulServiceMenu li.a .content form input#search-location { background-color: #f4f4f4; color: #989898; width: 290px; height: 16px; padding: 3px; border: 2px solid #c4c4c4; border-width: 2px 0 0 2px; font-size: 1.4em; } #ulServiceMenu li.a .content .side { float: right; background-color: #f1f1f1; width: 180px; height: 210px; border-left: 20px solid #f1f1f1; } #ulServiceMenu li.a .content form a, #ulServiceMenu li.a .content .side a { color: #D81E05; height: 40px; line-height: 40px; padding: 0; margin: 0; } #ulServiceMenu li.a .content .side h4 { height: 30px; line-height: 30px; margin-top: 10px; font-size: 1.2em; } #ulServiceMenu li.a .content .side h4.hr { background: transparent url(/Images/hr.gif) no-repeat bottom left; margin-bottom: 5px; } #ulServiceMenu li.a .content .side p { clear: both; font-size: 1.1em; } #ulServiceMenu li.a .content .side p.phone { background: url(/Images/bg-cell.gif) left center no-repeat; padding-left: 25px; margin-top: 10px; padding-bottom: 10px; } /* support */ /* how do i */ #ulServiceMenu li.c .content { left: -351px; } #ulServiceMenu li.b .content ul li, #ulServiceMenu li.c .content ul li { height: auto; line-height: 1.1em; padding: 5px 0; font-size: 1.2em; } #ulServiceMenu li.b .content ul li.hr, #ulServiceMenu li.c .content ul li.hr { background: transparent url(/Images/hr.gif) no-repeat bottom left; margin-bottom: 3px; padding-bottom: 8px; } #ulServiceMenu li.b .content ul li h4, #ulServiceMenu li.c .content ul li h4 { color: #535353; } #ulServiceMenu li:hover .content, #ulServiceMenu .active .content { display: block; height: 250px; } #ulServiceMenu li:hover .content, #ulServiceMenu .c .active .content { display: block; height: 260px; } #ulServiceMenu li.a .content .column { width: 100px; display: inline-block; float: left; } #ulServiceMenu li .content .column { float: left; width: 170px; padding-top: 10px; overflow: hidden; padding-left: 20px; height: 100%; } #ulServiceMenu li .content .column.greyBG { background-color: #f1f1f1; } #ulServiceMenu li .content .column.greyBG h4.hr { background: url("/Images/hr.gif") no-repeat scroll left bottom transparent; margin-bottom: 5px; font-size: 1.2em; height: 30px; line-height: 30px; } #ulServiceMenu li .content .column.greyBG p { clear: both; font-size: 1.1em; } #ulServiceMenu li .content .column.greyBG .phone { background: url("/Images/bg-cell.gif") no-repeat scroll left center transparent; margin-top: 10px; padding-left: 25px; } /* MEGA MENU */ #mega-menu { position: relative; list-style: none; background-color: #D81E05; height: 43px; padding: 7px 8px 0; border-bottom: 0px solid #f1f1f1; border-left: 1px solid #fff; border-right: 1px solid #fff; z-index: 999; } #mega-menu li { display: inline; float: left; border: 1px solid #D81E05; background: #D81E05; zoom: 1; } #mega-menu li li { background: transparent; } #mega-menu li a.tab { position: relative; display: inline; float: left; color: #fff; font-size: 1.2em; line-height: 38px; padding: 0 27px 0 11px; border-top: 1px solid #D81E05; border-left: 1px solid #D81E05; zoom: 1; } #mega-menu.top-nav-sb li.a a.tab { padding-left: 11px !important; } #mega-menu li a.tab:hover { text-decoration: none; } #mega-menu li a.tab .arrow, #header #mega-menu li:hover a.tab .arrow, #header #mega-menu li.active a.tab .arrow { display: block; position: absolute; width: 0; height: 0; line-height: 0; top: 17px; border: 5px solid #D81E05; border-color: #fff #D81E05 #D81E05 #D81E05; border-width: 5px 4px 0; text-indent: 9999px; overflow: hidden; } #header ul.a li.a a.tab .arrow, #header ul.b li.b a.tab .arrow, #header ul.c li.c a.tab .arrow, #header ul.d li.d a.tab .arrow, #header ul.e li.e a.tab .arrow, #header ul.f li.f a.tab .arrow, #header ul.g li.g a.tab .arrow { background: url(/Images/bg-mm-arrow-current.gif); background-position: left top; background-repeat: no-repeat; border: none; top: 11px; width: 13px; height: 13px; line-height: 13px; } #mega-menu li.active, #mega-menu li:hover { border: 1px solid #fff; border-bottom: 3px solid #f1f1f1; } #mega-menu li.active a.tab, #mega-menu li:hover a.tab { position: relative; background-color: #f1f1f1; color: #39afda; margin-right: 0; border-top: 1px solid #b0b0b0; border-left: 1px solid #b0b0b0; text-decoration: none; text-shadow: none; z-index: 9999; } body #mega-menu li a.tab .expanded { background: url(/Images/bg-mm-arrow-current.gif); background-position: left top; background-repeat: no-repeat; border: none; top: 11px; width: 13px; height: 13px; line-height: 13px; border: 1px solid #D81E05; top: 11px; width: 14px; margin-left: 10px; right: 10px !important; height: 14px; background-repeat: no-repeat; background-position: right top; } #header .top-nav-pb li:hover a.a, #header .top-nav-pb li.active a.a { color: #C06 !important; } #header .top-nav-pb li:hover a.b, #header .top-nav-pb li.active a.b { color: #600 !important; } #header .top-nav-pb li:hover a.c, #header .top-nav-pb li.active a.c { color: #C90 !important; } #header .top-nav-pb li:hover a.d, #header .top-nav-pb li.active a.d { color: #639 !important; } #header .top-nav-pb li:hover a.e, #header .top-nav-pb li.active a.e { color: #04202E !important; } #header .top-nav-pb li:hover a.f, #header .top-nav-pb li.active a.f { color: #7f7b18 !important; } #header .top-nav-pb li:hover a.g, #header .top-nav-pb li.active a.g { color: #15a3e0 !important; } #header .top-nav-pb li:hover a.h, #header .top-nav-pb li.active a.h { color: #4a5101 !important; } #header .top-nav-pb li:hover a.a .arrow, #header .top-nav-pb li.active a.a .arrow { border-top-color: #C06 !important; } #header .top-nav-pb li:hover a.b .arrow, #header .top-nav-pb li.active a.b .arrow { border-top-color: #600 !important; } #header .top-nav-pb li:hover a.c .arrow, #header .top-nav-pb li.active a.c .arrow { border-top-color: #C90 !important; } #header .top-nav-pb li:hover a.d .arrow, #header .top-nav-pb li.active a.d .arrow { border-top-color: #639 !important; } #header .top-nav-pb li:hover a.e .arrow, #header .top-nav-pb li.active a.e .arrow { border-top-color: #04202E !important; } #header .top-nav-pb li:hover a.f .arrow, #header .top-nav-pb li.active a.f .arrow { border-top-color: #7f7b18 !important; } #header .top-nav-pb li:hover a.g .arrow, #header .top-nav-pb li.active a.g .arrow { border-top-color: #15a3e0 !important; } #header .top-nav-pb li:hover a.h .arrow, #header .top-nav-pb li.active a.h .arrow { border-top-color: #4a5101 !important; } /* small business COLORS */ #header .top-nav-sb li:hover a.a, #header .top-nav-sb li.active a.a { color: #15a3e0 !important; } #header .top-nav-sb li:hover a.b, #header .top-nav-sb li.active a.b { color: #7b66ab !important; } #header .top-nav-sb li:hover a.c, #header .top-nav-sb li.active a.c { color: #e77a2c !important; } #header .top-nav-sb li:hover a.d, #header .top-nav-sb li.active a.d { color: #e53985 !important; } #header .top-nav-sb li:hover a.e, #header .top-nav-sb li.active a.e { color: #828040 !important; } #header .top-nav-sb li:hover a.f, #header .top-nav-sb li.active a.f { color: #c29e25 !important; } #header .top-nav-sb li:hover a.a .arrow, #header .top-nav-sb li.active a.a .arrow { border-top-color: #15a3e0 !important; } #header .top-nav-sb li:hover a.b .arrow, #header .top-nav-sb li.active a.b .arrow { border-top-color: #7b66ab !important; } #header .top-nav-sb li:hover a.c .arrow, #header .top-nav-sb li.active a.c .arrow { border-top-color: #e77a2c !important; } #header .top-nav-sb li:hover a.d .arrow, #header .top-nav-sb li.active a.d .arrow { border-top-color: #e53985 !important; } #header .top-nav-sb li:hover a.e .arrow, #header .top-nav-sb li.active a.e .arrow { border-top-color: #828040 !important; } #header .top-nav-sb li:hover a.f .arrow, #header .top-nav-sb li.active a.f .arrow { border-top-color: #c29e25 !important; } #header .top-nav-pb li a.tab .arrow { right: 10px; } #header .top-nav-sb li a.tab .arrow { right: 15px; } #header #mega-menu li:hover a.tab .arrow, #header #mega-menu li.active a.tab .arrow { border-right-color: #f1f1f1; border-bottom-color: #f1f1f1; border-left-color: #f1f1f1; /*border:1px solid purple;*/ /*width:20px; height:20px;*/ } #ie6 #header #mega-menu li:hover a.tab .arrow, #ie6 #header #mega-menu li.active a.tab .arrow { border-top-color: #15a3e0; } #ie6 #side-nav ul.level-1 li.active a { position: static !important; } #ie6 #side-nav ul.level-1 li.active a.active { position: static !important; } #mega-menu li .content { display: none; position: absolute; background-color: #f1f1f1; top: 45px; width: 700px; height: 0; overflow: hidden; zoom: 1; z-index: 999; -webkit-box-shadow: 4px 4px 0 rgba(0,0,0,.5),-1px 0 0 #fff; -moz-box-shadow: 4px 4px 0 rgba(0,0,0,.5),-1px 0 0 #fff; box-shadow: 4px 4px 0 rgba(0,0,0,.5),-1px 0 0 #fff; } #mega-menu li.a .content, #mega-menu li.b .content, #mega-menu li.c .content, #mega-menu li.d .content, #mega-menu li.d .content { /*left: 9px;*/ } #mega-menu li.e .content, #mega-menu li.f .content, #mega-menu li.g .content { right: 0; zoom: 1; } /*#mega-menu li.e .content{width:696px}*/ #mega-menu li .content .bumper { display: block; margin: 0; height: 30px; line-height: 30px; } #mega-menu li .content ul { list-style: none; display: inline; } #mega-menu li .content .col { display: inline; float: left; width: 154px; height: 290px; padding-top: 10px; border: none; overflow: hidden; } #mega-menu li .content .col li { display: block; float: none; border: none; line-height: 1.2em; padding: 5px 0; } #mega-menu li .content .col h4 { color: #515151; line-height: 1.2em; font-size: 1.4em; } #mega-menu li .content .col li.hr { padding-bottom: 8px; margin-bottom: 3px; background: transparent url(/Images/hr.gif) no-repeat bottom left; } #mega-menu li .content .col a { display: block; color: #666; } #mega-menu li .content .col a img { width: 141px; border: 1px solid #ccc; } #mega-menu li .content .col a:hover { color: #D81E05; text-decoration: none; } #mega-menu li .content .regular { float: left; background-color: #fff; } #mega-menu li .content .first { padding-left: 20px; } #mega-menu li .content .last { padding-right: 20px; } #mega-menu li .content .promo { margin-left: 0px; padding-left: 0px; } #mega-menu li .content .promo.col { width: 143px; } #mega-menu li .content .promo.col.last { padding-left: 10px; } #mega-menu li .content img.thumb { display: block; border: 1px solid #ccc; max-width: 143px; } #mega-menu li .content div.promo h4 { margin-top: 10px; } #mega-menu li .content div.promo a { color: #D81E05; padding: 5px 0; font-weight: bold; } #mega-menu li .content div.promo a:hover { text-decoration: underline; } #mega-menu li.active .content { display: block; height: 280px; border-color: #fff; border-style: solid; border-width: 0px; /* becomes 1px on hover */ border-left-color: #b0b0b0; } #mega-menu li .MegaMenu1col { width: 380px; } #mega-menu li .MegaMenu2col { width: 380px; } #mega-menu li .MegaMenu3col { width: 562px; } #mega-menu li .MegaMenu4col { width: 696px; } #mega-menu li .MegaMenu5col { width: 850px; } #mega-menu li .MegaMenu6col { width: 1000px; } #ie6 #mega-menu li .MegaMenu6col { width: 1024px; } /* NESTED NAV */ #side-nav { color: #999; padding-bottom: 20px; margin: 20px 15px 0px 21px; } #side-nav ul { list-style: none; padding-left: 10px; } #side-nav ul ul { float: left; } #side-nav li a { color: #777; font-size: 1.2em; } #side-nav li a:hover { color: #D81E05; text-decoration: none; } #side-nav li span { color: #777; font-size: 1.2em; } /* MCM */ #side-nav li { line-height: 1.2em; padding: 8px 0; /*margin-right: 15px;*/ } #side-nav h3 { min-height: 30px; padding: 4px 0 0; line-height: 1.2em; font-size: 1.2em; } #side-nav h3 strong { display: block; line-height: 1em; } #side-nav h3 a { font-weight: bold; color: #D81E05; /* MCM */ } #side-nav h4 { color: #666; margin-right: 20px; margin-top: 4px; border-top: 4px double #ddd; line-height: 1.3em; font-size: 1.2em; } #side-nav h4.top { border-top: 1px solid #ddd; margin-top: 2px; padding-top: 4px; margin-bottom: 0px; } #side-nav h4 a { color: #666; } #side-nav ul li { line-height: 1.2em; padding: 5px 0; } #side-nav li.active { position: relative; background-color: #f1f1f1; padding-left: 30px; margin-left: -30px; } #side-nav li.active:before { content: ''; display: block; position: absolute; top: 1px; right: 1px; bottom: 1px; left: 5px; border: 1px solid #fff; border-left: none; -webkit-box-shadow: inset -2px 2px 1px #e3e3e3,inset -1px -2px 1px #e3e3e3; -moz-box-shadow: inset -2px 2px 1px #e3e3e3, inset -1px -2px 1px #e3e3e3; box-shadow: inset -2px 2px 1px #e3e3e3,inset -2px 2px 1px #e3e3e3; z-index: 1; } #side-nav li.active li.active:before { display: none; } #side-nav ul.level-1 { width: 131px; border-bottom: 1px solid #ddd; } #side-nav ul.level-1 li.active a, #side-nav ul.level-2 li.active a { float: left; position: relative; color: #515151; width: 90%; font-weight: bold; background: transparent; z-index: 9; } #ie6 #side-nav ul.level-1 li.active a { position: static !important; } #side-nav ul.level-1 li.active li a:hover, #side-nav ul.level-2 li.active li a:hover { color: #D81E05; } #side-nav ul.level-1 li.active li a { float: none; font-weight: normal; } #side-nav ul.level-1 li.active a.active { background: #d8d8d8; margin-top: 3px; } #ie6 #side-nav ul.level-1 li.active a.active { position: static !important; } #side-nav ul.level-1, #side-nav li.active ul.level-2, #side-nav li.active ul.level-3 { /* level-1,level-2,level-3 */ display: block; } #side-nav li.active ul.level-2 li.active, #side-nav li.active ul.level-3 li.active { background-color: #d8d8d8; padding-bottom: 4px; margin-left: -30px; } #side-nav ul.level-1 { padding-bottom: 10px; } #side-nav li.active ul.level-1 li:hover { color: #D81E05; } #side-nav li.active a { background-color: #d8d8d8; padding: 5px 5px 5px 20px; margin-left: -20px; } #side-nav ul.level-1 li.active li.active a { font-weight: bold; } #side-nav ul.level-1 li.active ul.level-2 li a, #side-nav ul.level-2 li.active ul.level-3 li a { background-color: transparent; } #side-nav li.selected ul.level-3 li.active { margin-left: -40px; } body select.onLightBox { display: none; } #sideBarInfo { font-size: 1.1em; margin: 30px 0 0 20px; } #sideBarInfo strong { font-weight: 700; font-size: 1.1em; color: #505151; } #sideBarInfo p { margin-bottom: 1.2em; } #sideBarInfo h2 { padding: 4px 0 4px 0; line-height: 1.2em; font-size: 1.2em; color: #505151; } #sideBarInfo img { float: left; margin-right: 5px; } #sideBarInfo .country { color: #D81E05; font-weight: 700; float: left; } #sideBarInfo .imageCountry { margin-bottom: 5px; } #sideBarInfo .content { margin-top: 10px; } /* CONTENT DIVIDER */ #content-divider { background: #e8e6de; height: 10px; } /* FOOTER */ #footer { background-color: #e8e6de; width: 980px; margin: 15px auto; padding-top: 15px; } #footer strong, #footer li, #footer li h3 { font-size: 1.2em; } #footer .products { list-style: none; margin: 0 20px 20px 20px; padding-top: 0; } #footer .products li { display: inline; float: left; width: 185px; padding-bottom: 20px; } #footer .products li h3 { color: #515151; /*cursor:pointer*/; padding-top: 50px; position: relative; } #footer .products li.a h3 { background: url(/Images/ftr-icn-piggy.gif) 0 10px no-repeat; } #footer .products li.a h3:hover, #footer .products li.a h3.hover { /*color:#16a4d6; */ color: #C06; } #footer .products li.b h3 { background: url(/Images/ftr-icn-credit.gif) 0 20px no-repeat; } #footer .products li.b h3:hover, #footer .products li.b h3.hover { /*color:#e02471; */ color: #600; } #footer .products li.c h3 { background: url(/Images/ftr-icn-home.gif) 0 15px no-repeat; } #footer .products li.c h3:hover, #footer .products li.c h3.hover { /*color:#5d0c8c; */ color: #C90; } #footer .products li.d h3 { background: url(/Images/ftr-icn-invest.gif) 0 14px no-repeat; } #footer .products li.d h3:hover, #footer .products li.d h3.hover { /*color:#e38500; */ color: #639; } #footer .products li.e h3 { background: url(/Images/ftr-icn-bundle.gif) 0 20px no-repeat; } #footer .products li.e h3:hover, #footer .products li.e h3.hover { color: #81802B; } #footer .products li.f h3 { background: url(/Images/ftr-icn-rainy-day.gif) 0 20px no-repeat; } #footer .products li.f h3:hover, #footer .products li.f h3.hover { color: #b99704; } #footer .products li h3 .icon { position: absolute; top: 0px; } #footer .products li h3 span { display: block; } #footer .products li strong { color: #666; font-size: 1em; } #footer .products li strong, #footer .products li a { display: inline-block; padding: 5px 0; line-height: 1.2em; } #footer .products li a { color: #D81E05; } #ie6 #footer .beam { overflow: hidden; } #ie6 .beam { overflow: hidden; } #footer .contact { float: left; width: 185px; margin: 0 0 20px 20px; } #footer .contact h3 a, #footer .services h3 a { color: #666; font-size: 1em; text-decoration: none; } #footer .contact h3 a:hover, #footer .services h3 a:hover { color: #D81E05; } #footer .contact h4 { background: url(/Images/bg-cell.gif) left center no-repeat; height: 45px; padding: 10px 0 0 20px; font-size: 1.4em; line-height: 1.5em; color: #666; } #footer .contact a { display: block; color: #D81E05; font-size: 1.2em; } #footer .contact img { position: absolute; margin-top: 5px; } #footer .spotlight { float: left; width: 255px; margin: 0 0 20px 40px; } #footer .spotlight h3 { margin-bottom: 5px; } #footer .spotlight ul { list-style: none; display: block; margin-bottom: 5px; margin: 5px 0px 5px 0px; } #footer .spotlight .mainSpotlight ul { margin-left: 50px; } #footer .spotlight .teaserSpotlight { margin-top: 10px; } #footer .spotlight img { position: absolute; } #footer .services { display: inline-block; width: 752px; float: left; margin: 0 20px 20px 0; } #ie6 #footer .services { width: 710px; padding-left: 10px; } #footer .services h3 { margin-bottom: 10px; cursor: pointer; } #footer .services h3:hover { color: #D81E05; } #footer .services ul { list-style: none; } #footer .services ul li { line-height: 20px; clear: both; } #footer .services ul li a { display: inline-block; float: left; width: 10em; margin-right: 20px; border: 1px solid #E8E6DE; } .contact h4 { color: #D81E05; } #footer .quick-links { display: inline; float: left; clear: both; width: 940px; margin: 0px 20px 20px 20px; background-image: url(/Images/vertHr.png); background-repeat: repeat-x; } #footer .quick-links li { display: inline-block; *height: 40px; float: left; } #footer .quick-links li.right { float: right; border-right: none; } #footer .quick-links li.last { border-right: none; } #footer .quick-links li a { color: #666; padding: 5px 10px; border-right: 1px solid #ccc; } #footer .quick-links li a:hover { color: #D81E05; text-decoration: none; } html body .footerBorderTop { padding-top: 20px; margin-top: 20px; display: block; background-image: url(/Images/bbord.jpg); background-repeat: repeat-x; } html body .footerBorderBottom { margin-top: 20px; display: block; background-image: url(/Images/bbord.jpg); background-position: bottom; background-repeat: repeat-x; } #footer .mainSpotlight { clear: both; } #footer .teaserSpotlight ul { overflow: hidden; display: block; } #footer .teaserSpotlight ul li { float: left; margin-top: 20px; margin-left: 40px; width: 255px; } /* BTM */ #btm { width: 980px; margin: 5px auto; position: relative; overflow: hidden; padding: 10px 0; } #legal { overflow: hidden; } #legal small { font-size: 1em; float: left; } #legal img { float: right; width: 28%; } #tagline { float: right; } /* LEARNING BAR */ #learning-bar { position: fixed; background-color: #fff; background: #fff url(/Images/bg-learning-bar.gif) left 1px repeat-x; bottom: 0; width: 100%; border-top: 2px solid #999; z-index: 999; font-size: 1.2em; -webkit-box-shadow: 0 5px 20px #999; -moz-box-shadow: 0 5px 20px #999; box-shadow: 0 5px 20px #999; } #minimize-learning-bar { position: absolute; right: 50%; margin-right: -101px; top: -22px; } #minimize-learning-bar a { width: 202px; height: 20px; display: block; overflow: hidden; text-indent: -999em; background: url(/Images/infobar.gif) no-repeat 0 0; } #learning-bar.open #minimize-learning-bar a { background: url(/Images/infobar.gif) no-repeat 0 -20px; } #learning-bar .content { width: 980px; height: 0; /* Height set to 55px when active */ overflow: hidden; margin: 0 auto; } #learning-bar h3 { font-size: 1.5em; float: left; width: 140px; line-height: 1.2em; padding-left: 20px; padding-right: 30px; margin-top: 8px; border-right: 1px solid #ccc; } #learning-bar ul { list-style: none; } #learning-bar ul li { float: left; width: 170px; line-height: 1.2em; padding-left: 20px; margin-top: 8px; border-right: 1px solid #ccc; } #learning-bar ul li.info { width: 200px; background: url(/Images/bg-info.gif) 16px 5px no-repeat; padding-left: 50px; } #learning-bar ul li.cdic { width: 200px; background: url(/Images/bg-cdic.gif) 16px 5px no-repeat; padding-left: 50px; } #learning-bar ul li.dollar { width: 200px; background: url(/Images/bg-dollar.gif) 16px 5px no-repeat; padding-left: 50px; } #learning-bar ul li.logo { width: 200px; background: url(/Images/bg-logo.gif) 16px 5px no-repeat; padding-left: 50px; } #learning-bar ul li.ask { width: 200px; background: url(/Images/bg-ask.gif) 16px 5px no-repeat; padding-left: 50px; } #learning-bar ul li.ask { border: none; } #learning-bar ul li h4 { color: #666; font-size: 1em; } #learning-bar ul li h4 span { font-weight: normal; } #learning-bar ul li p { color: #D81E05; width: 180px; } /* COMMON */ #content-body p { margin: 1em 0; } #content-body a img { border: none; } /*#content-body h3 { color: #D81E05; margin-bottom: 1em; }*/ #content-body h3 { margin: 0.4em 0; font-size: 1.3em; } /*Latinlingua request*/ #content-body .three-cols .one-col { width: 260px; } #content-body .three-cols .two-col { width: 525px; } #content-body .three-cols .three-col { width: 790px; } .question .content label { cursor: pointer; } .tool-tip { position: relative; } #ie6 .tool-tip { z-index: 999; } #context-help, #close-help { position: absolute; } #close-help { z-index: 1000; } #context-help { background: #fff; width: 275px; margin-bottom: 20px; border: 1px solid #999; overflow: hidden; z-index: 999; -webkit-box-shadow: 4px 4px 0 rgba(0,0,0,.5); -moz-box-shadow: 4px 4px 0 rgba(0,0,0,.5); box-shadow: 4px 4px 0 rgba(0,0,0,.5); } #context-help:focus { outline: none; } #help-title span { font-weight: normal; } #help-title { background: #f1f1f1; height: 35px; line-height: 35px; text-indent: 10px; border-top: 1px solid #fff; } #help-description { padding: 10px; font-weight: normal; } #content-body #content-tool-icons { position: absolute; right: 25px; top: -33px; /*margin:37px 30px 0 0; */ } #content-body #content-tool-icons a { display: inline; float: left; background: url(/Images/Sprites/sprite-dl-print-email.gif) left top no-repeat; width: 23px; height: 20px; overflow: hidden; text-indent: -9999px; } #content-body #content-tool-icons a:focus, #content-body #content-tool-icons a:hover { background: url(/Images/Sprites/sprite-dl-print-email-over.gif) left top no-repeat; } #content-body #content-tool-icons a.download, #content-body #content-tool-icons a:hover.download { background-position: 0 0; } #content-body #content-tool-icons a.print, #content-body #content-tool-icons a:hover.print { background-position: -24px top; } #content-body #content-tool-icons a.email, #content-body #content-tool-icons a:hover.email { background-position: -48px top; } /* IE 6 */ #ie6 a#group-sites { position: relative; top: 10px; } #ie6 #tools { /*position:relative; */ position: absolute; top: 0px; right: 0; } #ie6 #mega-menu li.g { position: absolute; } #ie6 #mega-menu li .content .col { width: 160px; } #ie6 #mega-menu li .content .col li, #ie7 #mega-menu li .content .col li { padding: 3px 0; } #ie6 #mega-menu li .content .first, #ie7 #mega-menu li .content .first { padding-left: 10px; } #ie6 #mega-menu li .content .last { padding-right: 10px; } #ie6 #mega-menu li.g .content { right: -27px; margin-top: -8px; } #ie6 #footer .products { padding-bottom: 20px; } #ie6 #questions div.hover-active { background: url("/Images/bg-accordion-opened-hover.gif") no-repeat scroll right top #F9F9F7; } #ie6 #questions div.hover { background: url("/Images/bg-accordion-closed-hover.gif") no-repeat scroll right top #F9F9F7; } #ie6 #btm { border-bottom: 60px solid #e8e6de; } #ie6 #legal { margin-bottom: 10px; } #ie6 #learning-bar { position: relative; } #ie6 #learning-bar { position: absolute; display: none; } /* BODY CONTENT */ #content { width: 980px; background: #fff url(/Images/bg2.gif) left top repeat-y; position: relative; background-color: #fff; margin: 0 auto 0px auto; padding-bottom: 20px; border-bottom: 5px solid #f1f1f1; padding: 0px; } #content .singleColumnTemp { border: none; padding-bottom: 0px; margin-bottom: -5px; } #content-head { border-bottom: 1px solid #DDD; margin: 0 20px 0 20px; padding: 0; width: 940px; padding-bottom: 5px; } #content-head h1 { font-weight: normal; padding-top: 10px; font-size: 25px; } #content-head .sub-title { font-size: 1.7em; margin-bottom: 10px; } #content-body { position: relative; padding: 20px 0px 30px 0px; color: #515151; font-size: 1.2em; width: 770px; } #content-body p { font-size: 1.2em; /*line-height:1.4em;*/ } .width60 #content-body { width: auto; } #content-body.singleColumnTemp { padding: 0px; } #content-body ul { padding-left: 30px; font-size: 1.2em; margin-bottom: 1em; } #content-body ol { padding-left: 30px; font-size: 1.2em; } #content-body .ctaLinks { list-style-type: none; overflow: hidden; zoom: 1; margin: 0px; padding: 0px; } #content-body .ctaLinks li { float: left; zoom: 1; margin-right: 40px; } .mapButtons { font-size: 1.1em; } .mapBTN { display: inline-block; background-image: url(/Images/mapDirectionsBTN.png); padding-left: 10px; margin-top: 5px; letter-spacing: 1px; background-repeat: no-repeat; } .mapBTN button { background-color: transparent; padding: 4px; padding-right: 10px; color: #666666; font-weight: 700; text-transform: uppercase; font-size: 9px; background-image: url(/Images/mapDirectionsBTN.png); background-position: right top; background-repeat: no-repeat; } .ie .mapBTN button { padding-top: 6px; padding-bottom: 6px; } .iwstyle .mapBTN, .iwstyle .mapBTN button { background-image: url(/Images/mapDirectionsBTN_Red.png); color: #fff; } .mapBTN button { padding-top: 6px; padding-bottom: 6px; } .noData { border: solid 1px #000; display: inline-block; padding: 5px; background-color: #FFF; } .searchAddress h5 { font-size: 1.3em; margin: 13px 0 2px 0; } #divDetails .mapBTN { display: none; } #divAlertBox { text-align: center; } #divAlertBox a { display: inline-block; background-image: url(/Images/mapDirectionsBTN_Red.png); color: #fff; padding-right: 10px; display: inline-block; margin-top: 5px; background-repeat: no-repeat; background-position: right top; text-transform: uppercase; font-size: 10px; } #divAlertBox a span { background-image: url(/Images/mapDirectionsBTN_Red.png); background-position: left top; padding: 5px 0px 5px 10px; display: inline-block; } .bigImage { position: relative; } .content-body .bigImage img { display: block; max-width: 770px; } .bigImage .bigImageOverlay { position: absolute; bottom: 20px; left: 0px; padding: 10px 10px; width: 500px; background-image: url(/Images/BigImageTextBG.png); } #ie6 .bigImage img { width: 770px; } .lrgImageTemplate .bigImage img { width: 100%; display: block; } #ie6 .lrgImageTemplate .bigImage img { width: 100%; } /*Link Sections*/ .linkSections { overflow: hidden; font-size: .9em; } .linkSections section { float: left; width: 250px; zoom: 1; margin-right: 30px; } #content .linkSections ul { list-style-type: none; padding: 0px; font-weight: 700; } /* Contact*/ #content-body .contactBlurb { clear: both; width: 766px; border: 1px solid #CFCFCF; margin: 10px 0; background: transparent url('/Images/btn-dd-close.gif') no-repeat scroll right top; border-radius: 10px; box-shadow: 1px 1px 2px #cccccc; overflow: hidden; } #content-body .contactBlurb:hover { background: #f9f9f7 url('/Images/btn-dd-close-over.gif') no-repeat scroll right top; } #content-body .contactBlurb.active { background: #f9f9f7 url('/Images/btn-dd-open.gif') no-repeat scroll right top; } #content-body .contactBlurb.active:hover { background: #f9f9f7 url('/Images/btn-dd-open-over.gif') no-repeat scroll right top; } #content-body .contactBlurb.active div { display: block; background-image: none; } .contactBlurb div { display: none; overflow: hidden; padding: 0 25px 10px 10px; } .contactBlurb h2 { margin: 0; height: 35px; line-height: 35px; margin: 0; } .contactBlurb h2 a, .contactBlurb h2 a:link, .contactBlurb h2 a:visited, .contactBlurb h2 a:hover, .contactBlurb h2 a:active { color: #515151; display: block; text-decoration: none; height: 35px; line-height: 35px; font-size: 16px; margin-left: 3%; } #content-body .contactBlurb ul { list-style-type: disc; padding: 0px 10px; font-size: 1.2em; } #content-body .contactBlurb li { margin-left: 15px; } #content-body .contactBlurb ul li p { padding-top: 0; } #content-body .contactBlurb .descriptionText a, #content-body .contactBlurb .descriptionText a:link, #content-body .contactBlurb .descriptionText a:visited, #content-body .contactBlurb .descriptionText a:hover, #content-body .contactBlurb .descriptionText a:active { color: red; } #content-body ul.collapsableContent { list-style-type: none; overflow: hidden; zoom: 1; padding: 0px; margin: 0px; font-size: .99em; } #content-body ul.collapsableContent .clc { zoom: 1; width: 210px; float: left; margin: 0 15px 0 0; padding: 0px; } a.button, a.button:link, a.button:visited { padding-left: 14px; cursor: pointer; color: white; border: 0; background-color: transparent; background-repeat: no-repeat; background-position: 0 0; display: inline-block; *display: inline-block; zoom: 1; background-position: 0 0; overflow: hidden; } a.button span { font-family: Arial,Helvetica,sans-serif; font-size: 16px; background-repeat: no-repeat; display: inline-block; *display: inline-block; zoom: 1; padding: 6px 14px 6px 0px; background-position: right 0; } a.button:hover, a.button:active { background-position: 0 -45px; } a.button:hover span, a.button:active span { background-position: right -45px; } a.champagneBTN, a.champagneBTN span { background-image: url(/Images/greyButton.png); } a.redBTN, a.redBTN span { background-image: url(/Images/redButton.png); } /*.beam { background-color: #; }*/ /* CTA Box */ .roundedCtaBox { float: left; width: 310px; margin: -6px 0px 15px 11px; margin-top: -15px; position: relative; z-index: 105; } .roundedCtaBox .top { height: 20px; background-repeat: no-repeat; border-right: 6px solid #0081ab; } .roundedCtaBox .content { padding: 0px 20px; border-left: 6px solid #0081ab; border-right: 6px solid #0081ab; height: 135px; background-color: #fff; } .roundedCtaBox .bottom { height: 20px; border-left: 6px solid #0081ab; } /*burgundy*/ .roundedCtaBox.ctaBurgundy .top { background-image: url(/Images/Sprites/roundedCtaBox.png); border-right-color: #a33038; background-position: left top; } .roundedCtaBox.ctaBurgundy .content { border-left-color: #a33038; border-right-color: #a33038; } .roundedCtaBox.ctaBurgundy .bottom { border-left-color: #a33038; background-image: url(/Images/Sprites/roundedCtaBox.png); background-position: right bottom; } /*orange*/ .roundedCtaBox.ctaOrange .top { background-image: url(/Images/Sprites/roundedCtaBox.png); border-right-color: #bf650f; background-position: left -30px; } .roundedCtaBox.ctaOrange .content { border-left-color: #bf650f; border-right-color: #bf650f; } .roundedCtaBox.ctaOrange .bottom { border-left-color: #bf650f; background-image: url(/Images/Sprites/roundedCtaBox.png); background-position: right -519px; } /*green*/ .roundedCtaBox.ctaGreen .top { background-image: url(/Images/Sprites/roundedCtaBox.png); border-right-color: #7e7a00; background-position: left -60px; } .roundedCtaBox.ctaGreen .content { border-left-color: #7e7a00; border-right-color: #7e7a00; } .roundedCtaBox.ctaGreen .bottom { border-left-color: #7e7a00; background-image: url(/Images/Sprites/roundedCtaBox.png); background-position: right -486px; } /*navy*/ .roundedCtaBox.ctaNavy .top { background-image: url(/Images/Sprites/roundedCtaBox.png); border-right-color: #104181; background-position: left -90px; } .roundedCtaBox.ctaNavy .content { border-left-color: #104181; border-right-color: #104181; } .roundedCtaBox.ctaNavy .bottom { border-left-color: #104181; background-image: url(/Images/Sprites/roundedCtaBox.png); background-position: right -453px; } /*blue*/ .roundedCtaBox.ctaBlue .top { background-image: url(/Images/Sprites/roundedCtaBox.png); border-right-color: #0081ab; background-position: left -120px; } .roundedCtaBox.ctaBlue .content { border-left-color: #0081ab; border-right-color: #0081ab; } .roundedCtaBox.ctaBlue .bottom { border-left-color: #0081ab; background-image: url(/Images/Sprites/roundedCtaBox.png); background-position: right -420px; } /*pink*/ .roundedCtaBox.ctaPink .top { background-image: url(/Images/Sprites/roundedCtaBox.png); border-right-color: #d1005d; background-position: left -152px; } .roundedCtaBox.ctaPink .content { border-left-color: #d1005d; border-right-color: #d1005d; } .roundedCtaBox.ctaPink .bottom { border-left-color: #d1005d; background-image: url(/Images/Sprites/roundedCtaBox.png); background-position: right -386px; } /*purple*/ .roundedCtaBox.ctaPurple .top { background-image: url(/Images/Sprites/roundedCtaBox.png); border-right-color: #a74dc3; background-position: left -188px; } .roundedCtaBox.ctaPurple .content { border-left-color: #a74dc3; border-right-color: #a74dc3; } .roundedCtaBox.ctaPurple .bottom { border-left-color: #a74dc3; background-image: url(/Images/Sprites/roundedCtaBox.png); background-position: right -354px; } /*********************************** TILES ************************************/ .infoTiles { padding: 10px 10px 20px 10px; } .infoTiles .tiles { list-style-type: none; padding: 0px; margin: -48px 0 0; overflow: hidden; } .infoTiles .tiles .tile { position: relative; z-index: 102; border: 1px solid #CCC; width: 245px; height: 244px; float: left; margin: 0 2%; background-color: #fff; } .infoTiles .tiles .tile .button { position: absolute; bottom: 15px; left: 15px; display: inline-block; color: #fff; background-color: #ee2f32; border: 1px solid #e02226; padding: 5px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .infoTiles a.button span { padding: 0px 0px 0px 0px; } .oneColumnTmplt .infoTiles { width: 780px; margin-left: -25px; } #content-body #box { position: relative; background-color: #F5F5F5; border: 1px solid #E3E3E3; box-shadow: 1px 1px 0 #CCCCCC; float: left; width: 770px; margin-bottom: 20px; } #content-body .infoTiles .tiles { padding-left: 0px; position: relative; background-color: #eeede8; width: 100%; margin: 0 0 0 0; box-shadow: 1px 1px 0 #CCCCCC; padding-bottom: 10px; } #ie6 #content-body .tiles { margin: 20px 0 0 0; } #content-body .infoTiles .tiles .tile { display: inline; float: left; margin: 10px 0 0 10px; border: 1px solid #fff; overflow: hidden; font-size: 0.7em; } #content-body .infoTiles .tile .innerContent article { margin: 10px 20px 10px 12px; } #content-body .infoTiles .front .tile { padding-left: 15px; } #content-body .infoTiles .tiles .tile ul { list-style-type: none; padding-left: .5em; margin-bottom: 0; } #content-body .infoTiles .tiles .tile li { padding: 5px 0 0 19px; background-image: url(/Images/checkmark-small.gif); background-repeat: no-repeat; background-position: left 8px; } #content-body .infoTiles .tiles .grey { background-color: transparent; border: 1px solid #eeede8; font-size: 0.7em; } #content-body .infoTiles .tiles .grey article { padding: 0px 10px; } #content-body .staticInfoTiles { background-color: #f0eee9; margin-bottom: 15px; padding: 0 0 10px 0; } #ie6 #content-body .staticInfoTiles { padding-left: 5px; } #content-body .staticInfoTiles header { margin-left: 15px; padding-top: 15px; } #content-body .staticInfoTiles .tiles { list-style-type: none; padding: 0px; margin: 0px; overflow: hidden; width: 770px; } #content-body .staticInfoTiles .tiles .tile { font-size: 12px; position: relative; width: 239px; height: 240px; float: left; margin: 10px 0px 0px 10px; background-color: #fff; border: 2px solid #fff; } #content-body .staticInfoTiles .tiles .tile:hover { border: 2px solid #d81e05; } #content-body .staticInfoTiles .tiles .tile .button { position: absolute; bottom: 15px; left: 15px; display: inline-block; color: #fff; background-color: #ee2f32; border: 1px solid #e02226; padding: 5px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #content-body .staticInfoTiles .tiles li.graphical { padding: 0px; width: 235px; height: 240px; } #content-body .staticInfoTiles .tiles li.graphical a { display: block; width: 100%; height: 100%; } #content-body .staticInfoTiles .tiles li.graphical img { width: 100%; display: block; } #content-body .staticInfoTiles a.button span { padding: 0px 0px 0px 0px; } #content-body .staticInfoTiles .tiles li.grey { background-color: transparent; border-color: #f0eee9; } #content-body .staticInfoTiles .tile ul { list-style-type: none; font-size: .9em; line-height: 1.3em; padding: 0px; } #content-body .staticInfoTiles .tile li { padding: 5px 0 0 14px; background-image: url(/Images/checkmark-small.gif); background-repeat: no-repeat; background-position: left 8px; } #content-body .staticInfoTiles li .red-btn { position: absolute; bottom: 10px; left: 10px; } #content-body .staticInfoTiles .tiles .tile .red-btn { left: -7px; bottom: 0px; } #content-body .staticInfoTiles .tiles .tile article { margin-top: 6px; padding: 0px 10px 0px 16px; font-size: 1.15em; line-height: 1.35em; color: #666; } .red-btn { font-size: 12px; color: #fff; display: inline-block; *display: inline; zoom: 1; padding-left: 7px; padding-right: 0px; background-image: url(/Images/red-btn.png); 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; } #content-body .tiles .tile .red-btn { position: absolute; margin: 10px 0 10px 20px; } #content-body .tile .red-btn { bottom: 0px; font-weight: bold; left: 0px; text-align: center; } #content-body .tiles .tile h2 { font-size: 2em; font-weight: normal; margin: .5em 15px 0.05em 15px; line-height: 1em; padding: 0px; } #content-body .tiles .tile h2 a { color: #515151; text-decoration: none; } #content-body .tiles .tile h3 { font-size: 1.6em; color: #7b7b7b; margin-left: 15px; } #content-body .tiles .tile h2 sup { font-size: .4em; line-height: .4em; margin-left: 20px; } #content-body .tiles .tile h3 sup { font-size: .6em; line-height: .6em; } #content-body .tiles .one-col { width: 241px; border-width: 2px; } #content-body .tiles .two-col { width: 496px; border-width: 2px; } #content-body .tiles .three-col { width: 752px; border-width: 2px; } .fourbyfour { float: left; width: 51em; } #ie7 .fourbyfour, #ie8 .fourbyfour, #ie9 .fourbyfour { float: left; width: 51.5em; overflow: hidden; } #content-body .tiles .two-row { border-width: 2px; width: 24em; height: 49.5em; } #content-body .tile a.quickFlipCta { position: absolute; right: 15px; bottom: 15px; width: 24px; height: 24px; cursor: pointer; z-index: 99; color: #fff; } #content-body .front a.quickFlipCta { position: absolute; right: 0px; bottom: 0px; cursor: pointer; z-index: 99; color: #838383; } #content-body .front a.quickFlipCta { display: block; background: url(/Images/Sprites/btn-dogear-front.gif) 0 0 no-repeat; width: 70px; height: 70px; overflow: hidden; } #ie6 #content-body .front a.quickFlipCta { background: url(/Images/Sprites/btn-dogear-front.gif) 0 0 no-repeat; color: #838383; } #content-body .tiles .tile .front a.quickFlipCta:hover { display: block; background: url(/Images/Sprites/btn-dogear-front.gif) 0 -140px no-repeat; width: 70px; height: 70px; overflow: hidden; } #content-body .front:hover a.quickFlipCta { background: transparent url(/Images/Sprites/btn-dogear-front.gif) right -70px no-repeat; color: #fff; } #content-body .tile a.quickFlipCta span { position: absolute; bottom: 7px; left: 36px; display: block; font-size: 1.2em; } #content-body .front a.quickFlipCta span { right: 15px; text-align: right; left: inherit; font-size: 1.2em; } #ie6 #content-body .tile a.quickFlipCta span { left: 28px; } #ie6 #content-body .back a.quickFlipCta span { left: 36px; } #content-body .back a.quickFlipCta { background: url(/Images/Sprites/btn-dogear-back.gif) 0 0 no-repeat; overflow: hidden; bottom: 0px; cursor: pointer; position: absolute; right: 0px; width: 70px; height: 70px; z-index: 99; } #content-body .back a.quickFlipCta:hover { background: url(/Images/Sprites/btn-dogear-back.gif) 0 -70px no-repeat; width: 70px; height: 70px; } #content-body .tiles .tile .front { background-color: #fff; } #content-body .noFlip { position: relative; } #content-body .tile .back { background-color: #D81E05; padding: 3px; border: 1px solid #D81E05; } #content-body .tile .back .innerContent { background: #fff; position: absolute; bottom: 4px; width: 239px; height: 155px; } #content-body .tile .back .tileContentPadding { margin: 2px; } #content-body .tiles .tile .back .title { height: 81px; margin: 0px; background: none; } #content-body .tiles .tile .back h2 a, #content-body .tiles .tile .back h3 { color: #fff; } #content-body #creditcards .tile img { display: block; padding-left: 20px; position: absolute; top: 97px; } #content-body .back h2, #content-body .back h3 { color: #fff; } /* FF WEB FONT FIX */ @-moz-document url-prefix() { .wf-loading .frutiger; { visibility: hidden; } } #ie6 #propertySideBar { float: right; width: 160px; display: inline; zoom: 1; } #propertySideBar { float: right; display: block; margin: 61px 27px 0 0; padding: 0; width: 165px; border: 1px solid #d4d4d4; border-bottom: none; list-style-type: none; } #propertySideBar h3 { padding: 5px 10px; color: #D81E05; } #propertySideBar li { margin: 0; padding: 5px 10px; display: block; border-bottom: 1px solid #d4d4d4; } #propertySideBar li a { color: #666; cursor: pointer; } #propertySideBar li:nth-child(even) { background-color: #f4f4f4; } #propertyDetails { width: 540px; float: left; margin-bottom: 40px; } #propertyDetails .featuredProperty { margin: 20px 0; padding: 20px; background-color: #f6f6f6; } #propertyDetails .featuredProperty h4 { margin-top: 10px; font-size: 13px; font-weight: 100; } #propertyDetails .featuredProperty article { overflow: hidden; margin-top: 20px; width: 500px; } #propertyDetails .featuredProperty p { font-style: normal; clear: both; } #propertyDetails .featuredProperty article img { float: left; width: 165px; border: 1px solid #d8d8d8; } #propertyDetails .featuredProperty article ul { float: right; width: 300px; display: block; padding: 0; list-style-type: none; } #propertyDetails .featuredProperty article ul li { overflow: hidden; display: block; margin: 0; padding: 5px; border-bottom: 1px solid #e8e8e8; font-weight: 700; text-align: left; } #propertyDetails .featuredProperty article ul li em { font-style: normal; text-align: right; float: right; font-weight: 100; margin-right: 20px; *display: inline-block; display: inline; zoom: 1; *margin-top: -15px; *padding-top: -15px; } #propertyDetails .featuredProperty article ul li span { float: left; } #propertyDetails #listingGallery { *margin-bottom: 30px; } #propertyDetails #listingGallery .return { display: block; text-align: left; } #propertyDetails #listingGallery a { display: inline-block; *display: inline; zoom: 1; margin: 20px 15px 0 0px; cursor: pointer; text-align: center; } #propertyDetails #listingGallery a:nth-child(5) { margin-right: 0px; } #propertyDetails #listingGallery a:nth-child(10) { margin-right: 0px; } #propertyDetails #listingGallery header { border-bottom: 1px solid #bcbcbc; } #propertyDetails #listingGallery header h2 { padding-bottom: 5px; font-weight: 100; } #ie6 #propertyListings .search { border: 1px solid red; outline: none; margin: 0; background-image: url(/Images/buttonBG.jpg); background-repeat: no-repeat; background-position: top center; border: none; display: inline-block; *display: inline; zoom: 1; width: 80px; height: 32px; color: #fff; font-weight: 700; font-size: 14px; } #ie6 #propertyListings .search:hover { background-position: bottom center; } #ie6 #propertyListings { width: 540px; display: inline; zoom: 1; } #propertyListings { width: 540px; float: left; margin-bottom: 30px; } #propertyListings input[type=submit] { margin: 0; background-image: url(/Images/buttonBG.jpg); background-repeat: no-repeat; background-position: top center; 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: 6px 15px; } #propertyListings #propertySearch { background-color: #f6f6f6; } #propertyListings #propertySearch article { padding: 10px 50px 10px 10px; margin: 20px 0; } #propertyListings #propertySearch label { display: block; text-align: right; margin: 5px 0; } #propertyListings #propertySearch label select { width: 300px; } #propertyListings #propertyResults { margin: 20px 0; overflow: hidden; } #propertyListings #propertyResults .paging { text-align: center; margin-top: 20px; } #propertyListings #propertyResults .paging a { font-weight: 700; font-size: 14px; color: #666; } #propertyListings #propertyResults .paging a:hover { color: #D81E05; } #propertyListings #propertyResults aside { margin: 0 20px; display: block; } #propertyListings #propertyResults aside a { color: #D81E05; background-image: none; font-size: 12px; } #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 span { margin: 15px; display: block; } #propertyListings #propertyResults header h2 { padding-bottom: 5px; font-weight: 100; font-size: 16px; width: 200px; } #propertyListings #propertyResults header a { float: right; color: #666; background-image: none; width: auto; font-size: 12px; cursor: pointer; width: 200px; *display: inline; *zoom: 1; *margin-top: -22px; } #propertyListings #propertyResults header a:hover { color: #D81E05; text-decoration: none; } #propertyListings #propertyResults ul li.greyBG { background-color: #f6f6f6; } #propertyListings #propertyResults article { margin: 20px 20px 10px 20px; overflow: hidden; } #propertyListings #propertyResults article img { float: left; width: 165px; border: 1px solid #d8d8d8; } #propertyListings #propertyResults article ul { float: right; width: 300px; } #propertyListings #propertyResults article ul li { padding: 5px; border-bottom: 1px solid #e8e8e8; font-weight: 700; text-align: left; list-style-type: none; overflow: hidden; } #propertyListings #propertyResults article ul li em { font-style: normal; text-align: left; font-weight: 100; float: right; width: 200px; } #ie6 #propertyListings #propertyResults article { margin: 20px 10px 10px 10px; float: left; width: 500px; } #ie6 #propertyListings #propertyResults article img { display: inline; zoom: 1; width: 160px; float: left; } #ie6 #propertyListings #propertyResults article ul { display: inline; zoom: 1; margin-top: 13px; } #ie6 #propertyListings #propertyResults article ul li em { margin-top: -20px; } #propertySlider { text-align: center; } #propertySlider .slideShow { text-align: center; display: inline-block; position: relative; margin-top: 0; *display: inline; zoom: 1; } #propertySlider .slideShow div { display: inline-block; *display: inline; zoom: 1; margin: 0 auto; position: relative; } #propertySlider .slideShow div img { margin: 20px; border: 10px solid #fff; max-width: 100%; } #propertySlider .slideShow #btnPrev { position: absolute; left: -45px; top: 45%; z-index: 50; display: inline-block; width: 52px; height: 53px; background-image: url(/Images/btnPrev.png); background-repeat: no-repeat; background-position: right; } #propertySlider .slideShow #btnPrev:hover { background-position: left; } #propertySlider .slideShow #btnNext { position: absolute; right: -45px; top: 45%; z-index: 50; display: inline-block; width: 52px; height: 53px; background-image: url(/Images/btnNext.png); background-repeat: no-repeat; background-position: right; } #propertySlider .slideShow #btnNext:hover { background-position: left; } #MobileSlideShow { display: none; } #propertySlider ul { padding: 0; margin: 0; margin-top: -10px; margin-left: -10px; } #propertySlider ul li { padding: 0; margin: 0; display: inline; list-style-type: none; } #ie6 html, body { height: 100%; } #ie6 *html .lightBox.show, #ie6 *body .lightBox.show { height: 100% !important; } #ie6 *html .lightBox, #ie6 *body .lightBox { height: 100% !important; } .lightBox { display: none; z-index: 9999; width: 100%; height: 100%; position: fixed !important; position: absolute; top: 0px; left: 0px; overflow: hidden; background-image: url(/Images/LightBoxBG.png); background-repeat: repeat; } .lightBox.show { display: block; height: 100%; } .lightBox .wrapper { position: relative; background-color: #fff; border: 2px solid #666; width: 580px; height: 380px; margin: 100px auto; padding: 10px; overflow: hidden; z-index: 10000; } #propertySlider .slideShow div .close { position: absolute; right: 12px; top: 13px; z-index: 60; background-image: url(/Images/Close.png); background-repeat: no-repeat; cursor: pointer; display: inline-block; *display: inline; zoom: 1; width: 20px; height: 20px; } #content-body .TabsContent { padding-left: 0px; } #content-body .Tabs { padding-left: 0px; } .Tabbed { padding-top: 20px; } .Tabbed { padding-top: 20px; } .Tabbed .Tabs, .Tabbed .Tabs li { margin: 0px; padding: 0px; list-style: none; } .Tabbed .Tabs li.Selected { display: inline-block; *display: inline; zoom: 1; } .Tabbed .Tabs li { background-color: #F1F1F1; display: inline-block; *display: inline; zoom: 1; border: 1px solid #f1f1f1; border-bottom-color: #e4e4e4; margin: 0 5px -1px 0; position: relative; } #ie6 .Tabbed .Tabs li { border-bottom-color: #f1f1f1; } .Tabbed .Tabs a { padding: 0px 10px; color: #D81E05; display: inline-block; *display: inline; zoom: 1; line-height: 37px; height: 37px; font-size: 16px; } .Tabbed .Tabs li.Selected { background-color: #FFF; border: 1px solid #e4e4e4; border-bottom-color: #FFF; } .Tabbed .Tabs li.Selected a { color: #666666; font-weight: bold; } .TabsContent { border: 1px solid #e4e4e4; background-color: #F1F1F1; margin-bottom: 20px; } .TabsContent li.content { background-color: #F9F9F7; display: none; padding: 20px; } .TabsContent li.Selected { display: block; } #content-body .TabsContent .content ul { padding-left: 1em; list-style-type: none; font-size: 1em; margin-bottom: 1em; } #content-body .TabsContent .content ol { font-size: 1em; } .TabsContent .content ul li { margin-top: 8px; padding-left: 18px; background-image: url(/Images/icn-red-check-mark.png); background-repeat: no-repeat; background-position: left 2px; } #content-body .Tabbed .TabsContent p { font-size: 1.0em; line-height: 1.4em; } .ratesToApply { border: 4px solid #aeaeae; border-left: none; border-right: none; overflow: hidden; margin-top: 20px; zoom: 1; } .ratesToApply header { width: 230px; float: left; padding: 10px 15px 10px 0; zoom: 1; } .ratesToApply h2 { font-size: 1.3em; } .ratesToApply article { width: 500px; float: left; zoom: 1; } .ratesToApply ul { list-style-type: none; color: #666; } .ratesToApply li { padding: 10px 140px 10px 0; position: relative; zoom: 1; } .ratesToApply h4 { margin: 0px; padding: 0px; font-size: 1.1em; } #content-body .ratesToApply p { font-size: 1em; } .ratesToApply li.first { border-bottom: 1px solid #ccc; } #content-body .ratesToApply p { margin: 0px; padding: 0px; } .ratesToApply a { display: block; position: absolute; right: 0px; bottom: 20px; } .atAGlance { border-top: 1px solid #CCCCCC; font-size: 0.95em; padding-top: 1em; } #content-body .atAGlance ul { list-style-type: none; padding: 0px; margin: 10px 0 0 0; overflow: hidden; zoom: 1; } #content-body .atAGlance li { padding: 0px; margin: 0px; background-image: none; border-right: 1px solid #ccc; width: 30%; float: left; margin-right: 1%; padding-left: 1%; font-weight: 700; position: relative; min-height: 50px; } #content-body .atAGlance li.last { border-right: none; } #content-body .atAGlance li:last-child { border-right: none; } #content-body .atAGlance em { font-size: 3em; font-style: normal; letter-spacing: -1px; display: inline-block; *display: inline; zoom: 1; } #content-body .atAGlance span { display: inline-block; width: 100px; padding-left: 6px; vertical-align: top; } #content-body .atAGlance sup { height: 0; font-size: .6em; vertical-align: top; _vertical-align: top; position: relative; } #ie6 select.onLightBox { display: none; } #PointsList { } #PointsList ul { list-style: none; margin: 0; padding: 0; } #PointsList li { height: 75px; width: 190px; 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: 20px; text-align: center; padding: 10px; } #PointsDetails header { border: 1px solid #CCCC99; background-color: #F9F9F0; margin: 20px; 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: 20px; } #NewsList { } #NewsList article { margin-bottom: 20px; } #NewsList h3 { margin-bottom: 0; } #NewsDetails { overflow: hidden; } #NewsDetails h3 { margin-top: 20px; margin-bottom: 0px; } #LiveChat { padding-left: 10px; } .contactTile { list-style-type: none; padding: 0 0 15px 0; margin: 0px; overflow: hidden; width: 760px; border-bottom: 2px solid #e3e3e3; } .contactTile li { padding: 0px; margin: 0 9px 0 0; width: 200px; height: 130px; padding: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-bottom: 2px solid #cccccc; border-right: 2px solid #cccccc; float: left; } .contactTile .title { font-size: 35px; font-weight: 100; } .contactTile .article { padding-left: 35px; position: relative; font-size: 1.2em; margin-top: 5px; } .contactTile img { position: absolute; left: 0px; top: 0px; display: block; border: none; } #ie6 .contactTile img { left: -35px; } #content-body .productDetailsTop { list-style-type: none; font-size: 1.2em; color: #666; padding-left: 10px; margin-top: 4px; } .productDetailsTop li { padding: 4px 0 4px 25px; background-image: url(/Images/bg-circle-check.gif); background-repeat: no-repeat; background-position: 0px 4px; } /***********************Latinlingua Requested Additions***************************/ /*********************************************************************************/ /*********************************************************************************/ #content-body .space-before { margin-top: 2em; } #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 .promo { margin-top: 1.5em; margin-bottom: 2em; } #content-body .comisiones h2 { font-size: 1.3em; margin-bottom: 1em; } #content-body .space-before { margin-top: 2em; } #content-right { padding: 30px 10px; } #content-right p { margin-bottom: 1em; font-size: 1em; } /* 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: 1.1em; text-align: left; padding: 0.5em; padding-left: 1em; border-width: 0 1px; border-style: solid; border-color: #ccc; border-bottom: 3px solid #ccc; } #content-body table.default td { padding: 1em; border-width: 0 1px; border-style: solid; border-color: #ccc; } #content-body table.default td.headerRow { font-size: 1.1em; 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: 1em; } #content-body .details { margin-top: 2em; } #content-body .infoTiles .tile .innerContent article .ccards.texto { float: left; width: 103px; font-size: 11px; padding-left: 10px; } #content-body .infoTiles .tile .innerContent article .ccards.imagen { float: left; width: 100px; height: 62px; } #content-body .staticInfoTiles .tiles .tile article p { font-size: 1em; margin: 0; } #content-body p.subheading { font-size: 1.4em; margin-bottom: 1em; margin-top: 0; } #content-body .section-heading h2 { font-size: 1.6em; margin-bottom: 0.2em; } #content-body .section-heading p { margin-top: 0; } #content-body ul.default li { font-size: 1.2em; margin-bottom: 0.2em; line-height: 1.4em; } #content-body ul.spaced li { margin-bottom: 1em; } #footer .socialMedia { float: right; display: inline; width: 210px; position: relative; top: -40px; } #footer .socialMedia img { vertical-align: middle; padding: 0; border: none; } #footer .socialMedia li { display: inline; float: left; } #footer .socialMedia .follow { font-size: 1.2em; padding: 8px 10px 4px 0; font-weight: bold; } #footer .socialMedia .facebook, #footer .socialMedia .twitter { padding-right: 10px; } .details p small { font-size: 0.75em; } #content-body ul.Tabs { margin-bottom: 0; } #content-body .right-for-you ul { margin-bottom: 0; } #content-body ul.regular { font-size: 1em; } #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%; } /*404 Error page*/ .error404 { overflow: hidden; padding: 20px; } #content-body .error404 ul { list-style-image: url("//cdn.aglty.io/scotiabank-costa-rica/images/arrow.gif"); margin-left: 20px; padding-left: 10px; } .error404 .left { width: 50%; float: left; } .error404 .right { width: 50%; float: left; } .error404 #pageName { padding: 4px 0px; font-weight: normal; font-size: 25px; border-bottom: 1px solid #DDDDDD; color: #666666; } /*Contact Form*/ .form { overflow: hidden; } .form label { position: relative; display: inline-block; width: 328px; margin: 5px 20px 5px 0; padding-right: 23px; text-align: right; vertical-align: middle; zoom: 1; } .form label > * { vertical-align: middle; } .form input { display: inline-block; width: 190px; height: 22px; margin-left: 10px; padding: 0 5px; border: 1px solid #ccc; box-sizing: border-box; } .form select { display: inline-block; width: 190px; height: 22px; margin-left: 10px; border: 1px solid #ccc; box-sizing: border-box; } .form textarea { display: inline-block; width: 190px; height: 6em; margin-left: 10px; border: 1px solid #ccc; box-sizing: border-box; } .form label .text, .form .group > .text { width: 120px; display: inline-block; } .form .group { position: relative; display: inline-block; width: 328px; margin: 5px 20px 5px 0; padding-right: 23px; text-align: right; vertical-align: middle; } .form .group label { display: inline-block; width: 120px; 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: 60px; margin: 0; vertical-align: middle; } .form .group.st [type="text"] { width: 125px; margin: 0; vertical-align: middle; } .form .group.sst label { display: none; } .form .group.sst select { width: 50px; margin: 0; vertical-align: middle; } .form .group.sst [type="text"] { width: 80px; margin: 0; vertical-align: middle; } .form .group.telext input { width: 108px; } .form .group.telext .ext, .form .group.telext .ext span { width: 25px; } .form .group.telext .ext { margin-left: 5px; } .form .group.telext label.ext + input { width: 40px; margin-left: 5px; } .form .button, .form .button:link { float: right; display: inline-block; margin: 10px 70px 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; } .validation-Valid { display: inline-block; *display: inline; zoom: 1; background-position: 0px top; background: url(//cdn.aglty.io/scotiabank-costa-rica/2019-global-rebrand/icon_formAlert-success-green.svg) no-repeat center center; background-size: contain, 0 0 !important; } .validation-inValid { display: inline-block; *display: inline; zoom: 1; background-position: 0px -71px; margin-top: -7px; right: 7px; background: url(//cdn.aglty.io/scotiabank-costa-rica/2019-global-rebrand/icon_formAlert-error-lightred.svg) no-repeat center center; background-size: contain, 0 0 !important; } .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; } .ErrorSummary ul { margin: 0; padding: 0 0 0 25px; list-style: none; } .validation-summary-errors { display: block; } .formSubmissionnError { color: #bf121b; font-size: 15px; } /* Credit Card Application Form */ .credit-card-info { margin-bottom: 20px; padding: 10px; background: #f1f1f1; border: 1px solid #e4e4e4; } .credit-card-info h3 { margin-bottom: 20px; } .credit-card-info h4 { margin-bottom: 10px; } .credit-card-info .container figure, .credit-card-info .container > div { display: inline-block; vertical-align: top; box-sizing: border-box; } .credit-card-info .container figure { text-align: center; } .credit-card-info .container figcaption { text-align: center; } .credit-card-info .image { width: 30%; margin: 0; } .credit-card-info .image img { width: 90%; margin-top: 35px; } .credit-card-info .benefits { width: 69%; } #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; } /*Credit Card And Mortgage Application*/ .credit-card-and-mortgage-application-form { padding: 0 0 20px 0; margin: 0px 21px 21px 21px; } .credit-card-and-mortgage-application-form label { clear: both; width: auto; margin: 5px 0 13px 0; vertical-align: bottom; } .credit-card-and-mortgage-application-form label > * { text-align: left; margin-left: 0; } .credit-card-and-mortgage-application-form label > .text { display: block; color: #515151; font-weight: bold; margin-top: 16px; width: 271px; font-size: 1.2em; } .credit-card-and-mortgage-application-form label > .text em { color: #D81E05; } .credit-card-and-mortgage-application-form label > input { float: left; width: 336px; height: 32px; margin-top: 7px; border-radius: 4px; } .credit-card-and-mortgage-application-form label > select { width: 336px; height: 32px; margin-top: 7px; border-radius: 4px; } .credit-card-and-mortgage-application-form label > textarea { width: 336px; height: 6em; margin-top: 7px; border-radius: 4px; } .credit-card-and-mortgage-application-form label .validation { width: 20px; top: inherit; bottom: 5px; margin-top: 0; } .credit-card-and-mortgage-application-form .button.SubmitLink:link { clear: both; float: none; margin-top: 40px; } /*Account Application Form*/ #content-body .accountApplicationForm { padding: 0 0 20px 0; margin: 0px 21px 21px 21px; background-color: #EEEEEE; } #content-body .accountApplicationForm label { clear: both; width: auto; margin: 5px 0 13px 0; vertical-align: bottom; } #content-body .accountApplicationForm label > * { text-align: left; margin-left: 0; } #content-body .accountApplicationForm label > .text { display: block; color: #515151; font-weight: bold; margin-top: 16px; width: 271px; font-size: 1.2em; } #content-body .accountApplicationForm label > .text em { color: #D81E05; } #content-body .accountApplicationForm label > input { float: left; margin-top: 7px; border-radius: 4px; width: 271px; height: 32px; } #content-body .accountApplicationForm label > select { border-radius: 4px; width: 271px; height: 32px; margin-top: 7px; } #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 h1 { margin-top: 25px; } #content-body .accountApplicationForm .sectionHeading { margin: 0 0 10px 0; } #content-body .accountApplicationForm .sectionHeading > * { display: inline-block; } #content-body .accountApplicationForm .sectionHeading > img { } #content-body .accountApplicationForm .sectionHeading > h2 { vertical-align: top; font-size: 2.3em; font-weight: normal; margin-left: 11px; margin-top: -1px; } #content-body .accountApplicationForm .sectionHeading:nth-of-type(2) { margin: 31px 0 9px 0; } #content-body .accountApplicationForm .sectionHeading:nth-of-type(2) h2 { margin-left: 0; font-size: 2em; font-weight: bold; } #content-body .accountApplicationForm .personalInformationSection, .accountApplicationForm .acountInformationSection, .accountApplicationForm .employmentData { position: relative; border: 11px solid #EEEEEE; background-color: #fff; } #content-body .accountApplicationForm .personalInformationSection { padding: 26px 0 10px 21px; } #content-body .accountApplicationForm .personalInformationSection .dob { padding: 7px 0.3em 10px 0.3rem; } #content-body .accountApplicationForm .personalInformationSection .addressSection { border-top: 1px solid #ccc; padding: 8px 0 0 0; } #content-body .accountApplicationForm .personalInformationSection .addressSection .otherAddressLabel { margin-bottom: 0; } #content-body .accountApplicationForm .personalInformationSection .addressSection .otherAddressTextArea { width: 860px; 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 .personalInformationSection .addressSection label:nth-of-type(5), #content-body .accountApplicationForm .personalInformationSection .addressSection label:nth-of-type(6) { margin-top: 0; } #content-body .accountApplicationForm .personalInformationSection .addressSection label:nth-of-type(5) > span, #content-body .accountApplicationForm .personalInformationSection .addressSection label:nth-of-type(6) > span { margin-top: 9px; } #content-body .accountApplicationForm .personalInformationSection .addressSection label:nth-of-type(5) > span.validation, #content-body .accountApplicationForm .personalInformationSection .addressSection label:nth-of-type(6) > span.validation { margin-top: 0; top: 40px; } #content-body .employmentData { padding: 26px 0 10px 21px; border-top: none; } #content-body .accountApplicationForm .acountInformationSection { padding: 44px 0 0 26px; border-top: none; margin-bottom: 25px; } #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: 45%; } #content-body .accountApplicationForm .acountInformationSection label:nth-of-type(4) span:nth-of-type(1), #content-body .accountApplicationForm .acountInformationSection label:nth-of-type(6) span:nth-of-type(1) { width: 242px; } #content-body .accountApplicationForm .acountInformationSection .typeOfProductFuture { display: inline-block; } #content-body .accountApplicationForm .acountInformationSection .addressTextArea { width: 860px; 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 .acountInformationSection .servicesAssociatedWithAccountSection { margin: 25px 0 15px 0; } #content-body .accountApplicationForm .acountInformationSection .servicesAssociatedWithAccountSection .sectionHeading { margin: 31px 0 17px 0; border-bottom: 1px solid #ccc; } #content-body .accountApplicationForm .acountInformationSection .servicesAssociatedWithAccountSection h2 { margin-left: 0; font-size: 2em; font-weight: bold; } #content-body .accountApplicationForm .acountInformationSection .servicesAssociatedWithAccountSection > span { margin-bottom: 15px; display: block; color: #515151; font-weight: bold; margin-top: 16px; width: auto; font-size: 1.2em; } #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 .servicesAssociatedWithAccountSection .checkboxGroup { padding-right: 23px; margin-right: 14px; } #content-body .accountApplicationForm .acountInformationSection .servicesAssociatedWithAccountSection .checkboxGroup span:nth-of-type(1) { display: inline-block; max-width: 210px; width: auto; font-weight: normal; margin-top: 3px; margin-left: 8px; } #content-body .accountApplicationForm .acountInformationSection .servicesAssociatedWithAccountSection .checkboxGroup input[data-val='false'] ~ span.validation { display: none; } #content-body .accountApplicationForm .legalSection .checkbox { width: auto; margin-left: 40px; margin-top: 26px; } #content-body .accountApplicationForm .legalSection .checkbox input { width: 23px; } #content-body .accountApplicationForm .legalSection .checkbox span:nth-of-type(1) { width: 386px; } #content-body .accountApplicationForm .legalSection .checkbox span.validation { top: 16px; background-image: url('/Images/validationSprite_ transparent_background.png'); } #content-body .accountApplicationForm .legalSection .legalDescription { margin: 0 0 10px 43px; } #content-body .accountApplicationForm .legalSection .legalDescription > * { display: inline-block; } #content-body .accountApplicationForm .legalSection .legalDescription > img { margin-right: 5px; vertical-align: top; } #content-body .accountApplicationForm .legalSection .legalDescription > p { margin-top: 0; } #content-body .accountApplicationForm .g-recaptcha { margin: 1% auto 2% 40px; } #content-body .accountApplicationForm .g-recaptcha + * { clear: both; } #content-body .accountApplicationForm .button.SubmitLink { float: none; margin-left: 44px; width: 175px; text-decoration: none; } #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; font-size: 14px; } #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; } #content-body .accountApplicationForm label .validation { width: 20px; top: inherit; bottom: 5px; margin-top: 0; } #content-body .accountApplicationForm .checkboxGroup .validation { top: 7px; background-image: url('/Images/validationSprite_ transparent_background.png'); } #content-body .thankYouPanelWrapper { margin-left: 27px; } #content-body .accountApplicationForm .general-customer-data-section { position: relative; } #content-body .accountApplicationForm .general-customer-data-section > .accountMotive { position: absolute; right: 0; top: 0; transform: translateY(-40%); } #content-body .accountApplicationForm label textarea { float: left; margin-top: 7px; border-radius: 4px; width: 271px; height: 50px; border: 1px solid #ccc; padding-left: 5px; } #content-body .accountApplicationForm .text-area-label { width: 96%; } #content-body .accountApplicationForm .text-area-label textarea { width: 100%; border: 1px solid #ccc; } #content-body .accountApplicationForm .validation-area { position: relative; } #content-body .accountApplicationForm .validation-area .validation { left: 274px; top: 60px; } #content-body .accountApplicationForm .validation-area .validation + div { display: none; } #content-body .accountApplicationForm .validation-area .field-validation-error + div { display: block !important; } #content-body .accountApplicationForm .direccion { padding: 26px 0 10px 21px; border-top: none; background-color: #fff; position: relative; border: 11px solid #EEEEEE; } #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 50px; 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: 0; } #content-body .accountApplicationForm .step li:last-child { list-style: none; height: 1px; background: #ccc; position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); z-index: 1; } #content-body .accountApplicationForm .personalInformationSection, #content-body .accountApplicationForm .direccion, #content-body .accountApplicationForm .employmentData, #content-body .accountApplicationForm .acountInformationSection { border-top: 0; } .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; } #content-body .accountApplicationForm span.remove { padding: 1px 5px 0px 5px; display: inline-block; font-size: 20px; cursor: pointer; background-color: #D81E05; color: #FFF; } #content-body .accountApplicationForm #file-list { /*border: 1px solid #ccc;*/ border-spacing: 0; width: 275px; display: inline-block; margin-bottom: 24px; vertical-align: bottom; } #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 { width: 860px; 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; border: 1px solid #ccc; border-radius: 3px; padding: 0; float: left; width: 271px; 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; } #content-body .thankYouPanelWrapper .msgFinalFomrCont { padding: 100px 40px; } #content-body .accountApplicationForm .legalSection .checkbox { width: auto; margin-left: 40px; margin-top: 26px; } #content-body .accountApplicationForm .legalSection .checkbox input { width: 23px; } #content-body .accountApplicationForm .legalSection .checkbox span:nth-of-type(1) { width: 386px; } #content-body .accountApplicationForm .legalSection .checkbox span.validation { top: 16px; background-image: url('/Images/validationSprite_ transparent_background.png'); } #content-body .accountApplicationForm .legalSection .legalDescription { margin: 0 0 10px 43px; } #content-body .accountApplicationForm .legalSection .legalDescription > * { display: inline-block; } #content-body .accountApplicationForm .legalSection .legalDescription > img { margin-right: 5px; vertical-align: top; } #content-body .accountApplicationForm .legalSection .legalDescription > p { margin-top: 0; } #content-body .credit-card-and-mortgage-application-form .legalSection .checkbox { width: auto; } #content-body .credit-card-and-mortgage-application-form .legalSection .checkbox input { width: 23px; } #content-body .credit-card-and-mortgage-application-form .legalSection .checkbox span:nth-of-type(1) { width: 386px; } #content-body .credit-card-and-mortgage-application-form .legalSection .checkbox span.validation { top: 16px;background-image: url('/Images/validationSprite_ transparent_background.png'); } #content-body .credit-card-and-mortgage-application-form .legalSection .legalDescription { margin: 0; } #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: 5px; vertical-align: top; } #content-body .credit-card-and-mortgage-application-form .legalSection .legalDescription > p { margin-top: 0; } .float-chat img { position: fixed; bottom: 40px; right: 40px; color: #FFF; border-radius: 50px; text-align: center; font-size: 30px; box-shadow: 2px 2px 3px #999; z-index: 100; }