@import url(https://fonts.googleapis.com/css?family=Cantata+One|Source+Sans+Pro|Roboto+Condensed:400,300,700);
.sprites-sprite, .sprites-arrow-hov, .sprites-arrow, .sprites-banner-nav-hov, #banner #bannerNavigation .button:hover, .sprites-banner-nav, #banner #bannerNavigation .button, .sprites-bv-hov, .sprites-bv, .sprites-close-hov, .sprites-close, .sprites-eh-hov, .sprites-eh, .sprites-fdic-hov, .sprites-fdic, .sprites-join-hov, .sprites-join, .sprites-lock, .sprites-logo-footer, .sprites-print-hov, .sprites-print, .sprites-rates-hov, .sprites-rates, .sprites-search-hov, .sprites-search, .sprites-share-hov, .sprites-share {
  background: url("../image/sprites.png") no-repeat;
  display: block;
  font-size: 0;
  color: transparent; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-arrow-hov {
  background-position: 0 -747px;
  height: 15px;
  width: 17px;
  display: inline-block; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-arrow {
  background-position: 0 -732px;
  height: 15px;
  width: 17px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-banner-nav-hov, #banner #bannerNavigation .button:hover {
  background-position: 0 -572px;
  height: 19px;
  width: 19px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-banner-nav, #banner #bannerNavigation .button {
  background-position: 0 -466px;
  height: 19px;
  width: 19px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-bv-hov {
  background-position: 0 -219px;
  height: 24px;
  width: 85px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-bv {
  background-position: 0 -243px;
  height: 24px;
  width: 85px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-close-hov {
  background-position: 0 -485px;
  height: 23px;
  width: 23px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-close {
  background-position: 0 -401px;
  height: 23px;
  width: 23px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-eh-hov {
  background-position: 0 -325px;
  height: 38px;
  width: 37px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-eh {
  background-position: 0 -363px;
  height: 38px;
  width: 37px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-fdic-hov {
  background-position: 0 -267px;
  height: 29px;
  width: 46px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-fdic {
  background-position: 0 -296px;
  height: 29px;
  width: 46px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-join-hov {
  background-position: 0 -66px;
  height: 55px;
  width: 58px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-join {
  background-position: 0 -121px;
  height: 55px;
  width: 58px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-lock {
  background-position: 0 -617px;
  height: 28px;
  width: 20px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-logo-footer {
  background-position: 0 0;
  height: 66px;
  width: 66px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-print-hov {
  background-position: 0 -527px;
  height: 45px;
  width: 29px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-print {
  background-position: 0 -645px;
  height: 27px;
  width: 29px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-rates-hov {
  background-position: 0 -176px;
  height: 43px;
  width: 34px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-rates {
  background-position: 0 -591px;
  height: 26px;
  width: 20px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-search-hov {
  background-position: 0 -690px;
  height: 18px;
  width: 18px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-search {
  background-position: 0 -672px;
  height: 18px;
  width: 18px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-share-hov {
  background-position: 0 -424px;
  height: 42px;
  width: 34px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-share {
  background-position: 0 -708px;
  height: 24px;
  width: 25px; }

.buttonHover, #banner #bannerSlides .slide .slideContent a:hover {
  background: #09A0A2;
  /* Old browsers */
  background: -moz-linear-gradient(top, #0BBFBF 0%, #09A0A2 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0BBFBF), color-stop(100%, #09A0A2));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #0BBFBF 0%, #09A0A2 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #0BBFBF 0%, #09A0A2 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #0BBFBF 0%, #09A0A2 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #0BBFBF 0%, #09A0A2 100%);
  /* W3C */ }

.sprites-sprite, .sprites-arrow-hov, .sprites-arrow, .sprites-banner-nav-hov, #banner #bannerNavigation .button:hover, .sprites-banner-nav, #banner #bannerNavigation .button, .sprites-bv-hov, .sprites-bv, .sprites-close-hov, .sprites-close, .sprites-eh-hov, .sprites-eh, .sprites-fdic-hov, .sprites-fdic, .sprites-join-hov, .sprites-join, .sprites-lock, .sprites-logo-footer, .sprites-print-hov, .sprites-print, .sprites-rates-hov, .sprites-rates, .sprites-search-hov, .sprites-search, .sprites-share-hov, .sprites-share {
  background: url("../image/sprites.png") no-repeat;
  display: block;
  font-size: 0;
  color: transparent; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-arrow-hov {
  background-position: 0 -747px;
  height: 15px;
  width: 17px;
  display: inline-block; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-arrow {
  background-position: 0 -732px;
  height: 15px;
  width: 17px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-banner-nav-hov, #banner #bannerNavigation .button:hover {
  background-position: 0 -572px;
  height: 19px;
  width: 19px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-banner-nav, #banner #bannerNavigation .button {
  background-position: 0 -466px;
  height: 19px;
  width: 19px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-bv-hov {
  background-position: 0 -219px;
  height: 24px;
  width: 85px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-bv {
  background-position: 0 -243px;
  height: 24px;
  width: 85px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-close-hov {
  background-position: 0 -485px;
  height: 23px;
  width: 23px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-close {
  background-position: 0 -401px;
  height: 23px;
  width: 23px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-eh-hov {
  background-position: 0 -325px;
  height: 38px;
  width: 37px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-eh {
  background-position: 0 -363px;
  height: 38px;
  width: 37px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-fdic-hov {
  background-position: 0 -267px;
  height: 29px;
  width: 46px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-fdic {
  background-position: 0 -296px;
  height: 29px;
  width: 46px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-join-hov {
  background-position: 0 -66px;
  height: 55px;
  width: 58px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-join {
  background-position: 0 -121px;
  height: 55px;
  width: 58px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-lock {
  background-position: 0 -617px;
  height: 28px;
  width: 20px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-logo-footer {
  background-position: 0 0;
  height: 66px;
  width: 66px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-print-hov {
  background-position: 0 -527px;
  height: 45px;
  width: 29px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-print {
  background-position: 0 -645px;
  height: 27px;
  width: 29px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-rates-hov {
  background-position: 0 -176px;
  height: 43px;
  width: 34px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-rates {
  background-position: 0 -591px;
  height: 26px;
  width: 20px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-search-hov {
  background-position: 0 -690px;
  height: 18px;
  width: 18px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-search {
  background-position: 0 -672px;
  height: 18px;
  width: 18px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-share-hov {
  background-position: 0 -424px;
  height: 42px;
  width: 34px; }

/* line 60, ../../../../../../../../Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.sprites-share {
  background-position: 0 -708px;
  height: 24px;
  width: 25px; }

/* add banner's glow bg to main content on homepage */
body#home #mainContentWrapper {
  position: relative; }
  body#home #mainContentWrapper:before {
    content: "";
    position: absolute;
    left: 40%;
    top: -320px;
    width: 615px;
    height: 320px;
    background: url(../image/banner/glow.png) top no-repeat;
    z-index: 0; }

#bannerContainer {
  float: left;
  margin-top: -341px; }

#banner {
  width: 100%;
  height: 338px;
  position: relative;
  overflow: hidden;
  z-index: 0; }
  #banner .hide {
    opacity: 0;
    z-index: -1;
    display: none; }
  #banner #bannerPreloader {
    position: absolute;
    width: 25px;
    height: 25px;
    left: 50%;
    top: 50%;
    margin: -12.5px -12.5px 0 0;
    display: none; }
    .js #banner #bannerPreloader {
      display: block; }
  #banner #bannerSlides {
    position: absolute;
    width: 100%;
    height: 100%; }
    #banner #bannerSlides noscript {
      display: inline-block;
      position: relative;
      z-index: 10;
      background: #FFF;
      background: rgba(255, 255, 255, 0.95);
      padding: 20px; }
      #banner #bannerSlides noscript h2 {
        padding-top: 0; }
      #banner #bannerSlides noscript p {
        padding-bottom: 0; }
    #banner #bannerSlides .photoFrame {
      position: absolute;
      left: 80px;
      top: 12px;
      width: 397px;
      height: 286px;
      z-index: 2; }
      #banner #bannerSlides .photoFrame:before {
        content: "";
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 10;
        background: transparent url("../image/banner/photo-mask.png") 0 0 no-repeat; }
      #banner #bannerSlides .photoFrame img {
        position: absolute;
        left: 23px;
        top: 18px; }
    #banner #bannerSlides .slide {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }
      #banner #bannerSlides .slide noscript {
        display: block;
        width: 100%;
        height: 100%; }
      #banner #bannerSlides .slide .slideContent {
        position: absolute;
        left: 510px;
        top: 30px;
        width: 325px; }
        #banner #bannerSlides .slide .slideContent h3 {
          font-size: 30px;
          color: #BF1F2C;
          font-family: "Cantata One", serif;
          font-weight: 400;
          margin: 13px 0 7px -2px;
          padding: 0; }
          #banner #bannerSlides .slide .slideContent h3 sup {
            font-size: 18px; }
        #banner #bannerSlides .slide .slideContent p {
          font-size: 28px;
          color: #334659;
          line-height: 1.2;
          font-weight: 300;
          padding-bottom: 22px;
          margin-left: -1px; }
          #banner #bannerSlides .slide .slideContent p sup {
            font-size: 11px;
            top: -12px; }
        #banner #bannerSlides .slide .slideContent ul {
          margin-bottom: 20px; }
          #banner #bannerSlides .slide .slideContent ul li {
            font-size: 28px;
            color: #334659;
            line-height: 1.2;
            font-weight: 300;
            position: relative;
            padding-left: 5px;
            text-indent: -6px; }
            #banner #bannerSlides .slide .slideContent ul li:before {
              content: "-";
              font-size: 28px;
              margin-left: -5px;
              margin-right: 6px; }
        #banner #bannerSlides .slide .slideContent a {
          display: inline-block;
          padding: 6px 40px;
          border: 0 none;
          font-family: "Roboto Condensed", sans-serif;
          font-size: 26px;
          color: #FFF;
          background: #1A242D;
          /* Old browsers */
          background: -moz-linear-gradient(top, #344859 0%, #1A242D 100%);
          /* FF3.6+ */
          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #344859), color-stop(100%, #1A242D));
          /* Chrome,Safari4+ */
          background: -webkit-linear-gradient(top, #344859 0%, #1A242D 100%);
          /* Chrome10+,Safari5.1+ */
          background: -o-linear-gradient(top, #344859 0%, #1A242D 100%);
          /* Opera 11.10+ */
          background: -ms-linear-gradient(top, #344859 0%, #1A242D 100%);
          /* IE10+ */
          background: linear-gradient(to bottom, #344859 0%, #1A242D 100%);
          /* W3C */
          -moz-border-radius: 8px;
          -webkit-border-radius: 8px;
          border-radius: 8px;
          padding: 3px 6px;
          font-size: 19px;
          -moz-border-radius: 5px;
          -webkit-border-radius: 5px;
          border-radius: 5px;
          font-weight: 400;
          font-size: 21px;
          padding: 6px 12px;
          margin-left: -3px; }
      #banner #bannerSlides .slide.afk-cash .slideContent h3, #banner #bannerSlides .slide.afk-cash-back .slideContent h3 {
        margin-top: 0; }
      #banner #bannerSlides .slide.kasasa-cash .photoFrame img {
        left: 26px;
        top: 25px; }
      #banner #bannerSlides .slide.kasasa-cash .slideContent h3 {
        margin-top: 0; }
      #banner #bannerSlides .slide.auto-loans-special .photoFrame img {
        left: 25px;
        top: 25px; }
      #banner #bannerSlides .slide.auto-loans-special .slideContent {
        top: 7px !important;
        width: 335px; }
        #banner #bannerSlides .slide.auto-loans-special .slideContent h3 {
          margin-bottom: 12px; }
        #banner #bannerSlides .slide.auto-loans-special .slideContent p {
          font-size: 27px;
          padding-bottom: 12px; }
          #banner #bannerSlides .slide.auto-loans-special .slideContent p.disclaimer {
            position: absolute;
            font-size: 17px;
            bottom: -48px;
            font-style: italic; }
        #banner #bannerSlides .slide.auto-loans-special .slideContent a {
          padding: 6px 58px; }
      #banner #bannerSlides .slide.mobile-app-coming-soon .photoFrame img {
        left: 25px;
        top: 25px; }
      #banner #bannerSlides .slide.mobile-app-coming-soon .slideContent {
        top: 7px !important;
        width: 335px; }
        #banner #bannerSlides .slide.mobile-app-coming-soon .slideContent h3 {
          margin-bottom: 12px; }
        #banner #bannerSlides .slide.mobile-app-coming-soon .slideContent p {
          font-size: 27px;
          padding-bottom: 12px; }
          #banner #bannerSlides .slide.mobile-app-coming-soon .slideContent p span {
            display: block;
            font-weight: 700;
            margin-top: 26px; }
        #banner #bannerSlides .slide.mobile-app-coming-soon .slideContent a {
          padding: 6px 58px; }
      #banner #bannerSlides .slide.e-statements .slideContent {
        margin-top: -23px;
        left: 512px;
        width: 310px; }
        #banner #bannerSlides .slide.e-statements .slideContent p {
          line-height: 32px;
          font-size: 27px;
          padding-bottom: 17px; }
        #banner #bannerSlides .slide.e-statements .slideContent a {
          padding: 6px 27px; }
  #banner #bannerPlayback {
    position: absolute;
    bottom: 20px;
    right: 50px;
    z-index: 3; }
    #banner #bannerPlayback .button {
      float: left;
      display: none; }
      .js #banner #bannerPlayback .button {
        cursor: pointer;
        display: block; }
      #banner #bannerPlayback .button.next {
        margin-left: 5px; }
  #banner #bannerNavigation {
    position: absolute;
    bottom: 14px;
    left: 244px; }
    .noJs #banner #bannerNavigation {
      display: none; }
    #banner #bannerNavigation .button {
      display: inline-block;
      position: relative;
      cursor: pointer;
      margin-right: 12px; }
      #banner #bannerNavigation .button.active {
        display: inline-block;
        background-position: 0 -508px; }
      #banner #bannerNavigation .button:hover {
        display: inline-block; }