/* GENERAL */ .rsContent a{ text-decoration:none; } .slideHeading{ text-transform:uppercase; } .leftText{ width:400px; height:228px; position:relative; z-index:100; top:90px; left:168px; } .rightText{ width:400px; height:228px; position:absolute; z-index:100; top:10px; right:160px; left:auto; } .rightText .viewMore{ right:0; left:auto; position:absolute; } .line{ width:100%; height:1px; margin:20px 0; border-bottom:1px solid #fff; } .ocsCent p { font-size:14px; line-height:20px; color:#fff; } .ocsCent{ position:absolute; left:50%; margin:0 0 0 -480px; width:960px; height:524px; }] /* SLIDES */ .points-weekend{background:#f6e6d1;} .points-weekend .pw-dates{position:absolute; right:160px; top:25px; z-index:40;} .points-weekend .pw-turkey{position:absolute; right:490px; bottom:65px; z-index:50;} .points-weekend .pw-pumpkin{position:absolute; left:160px; bottom:42px;} .points-weekend .rightText p{color:#53341e;} .points-weekend .rightText{top:260px; width:315px; text-align:right;} .points-weekend .viewMore{margin-top:15px;} .mem-dec{background:url(../images/slides/memebership-december/Membership-dec-bg.jpg) center #35aeac} .mem-dec .chain{position:absolute; width:930px; bottom:60px; left:50%; margin-left:-465px;} .mem-dec .title{position:absolute; width:700px; top:15px; left:50%; margin-left:-350px;} .three-x-winter{background:url(../images/slides/3x-december/Christmas-My-Card-bg.jpg) center #0075b0} .three-x-winter .promo{position:absolute; width:550px; top:15px; left:50%; margin-left:-275px; z-index:5;} .three-x-winter .details{position:absolute; width:340px; top:300px; left:50%; margin-left:-170px; z-index:3;} .three-x-winter .moon{position:absolute; width:270px; bottom:0px; right:50%; margin-right:170px; z-index:1;} .three-x-winter .santa{position:absolute; width:330px; bottom:195px; left:50%; margin-left:-500px; z-index:2;} .three-x-winter .scene{position:absolute; width:1680px; bottom:0; left:50%; margin-left:-840px; z-index:2;} .points-weekend-dec{background:url(../images/slides/december-triple-points/December-Triple-Points-bg.jpg) #990000;} .points-weekend-dec .dtp-dates{position:absolute; right:160px; top:25px; z-index:40;} .points-weekend-dec .dtp-santa{position:absolute; right:490px; bottom:65px; z-index:50;} .points-weekend-dec .dtp-tree{position:absolute; left:160px; bottom:42px;} .points-weekend-dec .dtp-click{position:absolute; right:160px; bottom:152px;} .points-weekend-dec .rightText p{color:#fff;} .points-weekend-dec .rightText{top:260px; width:315px; text-align:right;} .gift-o-membership{background:url(../images/slides/gift-o-membership/Gift-of-Membership.jpg) center repeat-x;} .gift-o-membership .card{position:absolute; left:50%; margin-left:-315px; top:25px; z-index:40;} .switch-kit{background:#e04726} .switch-kit .title{position:absolute; left:50%; margin-left:-407px; top:15px; z-index:40; z-index:2;} .switch-kit .switch{position:absolute; width:420px; left:50%; margin-left:-210px; bottom:75px; z-index:1;} .uk_ul{background:#000000 url(../images/slides/uk_ul/MY-Card---UK-vs-UoL_v2.jpg) no-repeat center; } .uk_ul .main{position:absolute; width:680px; left:50%; margin-left:-340px; top:0px; z-index:40;} .uk_ul .sub{position:absolute; width:550px; left:50%; margin-left:-275px; bottom:115px; z-index:40;} .cb_refi{background:#000000 url(../images/slides/CashBackRefi/CBrefi_bg.jpg) repeat-x center;} .cb_refi .title{position:absolute; width:650px; right:0; margin-right:160px; top:20px; z-index:40;} .cb_refi .man_car{position:absolute; width:600px; right:50%; margin-right:-125px; bottom:60px; z-index:1;} .cb_refi .fine_print{position:absolute; right:0; margin-right:160px; bottom:150px; z-index:40;} .balancetransfer{background:#e17364;} .balancetransfer .title{position:absolute; width:550px; left:0; margin-left:170px; top:20px;} .balancetransfer .hands{position:absolute; width:300px; right:0; margin-right:200px; top:0;} .balancetransfer .submain{position:absolute; width:550px; left:0; margin-left:195px; bottom:140px;} .balancetransfer a{color:#fff; letter-spacing:1px;} .springloan{background:url(../images/slides/seasonal_loan/Spring-Seasonal-Loans_Web-Banner.png) #b9e5fb repeat-x center;} .springloan .title{position:absolute; left:260px; top:60px;} .springloan .table{position:absolute; right:161px; width:450px; top:100px;} .springloan .sky{position:absolute; left:0px; top:-20px;} .springloan .fineprint{position:absolute; width:680px; font-size:8px; line-height:10px; left:170px; bottom:70px;} .vday_auto{background:#fdc5cf;} .vday_auto .vday_family{position:absolute; width:600px; left:50%; margin-left:-440px; bottom:50px;} .vday_auto .vday_title{position:absolute; width:641px; right:0; margin-right:140px; top:20px; z-index:2;} .vday_auto .vday_apply {position:absolute; width:250px; right:0; margin-right:140px; bottom:130px; z-index:1;} .openingsoon{background:#80c5ff url(../images/slides/Georgetown_branch/Georgetown-Branch_back.jpg) top center no-repeat;} .openingsoon .openSign{-moz-animation: 30s ease 0s normal none infinite swing;-moz-transform-origin: center top;-webkit-animation:swing 3s infinite ease-in-out;-webkit-transform-origin:top;position:absolute;right:190px; top:20px;} .openingsoon .leftText p{color:#F00;} @-moz-keyframes swing{0%{-moz-transform:rotate(-3deg)}50%{-moz-transform:rotate(3deg)}100%{-moz-transform:rotate(-3deg)}} @-webkit-keyframes swing{0%{-webkit-transform:rotate(-3deg)}50%{-webkit-transform:rotate(3deg)}100%{-webkit-transform:rotate(-3deg)}} .openingsoon .leftText{width:410px;top:50px;} .openingsoon .leftText .slideHeading{color:#f30809;} @media screen and (max-width: 1680px){.mortgage{background:url(../images/slides/mortgage/mortgage_back.jpg) #b6eeff;background-size:1680px;} .openingsoon .leftText .slideHeading{color:#f30809;font-size:40px;} } .FM{background:#35aeac;} .FM .fm_title{position:absolute; width:671px; right:0; margin-right:140px; top:20px; z-index:2;} .FM .fm_text {position:absolute; width:400px; right:0; margin-right:140px; top:130px; z-index:1;} .FM .joinnow {position:absolute; width:200px; right:0; margin-right:140px; bottom:180px; z-index:1;} .FM .tree {position:absolute; width:380px; left:0; margin-left:140px; top:20px; z-index:1;} .weCUdifferently_march{background:url(../images/slides/weCUdifferently_march/CU-Differently-Loans_Web-Banner_bg.png) #EC7E22 repeat-x center;} .weCUdifferently_march .title{position:absolute; left:50%; margin-left:-479px; top:85px;} .weCUdifferently_march .house{position:absolute; top:185px; left:160px;} .weCUdifferently_march .car{position:absolute; top:202px; left:484px;} .weCUdifferently_march .creditcards{position:absolute; top:172px; right:404px;} .weCUdifferently_march .checking{position:absolute; top:177px; right:160px;} .grandopening{background:#2a70a1 repeat-x center;} .grandopening h1{width:100%; text-align:center; font-size:100px; line-height:100px;} .grandopening .cloud1{position:absolute; width:200px; right:0px; top:35px;} .grandopening .cloud2{position:absolute; width:150px; left:0px; top:-10px;} .grandopening .candy{position:absolute; width:1440px; left:50%; margin-left:-720px; top:100px;} .grandopening .plane{position:absolute; left: -130px;} .grandopening .gift{position:absolute; top:100px; right:250px;} .grandopening .stars{position:absolute;bottom:180px; left:280px;} .grandopening .buliding{position:absolute; width:641px; left:250px; top:150px;} .grandopening .text{position:absolute; right:200px; bottom:110px;} .airtravel{background:#5ec3de;} .airtravel .bigcloud{position:absolute; width:380px; top:109px; right:-160px; z-index:2;} .airtravel .small{width:160px; top:65px; right:auto; left:0;} .airtravel .left{right:auto; left:0; top:324px} .airtravel .small_l{left:auto; right:0; top:326px; width:188px;} .airtravel .title{position:absolute; width:900px; left:50%; margin-left:-450px; top:32px; z-index:1;} .airtravel .plane{position:absolute; width:1020px; top:200px; left:50%; margin-left:-510px;} .airtravel .date{position:absolute; width:370px; bottom:80px; left:50%; margin-left:-185px;} .dailybonus{background:url(../images/slides/Daily%20bonus%20rewards/background.png) #fccc5c repeat-x;} .dailybonus .title{position:absolute; width:960px; top:-10px; left:50%; margin-left:-480px;} .dailybonus .coin{position:absolute; width:800px; left:50%; margin-left:-400px; top:170px;} .dailybonus h1{color:#097b88; font-size:25px; line-height:25px; position:absolute; right:440px; bottom:50px;} .derbyday_twentyfourteen{background:url(../images/slides/Derby%20Day/background.png) #1a9aaa repeat-x;} .derbyday_twentyfourteen .car{position:absolute;width:675px; left:20px; bottom:30px;} .derbyday_twentyfourteen .jockey{position:absolute; width:180px; right:500px; bottom:60px;} .derbyday_twentyfourteen .title{position:absolute; width:410px; top:25px; left:200px;} .derbyday_twentyfourteen .bodycopy{position:absolute; width:300px; right:160px; top:125px;} .help-loan{background:url(../images/slides/help-loan/HELP-Promo-BG.png) top center repeat-x #BDBDBD} .help-loan .title{position:absolute; left:90px; top:70px;} .help-loan .body-text{position:absolute; right:210px; top:120px;} .OSCS{background:#f5a71b;} .OSCS .banner{position:absolute; z-index:1; width:680px; left:50%; margin-left:-340px; top:15px;} .OSCS .TSannual{position:absolute; width:244px; left:50%; margin-left:-122px; top:30px;} .OSCS .onsite{position:absolute; width:140px; left:50%; margin-left:-70px; top:55px;} .OSCS .carsale{position:absolute; width:336px; left:50%; margin-left:-168px; top:75px;} .OSCS .date{position:absolute; with:284px; left:50%; margin-left:-142px; top:140px;} .OSCS .apr{position:absolute; width:190px; left:50%; margin-left:-95px; top:165px;} .OSCS .location{position:absolute; width:236px; left:50%; margin-left:-118px; top:210px;} .OSCS .hybrid{position:absolute; width:212px; left:260px; bottom:80px;} .OSCS .truck{position:absolute; width:238px; left:50%; margin-left:-119px; bottom:80px;} .OSCS .sportscar{position:absolute; width:200px; right:260px; bottom:80px;} @keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(720deg)}} @-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(720deg)}} @-moz-keyframes rotate{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(720deg)}} @-ms-keyframes rotate{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(720deg)}} .festival{background:#c1e8fb;} .festival .grass{position:absolute; width:2600px; left:50%; margin-left:-1300px; top:425px;} .festival .balloons{position:absolute; left:50%; margin-left:-750px; top:15px;} .festival .tents{position:absolute; z-index:1000; left:50%; margin-left:-500px; top:245px;} .festival .text{position:absolute; width:600px; left:50%; margin-left:-300px; top:25px;} .festival .wheelbase{position:absolute; z-index:1001; width:270px; left:50%; margin-left:408px; top:271px;} .festival .carts{position:absolute; z-index:1002; left:50%; margin-left:378px; top:103px;} .festival .cart_img{width:330px; animation:rotate 40s infinite; -webkit-animation:rotate 40s infinite; -moz-animation:rotate 40s infinite; -ms-animation:rotate 40s infinite;} .mwhy{ background:#FF9400 url(../images/slides/may-we-help-you/bg.png) repeat-x center top;} .mwhy .container{position:absolute; width:768px; left:50%; margin-left:-384px;} .mwhy .cal{position:absolute; left:50%; margin-left:-340px; top:55px;} .mwhy .sunny{position:absolute; right:50%; margin-right:-230px; top:65px;} .mwhy .text{position:absolute; right:50%; margin-right:-350px; top:125px;} .mwhy .sun { -webkit-animation-name: spin; -webkit-animation-duration: 4000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 4000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 4000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: spin; animation-duration: 4000ms; animation-iteration-count: infinite; animation-timing-function: linear; } @-moz-keyframes spin {from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); }} @-webkit-keyframes spin {from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); }} @keyframes spin {from {transform:rotate(0deg);} to {transform:rotate(360deg);}} .WMIP{background:#fff;} .WMIP .moda{position:absolute; left:-220px; bottom:0px;} .WMIP .WMIP_logo{position:absolute; right:160px; top:80px;} .WMIP .tagline{position:absolute;right:160px; top:340px;} @keyframes move{0%{transform:rotate(0deg);}50%{transform:rotate(4deg);}100%{transform:rotate(0deg);}} @-webkit-keyframes move{0%{-webkit-transform:rotate(0deg);}50%{-webkit-transform:rotate(4deg);}100%{-webkit-transform:rotate(0deg);}} @-moz-keyframes move{0%{-moz-transform:rotate(0deg);}50%{-moz-transform:rotate(4deg);}100%{-moz-transform:rotate(0deg);}} @-ms-keyframes move{0%{-ms-transform:rotate(0deg);}50%{-ms-transform:rotate(4deg);}100%{-ms-transform:rotate(0deg);}} .SAP{background:#1D445F;} .SAP .bgtop{position:absolute; width:1680px; left:50%; margin-left:-840px;} .SAP .bgbottom{position:absolute; width:1680px; left:50%; margin-left:-840px; bottom:20px;} .SAP .leftstars{position:absolute; width:583px; left:50%; margin-left:-840px; top:42px;} .SAP .rightstars{position:absolute; width:615px; left:50%; margin-left:225px; top:42px;} .SAP .lines{position:absolute; width:1054px; left:50%; margin-left:-525px; top: 190px;} .SAP .skipdiv{position:absolute; left:50%; margin-left:-425px; top:230px;} .SAP .skipimg{position:absolute; width:312px; animation:move 1000ms ease-in-out infinite; -webkit-animation:move 1000ms ease-in-out infinite; -moz-animation:move 1000ms ease-in-out infinite; -ms-animation:move 1000mease-in-out infinite;} .SAP .text{position:absolute; width:520px; left:50%; margin-left:-85px; top:240px;} .SAP .this{position:absolute; width:106px; left:50%; margin-left: -255px; top:85px;} .SAP .j{position:absolute; width:80px; left:50%; margin-left:-165px; top: 50px;} .SAP .u{position:absolute; width:106px; left:50%; margin-left:-68px; top:50px;} .SAP .l{position:absolute; width:85px; left:50%; margin-left:55px; top:50px;} .SAP .y{position:absolute; width:140px; left:50%; margin-left:115px; top:50px;} .legends{background:#558529;} .legends .background{position:absolute; left:50%; margin-left:-840px;} .legends .legendsman{position:absolute; left:50%; margin-left:60px; top:8px;} .legends .baseball{position:absolute; left:50%; margin-left:-100px; top:200px;} .legends .leap{position:absolute; left:50%; margin-left:-440px; top:15px;} .legends .at_the{position:absolute; left:50%; margin-left: -116px; top:179px;} .legends .text{position:absolute; left:50%; margin-left: -440px; top: 223px;} .legends .rsvp{position:absolute; left:50%; margin-left:-332px; top:370px;} .SIPI{background:#0B99A8;} .SIPI .background{position:absolute; width:2570px; left: 50%; margin-left:-1285px;} .SIPI .greenbar{position:absolute; width: 2560px; height:339px; left: 50%; margin-left:-1280px; top:81px;} .SIPI .phonelogo{position:absolute; z-index:1000; left: 50%; margin-left:-250px; top:50px;} .SIPI .text{position:absolute; left: 50%; margin-left:-10px; top:150px;} .SIPI .clickhere{position:absolute; left: 50%; margin-left:-10px; top: 360px;} .SIPI .checkone{position:absolute; z-index:990; left: 50%; margin-left:-470px; top:50px;} .SIPI .checktwo{position:absolute; z-index:980; left: 50%; margin-left:-475px; top:185px;} .SIPI .checkthree{position:absolute; left: 50%; margin-left:-470px; top:225px;} .ABR{ background:#49C3E5;} .ABR .background{position:absolute; width:1680px; left: 50%; margin-left:-840px;} .ABR .title{position:absolute; left:50%; margin-left: -536px; top:55px;} .ABR .amusement{position:absolute; left:50%; margin-left: -520px; top: 140px;} .ABR .and{position:absolute; left:50%; margin-left: -120px; top:200px;} .ABR .tuition{position:absolute; left:50%; margin-left: 140px; top: 150px;} .ABR .clickhere{position:absolute; left:50%; margin-left: -20px; top: 435px;} .ABR .titledpi{position:absolute; visibility:hidden;} .TBR{ background:#6D6E70;} .TBR .background{position:absolute; width:1680px; left: 50%; margin-left:-840px;} .TBR .books{position:absolute; left:50%; margin-left: -520px; top:140px;} .TBR .hat{position:absolute; left:50%; margin-left:-522px; top:17px;} .TBR .text1{position:absolute; left:50%; margin-left:-170px; top:36px;} .TBR .text2{position:absolute; left:50%; margin-left: 50px; top:130px;} .TBR .text3{position:absolute; left:50%; margin-left:40px; top:435px;} .First_home{background:#D1D2D4;} .First_home .background{position:absolute; width:1680px; left: 50%; margin-left:-840px;} .First_home .bottomtri{position:absolute; left: 50%; margin-left: -70px; top:338px;} .First_home .toptri{position:absolute; left: 50%; margin-left: -70px; top:75px;} .First_home .first{position:absolute; left: 50%; margin-left: -70px; top:83px;} .First_home .home{position:absolute; left: 50%; margin-left: -70px; top:149px;} .First_home .savings{position:absolute; left: 50%; margin-left: -70px; top:213px;} .First_home .plus{position:absolute; left: 50%; margin-left: -70px; top: 260px;} .First_home .text{position:absolute; left: 50%; margin-left: -74px; top: 383px;} .zero_percent{background:#F2C943;} .zero_percent .person1{position:absolute; left:50%; top:160px; margin-left: 165px;} .zero_percent .person2{position:absolute; z-index: 1000; left:50%; top:200px; margin-left:40px;} .zero_percent .person4{position:absolute; left:50%; top:200px; margin-left: 320px;} .zero_percent .zero{position:absolute; left:50%; margin-left:-480px; top:20px;} .zero_percent .confetti{position:absolute; left:50%; margin-left:-840px;} .zero_percent .text{position:absolute; left:50%; margin-left:-370px; top:380px;} .zero_percent .body{position:absolute; left:50%; margin-left: 15px; top: 20px;} .zero_percent .clickhere{position:absolute; z-index:1001; left:50%; margin-left: 29px; top: 120px;} .Karen{background:#FFFFFF;} .Karen .background{position:absolute; width:1680px; left: 50%; margin-left:-840px;} .Karen .heykaren{position:absolute; left: 50%; margin-left:-320px; top:25px;} .Karen .questions{position:absolute; left: 50%; margin-left: -310px; top:139px;} .Karen .clickhere{position:absolute; left: 50%; margin-left:45px; top:214px;} .triple_points{background:#f7931d;} .triple_points .title{position:absolute; width:900px; left:50%; margin-left:-450px; top:10px;} .triple_points .electronics, .triple_points .itunes, .triple_points .amazon{position:absolute; bottom:110px; width:180px;} .triple_points .electronics{left:50%; margin-left:-350px;} .triple_points .itunes{left:50%; margin-left:-90px} .triple_points .amazon{right:50%; margin-right:-350px;} .hk_fall{background:#079ca6;} .hk_fall .karen, .hk_fall .clickhere, .hk_fall .aqlab{position:absolute;z-index:1;} .hk_fall .karen{bottom:0;width:960px;left:50%; margin-left:-480px;z-index:2;} .hk_fall .aqlab{right:160px; top:10px;} .hk_fall .clickhere{right:160px; top:170px;} .itsopen{background:url(../images/slides/itsopen/open_bg.png) #77d1f6 repeat-x;} .itsopen .branch, .itsopen .banner, .itsopen .staff, .itsopen .clouds{position:absolute;z-index:3;} .itsopen .branch{width:900px; left:50%; margin-left:-450px; bottom:55px;} .itsopen .banner{width:360px; right:160px;} .itsopen .clouds{z-index:1;} .itsopen .staff{width:170px; bottom:55px; left:180px;} .skip_dec{background:url(../images/slides/skip-a-payment-winter/ground_snow.png) center bottom repeat-x #027fae;} .skip_dec .ground_snow, .skip_dec .house, .skip_dec .snow, .skip_dec .skip, .skip_dec .payment{position:absolute;} .skip_dec .ground_snow{bottom:0; z-index:5;} .skip_dec .house{bottom:70px; z-index:4;} .skip_dec .snow{top:0; z-index:6; left:-160px;} .skip_dec .skip{top:-10px; left:0;} .skip_dec .payment{top:0; right:0;} .vetdayspecial{background:url(../images/slides/VeteransDayAutoSpecial/vet_special_bg.png) repeat-x #58c8ea;} .vetdayspecial .title, .vetdayspecial .truck, .vetdayspecial .flag, .vetdayspecial .rvlr{position:absolute;} .vetdayspecial .title{width:500px; left:160px; top:29px;} .vetdayspecial .rvlr{width:500px; left:160px; top:192px;} .vetdayspecial .truck{right:160px; z-index:2;width:319px; bottom:110px;} .vetdayspecial .flag{right:180px; z-index:1; width:400px; bottom:-20px;} .vetdayspecial .ala{left:255px; top:301px; width:327px;} .vetdayspecial .apr{width:500px; left:160px; top:309px;} .fridayfillups{background:#88cee0 url(../images/slides/friday_fillup/ff_bg.png) repeat-x;} .fridayfillups .firstfriday, .fridayfillups .fillups, .fridayfillups .gascan, .fridayfillups .fivex, .fridayfillups .askhow, .fridayfillups .fffu{position:absolute;} .fridayfillups .fffu{top:75px; width:900px; left:50%; margin-left:-450px;} .fridayfillups .firstfriday{width:60%; top:0; left:0;} .fridayfillups .fillups{width:37%; top:0; right:0;} .fridayfillups .fivex{bottom:155px; width:668px;right:170px; z-index:1;} .fridayfillups .gascan{width:615px; bottom: -20px; left:-100px; z-index:2;} .fridayfillups .askhow{width:639px; bottom:68px; left:190px; z-index:1;} .VehicleRefinance {background:#82cfce url(../images/slides/vehiclerefinance/vr_bg.png) repeat-x;} .VehicleRefinance .vecref, .VehicleRefinance .suv, .VehicleRefinance .unDUHline, .VehicleRefinance .twofidy, .VehicleRefinance .mowInfer, .VehicleRefinance .btm_bar{position:absolute;} .VehicleRefinance .vecref, .VehicleRefinance .unDUHline, .VehicleRefinance .twofidy{width:420px; right:170px;} .VehicleRefinance .suv{width:470px; left:160px; top:20px;} .VehicleRefinance .vecref{top:25px;} .VehicleRefinance .unDUHline{top:80px;} .VehicleRefinance .twofidy{top:100px;} .VehicleRefinance .mowInfer{bottom:70px; left:190px;} .VehicleRefinance .btm_bar{height:0; left:0; width:100%; background:#0099a8; bottom:0;} .thx_giving_triple{background:#ee8c44;} .thx_giving_triple .clickhere, .thx_giving_triple .coretext, .thx_giving_triple .turkey{position:absolute;} .thx_giving_triple .clickhere{bottom:75px; left:210px;} .thx_giving_triple .coretext{width:742px;left:170px; top:35px; z-index:2;} .thx_giving_triple .turkey{width:381px; right:100px; top:100px; z-index:1;} .now_open{background:url(../images/slides/nowopen/no_bg.png) repeat-x;} .now_open .nowopen, .now_open .skyline, .now_open .clickhere, .now_open .clouds{position:absolute;} .now_open .nowopen{top:38px; left:130px; z-index:2;} .now_open .skyline{bottom:-1px; width:80%; left:50%; margin-left:-40%;z-index:3;} .now_open .clickhere{top:216px; left:210px;} .now_open .clouds{z-index:1; left:-200px;} .zero_december{background:#014765;} .zero_december .purchase, .zero_december .transfer, .zero_december .therafter, .zero_december .guy, .zero_december .snow{position:absolute;} .zero_december .purchase, .zero_december .transfer, .zero_december .therafter {width:20%; top:50px;} .zero_december .guy{width:15%;left:6%;top:50px;} .zero_december .transfer{right:150px;} .zero_december .purchase{left:20%;} .zero_december .therafter{right:33.5%;width:24%;top:30px;} .zero_december .snow{top:0; z-index:6;left:-160px;} .refinance{background:#f4a41d;} .refinance .car, .refinance .title, .refinance .etc, .refinance .divider, .refinance .finey_print{position:absolute;} .refinance .car{width:28.55%;left:16.05%;bottom:40px;} .refinance .title{width:54%;left:16.05%;top:30px;} .refinance .etc{width:14.197%; right:160px;top:30px;} .refinance .divider{width:0.4%; right:28.28%;top:30px;} .refinance .finey_print{width:22%; right:33.5%;bottom:65px;text-align:right;font-size:12px;} /*Former 1180px Mark*/ #slider-with-blocks-1 { width: 100%; margin:0px auto 0 auto; } .ocsCent p { font-size:14px; line-height:20px; color:#fff; } .rsMinW .rsBullets { position: absolute; z-index: 35; bottom: 0; width: 260px; height: auto; text-align: right; overflow: visible; line-height: 8px; top:400px; left:50%; margin-left:220px; } .leftText{ top:90px; left:0px; } .rightText{ top:10px; right:0; left:auto; text-align:right; } .cudifferently .cu_differently{left:0;} .skipApayment .skipTitle{position:absolute; right:-20px; top:25px;} .skipApayment .skipPresent{position:absolute; left:-80px; bottom:60px;} .communityshred .shredder{position:absolute; width:617px; top:10px; left:-10px;} .cc-promo .promo{position:absolute; width:617px; top:95px; left:-20px;} .points-weekend .pw-dates{position:absolute; right:0; top:25px; z-index:40;} .points-weekend .pw-turkey{position:absolute; right:320px; bottom:65px; z-index:50;} .points-weekend .pw-pumpkin{position:absolute; left:0; bottom:42px;} .points-weekend .rightText{top:260px; width:315px; text-align:right;} .three-x-winter .santa{position:absolute; width:300px; bottom:195px; left:50%; margin-left:-450px; z-index:2;} .points-weekend-dec .dtp-dates{position:absolute; right:10px; top:25px; z-index:40;} .points-weekend-dec .dtp-santa{position:absolute; right:330px; bottom:65px; z-index:50;} .points-weekend-dec .dtp-tree{position:absolute; left:10px; bottom:42px;} .points-weekend-dec .dtp-click{position:absolute; right:10px; bottom:152px;} .points-weekend-dec .rightText p{color:#fff;} .points-weekend-dec .rightText{top:260px; right:10px; width:315px; text-align:right;} .openingsoon .openSign{right:30px;top:20px;} .openingsoon .leftText{width:350px;top:50px;} .vday_auto .vday_family{position:absolute; width:600px; left:50%; margin-left:-470px; bottom:50px;} .vday_auto .vday_title{position:absolute; width:641px; right:0; margin-right:0px; top:20px; z-index:2;} .vday_auto .vday_apply {position:absolute; width:250px; right:0; margin-right:40px; bottom:130px; z-index:1;} .FM .tree{position:absolute; width:380px; left:0; margin-left:0px; top:20px;} .FM .fm_title{position:absolute; width:640px; right:0; margin-right:50px; top:20px; z-index:2;} .FM .fm_text {position:absolute; width:400px; right:0; margin-right:50px; top:130px; z-index:1;} .FM .joinnow {position:absolute; width:200px; right:0; margin-right:50px; bottom:180px; z-index:1;} .weCUdifferently_march .title{position:absolute; width:840px; left:50%; margin-left:-420px; top:85px;} .weCUdifferently_march .house{position:absolute; top:205px; left:0; width:250px;} .weCUdifferently_march .car{position:absolute; width:170px; top:215px; left:280px;} .weCUdifferently_march .creditcards{position:absolute; top:190px; width:150px; right:235px;} .weCUdifferently_march .checking{position:absolute; top:197px; width:180px; right:20px;} .springloan{background:url(../images/slides/seasonal_loan/Spring-Seasonal-Loans_Web-Banner.png) #b9e5fb repeat-x -300px 0;} .springloan .title{position:absolute; left:100px; top:60px;} .springloan .table{position:absolute; right:60px; width:450px; top:100px;} .springloan .sky{position:absolute; left:-150px; top:-20px;} .springloan .fineprint{position:absolute; width:680px; font-size:8px; line-height:10px; left:10px; bottom:70px;} .grandopening .candy{position:absolute; width:1440px; left:50%; margin-left:-720px; top:100px;} .grandopening .plane{position:absolute; left: -200px;} .grandopening .gift{position:absolute; top:100px; right:90px;} .grandopening .stars{position:absolute;bottom:180px; left:120px;} .grandopening .buliding{position:absolute; width:641px; left:90px; top:150px;} .grandopening .text{position:absolute; right:40px; bottom:110px;} .airtravel .bigcloud{position:absolute; width:380px; top:109px; right:-260px; z-index:2;} .airtravel .small{width:160px; top:65px; right:auto; left:-160px;} .airtravel .left{right:auto; left:-160px; top:324px} .airtravel .small_l{left:auto; right:0; top:326px; width:188px;} .dailybonus .title{position:absolute; width:840px; top:0px; left:50%; margin-left:-420px;} .dailybonus .coin{position:absolute; width:660px; left:50%; margin-left:-330px; top:150px;} .dailybonus h1{color:#097b88; font-size:25px; line-height:25px; position:absolute; right:270px; bottom:50px;} .derbyday_twentyfourteen .car{position:absolute;width:550px; left:-30px; bottom:40px;} .derbyday_twentyfourteen .jockey{position:absolute; width:162px; right:340px; bottom:60px;} .derbyday_twentyfourteen .title{position:absolute; width:410px; top:55px; left:40px;} .derbyday_twentyfourteen .bodycopy{position:absolute; width:300px; right:0; top:125px;} .help-loan .title{position:absolute; left:-70px; top:70px;} .help-loan .body-text{position:absolute; right:50px; top:120px;} .OSCS .hybrid{position:absolute; width:212px; left:140px; bottom:80px;} .OSCS .truck{position:absolute; width:238px; left:50%; margin-left:-119px; bottom:80px;} .OSCS .sportscar{position:absolute; width:200px; right:140px; bottom:80px;} .festival .grass{position:absolute; left:50%; margin-left:-850px; top:425px;} .festival .balloons{position:absolute; width:900px; left:50%; margin-left:-450px; top:15px;} .festival .tents{position:absolute; width:450px; z-index:1000; left:50%; margin-left:-400px; top:300px;} .festival .text{position:absolute; z-index:1003; left:50%; margin-left:-300px; top:25px;} .festival .wheelbase{position:absolute; z-index:1001; width:175px; left:50%; margin-left:225px; top:325px;} .festival .carts{position:absolute; z-index:1002; left:50%; margin-left:178px; top:190px;} .festival .cart_img{width:270px; animation:rotate 40s infinite; -webkit-animation:rotate 40s infinite; -moz-animation:rotate 40s infinite; -ms-animation:rotate 40s infinite;} .mwhy .container{position:absolute; width:768px; left:50%; margin-left:-384px;} .mwhy .cal{position:absolute; left:50%; margin-left:-340px; top:55px;} .mwhy .sunny{position:absolute; right:50%; margin-right:-230px; top:65px;} .mwhy .text{position:absolute; right:50%; margin-right:-350px; top:125px;} .WMIP .moda{position:absolute; left:-300px; bottom:0px;} .WMIP .WMIP_logo{position:absolute; width: 370px; right:0px; top:100px;} .WMIP .tagline{position:absolute; width: 340px; right:0px; top:310px;} .SAP .lines{position:absolute; width:800px; left:50%; margin-left:-400px; top: 190px;} .SAP .j{position:absolute; width:83px; left:50%; margin-left:-165px; top: 50px;} .hk_fall{background:#079ca6;} .hk_fall .karen, .hk_fall .clickhere, .hk_fall .aqlab{position:absolute;z-index:1;} .hk_fall .karen{bottom:0;width:98%;left:50%; margin-left:-49%;z-index:2;} .hk_fall .aqlab{right:0; top:10px; width:62%;} .hk_fall .clickhere{right:0; top:170px; width:76%;} .itsopen .banner{width:360px; right:40px;} .itsopen .clouds{z-index:1;} .itsopen .staff{width:170px; bottom:55px; left:70px;} .skip_dec .ground_snow, .skip_dec .house, .skip_dec .snow, .skip_dec .skip, .skip_dec .payment{position:absolute;} .skip_dec .ground_snow{bottom:0; z-index:5;} .skip_dec .house{width:100%;bottom:70px; z-index:4;} .skip_dec .snow{top:0; z-index:6;} .skip_dec .skip{top:-10px; left:-160px;} .skip_dec .payment{top:0; right:-160px;} .vetdayspecial .title{left:0;} .vetdayspecial .rvlr{left:0;} .vetdayspecial .truck{right:0;} .vetdayspecial .flag{right:20px;} .vetdayspecial .ala{left:95px;} .vetdayspecial .apr{left:0;} .fridayfillups .fivex{bottom:160px; width:70%;right:20px;} .fridayfillups .gascan{width:350px; bottom:100px; left:-40px;} .fridayfillups .askhow{width:500px; bottom:68px; left:190px;} .VehicleRefinance .vecref, .VehicleRefinance .unDUHline, .VehicleRefinance .twofidy{width:420px; right:40px;} .VehicleRefinance .suv{width:470px; left:0; top:20px;} .VehicleRefinance .vecref{top:25px;} .VehicleRefinance .unDUHline{top:80px;} .VehicleRefinance .twofidy{top:100px;} .VehicleRefinance .mowInfer{bottom:70px; left:20px;} .VehicleRefinance .btm_bar{height:0; left:0; width:100%; background:#0099a8; bottom:0;} .thx_giving_triple{background:#ee8c44;} .thx_giving_triple .clickhere, .thx_giving_triple .coretext, .thx_giving_triple .turkey{position:absolute;} .thx_giving_triple .clickhere{bottom:75px; left:50px;} .thx_giving_triple .coretext{width:742px;left:0; top:35px; z-index:2;} .thx_giving_triple .turkey{width:381px; right:-100px; top:100px; z-index:1;} .now_open .nowopen, .now_open .skyline, .now_open .clickhere{position:absolute;} .now_open .nowopen{top:88px; left:0px; width:530px; z-index:2;} .now_open .skyline{bottom:-1px; width:100%; left:50%; margin-left:-50%;z-index:3;} .now_open .clickhere{top:240px; left:60px;} .now_open .clouds{z-index:1;left:100px;} .zero_december{background:#014765;} .zero_december .purchase, .zero_december .transfer, .zero_december .therafter, .zero_december .guy, .zero_december .snow{position:absolute;} .zero_december .purchase, .zero_december .transfer, .zero_december .therafter {width:24%; top:15%;} .zero_december .guy{width:25%;left:-3%;top:50px;} .zero_december .transfer{right:0;} .zero_december .purchase{left:20%;} .zero_december .therafter{right:26.5%;width:28%;top:12%;} .zero_december .snow{top:0;width:140%;left:50%;margin-left:-70%; z-index:6;} .refinance .car{width:40%;left:0%;bottom:40px;} .refinance .title{width:68%;left:5%;top:30px;} .refinance .etc{width:18%; right:5%;top:30px;} .refinance .divider{width:.51%; right:25%;top:30px;} .refinance .finey_print{width:32%; right:28%;} /*Former 1180px Mark*/ @media screen and (max-width: 1140px){ .help-loan{background:url(../images/slides/help-loan/HELP-Promo-BG_med.png) top center repeat-x #BDBDBD} .help-loan .title{position:absolute; width:400px; left:90px; top:110px;} .help-loan .body-text{position:absolute; width:240px; right:100px; top:145px;} .ABR .title{position:absolute; width:950; left:50%; margin-left: -475px; top:55px;} .ABR .amusement{position:absolute; width: 400px; left:50%; margin-left: -450px; top: 140px;} .ABR .tuition{position:absolute; left:50%; width: 250px; margin-left: 140px; top: 155px;} .TBR .text1{position:absolute; width:600px; left:50%; margin-left:-170px; top:36px;} } @media screen and (max-width: 960px){ .ocsCent{ position:absolute; left:50%; margin:0 0 0 -430px; width:860px; height:469px; } #slider-with-blocks-1 { width: 100%; margin:0px auto 0 auto; height:448px; } #mNacCont{ width:840px; height:190px; margin:0 auto; position:relative; top:-81px; background:url(../css/images/core/mNacCont_shadow.png) bottom no-repeat; padding-bottom:26px; z-index:50; background-size:100%; } #mNacCont .bfw{ font-size:38px; line-height:38px; top:25px; left:32px; } #mNacCont .login{ color:#fff; font-size:14px; line-height:14px; top:13px; right:19px; } #mNacCont .lfw{ font-size:38px; line-height:38px; position:relative; top:25px; left:32px; } #mNacCont p{ width:225px; position:relative; left:32px; top:25px; } #applyNow{ width:290px; height:148px; background:#9bbfbd url(../css/images/core/applynowbg.png) 146px no-repeat; position:absolute; left:0; top:42px; } #joinNow{ width:290px; height:148px; background:#6a9997 url(../css/images/core/joinNowBG.png) 182px no-repeat; position:absolute; left:290px; top:42px; } .rsMinW .rsBullets { position: absolute; z-index: 35; bottom: 0; width: 260px; height: auto; text-align: right; overflow: visible; line-height: 8px; top:348px; left:50%; margin-left:160px; } .leftText{ top:90px; left:10px; } .make{ left:500px; top:0px; width:140px; } .cudifferently .cu_differently{width:400px;} .cudifferently .leftText{top:90px;} .cudifferently {background-size:260%;} .skipApayment .skipTitle{position:absolute; right:-20px; top:25px;} .skipApayment .skipPresent{position:absolute; left:-70px; bottom:40px; width:600px;} .mem-dec .chain{width:840px; bottom:40px; left:50%; margin-left:-420px;} .mem-dec .title{width:600px; top:10px; left:50%; margin-left:-300px;} .three-x-winter .santa{position:absolute; width:200px; bottom:215px; left:50%; margin-left:-430px; z-index:2;} .points-weekend-dec .dtp-dates{position:absolute; right:10px; top:25px; z-index:40;} .points-weekend-dec .dtp-santa{position:absolute; right:420px; bottom:45px; z-index:50;} .points-weekend-dec .dtp-tree{position:absolute; left:10px; bottom:42px; width:300px;} .points-weekend-dec .dtp-click{position:absolute; right:10px; bottom:130px;} .points-weekend-dec .rightText p{color:#fff;} .points-weekend-dec .rightText{top:210px; right:10px; width:315px; text-align:right;} .gift-o-membership .card{width:600px; left:50%; margin-left:-300px; top:10px; z-index:40;} .switch-kit .title{position:absolute; width:700px; left:50%; margin-left:-350px; top:15px; z-index:40; z-index:2;} .switch-kit .switch{position:absolute; width:400px; left:50%; margin-left:-200px; bottom:40px; z-index:1;} .uk_ul{background:#000000 url(../images/slides/uk_ul/MY-Card---UK-vs-UoL_v2.jpg) no-repeat center; background-size:180%; } .uk_ul .main{position:absolute; width:500px; left:50%; margin-left:-250px; top:0px; z-index:40;} .uk_ul .sub{position:absolute; width:550px; left:50%; margin-left:-275px; bottom:115px; z-index:40;} .cb_refi .title{position:absolute; width:500px; right:0; margin-right:0; top:20px; z-index:40;} .cb_refi .man_car{position:absolute; width:550px; right:50%; margin-right:-135px; bottom:37px; z-index:1;} .cb_refi .fine_print{position:absolute; right:0; margin-right:0px; bottom:130px; z-index:40;} .balancetransfer .title{position:absolute; width:550px; left:0; margin-left:10px; top:20px;} .balancetransfer .hands{position:absolute; width:230px; right:0; margin-right:10px; top:0;} .balancetransfer .submain{position:absolute; width:550px; left:0; margin-left:35px; bottom:80px;} .springloan{background:url(../images/slides/seasonal_loan/Spring-Seasonal-Loans_Web-Banner.png) #b9e5fb repeat-x -500px 0;} .springloan .title{position:absolute; width:280px; left:50px; top:60px;} .springloan .table{position:absolute; right:60px; width:450px; top:100px;} .springloan .sky{position:absolute; left:-150px; top:-20px; width:800px;} .springloan .fineprint{position:absolute; width:680px; font-size:8px; line-height:10px; left:10px; bottom:70px;} .openingsoon .openSign{right:30px;top:20px; width:300px;} .vday_auto .vday_family{position:absolute; width:500px; left:50%; margin-left:-440px; bottom:50px;} .vday_auto .vday_title{position:absolute; width:621px; right:0; margin-right:0; top:20px; z-index:2;} .vday_auto .vday_apply {position:absolute; width:200px; right:0; margin-right:100px; bottom:100px; z-index:1;} .FM .tree{position:absolute; width:380px; left:0; margin-left:0px; top:20px;} .FM .fm_title{position:absolute; width:540px; right:0; margin-right:50px; top:20px; z-index:2;} .FM .fm_text {position:absolute; width:350px; right:0; margin-right:50px; top:110px; z-index:1;} .FM .joinnow {position:absolute; width:150px; right:0; margin-right:50px; bottom:180px; z-index:1;} .grandopening h1{width:100%; text-align:center; font-size:80px; line-height:80px;} .grandopening .cloud1{position:absolute; width:200px; right:-50px; top:35px;} .grandopening .cloud2{position:absolute; width:150px; left:-40px; top:-10px;} .grandopening .candy{position:absolute; width:1100px; left:50%; margin-left:-600px; top:100px; z-index:1;} .grandopening .plane{position:absolute; left: -200px;} .grandopening .gift{position:absolute; width:100px; top:80px; right:180px;} .grandopening .stars{position:absolute; width:500px; bottom:140px; left:50px; z-index:2;} .grandopening .buliding{position:absolute; width:550px; left:20px; top:150px; z-index:2;} .grandopening .text{position:absolute; right:40px; bottom:110px;} .airtravel .bigcloud{position:absolute; width:380px; top:109px; right:-260px; z-index:2;} .airtravel .small{width:160px; top:65px; right:auto; left:-160px;} .airtravel .left{right:auto; left:-160px; top:324px} .airtravel .small_l{left:auto; right:0; top:326px; width:188px;} .airtravel .title{position:absolute; width:900px; left:50%; margin-left:-450px; top:32px; z-index:1;} .airtravel .plane{position:absolute; width:1020px; top:200px; left:50%; margin-left:-510px;} .airtravel .date{position:absolute; width:370px; bottom:80px; left:50%; margin-left:-185px;} .airtravel .bigcloud{position:absolute; width:380px; top:109px; right:-260px; z-index:2;} .airtravel .small{width:160px; top:65px; right:auto; left:-160px;} .airtravel .left{right:auto; left:-160px; top:324px} .airtravel .small_l{left:auto; right:0; top:326px; width:188px;} .airtravel .title{position:absolute; width:800px; left:50%; margin-left:-400px; top:32px; z-index:1;} .airtravel .plane{position:absolute; width:800px; top:200px; left:50%; margin-left:-400px;} .airtravel .date{position:absolute; width:350px; bottom:50px; left:50%; margin-left:-175px;} .dailybonus .title{position:absolute; width:720px; top:0px; left:50%; margin-left:-360px;} .dailybonus .coin{position:absolute; width:560px; left:50%; margin-left:-280px; top:130px;} .dailybonus h1{color:#097b88; font-size:15px; line-height:15px; position:absolute; right:280px; bottom:42px;} .derbyday_twentyfourteen .car{position:absolute;width:550px; left:-30px; bottom:20px;} .derbyday_twentyfourteen .jockey{position:absolute; width:162px; right:340px; bottom:35px;} .derbyday_twentyfourteen .title{position:absolute; width:360px; top:15px; left:30px;} .derbyday_twentyfourteen .bodycopy{position:absolute; width:250px; right:30px; top:125px;} .help-loan{background:url(../images/slides/help-loan/HELP-Promo-BG_med.png) top center repeat-x #BDBDBD} .help-loan .title{position:absolute; width:400px; left:40px; top:110px;} .help-loan .body-text{position:absolute; width:240px; right:50px; top:145px;} .OSCS .hybrid{position:absolute; width:106px; left:240px; bottom:80px;} .OSCS .truck{position:absolute; width:118px; left:50%; margin-left:-59px; bottom:80px;} .OSCS .sportscar{position:absolute; width:100px; right:240px; bottom:80px;} .festival .grass{position:absolute; left:50%; margin-left:-850px; top:390px;} /*grass*/ .festival .ballloons{position:absolute; width:900px; left:50%; margin-left:-450px; top:15px;} /*balloons*/ .festival .tents{position:absolute; width:450px; z-index:1000; left:50%; margin-left:-400px; top:260px;} /*tents*/ .festival .text{position:absolute; z-index:1003; left:50%; margin-left:-300px; top:25px;} /*text*/ .festival .wheelbase{position:absolute; z-index:1001; width:150px; left:50%; margin-left:225px; top:325px;} /*ferris wheel base*/ .festival .carts{position:absolute; z-index:1002; left:50%; margin-left:175px; top:200px;} .festival .cart_img{width:250px; animation:rotate 40s infinite; -webkit-animation:rotate 40s infinite; -moz-animation:rotate 40s infinite; -ms-animation:rotate 40s infinite;}/*ferris wheel carts*/ .mwhy .container{position:absolute; width:600px; left:50%; margin-left:-300px; top:5px;} .mwhy .cal{position:absolute; width:250px; left:50%; margin-left:-270px; top:65px;} .mwhy .sunny{position:absolute; right:50%; margin-right:-180px; top:50px;} .mwhy .text{position:absolute; width:250px; right:50%; margin-right:-280px; top:110px;} .WMIP .moda{position:absolute; width:550px; left:-100px; bottom:0px;} .WMIP .WMIP_logo{position:absolute; width: 370px; right:30px; top:100px;} .WMIP .tagline{position:absolute; width: 340px; right:30px; top:310px;} .SAP .bgbottom{position:absolute; width:1680px; left:50%; margin-left:-840px; bottom:0px;} .SAP .leftstars{position:absolute; width:389px; left:50%; margin-left:-540px; top:42px;} .SAP .rightstars{position:absolute; width:410px; left:50%; margin-left:125px; top:42px;} .SAP .lines{position:absolute; width:600px; left:50%; margin-left:-300px; top: 140px;} .SAP .skipdiv{position:absolute; left:50%; margin-left:-375px; top:180px;} .SAP .skipimg{position:absolute; width:250px; animation:move 1000ms ease-in-out infinite; -webkit-animation:move 1000ms ease-in-out infinite; -moz-animation:move 1000ms ease-in-out infinite; -ms-animation:move 1000mease-in-out infinite;} .SAP .text{position:absolute; width:425px; left:50%; margin-left:-50px; top:200px;} .SAP .this{position:absolute; width:50px; left:50%; margin-left: -100px; top:30px;} .SAP .j{position:absolute; width:55px; left:50%; margin-left:-140px; top: 50px;} .SAP .u{position:absolute; width:71px; left:50%; margin-left:-75px; top:50px;} .SAP .l{position:absolute; width:57px; left:50%; margin-left:8px; top:50px;} .SAP .y{position:absolute; width:93px; left:50%; margin-left:50px; top:50px;} .legends .legendsman{position:absolute; width: 370px; left:50%; margin-left:60px; top:8px;} .legends .baseball{position:absolute; width: 540px; left:50%; margin-left:-30px; top:200px;} .legends .leap{position:absolute; width:400px; left:50%; margin-left:-400px; top:15px;} .legends .at_the{position:absolute; width: 110px; left:50%; margin-left: -116px; top:179px;} .legends .text{position:absolute; left:50%; margin-left: -400px; top: 223px;} .legends .rsvp{position:absolute; width: 175px; left:50%; margin-left:-220px; top:350px;} .SIPI .background{position:absolute; width:1680px; left: 50%; margin-left:-840px;} .SIPI .greenbar{position:absolute; width: 1680px; height:280px; left: 50%; margin-left:-840px; top:81px;} .SIPI .phonelogo{position:absolute; z-index:1000; width:170px; left: 50%; margin-left:-210px; top:50px;} .SIPI .text{position:absolute; width: 400px; left: 50%; margin-left:-10px; top:140px;} .SIPI .clickhere{position:absolute; width: 280px; left: 50%; margin-left:-10px; top: 310px;} .SIPI .checkone{position:absolute; z-index:990; width: 300px; left: 50%; margin-left:-410px; top:50px;} .SIPI .checktwo{position:absolute; z-index:980; width: 260px; left: 50%; margin-left:-425px; top:167px;} .SIPI .checkthree{position:absolute; left: 50%; width:300px; margin-left:-410px; top:180px;} .ABR .title{position:absolute; width:800; left:50%; margin-left: -400px; top:55px;} .ABR .amusement{position:absolute; width: 350px; left:50%; margin-left: -400px; top: 140px;} .ABR .tuition{position:absolute; left:50%; width: 215px; margin-left: 140px; top: 155px;} .ABR .and{position:absolute; width: 210px; left:50%; margin-left: -60px; top:200px;} .ABR .clickhere{position:absolute; left:50%; margin-left: -270px; top: 380px;} .TBR .text2{position:absolute; width: 270px; left:50%; margin-left: 50px; top:130px;} .TBR .text3{position:absolute; left:50%; margin-left:-10px; top:380px;} .First_home .background{position:absolute; width:1450px; left: 50%; margin-left:-725px;} .First_home .bottomtri{position:absolute; width: 160px; left: 50%; margin-left: -45px; top:294px;} .First_home .toptri{position:absolute; width: 160px; left: 50%; margin-left: -45px; top:75px;} .First_home .first{position:absolute; width: 160px; left: 50%; margin-left: -45px; top:83px;} .First_home .home{position:absolute; width: 160px; left: 50%; margin-left: -45px; top:139px;} .First_home .savings{position:absolute; width: 160px; left: 50%; margin-left: -45px; top:191px;} .First_home .plus{position:absolute; width: 160px; left: 50%; margin-left: -45px; top: 230px;} .First_home .text{position:absolute; width: 168px; left: 50%; margin-left: -49px; top: 338px;} .zero_percent .zero{position:absolute; width:450px; left:50%; margin-left:-420px; top:40px;} .zero_percent .text{position:absolute; left:50%; margin-left:-365px; top:335px;} .zero_percent .clickhere{position:absolute; z-index:1001; left:50%; margin-left: -5px; top: 120px;} .Karen .background{position:absolute; width:1680px; left: 50%; margin-left:-710px;} .Karen .heykaren{position:absolute; width: 600px; left: 50%; margin-left:-190px; top:25px;} .Karen .questions{position:absolute; width: 600px; left: 50%; margin-left: -182px; top:115px;} .Karen .clickhere{position:absolute; left: 50%; margin-left:85px; top:175px;} .triple_points{background:#f7931d;} .triple_points .title{position:absolute; width:800px; left:50%; margin-left:-400px; top:10px;} .triple_points .electronics, .triple_points .itunes, .triple_points .amazon{position:absolute; bottom:90px; width:150px;} .hk_fall .clickhere{right:0; top:140px; width:76%;} .itsopen .branch{width:90%; left:50%; margin-left:-45%; bottom:25px;} .itsopen .banner{width:35%; right:40px;} .itsopen .clouds{z-index:1;} .itsopen .staff{width:18%; bottom:35px; left:70px;} .vetdayspecial .title{width:50%; top:29px;} .vetdayspecial .rvlr{width:50%; top:162px;} .vetdayspecial .truck{right:0; z-index:2;width:300px; bottom:80px;} .vetdayspecial .flag{z-index:1; width:350px; bottom:-20px;} .vetdayspecial .ala{left:55px; top:261px; width:33%;} .vetdayspecial .apr{width:50%; top:270px;} .fridayfillups{background:#88cee0;} .fridayfillups .fffu{top:25px; width:90%; left:50%; margin-left:-45%;} .fridayfillups .fivex{bottom:200px; width:70%;right:50%; margin-right:-35%; z-index:1;} .fridayfillups .gascan{width:35%; bottom:50px; left:40px; z-index:2;} .fridayfillups .askhow{width:40%; bottom:100px; left:50%; margin-left:-20%; z-index:1;} .VehicleRefinance {background:#82cfce repeat-x;} .VehicleRefinance .vecref, .VehicleRefinance .unDUHline, .VehicleRefinance .twofidy{width:320px; right:20px;} .VehicleRefinance .suv{width:400px; left:60px; top:20px;} .VehicleRefinance .vecref{top:25px;} .VehicleRefinance .unDUHline{top:80px;} .VehicleRefinance .twofidy{top:100px;} .VehicleRefinance .mowInfer{bottom:50px; width:560px; left:10px;} .VehicleRefinance .btm_bar{height:90px; left:-200px; width:200%; background:#0099a8; bottom:0; z-index:0;} .thx_giving_triple .clickhere{bottom:50px; left:10px; width:570px;} .thx_giving_triple .coretext{width:642px;left:0; top:25px; z-index:2;} .thx_giving_triple .turkey{width:381px; right:-100px; top:60px; z-index:1;} .now_open .nowopen{top:20px; left:0px; width:500px; z-index:2;} .now_open .clickhere{top:170px; left:30px;} .now_open .clouds{z-index:1;} .refinance .finey_print{width:28%; right:32%;bottom:40px;font-size:11px;} } @media screen and (max-width: 865px){ .ocsCent{ position:absolute; left:50%; margin:0 0 0 -370px; width:740px; height:404px; } #slider-with-blocks-1 { height:385px; } .rsMinW .rsBullets { top:288px; margin-left:104px; } #mNacCont{ width:720px; height:190px; margin:0 auto; position:relative; top:-62px; background:url(../css/images/core/mNacCont_shadow.png) bottom no-repeat; padding-bottom:22px; z-index:50; background-size:100%; } #applyNow{ width:460px; height:85px; background:#9bbfbd none; position:absolute; left:0; top:21px; } #joinNow{ width:460px; height:85px; background:#6a9997 none; position:absolute; left:0px; top:105px; } #mNacCont .bfw{ font-size:30px; line-height:30px; top:8px; left:15px; } #mNacCont .login{ font-size:14px; line-height:14px; top:13px; right:19px; } #mNacCont .lfw{ font-size:30px; line-height:30px; top:8px; left:15px; } #mNacCont p{ width:440px; left:15px; top:7px; font-size:14px; } #ob{ margin:26px 0 0 12px; } .idNum{ top:10px; } .login-button{ top:53px; } .login-button:hover{ background-position:top; } #login{ position:relative; top:0px; } #loginLinks{ position:absolute; top:133px; left:12px; } #loginPanel{ width:261px; height:190px; background:#54827f url(../css/images/core/lockKey.png) no-repeat 102px 46px; position:absolute; right:0; } #loginPanel p{ width:200px; } .leftText{ top:90px; left:10px; } .rightText{ top:-10px; right:auto; left:10px; text-align:left; } .slideHeading{ font-family: 'proxima_nova_bold'; font-size:28px; color:#fff; line-height:28px; } .line{ margin:15px 0; } .cc-promo .rightText{left:auto; text-align:right;top:115px; width:285px; right:45px;} .cc-promo .promo{position:absolute; width:480px; top:45px; left:-30px;} .points-weekend .pw-dates{position:absolute; right:40px; top:15px; width:230px;} .points-weekend .pw-turkey{position:absolute; right:310px; bottom:40px; visibility:hidden;} .points-weekend .pw-pumpkin{position:absolute; left:25px; bottom:45px; width:370px;} .points-weekend .rightText{left:auto;top:160px; width:300px; right:40px; text-align:right;} .points-weekend .viewMore{margin-top:5px;} .mem-dec .chain{width:700px; bottom:50px; left:50%; margin-left:-350px;} .mem-dec .title{width:440px; top:10px; left:50%; margin-left:-220px;} .three-x-winter{background:url(../images/slides/3x-december/Christmas-My-Card-bg.jpg) center #0075b0} .three-x-winter .promo{position:absolute; width:400px; top:15px; left:50%; margin-left:-200px; z-index:5;} .three-x-winter .details{position:absolute; width:340px; top:220px; left:50%; margin-left:-170px; z-index:3;} .three-x-winter .moon{position:absolute; width:270px; bottom:0px; right:50%; margin-right:170px; z-index:1;} .three-x-winter .santa{position:absolute; width:200px; bottom:215px; left:50%; margin-left:-360px; z-index:2;} .three-x-winter .scene{position:absolute; width:1680px; bottom:0; left:50%; margin-left:-840px; z-index:2;} .points-weekend-dec .dtp-dates{position:absolute; right:40px; top:25px; z-index:40; width:400px;} .points-weekend-dec .dtp-santa{position:absolute; right:350px; bottom:65px; z-index:50; width:100px;} .points-weekend-dec .dtp-tree{position:absolute; left:0px; bottom:42px; width:300px;} .points-weekend-dec .dtp-click{position:absolute; right:40px; bottom:110px;} .points-weekend-dec .rightText p{color:#fff;} .points-weekend-dec .rightText{top:175px; left:auto; right:40px; width:315px; text-align:right;} .gift-o-membership .card{width:430px; left:50%; margin-left:-215px; top:35px; z-index:40;} .switch-kit .title{position:absolute; width:600px; left:50%; margin-left:-300px; top:15px; z-index:40; z-index:2;} .switch-kit .switch{position:absolute; width:300px; left:50%; margin-left:-150px; bottom:60px; z-index:1;} .uk_ul{background:#000000 url(../images/slides/uk_ul/MY-Card---UK-vs-UoL_v2.jpg) no-repeat top center; background-size:200%; } .uk_ul .main{position:absolute; width:350px; left:50%; margin-left:-175px; top:50px; z-index:40;} .uk_ul .sub{position:absolute; width:400px; left:50%; margin-left:-200px; bottom:85px; visibility:hidden;} .cb_refi .title{position:absolute; width:450px; right:0; margin-right:0; top:15px; z-index:40;} .cb_refi .man_car{position:absolute; width:450px; right:50%; margin-right:-100px; bottom:58px; z-index:1;} .cb_refi .fine_print{position:absolute; right:0; margin-right:0px; bottom:100px; z-index:40;} .balancetransfer .title{position:absolute; width:450px; left:0; margin-left:10px; top:20px;} .balancetransfer .hands{position:absolute; width:200px; right:0; margin-right:10px; top:-10px;} .balancetransfer .submain{position:absolute; width:430px; left:0; margin-left:30px; bottom:70px;} .balancetransfer a{color:#fff; letter-spacing:1px; font-size:20px;} .springloan{background:url(../images/slides/seasonal_loan/Spring-Seasonal-Loans_Web-Banner.png) #b9e5fb repeat-x -500px 0;} .springloan .title{position:absolute; width:280px; left:50px; top:60px;} .springloan .table{position:absolute; right:-20px; width:450px; top:100px;} .springloan .sky{position:absolute; left:-150px; top:-20px; width:800px;} .springloan .fineprint{position:absolute; width:680px; font-size:8px; line-height:10px; left:10px; bottom:70px;} .openingsoon .leftText{right:70px;top:40px;} .openingsoon .openSign{right:70px;top:20px; width:250px;} .vday_auto .vday_family{position:absolute; width:400px; left:10px; margin-left:0; bottom:50px;} .vday_auto .vday_title{position:absolute; width:550px; right:0; margin-right:0; top:20px; z-index:2;} .vday_auto .vday_apply {position:absolute; width:150px; right:0; margin-right:100px; bottom:100px; z-index:1;} .FM .tree{position:absolute; width:290px; left:0; margin-left:0px; top:20px;} .FM .fm_title{position:absolute; width:440px; right:0; margin-right:50px; top:20px; z-index:2;} .FM .fm_text {position:absolute; width:350px; right:0; margin-right:50px; top:110px; z-index:1;} .FM .joinnow {position:absolute; width:150px; right:0; margin-right:50px; bottom:140px; z-index:1;} .weCUdifferently_march .title{position:absolute; width:720px; left:50%; margin-left:-360px; top:35px;} .weCUdifferently_march .house{position:absolute; width:220px; top:145px; left:0;} .weCUdifferently_march .car{position:absolute; width:160px; top:150px; left:240px;} .weCUdifferently_march .creditcards{position:absolute; width:150px; top:120px; right:170px;} .weCUdifferently_march .checking{position:absolute; top:150px; width:150px; right:0;} .grandopening h1{width:100%; text-align:center; font-size:80px; line-height:80px;} .grandopening .cloud1{position:absolute; width:200px; right:-150px; top:35px;} .grandopening .cloud2{position:absolute; width:150px; left:-140px; top:-10px;} .grandopening .candy{position:absolute; width:1100px; left:50%; margin-left:-600px; top:100px; z-index:1;} .grandopening .plane{position:absolute; left: -200px;} .grandopening .gift{position:absolute; width:70px; top:80px; right:150px;} .grandopening .stars{position:absolute; width:450px; bottom:140px; left:50px; z-index:2;} .grandopening .buliding{position:absolute; width:500px; left:20px; top:100px; z-index:2;} .grandopening .text{position:absolute; right:40px; bottom:110px;} .airtravel .bigcloud{position:absolute; width:380px; top:109px; right:-260px; z-index:2;} .airtravel .small{width:160px; top:65px; right:auto; left:-160px;} .airtravel .left{right:auto; left:-160px; top:224px} .airtravel .small_l{left:auto; right:0; top:326px; width:188px;} .airtravel .title{position:absolute; width:700px; left:50%; margin-left:-350px; top:5px; z-index:1;} .airtravel .plane{position:absolute; width:700px; top:140px; left:50%; margin-left:-350px;} .airtravel .date{position:absolute; width:240px; bottom:80px; left:50%; margin-left:-120px;} .derbyday_twentyfourteen .car{position:absolute;width:350px; left:10px; bottom:60px;} .derbyday_twentyfourteen .jockey{position:absolute; width:100px; right:300px; bottom:65px;} .derbyday_twentyfourteen .title{position:absolute; width:330px; top:15px; left:40px;} .derbyday_twentyfourteen .bodycopy{position:absolute; width:250px; right:30px; top:80px;} .help-loan{background:url(../images/slides/help-loan/HELP-Promo-BG_small.png) top center repeat-x #BDBDBD} .help-loan .title{position:absolute; width:390px; left:10px; top:40px;} .help-loan .body-text{position:absolute; width:180px; right:50px; top:105px;} .OSCS .hybrid{position:absolute; width:106px; left:140px; bottom:90px;} .OSCS .truck{position:absolute; width:118px; left:auto; right:140px; margin-left:auto; bottom:90px;} .OSCS .sportscar{visibility:hidden;} .festival .grass{position:absolute; left:50%; margin-left:-850px; top:315px;} /*grass*/ .festival .balloons{position:absolute; width:900px; left:50%; margin-left:-450px; top:15px;} /*balloons*/ .festival .tents{position:absolute; width:400px; z-index:1000; left:50%; margin-left:-400px; top:210px;} /*tents*/ .festival .text{position:absolute; width:475px; z-index:1002; left:50%; margin-left:-375px; top:25px;} /*text*/ .festival .wheelbase{position:absolute; z-index:1001; width:250px; left:50%; margin-left:125px; top:200px;} /*ferris wheel base*/ .festival .carts{position:absolute; z-index:1002; left:50%; margin-left:111px; top:55px;} .festival .cart_img{width:280px; animation:rotate 40s infinite; -webkit-animation:rotate 40s infinite; -moz-animation:rotate 40s infinite; -ms-animation:rotate 40s infinite;}/*ferris wheel carts*/ .mwhy .container{position:absolute; width:600px; left:50%; margin-left:-300px; top:-20px;} .mwhy .cal{position:absolute; width:250px; left:50%; margin-left:-270px; top:35px;} .mwhy .sunny{position:absolute; right:50%; margin-right:-50px; top:150px;} .mwhy .text{position:absolute; width:250px; right:50%; margin-right:-280px; top:60px;} .WMIP .moda{position:absolute; width:550px; left:-150px; bottom:0px;} .WMIP .WMIP_logo{position:absolute; width: 330px; right:10px; top:40px;} .WMIP .tagline{position:absolute; width: 310px; right:10px; top:250px;} .SAP .lines{position:absolute; width:600px; left:50%; margin-left:-300px; top: 140px;} .SAP .skipdiv{position:absolute; left:50%; margin-left:-330px; top:160px;} .SAP .skipimg{position:absolute; width:220px; animation:move 1000ms ease-in-out infinite; -webkit-animation:move 1000ms ease-in-out infinite; -moz-animation:move 1000ms ease-in-out infinite; -ms-animation:move 1000mease-in-out infinite;} .SAP .text{position:absolute; width:375px; left:50%; margin-left:-50px; top:165px;} .SAP .this{position:absolute; width:50px; left:50%; margin-left: -80px; top:30px;} .SAP .j{position:absolute; width:47px; left:50%; margin-left:-114px; top: 50px;} .SAP .u{position:absolute; width:61px; left:50%; margin-left:-60px; top:50px;} .SAP .l{position:absolute; width:48px; left:50%; margin-left:10px; top:50px;} .SAP .y{position:absolute; width:77px; left:50%; margin-left:43px; top:50px;} .legends .legendsman{position:absolute; width: 300px; left:50%; margin-left:40px; top:8px;} .legends .baseball{position:absolute; width: 540px; left:50%; margin-left:-50px; top:170px;} .legends .leap{position:absolute; width:300px; left:50%; margin-left:-320px; top:15px;} .legends .at_the{position:absolute; width: 80px; left:50%; margin-left: -90px; top:135px;} .legends .text{position:absolute; width: 340px; left:50%; margin-left: -320px; top: 165px;} .legends .rsvp{position:absolute; width: 150px; left:50%; margin-left:-180px; top:270px;} .SIPI .greenbar{position:absolute; width: 1680px; height:260px; left: 50%; margin-left:-840px; top:65px;} .SIPI .phonelogo{position:absolute; z-index:1000; width:140px; left: 50%; margin-left:-190px; top:50px;} .SIPI .text{position:absolute; width: 360px; left: 50%; margin-left:-10px; top:110px;} .SIPI .clickhere{position:absolute; width: 260px; left: 50%; margin-left:-10px; top: 260px;} .SIPI .checkone{position:absolute; z-index:990; width: 250px; left: 50%; margin-left:-370px; top:50px;} .SIPI .checktwo{position:absolute; z-index:980; width: 210px; left: 50%; margin-left:-385px; top:160px;} .SIPI .checkthree{position:absolute; left: 50%; width:250px; margin-left:-370px; top:180px;} .ABR .background{position:absolute; width:1680px; left: 50%; margin-left:-900px;} .ABR .clickhere{position:absolute; width: 130px; left:50%; margin-left: -32px; top: 310px;} .ABR .title{position:absolute; width:700; left:50%; margin-left: -350px; top:55px;} .ABR .amusement{position:absolute; width: 300px; left:50%; margin-left: -360px; top: 140px;} .ABR .tuition{position:absolute; left:50%; width: 190px; margin-left: 110px; top: 150px;} .ABR .and{position:absolute; width: 180px; left:50%; margin-left: -90px; top:160px;} .TBR .background{position:absolute; width:1400px; left: 50%; margin-left:-700px;} .TBR .books{position:absolute; width: 400px; left:50%; margin-left: -450px; top:140px;} .TBR .hat{position:absolute; width: 370px; left:50%; margin-left:-468px; top:33px;} .TBR .text1{position:absolute; width: 500px; left:50%; margin-left:-200px; top:20px;} .TBR .text2{position:absolute; width:230px; left:50%; margin-left: 50px; top:100px;} .TBR .text3{position:absolute; left:50%; margin-left:-70px; top:300px;} .First_home .background{position:absolute; width:1300px; left: 50%; margin-left:-664px;} .First_home .bottomtri{position:absolute; width: 140px; left: 50%; margin-left: -50px; top:235px;} .First_home .toptri{position:absolute; width: 140px; left: 50%; margin-left: -50px; top:55px;} .First_home .first{position:absolute; width: 140px; left: 50%; margin-left: -50px; top:61px;} .First_home .home{position:absolute; width: 140px; left: 50%; margin-left: -50px; top:107px;} .First_home .savings{position:absolute; width: 140px; left: 50%; margin-left: -50px; top:149px;} .First_home .plus{position:absolute; width: 140px; left: 50%; margin-left: -50px; top: 180px;} .First_home .text{position:absolute; width: 148px; left: 50%; margin-left: -54px; top: 270px;} .zero_percent .zero{position:absolute; width:350px; left:50%; margin-left:-370px; top:30px;} .zero_percent .text{position:absolute; width:250px; left:50%; margin-left:-320px; top:265px;} .zero_percent .clickhere{position:absolute; z-index:1001; left:50%; margin-left: 15px; top: 120px;} .zero_percent .person1{position:absolute; width: 100px; left:50%; top:160px; margin-left: 125px;} .zero_percent .person2{position:absolute; width: 90px; z-index: 1000; left:50%; top:150px; margin-left:0px;} .zero_percent .person4{position:absolute; width: 80px; left:50%; top:150px; margin-left: 240px;} .zero_percent .confetti{position:absolute; left:50%; margin-left:-840px;} .zero_percent .body{position:absolute; width:300px; left:50%; margin-left: 15px; top: 30px;} .Karen .background{position:absolute; width:1680px; left: 50%; margin-left:-640px;} .Karen .heykaren{position:absolute; width: 440px; left: 50%; margin-left:-120px; top:50px;} .Karen .questions{position:absolute; width: 440px; left: 50%; margin-left: -114px; top:115px;} .Karen .clickhere{position:absolute; width:240px; left: 50%; margin-left:75px; top:175px;} .triple_points{background:#f7931d;} .triple_points .title{position:absolute; width:700px; left:50%; margin-left:-350px; top:10px;} .triple_points .electronics, .triple_points .itunes, .triple_points .amazon{position:absolute; bottom:85px; width:130px;} .triple_points .electronics{left:50%; margin-left:-250px;} .triple_points .itunes{left:50%; margin-left:-65px} .triple_points .amazon{right:50%; margin-right:-250px;} .hk_fall .clickhere{right:0; top:125px; width:76%;} .skip_dec .payment{top:0; right:-360px;} .vetdayspecial .title{width:50%; top:10px;} .vetdayspecial .rvlr{width:50%; top:122px;} .vetdayspecial .truck{right:0; z-index:2;width:300px; bottom:80px;} .vetdayspecial .flag{z-index:1; width:350px; bottom:-80px;} .vetdayspecial .ala{left:55px; top:200px; width:33%;} .vetdayspecial .apr{width:50%; top:210px;} .fridayfillups .fivex{bottom:160px; width:70%;right:50%; margin-right:-35%; z-index:1;} .fridayfillups .gascan{width:35%; bottom:50px; left:20px; z-index:2;} .VehicleRefinance .vecref, .VehicleRefinance .unDUHline, .VehicleRefinance .twofidy{width:250px; right:70px;} .VehicleRefinance .suv{width:300px; left:70px; top:20px;} .VehicleRefinance .vecref{top:15px;} .VehicleRefinance .unDUHline{top:60px;} .VehicleRefinance .twofidy{top:80px;} .VehicleRefinance .mowInfer{bottom:65px; width:450px; left:10px;} .VehicleRefinance .btm_bar{height:90px; left:-200px; width:200%; background:#0099a8; bottom:0; z-index:0;} .thx_giving_triple .clickhere{bottom:65px; left:10px; width:450px;} .thx_giving_triple .coretext{width:600px;left:0; top:5px; z-index:2;} .thx_giving_triple .turkey{width:300px; right:-100px; top:60px; z-index:1;} .now_open .skyline{bottom:-30px; width:100%; left:50%; margin-left:-50%;z-index:3;} .now_open .nowopen{top:45px; left:0px; width:440px; z-index:2;} .now_open .clickhere{top:170px; width:330px; left:30px;} .now_open .clouds{z-index:1;} .refinance .finey_print{width:26%; right:37%;bottom:40px;font-size:11px;} } @media screen and (max-width: 738px){ .rsMinW .rsBullets { top:310px; width:100%; margin-left:0px; text-align: center; position:absolute; left:0; } .ocsCent{ position:absolute; left:50%; margin:0 0 0 -155px; width:310px; height:350px; } #slider-with-blocks-1 { height:350px; } .leftText{ width:100%; top:210px; left:0px; text-align:center; visibility:hidden; } .leftText p, .line, .viewMore{ display:none; } .rightText{ width:305px; height:228px; position:relative; z-index:100; top:10px; left:830px; visibility:hidden; } .fallinlove .leftText{ visibility:visible; position:absolute; top:auto; bottom:-130px; left:0; width:310px; } .leapslide{ background-position:-300px 0px; } .snowboarder{ top:-40px; right:-100px; } .leapLogo{ left:60px; top:210px; width:200px; } #mNacCont{ width:280px; height:340px; margin:0 auto; position:relative; top:-20px; background:url(../images/core/mNacCont_shadow.png) bottom no-repeat; padding-bottom:22px; z-index:50; background-size:100%; } #applyNow{ width:280px; height:85px; background:#9bbfbd none; position:absolute; left:0; top:275px; } #joinNow{ width:280px; height:85px; background:#6a9997 none; position:absolute; left:0px; top:190px; } #mNacCont .login{ font-size:14px; line-height:14px; top:13px; right:19px; } #mNacCont p{ width:250px; left:15px; top:7px; font-size:12px; } #ob{ margin:26px 0 0 22px; } .idNum{ top:10px; right:38px; } .login-button{ top:53px; right:38px; } .login-button:hover{ background-position:top; } #login{ position:relative; top:0px; } #loginLinks{ position:absolute; top:133px; left:22px; } #loginPanel{ width:280px; height:190px; background:#54827f url(../css/images/core/lockKey.png) no-repeat center; position:absolute; right:0; } #loginPanel p{ width:200px; } .SAP .bgtop{position:absolute; width:800px; left:50%; margin-left:-360px;} .SAP .bgbottom{position:absolute; width:800px; left:50%; margin-left:-360px; bottom:0px;} .SAP .leftstars{position:absolute; width:277px; left:50%; margin-left:-380px; top:25px;} .SAP .rightstars{position:absolute; width:290px; left:50%; margin-left:100px; top:25px;} .SAP .lines{position:absolute; width:300px; left:50%; margin-left:-150px; top: 95px;} .SAP .skipdiv{position:absolute; left:50%; margin-left:-220px; top:160px;} .SAP .skipimg{position:absolute; width:140px; animation:move 1000ms ease-in-out infinite; -webkit-animation:move 1000ms ease-in-out infinite; -moz-animation:move 1000ms ease-in-out infinite; -ms-animation:move 1000mease-in-out infinite;} .SAP .text{position:absolute; width:275px; left:50%; margin-left:-60px; top:165px;} .SAP .this{visibility:hidden; position:absolute; width:50px; left:50%; margin-left: -80px; top:30px;} .SAP .j{position:absolute; width:40px; left:50%; margin-left:-100px; top: 25px;} .SAP .u{position:absolute; width:51px; left:50%; margin-left:-50px; top:25px;} .SAP .l{position:absolute; width:40px; left:50%; margin-left:10px; top:25px;} .SAP .y{position:absolute; width:64px; left:50%; margin-left:39px; top:25px;} .cudifferently{background:url(../images/slides/weCUdifferently/Membership_bg_mobile.jpg) #fff bottom center repeat-x; background-size:100%;} @media screen and (max-width: 450px){.cudifferently{background-size:200%;}} .cudifferently .cu_differently{width:310px;} .cudifferently .leftText{top:90px;} .skipApayment .skipTitle{position:absolute; right:auto; left:50%; margin-left:-150px; top:35px; width:300px;} .skipApayment .skipPresent{position:absolute; left:auto; right:50%; margin-right:-200px; bottom:30px; width:400px;} .mem-dec .chain{width:460px; bottom:60px; left:50%; margin-left:-230px;} .mem-dec .title{width:300px; top:40px; left:50%; margin-left:-150px;} .three-x-winter{background:url(../images/slides/3x-december/Christmas-My-Card-bg.jpg) center #0075b0} .three-x-winter .promo{position:absolute; width:300px; top:15px; left:50%; margin-left:-150px; z-index:5;} .three-x-winter .details{position:absolute; width:184px; top:170px; left:50%; margin-left:-92px; z-index:3;} .three-x-winter .moon{position:absolute; width:130px; bottom:0px; right:50%; margin-right:-65px; z-index:1;} .three-x-winter .santa{position:absolute; width:200px; bottom:75px; left:50%; margin-left:-100px; z-index:2;} .three-x-winter .scene{position:absolute; width:840px; bottom:0; left:50%; margin-left:-400px; z-index:2;} .points-weekend-dec .dtp-dates{visibility:hidden;} .points-weekend-dec .dtp-santa{visibility:hidden;} .points-weekend-dec .dtp-tree{position:absolute; left:50%; margin-left:-100px; bottom:100px; width:200px;} .points-weekend-dec .dtp-click{position:absolute; right:50%; bottom:70px; width:150px; margin-right:-75px;} .gift-o-membership .card{width:300px; left:50%; margin-left:-150px; top:81px; z-index:40;} .switch-kit .title{position:absolute; width:300px; left:50%; margin-left:-150px; top:15px; z-index:40; z-index:2;} .switch-kit .switch{position:absolute; width:300px; left:50%; margin-left:-150px; bottom:60px; z-index:1;} .cb_refi .title{position:absolute; width:300px; right:50%; margin-right:-150px; top:15px; z-index:40;} .cb_refi .man_car{position:absolute; width:300px; right:50%; margin-right:-150px; bottom:28px; z-index:1;} .cb_refi .fine_print{position:absolute; visibility:hidden; right:0; margin-right:0px; bottom:100px; z-index:40;} .balancetransfer .title{position:absolute; width:300px; left:50%; margin-left:-150px; top:20px; z-index:2;} .balancetransfer .hands{position:absolute; width:206px; right:50%; margin-right:-103px; top:0px; z-index:1;} .balancetransfer .submain{visibility:hidden;} .openingsoon .openSign{right:50%;top:90px; margin-right:-100px; width:200px;} .openingsoon .slideHeading{font-size:30px; line-height:40px; width:300px;} .openingsoon .leftText{width:304px; visibility:visible; left:50%; margin-left:-150px; bottom:0px; right:0; position:absolute;} .vday_auto .vday_family{position:absolute; width:300px; left:50%; margin-left:-150px; bottom:50px;} .vday_auto .vday_title{position:absolute; width:300px; right:0; margin-right:0; top:20px; z-index:2;} .vday_auto .vday_apply {position:absolute; width:200px; right:50%; margin-right:-100px; bottom:150px; z-index:1;} .FM .tree{position:absolute; width:300px; left:50%; margin-left:-150px; top:10px;} .FM .fm_title{visibility:hidden;} .FM .fm_text {visibility:hidden;} .FM .joinnow {position:absolute; width:100px; right:50%; margin-right:-50px; bottom:50px; z-index:1;} .weCUdifferently_march .title{position:absolute; width:300px; left:50%; margin-left:-150px; top:35px;} .weCUdifferently_march .house{position:absolute; width:220px; top:75px; left:0;} .weCUdifferently_march .car{position:absolute; width:90px; top:135px; left:auto; right:0;} .weCUdifferently_march .creditcards{position:absolute; width:120px; top:200px; right:auto; left:0;} .weCUdifferently_march .checking{position:absolute; top:210px; width:140px; right:0;} .springloan{background:url(../images/slides/seasonal_loan/Spring-Seasonal-Loans_Web-Banner.png) #b9e5fb repeat-x -500px 0;} .springloan .title{position:absolute; width:200px; left:50%; margin-left:-100px; top:0px;} .springloan .table{position:absolute; right:-20px; width:300px; left:50%; margin-left:-160px; top:150px;} .springloan .sky{position:absolute; left:50%; margin-left:-200px; top:-20px; width:500px;} .springloan .fineprint{position:absolute; width:300px; font-size:8px; line-height:10px; left:10px; bottom:45px;visibility:hidden;} .grandopening h1{width:100%; text-align:center; font-size:40px; line-height:40px; top:10px;} .grandopening .cloud1{position:absolute; width:100px; right:-10px; top:0px;} .grandopening .cloud2{position:absolute; width:50px; left:0px; top:20px;} .grandopening .candy{position:absolute; width:300px; left:50%; margin-left:-160px; top:240px; z-index:1;} .grandopening .plane{position:absolute; left: -200px;} .grandopening .gift{position:absolute; width:70px; top:200px; right:0px;} .grandopening .stars{position:absolute; width:250px; bottom:150px; left:30px; z-index:2;} .grandopening .buliding{position:absolute; width:300px; left:0px; top:110px; z-index:2;} .grandopening .text{position:absolute; right:50%; margin-right:-70px; width:140px; bottom:50px;} .airtravel .bigcloud{position:absolute; width:380px; top:109px; right:-330px; z-index:2;} .airtravel .small{width:160px; top:65px; right:auto; left:-160px;} .airtravel .left{right:auto; left:-160px; top:224px} .airtravel .small_l{left:auto; right:0; top:326px; width:188px;} .airtravel .title{position:absolute; width:300px; left:50%; margin-left:-150px; top:5px; z-index:1;} .airtravel .plane{position:absolute; width:300px; top:90px; left:50%; margin-left:-150px;} .airtravel .date{position:absolute; width:240px; bottom:130px; left:50%; margin-left:-120px;} .dailybonus .title{position:absolute; width:300px; top:40px; left:50%; margin-left:-150px;} .dailybonus .coin{position:absolute; width:300px; left:50%; margin-left:-150px; top:130px;} .dailybonus h1{color:#097b88; font-size:15px; line-height:15px; position:absolute; right:50px; bottom:42px;} .derbyday_twentyfourteen .car{position:absolute;width:200px; left:90px; bottom:10px;} .derbyday_twentyfourteen .jockey{position:absolute; width:50px; right:230px; bottom:20px;} .derbyday_twentyfourteen .title{position:absolute; width:200px; top:5px; left:50px;} .derbyday_twentyfourteen .bodycopy{position:absolute; width:200px; right:50px; top:90px;} .help-loan{background:url(../images/slides/help-loan/HELP-Promo-BG_mobile.png) top center repeat-x #BDBDBD} .help-loan .title{position:absolute; width:174px; left:50%; margin-left:-87px; top:60px;} .help-loan .body-text{position:absolute; width:150px; right:50%; margin-right:-75px; top:200px;} .festival .grass{position:absolute; left:50%; margin-left:-850px; top:300px;} .festival .balloons{position:absolute; width:500px; left:50%; margin-left:-250px; top:15px;} .festival .tents{position:absolute; width:275px; z-index:1000; left:50%; margin-left:-240px; top:230px;} .festival .text{position:absolute; width:290px; z-index:1002; left:50%; margin-left:-145px; top:25px;} .festival .wheelbase{position:absolute; width:125px; left:50%; margin-left:90px; top:250px;} .festival .carts{position:absolute; z-index:1002; left:50%; margin-left:60px; top:155px;} .festival .cart_img{width:185px; animation:rotate 40s infinite; -webkit-animation:rotate 40s infinite; -moz-animation:rotate 40s infinite; -ms-animation:rotate 40s infinite;} .mwhy{background:#f2f2f2;} .mwhy .cal, .mwhy .container{visibility:hidden;} .mwhy .sunny{position:absolute; right:50%; margin-right:-27px; top:10px;} .mwhy .text{position:absolute; width:250px; right:50%; margin-right:-125px; top:70px;} .WMIP .moda{position:absolute; width:550px; left:-150px; bottom:-90px;} .WMIP .WMIP_logo{position:absolute; width: 300px; right:50%; margin-right:-150px; top:10px;} .WMIP .tagline{visibility:hidden;} .legends .baseball{position:absolute; width: 540px; left:50%; margin-left:-85px; top:170px;} .SIPI .greenbar{position:absolute; width: 1680px; height:230px; left: 50%; margin-left:-840px; top:65px;} .SIPI .phonelogo{position:absolute; z-index:1000; width:130px; left: 50%; margin-left:-140px; top:50px;} .SIPI .text{position:absolute; width: 290px; left: 50%; margin-left:40px; top:110px;} .SIPI .clickhere{position:absolute; width: 240px; left: 50%; margin-left:40px; top: 254px;} .SIPI .checkone{position:absolute; z-index:990; width: 200px; left: 50%; margin-left:-290px; top:50px;} .SIPI .checktwo{position:absolute; z-index:980; width: 180px; left: 50%; margin-left:-300px; top:150px;} .SIPI .checkthree{position:absolute; left: 50%; width:200px; margin-left:-290px; top:180px;} .ABR .background{position:absolute; width:1680px; left: 50%; margin-left:-900px;} .ABR .clickhere{position:absolute; width: 200px; left:50%; margin-left: 130px; top: 310px;} .ABR .title{position:absolute; width:650; left:50%; margin-left: -325px; top:55px;} .ABR .amusement{position:absolute; width: 280px; left:50%; margin-left: -320px; top: 120px;} .ABR .tuition{position:absolute; left:50%; width: 175px; margin-left: 110px; top: 133px;} .ABR .and{position:absolute; width: 180px; left:50%; margin-left: -90px; top:160px;} .TBR .text3{position:absolute; left:50%; margin-left:113px; top:310px;} .First_home .background{position:absolute; width:1300px; left: 50%; margin-left:-674px;} .First_home .bottomtri{position:absolute; width: 135px; left: 50%; margin-left: -60px; top:220px;} .First_home .toptri{position:absolute; width: 135px; left: 50%; margin-left: -60px; top:53px;} .First_home .first{position:absolute; width: 135px; left: 50%; margin-left: -60px; top:58px;} .First_home .home{position:absolute; width: 135px; left: 50%; margin-left: -60px; top:101px;} .First_home .savings{position:absolute; width: 135px; left: 50%; margin-left: -60px; top:140px;} .First_home .plus{position:absolute; width: 135px; left: 50%; margin-left: -60px; top: 168px;} .First_home .text{position:absolute; width: 143px; left: 50%; margin-left: -64px; top: 252px;} .zero_percent .person1{position:absolute; width: 95px; left:50%; top:150px; margin-left: 115px;} .triple_points{background:#f7931d;} .triple_points .title{position:absolute; width:300px; left:50%; margin-left:-150px; top:80px;} .triple_points .electronics, .triple_points .itunes, .triple_points .amazon{position:absolute; bottom:105px; width:80px;} .triple_points .itunes{left:50%; margin-left:-40px} .triple_points .amazon{right:50%; margin-right:-125px;} .triple_points .electronics{left:50%; margin-left:-125px;} .hk_fall{background:#079ca6;} .hk_fall .karen, .hk_fall .clickhere, .hk_fall .aqlab{position:absolute;z-index:1;} .hk_fall .karen{bottom:0;width:98%;left:50%; margin-left:-49%;z-index:2;} .hk_fall .aqlab{right:0; top:50px; width:100%;} .hk_fall .clickhere{right:0; top:120px; width:100%;} .itsopen .banner{width:100%; right:0; z-index:2;} .itsopen .clouds{z-index:1; width:700px;left:50%;margin-left:-350px;} .itsopen .branch{bottom:20px;} .itsopen .staff{width:18%; bottom:20px; left:70px;} .skip_dec .ground_snow, .skip_dec .house, .skip_dec .snow, .skip_dec .skip, .skip_dec .payment{position:absolute;} .skip_dec .ground_snow{visibility:hidden;} .skip_dec .house{width:100%;bottom:70px; z-index:4;} .skip_dec .snow{top:0; z-index:6; width:800px; left:-200px;} .skip_dec .skip{top:-10px; left:-140px; width:450px;} .skip_dec .payment{top:-10px; width:550px; right:-260px;} .vetdayspecial .title{width:100%; top:10px;} .vetdayspecial .rvlr{width:100%; top:102px;} .vetdayspecial .truck{right:50%; margin-right:-20%; z-index:2;width:40%; bottom:50px;} .vetdayspecial .flag{z-index:1; width:100%; bottom:-80px; visibility:hidden;} .vetdayspecial .ala{left:50%; margin-left:-25%; top:165px; width:50%;} .vetdayspecial .apr{width:100%; top:240px;} .fridayfillups .fffu{width:100%; left:50%; margin-left:-50%;} .fridayfillups .fivex{bottom:200px;width:100%; left:50%; margin-left:-50%; z-index:2;} .fridayfillups .gascan{width:100%; bottom:50px; left:-40px; z-index:1;} .fridayfillups .askhow{width:100%; bottom:60px; left:50%; margin-left:-50%; z-index:3;} .VehicleRefinance .vecref, .VehicleRefinance .unDUHline, .VehicleRefinance .twofidy{width:80%; right:10%;} .VehicleRefinance .suv{visibility:hidden;} .VehicleRefinance .vecref{top:15px;} .VehicleRefinance .unDUHline{top:60px;} .VehicleRefinance .twofidy{top:80px;} .VehicleRefinance .mowInfer{bottom:60px; width:100%; left:0;} .VehicleRefinance .btm_bar{height:90px; left:-250px; width:300%; background:#0099a8; bottom:0; z-index:0;} .thx_giving_triple .clickhere{bottom:45px; left:0; width:100%;} .thx_giving_triple .coretext{width:100%; left:0; top:5px; z-index:1;} .thx_giving_triple .turkey{width:200px; right:50px; top:140px; z-index:2;} .now_open .skyline{bottom:-30px; width:140%; left:50%; margin-left:-70%;z-index:3;} .now_open .nowopen{top:65px; left:0px; width:100%; z-index:2;} .now_open .clickhere{top:170px; width:100%; left:0;} .now_open .clouds{z-index:1; left:-300px;} .zero_december .purchase, .zero_december .transfer, .zero_december .therafter {width:43%; top:2%;} .zero_december .guy{width:.1%;left:-300%;visibility:hidden;} .zero_december .transfer{right:0;} .zero_december .purchase{left:0%;} .zero_december .therafter{right:50%;margin-right:-17%;width:34%;top:auto;bottom:10%;} .zero_december .snow{top:0;width:300%;left:50%;margin-left:-150%; z-index:6;} .refinance .title{width:80%;left:10%;top:20px;} .refinance .etc{width:80%;left:10%;top:auto;bottom:50px;} .refinance .car, .refinance .divider, .refinance .finey_print{visibility:hidden;} @media screen and (max-width: 635px){ .legends .legendsman{position:absolute; width: 230px; left:50%; margin-left:0px; top:8px;} .legends .baseball{position:absolute; width: 380px; left:50%; margin-left:-85px; top:170px;} .legends .leap{position:absolute; width:200px; left:50%; margin-left:-200px; top:15px;} .legends .at_the{position:absolute; width: 70px; left:50%; margin-left: -70px; top:100px;} .legends .text{position:absolute; width: 300px; left:50%; margin-left: -200px; top: 165px;} .legends .rsvp{position:absolute; width: 140px; left:50%; margin-left:-160px; top:260px;} .SIPI .phonelogo{position:absolute; z-index:1000; width:100px; left: 50%; margin-left:-140px; top:80px;} .SIPI .text{position:absolute; width: 230px; left: 50%; margin-left:-20px; top:110px;} .SIPI .clickhere{position:absolute; width: 210px; left: 50%; margin-left:-20px; top: 240px;} .SIPI .checkone{position:absolute; z-index:990; width: 170px; left: 50%; margin-left:-250px; top:70px;} .SIPI .checktwo{position:absolute; z-index:980; width: 155px; left: 50%; margin-left:-260px; top:145px;} .SIPI .checkthree{position:absolute; left: 50%; width:170px; margin-left:-250px; top:165px;} .ABR .clickhere{position:absolute; width: 200px; left:50%; margin-left: -10px; top: 290px;} .ABR .title{visibility:hidden;} .ABR .titledpi{position:absolute; visibility: visible; width:420; left:50%; margin-left: -210px; top:25px;} .ABR .amusement{position:absolute; width: 200px; left:50%; margin-left: -210px; top: 60px;} .ABR .tuition{position:absolute; left:50%; width: 140px; margin-left: 50px; top: 175px;} .ABR .and{position:absolute; width: 130px; left:50%; margin-left: -62px; top:165px;} .TBR .background{position:absolute; width:1200px; left: 50%; margin-left:-600px;} .TBR .books{position:absolute; width: 250px; left:50%; margin-left: -250px; top:190px;} .TBR .hat{position:absolute; width: 220px; left:50%; margin-left:-258px; top:127px;} .TBR .text1{position:absolute; width: 400px; left:50%; margin-left:-200px; top:50px;} .TBR .text2{position:absolute; width:160px; left:50%; margin-left: 40px; top:120px;} .TBR .text3{position:absolute; left:50%; margin-left:34px; top:280px;} .zero_percent .zero{position:absolute; width:300px; left:50%; margin-left:-290px; top:30px;} .zero_percent .text{position:absolute; width:225px; left:50%; margin-left:-247px; top:245px;} .zero_percent .clickhere{position:absolute; width: 230px; z-index:1001; left:50%; margin-left: 15px; top: 100px;} .zero_percent .person1{position:absolute; width: 100px; left:50%; top:140px; margin-left: 140px;} .zero_percent .person2{position:absolute; width: 90px; z-index: 1000; left:50%; top:150px; margin-left:15px;} .zero_percent .person4{position:absolute; visibility:hidden; width: 80px; left:50%; top:150px; margin-left: 240px;} .zero_percent .confetti{position:absolute; left:50%; margin-left:-840px;} .zero_percent .body{position:absolute; width:250px; left:50%; margin-left: 15px; top: 30px;} .Karen .background{position:absolute; width:1680px; left: 50%; margin-left:-570px;} .Karen .heykaren{position:absolute; width: 270px; left: 50%; margin-left:-55px; top:50px;} .Karen .questions{position:absolute; width: 270px; left: 50%; margin-left: -55px; top:90px;} .Karen .clickhere{position:absolute; width:240px; left: 50%; margin-left:-20px; top:125px;} .OSCS .hybrid{position:absolute; width:106px; left:160px; bottom:20px;} .OSCS .truck{position:absolute; width:118px; left:auto; right:160px; margin-left:auto; bottom:20px;} } @media screen and (max-width: 450px){ .SAP .leftstars{position:absolute; width:277px; left:50%; margin-left:-380px; top:25px;} .SAP .rightstars{position:absolute; width:290px; left:50%; margin-left:100px; top:25px;} .SAP .lines{position:absolute; width:300px; left:50%; margin-left:-150px; top: 95px;} .SAP .skipdiv{position:absolute; left:50%; margin-left:-70px; top:110px;} .SAP .skipimg{position:absolute; width:140px; animation:move 1000ms ease-in-out infinite; -webkit-animation:move 1000ms ease-in-out infinite; -moz-animation:move 1000ms ease-in-out infinite; -ms-animation:move 1000mease-in-out infinite;} .SAP .text{position:absolute; width:240px; left:50%; margin-left:-120px; top:220px;} .SAP .this{visibility:hidden; position:absolute; width:50px; left:50%; margin-left: -120px; top:30px;} .SAP .j{position:absolute; width:40px; left:50%; margin-left:-100px; top: 25px;} .SAP .u{position:absolute; width:51px; left:50%; margin-left:-50px; top:25px;} .SAP .l{position:absolute; width:40px; left:50%; margin-left:10px; top:25px;} .SAP .y{position:absolute; width:64px; left:50%; margin-left:39px; top:25px;} .legends .legendsman{position:absolute; width: 160px; left:50%; margin-left:-20px; top:8px;} .legends .baseball{position:absolute; width: 320px; left:50%; margin-left:-85px; top:220px;} .legends .leap{position:absolute; width:130px; left:50%; margin-left:-135px; top:15px;} .legends .at_the{position:absolute; width: 60px; left:50%; margin-left: -85px; top:65px;} .legends .text{position:absolute; width: 280px; left:50%; margin-left: -135px; top: 165px;} .legends .rsvp{position:absolute; width: 120px; left:50%; margin-left:-135px; top:260px;} .SIPI .greenbar{position:absolute; width: 1680px; height:200px; left: 50%; margin-left:-840px; top:75px;} .SIPI .phonelogo{position:absolute; z-index:1000; width:120px; left: 50%; margin-left:-150px; top:55px;} .SIPI .text{position:absolute; width: 170px; left: 50%; margin-left:-20px; top:90px;} .SIPI .clickhere{position:absolute; width: 170px; left: 50%; margin-left:-20px; top: 169px;} .SIPI .checkone{position:absolute; z-index:990; width: 180px; left: 50%; margin-left:-70px; top:210px;} .SIPI .checktwo{position:absolute; z-index:980; width: 160px; left: 50%; margin-left:-40px; top:190px;} .SIPI .checkthree{ visibility:hidden; position:absolute; left: 50%; width:200px; margin-left:-200px; top:30px;} .ABR .clickhere{position:absolute; width: 200px; left:50%; margin-left: -100px; top: 290px;} .ABR .title{visibility:hidden;} .ABR .titledpi{position:absolute; width:300; left:50%; margin-left: -150px; top:55px;} .ABR .amusement{position:absolute; width: 150px; left:50%; margin-left: -140px; top: 80px;} .ABR .tuition{position:absolute; left:50%; width: 110px; margin-left: 30px; top: 185px;} .ABR .and{position:absolute; width: 100px; left:50%; margin-left: -45px; top:165px;} .TBR .books{position:absolute; width: 250px; left:50%; margin-left: -230px; top:190px;} .TBR .hat{position:absolute; width: 220px; left:50%; margin-left:-238px; top:127px;} .TBR .text1{position:absolute; width: 300px; left:50%; margin-left:-150px; top:50px;} .TBR .text2{position:absolute; width:140px; left:50%; margin-left: 10px; top:120px;} .TBR .text3{position:absolute; width:140px; left:50%; margin-left:14px; top:280px;} .zero_percent .zero{position:absolute; z-index:1; width:250px; left:50%; margin-left:-125px; top:20px;} .zero_percent .text{position:absolute; z-index: 3; width:150px; left:50%; margin-left:-75px; top:185px;} .zero_percent .clickhere{position:absolute; width: 200px; z-index:1001; left:50%; margin-left: -100px; top: 280px;} .zero_percent .person1{position:absolute; visibility:hidden; width: 100px; left:50%; top:140px; margin-left: 140px;} .zero_percent .person2{position:absolute; width: 90px; z-index: 2; left:50%; top:150px; margin-left:-160px;} .zero_percent .person4{position:absolute; visibility:hidden; width: 80px; left:50%; top:150px; margin-left: 240px;} .zero_percent .confetti{position:absolute;z-index:0; left:50%; margin-left:-840px;} .zero_percent .body{position:absolute;z-index:3; width:200px; left:50%; margin-left: -90px; top: 230px;} .Karen .background{position:absolute; width:1680px; left: 50%; margin-left:-550px;} .Karen .heykaren{position:absolute; width: 270px; left: 50%; margin-left:-125px; top:250px;} .Karen .questions{position:absolute; width: 270px; left: 50%; margin-left: -123px; top:290px;} .Karen .clickhere{position:absolute; width:170px; left: 50%; margin-left:-30px; top:205px;} } }