@import url(/discover/css/base.css);

/* 
======================
HIGH-LEVEL LAYOUT CONTAINERS
- all @media queries will inherit these styles
======================
*/
.no-js #msg-enable-js { background: #FAF3BC; height: 60px; }

.section,.container {
  max-width: 950px;
  margin: 0 auto;
}
#content, .lead,.aside,.nav  { max-width: 100%; }
.section,#content { margin-bottom: 1.5em; }
.lead { height: 315px; }

.primary-content {
  float: left;
  width: 66.31578%; /* 630px */
}
.secondary-content {
  float: right;
  width: 32.63157%; /* 310px */
}
.aside,.nav { margin-bottom: 0; }

#site-header, #site-footer {
    position: relative;
    z-index: 1;
}

/* 
======================
GLOBAL COMPONENTS
======================
*/
.site-header {
  width: 950px;
  margin: 0 auto;
}
.site-header .header-content { padding: 26px 0 12px; }

/* 
======================
PAGE LAYOUT
======================
*/
.secondary-content .cell {
  float: none;
  width: 90.96774%; /* 282/310 */
  margin: 0 0 1.5em auto;
}

/* 
======================
Breakpoints 
======================
*/

/* Desktop 
  uses global styles - this block is for overrides only */
@media (min-width: 979px) {
  /* INHERITED BY (min-width: 1200px) */

  .secondary-content .cell:first-child {
    margin-left: auto;
  } 
}


@media (max-width: 979px) {
  /* INHERITED BY ALL BELOW - 
    high level-container adjustments only */

  .section,.container { width: 92.3177%; }
  .lead,.aside,.nav { width: 100%; }
  .primary-content,.secondary-content {
    float: none;
    width: 100%;
  }
  .primary-content { margin-bottom: 1.5em; }
  .secondary-content .cell {
    width: 100%;
    margin: 0 0 1.5em;
  }
}


/* Portrait Tablets */
@media (min-width: 768px) and (max-width: 979px) {
  /* NO INHERITANCE */

  .secondary-content .cell {
    float: left;
    width: 47.95486%; /* 340/079 */
    margin: 0 0 1.5em 4.09028%;
  }
}

/* Smartphones to Tablets (esp. Portrait Mini-Tablets) */
@media (max-width: 767px) {
  /* INHERITED BY 
    (max-width: 480px)
    (max-width: 320px)
   */

}

/* Landscape Smartphones  */
@media (max-width: 480px) {
  /* INHERITS
    (max-width: 767px)
   */
  /* INHERITED BY 
    (max-width: 320px)
   */

}

/* 
======================
Secondary Breakpoints 
======================
*/

/* Portrait Smartphones */
@media (max-width: 320px) {
  /* INHERITS
    (max-width: 767px)
    (max-width: 480px)
   */

  
}

/* Large Display */
@media (min-width: 1200px) {
  /* INHERITS (min-width: 979px) */



}
     
/* print */
@media print {
  * {background:transparent !important;color:#444 !important;text-shadow:none;}
  a,a:visited {color:#444 !important;text-decoration:underline;}
  .ir a:after {content:'';}
  pre,blockquote {border:1px solid #999;page-break-inside:avoid;}
  img {page-break-inside:avoid;}
  @page {margin:0.5cm;}
  p,h2,h3 {orphans:3;widows:3;}
  h2,h3 {page-break-after:avoid;}
  .printonly{border:0;clip:auto;height:auto;margin:0;overflow:visible;padding:0;position:static;width:auto;}
}


/* banner */
#site-header {
  width: 92.3177%;
  max-width: 970px;
  margin: 0 auto; 
}

.primary-navigation .subnav { display: none; }

.discover-logo {
  float: left;
  width: 147px;
  height: 25px;
  margin-top: 21px;
}
.discover-logo a {
  width: 100%;
  height: 100%;
  background: url(/discover/img/logo-discover.png) 0 0 no-repeat;
}

/* navigation */
.primary-navigation {
  float: right;
  font-size: 0.8125em; 
  height: 62px;
  padding-top: 3px;
}

.primary-navigation .button { display: none; }
.primary-navigation a { display: block; }

.primary-navigation .navitem > a {
  padding: 22px 15px; 
  position: relative;
  z-index: 10;
  padding-right: 8px; 
}
.primary-navigation .navitem > a span {
  padding-right: 16px;
  background: url(/discover/img/global-sprite.png) no-repeat scroll right -45px transparent;
}

.primary-navigation .navitem.on > a span,
.ie7 .primary-navigation .navitem:hover > a span { background-position: right -17px; }
.primary-navigation .has-subnav { padding-right: 7px; }
.primary-navigation .has-subnav.on,
.ie7 .primary-navigation .has-subnav:hover { background: #fff url(/discover/img/global-sprite.png) right -534px no-repeat; }
.primary-navigation .has-subnav.on > a,
.ie7 .primary-navigation .has-subnav:hover > a {
  padding-bottom: 26px;
  background: #FFF url(/discover/img/global-sprite.png) -33px -534px no-repeat;
  text-decoration: none;
  color: #ff6600;
}
.primary-navigation .has-subnav.on .subnav,
.ie7 .primary-navigation .has-subnav:hover .subnav {
  display: block;
  margin-top: -4px;
}
.primary-navigation .navitem > a span.icon-lock {
  padding: 0;
  padding-left: 12px;
  background: url(/discover/img/global-sprite.png) -9px -199px no-repeat;
}
.primary-navigation .navitem.on > a span.icon-lock,
.ie7 .primary-navigation .navitem:hover > a span.icon-lock {
  background-position: -9px -218px;
}
.primary-navigation .subnav {
  width: 97%;
  position: absolute;
  left: 0;
  z-index: 1;
  background: #FFF;
  -moz-box-shadow: 0px 3px 8px #666;
  -webkit-box-shadow: 0px 3px 8px #666;
  box-shadow: 0px 3px 8px #666;
}

.ie7 .primary-navigation .subnav {
  width: 948px;
  background: url(/images/transparent-placeholder.gif);
}

.ie8 .primary-navigation .subnav {
  width: 948px;
  background: none;
}

.primary-navigation .top-border { border-top: 4px solid #F60; overflow: hidden; }
.primary-navigation .subnav-details {
  float: left;
  margin: 20px 0 20px 25px;
  text-indent: -9999px;
  background: url(/discover/img/global-sprite.png) 0 0 no-repeat;
}
#navitem-login .subnav-details {
  width: 150px;
  height: 42px;
  background-position: -448px -25px;
}
#navitem-prodservices .subnav-details {
  width: 160px;
  height: 107px;
  background-position: -448px -78px;
}
#navitem-custservice .subnav-details {
  width: 310px;
  height: 70px;
  background-position: -448px -205px;
}
#navitem-community .subnav-details {
  width: 204px;
  height: 46px;
  background-position: -448px -291px;
}
.primary-navigation .subnav .list-wrap {
  float: right;
  padding-right: 1.5em;
}
.primary-navigation .subnav ul, .primary-navigation .subnav li { list-style-type: none; }
.primary-navigation .subnav ul {
  padding-bottom: 2em;
  overflow: hidden;
  zoom: 1;
}
.primary-navigation .subnav ul .subnavmenu {
  float: left;
  margin: 1.2em 0 0 2em;
}
.primary-navigation .subnav ul .subnavmenu.first {
  margin-left: 0;
}
.primary-navigation .subnav ul .subnavmenu-header, .primary-navigation .subnav-header {
  font-size: 1.154em;
  font-weight: bold;
}
.primary-navigation .subnav-header {
  display: block;
  margin: 1.2em 0 0 0;
}
.primary-navigation .subnav ul .subnavmenu ul { margin-left: 0; }
.primary-navigation .subnav ul .subnavmenu ul li {
  display: block;
  float: none;
}
#navitem-prodservices .subnav ul { padding-bottom: 2em; }
#navitem-prodservices .subnav ul .subnavmenu {
  padding: 0 3em 0 1.5em;
  margin: 1.2em 0 0;
  border-right: 1px solid #DCE3E5;
  min-height: 180px;
}
#navitem-prodservices .subnav ul .subnavmenu ul { padding-bottom: 0; }
#navitem-prodservices .subnav ul .subnavmenu.last {
  border-right: none;
  padding-right: 0;
}
#navitem-prodservices .subnav ul .subnavmenu ul li { padding-top: .5em; }
#navitem-custservice .subnavmenu {
  float: left;
  margin: 0;
  padding: 0 6em 2em 0;
}
#navitem-custservice .subnavmenu li {
  float: none;
  padding-top: .5em;
}
#navitem-community .subnavmenu {
  margin: 0;
  padding: 1em 3em 2em 0;
}
#navitem-community .subnavmenu li { margin-right: 2em; }
#navitem-community .subnavmenu li.last { margin-right: 0;}
#navitem-community .subnavmenu li a {
  display: block;
  height: 44px;
  padding-left: 53px;
  background: url(/discover/img/global-sprite.png) 0 0 no-repeat;
  font-size: 1em;
}
#navitem-community .subnavmenu li a.facebook { background-position: -203px -25px; }
#navitem-community .subnavmenu li a.twitter { background-position: -203px -110px; padding-left: 63px;}
#navitem-community .subnavmenu li a.youtube { background-position: -205px -188px; }
#navitem-community .subnavmenu li a.cbb {
  width: 75px;
  background-position: -203px -263px;
}

/*ie7 & 8 get images for the flyout shadows and set widths*/
.ie8 .primary-navigation .btm-shadow, .ie7 .primary-navigation .btm-shadow {
   background: url(/discover/img/global-sprite.png) 0 0 no-repeat;
   height: 14px;
   width: 100%;
}
.ie8 .primary-navigation .left-shadow, .ie7 .primary-navigation .left-shadow {
  background: url(/images/header-nav-footer/bg-tab-content-shadow-wrap.png) repeat-y scroll 0 0 transparent;
  padding: 0 9px; 
  }
.ie8 .primary-navigation .top-border, .ie7 .primary-navigation .top-border { padding-right: 1px; }

.ie7 .primary-navigation .navitem > a span.icon-lock {
  display: inline-block;
}

/* 
  SEARCH
*/
/* layout */
header .search-container  {
  display: block;
  float: right;
  margin-top: 23px;
  padding-left: 0.625em;
}

.search-container .cancel-btn, .search-container.large-spyglass { display: none; }

.search-container input {
  float: left;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
}

.search-container input:focus { outline: none;}

footer .search-container { margin-bottom: 15px; }

/* look and feel */
.global-search-form fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}

.global-search-form input.search-box {
  width: 128px;
  height: 18px;
  background: url(/discover/img/global-sprite.png) -448px -481px no-repeat;
  border-style: solid;
  border-width: 1px;
  border-color: #727272 #B4B4B4 #DADADA;
  padding: 1px 3px;
  color: #ACA9A9;
  font-size: 14px;
  line-height: 1.286;  
  float: left;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
}

.global-search-form input.search-btn {
    background: url(/discover/img/global-sprite.png) -45px -101px no-repeat;
    border: none;
    height: 22px;
    width: 22px;
}

.global-search-form input.search-btn:hover { background-position: -45px -123px; }
/* ACQ141202-01 */

.search-container  #searchbox-ss{
  display: block;
    /*float: right;
     margin: 44px -158px 0 0;*/
  width: 158px;
}

.search-container  #searchbox-ss  #search_suggest{
  position: absolute;
  /*color: #ACA9A9;*/
  color: #333333;
  width: 158px;
  table-layout: fixed;
  border:1px solid #B4B4B4;
  background-color: #FFF;
  padding: 1px 3px;
  font-size: 14px;
  cursor: default;
  z-index: 9;
  table-layout: fixed;
}

/**
 * Cascading Style Sheet for GSA Suggest.
 */
.ss-gac-b {
  background: #36c;
  color: white;
}

.ss-gac-c {
  overflow: hidden;
  /*padding-left: 3px;*/
  padding: 1px 3px;
  text-align: left;
  white-space: nowrap;
}

.ss-gac-d {
  color: green;
  font-size: 10px;
  overflow: hidden;
  padding: 0 3px;
  text-align: right;
  white-space: nowrap;
}

.ss-gac-b td {
  color: white;
}

.ss-gac-e td {
  font-size: 10px;
  line-height: 15px;
  padding: 0 3px 2px;
  text-align: right;
}

.ss-gac-e span {
  color: #00c;
  cursor:pointer;
  text-decoration: underline;
}


/*
  FOOTER
*/
 /* ACQ141202-01 */
/* layout */
#site-footer { padding-bottom: 30px; }
#site-footer .container { position: relative; }
#social-footer { margin-bottom: 10px; }

/* look and feel */
#site-footer {
  font-size: 0.688em;
  line-height: 1.636;
  color: #8A9499;
  background: #fefefe url(/discover/img/bg-footer.png) repeat-x;
}
#site-footer small { font-size: 1em; }

/* social */
.social-navigation .navitem {
  float: left;
  margin-right: 3%;
}
.social-navigation .navitem.last { margin-right: 0; }

.social-navigation a {
  background: url(/discover/img/global-sprite.png) 0 0 no-repeat;
    display: block; 
    font-size: 0.75em;
    color: #267bb1;
    padding: 5px 0 5px 28px;
    line-height: 1.2;
    min-height: 20px;
}
.social-navigation .social-why-discover a {
  padding-left: 35px;
  background-position: 0 -243px;
}
.social-navigation .social-watch-peggy a { background-position: 0 -284px; }
.social-navigation .social-facebook a { background-position: 0 -326px; }
.social-navigation .social-twitter a { background-position: 0 -365px; }
.social-navigation .social-cardmember-stories a { background-position: 0 -399px; }
.social-navigation .social-mobile-access a { background-position: 0 -434px; }
.social-navigation .social-cardmember-agreement a { background-position: 0 -471px; }
 /* ACQ141202-01 */

/*updated social footer*/
.global-social-footer {
  background: #fff;
  border-bottom: 1px solid #dbdbdb;
  border-top: 1px solid #dbdbdb;
  padding-top: 1px;
  padding-bottom: 1px;
}

.global-sf-container {
  width: 100%;
  background: #eee;
}

.global-sf-inner {
  margin: 0 auto;
  overflow: hidden;
  max-width: 950px;
}

.global-social-footer ul {
  padding: 16px 0;
  float: right;
  list-style-type: none;
}

.global-social-footer li {
  float: left;
  padding-top: 2px;
}

.global-social-footer a {
  background: url(/images/bg-social.png) no-repeat;
  display: block;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  min-height: 34px;
  padding: 6px 0 0 49px;
}

.global-social-footer a:hover {
  color: #257cb2;
}

.global-social-footer span {
  display: block;
}

.global-social-footer-facebook {
  margin-left: 33px;
  width: 105px;
}

.global-social-footer-facebook a {
  min-height: 27px;
  padding-top: 13px;
}

.global-social-footer-facebook a,
.global-social-footer-twitter a {
  min-height: 27px;
  padding-top: 13px;
}

.global-social-footer-twitter {
  margin-left: 43px;
  width: 116px;
}

.global-social-footer-twitter a {
  background-position: 0 -40px;
}

.global-social-footer-linkedin {
  margin-left: 32px;
  width: 108px;
}

.global-social-footer-linkedin a {
  background-position: 0 -80px;
}

.global-social-footer-mobile {
  margin-left: 32px;
  padding-top: 0;
  width: 135px;
}

.global-social-footer-mobile a {
  background-position: 0 -120px;
  min-height: 37px;
  padding-left: 55px;
}

/* ACQ141202-01 */
/* navigation */ 
.secondary-navigation {
  margin-bottom: 20px;
  padding-top: 20px;
}
.secondary-navigation .nav-header {
  text-transform: uppercase;
  font-size: 0.909em;
    background: url(/discover/img/global-sprite.png) right -65px no-repeat;
  padding-right: 8px;
}
.secondary-navigation .navitem {
  float: left;
  width: 17.9%;
  padding: 0 2% 0 0;
  line-height: 1.2;
}
.secondary-navigation .navitem.smallscreen-only {
  display: none;
}

.secondary-navigation .navitem a { color: #8A9499; }
.secondary-navigation .navitem .subnav li {
  float: none;
  margin: 5px 0;
}

.login-navigation {
  display: none;
  padding: 0 0 20px 20px;
}
.login-navigation h2 {
  margin-bottom: 13px;
  text-transform: uppercase;
  background: url(/discover/img/global-sprite.png) no-repeat -219px -520px;
  padding-left: 20px;
  color: #293033;
  font-size: 14px;
  line-height: 1.5;
}
.login-navigation .button,
header .button {
  margin-right: 10px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: solid 1px #f27514;
  color: white;
  font-size: 14px;
  line-height: 28px;
  font-weight: bold;
  padding: 5px 15px 6px;
  background: rgb(251,160,30);
  background: -moz-linear-gradient(top,  rgba(251,160,30,1) 0%, rgba(250,90,19,1) 57%, rgba(253,67,9,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(251,160,30,1)), color-stop(57%,rgba(250,90,19,1)), color-stop(100%,rgba(253,67,9,1)));
  background: -webkit-linear-gradient(top,  rgba(251,160,30,1) 0%,rgba(250,90,19,1) 57%,rgba(253,67,9,1) 100%);
  background: -o-linear-gradient(top,  rgba(251,160,30,1) 0%,rgba(250,90,19,1) 57%,rgba(253,67,9,1) 100%);
  background: -ms-linear-gradient(top,  rgba(251,160,30,1) 0%,rgba(250,90,19,1) 57%,rgba(253,67,9,1) 100%);
}
.login-navigation .button:hover,
header .button:hover {
  text-decoration: none;
  border-color: #f68518;
  background: rgb(251,156,29);
  background: -moz-linear-gradient(top,  rgba(251,156,29,1) 0%, rgba(251,156,29,1) 43%, rgba(244,116,20,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(251,156,29,1)), color-stop(43%,rgba(251,156,29,1)), color-stop(100%,rgba(244,116,20,1)));
  background: -webkit-linear-gradient(top,  rgba(251,156,29,1) 0%,rgba(251,156,29,1) 43%,rgba(244,116,20,1) 100%);
  background: -o-linear-gradient(top,  rgba(251,156,29,1) 0%,rgba(251,156,29,1) 43%,rgba(244,116,20,1) 100%);
  background: -ms-linear-gradient(top,  rgba(251,156,29,1) 0%,rgba(251,156,29,1) 43%,rgba(244,116,20,1) 100%);
  background: linear-gradient(to bottom,  rgba(251,156,29,1) 0%,rgba(251,156,29,1) 43%,rgba(244,116,20,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb9c1d', endColorstr='#f47414',GradientType=0 );
}

/* meta */
.meta-navigation { margin-bottom: 5px; }
.meta-navigation a { color: #8A9499; }
.meta-navigation .navitem {
  margin-right: 7px;
  line-height: 1.1;
  padding-right: 7px;
  border-right: 1px solid #A9B1B4;
  margin-bottom: 5px;
}
.meta-navigation .navitem.last {
  margin-right: 0;
  padding-right: 0;
  border-right: 0;
}

/* legal */
footer .legal a { color: #8A9499; }
footer .legal p {
  margin-bottom: 0;
  line-height: 1.1;
}
footer .legal p.copyright { margin-bottom: 1.2em; }
footer .branding {
  position: absolute;
  right: 0;
  bottom: 30px;
}
footer .it-pays-to-discover {
  background: url(/discover/img/global-sprite.png) -679px -158px no-repeat;
  width: 193px;
  height: 24px;
  margin-bottom: 15px;
}
footer .equal-housing-lender {
  display: block;
  background: url(/discover/img/global-sprite.png) -219px -481px  no-repeat; 
  padding-left: 31px; 
  height: 27px; 
  padding-top: 6px;
  float: right;
  color: #8A9499;
}

/* ----------------------------------- */


/*tablet begins*/
@media (max-width: 979px) {
  #lpInvite, #lpInviteDecline, #lpInviteAccept { display: none; }
  #site-header { width: 100%; }
  header .discover-logo {
    margin-left: 3.5%;
  } 
  header .search-container { margin-right: 3%; margin-top: 14px;} 
  header .search-container form {
    display: none;
    position: absolute;
    width: 100%;
    top: 65px;
    left: 0;
    background: -moz-linear-gradient(top, #4c4c4c 0%, #666666 0%, #595959 1%, #474747 23%, #2c2c2c 50%, #000000 79%, #1c1c1c 91%, #131313 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(0%,#666666), color-stop(1%,#595959), color-stop(23%,#474747), color-stop(50%,#2c2c2c), color-stop(79%,#000000), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #4c4c4c 0%,#666666 0%,#595959 1%,#474747 23%,#2c2c2c 50%,#000000 79%,#1c1c1c 91%,#131313 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #4c4c4c 0%,#666666 0%,#595959 1%,#474747 23%,#2c2c2c 50%,#000000 79%,#1c1c1c 91%,#131313 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #4c4c4c 0%,#666666 0%,#595959 1%,#474747 23%,#2c2c2c 50%,#000000 79%,#1c1c1c 91%,#131313 100%); /* IE10+ */
    background: linear-gradient(to bottom, #4c4c4c 0%,#666666 0%,#595959 1%,#474747 23%,#2c2c2c 50%,#000000 79%,#1c1c1c 91%,#131313 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
  }

/* 
  header .search-container .large-spyglass { 
    display: block;
    background: url(/discover/img/global-sprite.png) -707px -369px no-repeat;
    height: 34px;
    width: 34px;
  }
 */
  /* create menu toggle button */
  header .search-container .large-spyglass {
    display: block;
    width: 32px;
    height: 32px;
    border: solid 1px #ccd3d4;
    border-radius: 3px;
    cursor: pointer;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 43%, rgba(235,235,235,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(43%,rgba(243,243,243,1)), color-stop(100%,rgba(235,235,235,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 43%,rgba(235,235,235,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 43%,rgba(235,235,235,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 43%,rgba(235,235,235,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 43%,rgba(235,235,235,1) 100%);
  }
  header .search-container .large-spyglass span {
    background: url(/discover/img/global-sprite.png) no-repeat -710px -372px;
    width: 30px;
    height: 30px;
    margin-top: 2px;
    margin-left: 2px;
    display: block;
  }

  .show-search header .search-container .large-spyglass{
    background: rgb(100,103,103);
    background: -moz-linear-gradient(top,  rgba(100,103,103,1) 0%, rgba(64,69,71,1) 43%, rgba(43,50,53,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(100,103,103,1)), color-stop(43%,rgba(64,69,71,1)), color-stop(100%,rgba(43,50,53,1)));
    background: -webkit-linear-gradient(top,  rgba(100,103,103,1) 0%,rgba(64,69,71,1) 43%,rgba(43,50,53,1) 100%);
    background: -o-linear-gradient(top,  rgba(100,103,103,1) 0%,rgba(64,69,71,1) 43%,rgba(43,50,53,1) 100%);
    background: -ms-linear-gradient(top,  rgba(100,103,103,1) 0%,rgba(64,69,71,1) 43%,rgba(43,50,53,1) 100%);
  }
  .show-search header .search-container .large-spyglass span {
    background-position: -740px -372px;
  }  

  
  header .search-container .cancel-btn { 
    display: block;
    float: right;
    width: 57px;
    color: #fff;
    background: #4e4e4e;
    border-radius: .5em;
    height: 2.5em;
    margin: .5em;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    line-height: 30px;
    box-shadow:  1px 1px 1px #999 inset;
  }

  header .search-container .cancel-btn:hover {
    text-decoration: none;
  }

  header .global-search-form fieldset {
    display: block;
    border-radius: 1em;
    background: #fff;
    border: none;
    width: 88%;
    height: 1.75em;
    margin: .5em;
    float: left;
  }

  header .global-search-form input.search-box {
    width: 90%;
    height: 1.25em;
    border-radius: 1em;
    background: #fff;
    border: none;
    padding: .4em 1em .3em;
  }

  header .global-search-form input.search-btn,  header .global-search-form input.search-btn:hover {
    background: url(/discover/img/global-sprite.png) -810px -367px;
  }

  .primary-navigation .navitem > a { padding: 22px 5px 22px 12px; }
  .primary-navigation .subnav {  width: 96%; margin-left: 2%; margin-right: 2%; }
  .primary-navigation .subnav-details { margin: 20px 0 20px 10px; }
  .primary-navigation .subnav ul { margin-left: 0; }
  .primary-navigation .subnav ul .subnavmenu { font-size: .9em; margin-left: 1.35em; }
  .primary-navigation .subnav ul .subnavmenu-header { font-size: 1.1em; }
  .primary-navigation #navitem-prodservices .subnav ul .subnavmenu { 
    padding: 0 1.3em 0 .5em;
    min-height: 150px;
  }
  .primary-navigation #navitem-custservice .subnav-details  { width: 280px; }
  .primary-navigation #navitem-custservice .subnavmenu { padding: 0 3em 2em 0;}
  .primary-navigation #navitem-community .subnavmenu {
    margin: 0;
    padding: 1em 0em 2em 0;
  }
  .primary-navigation #navitem-community .subnavmenu li { margin-right: .75em; }
  .primary-navigation #navitem-community .subnavmenu li a { font-size: .9em; }
  .primary-navigation #navitem-community .subnav .list-wrap { padding-right: 1em; }
}

/*leaving tablet - everything below tablet , all mobile*/
@media (max-width: 767px) {
  header .search-container, body .oo_feedback_float { display: none; }
  
  .primary-navigation .button { 
    line-height: 20px; 
    display: block;
    float: left;
    margin-top: 13px;
    padding: 6px 8px 6px;
    border-radius: 4px;
    font-size: 12px;
  }

  #site-footer { background: 0; padding-bottom: 10px; }
  #social-footer, footer .search-container { display: none; }
  #site-footer .meta-navigation { margin-bottom: 15px; font-size: 1.09em; }
  #site-footer .meta-navigation a { color: #267bb1; }
  #site-footer .legal { width: 80%; font-size: 1.09em; }
  #site-footer .legal p { line-height: 1.5; }
  #site-footer .branding { position: static; margin-top: 20px; }
  #site-footer .equal-housing-lender { float: none; display: inline-block; }

  /* secondary navigation - hoisted to top for slide-in nav */
  #site-footer, #site-footer .container { position: static !important; }
  .login-navigation { display: block; }
  
  .secondary-navigation { 
    background: #ececec; 
    position: absolute; 
    z-index: 1;
    top: 0;
    right: 0;
    width: 0;
    min-height: 100%;
    overflow: hidden;
    padding-top: 15px;
    -webkit-box-shadow: 5px 0px 5px -2px rgba(127,127,127,0.5) inset;
    -moz-box-shadow: 5px 0px 5px -2px rgba(127,127,127,0.5) inset;
    box-shadow: 5px 0px 5px -2px rgba(127,127,127,0.5) inset;
    color: #4d5254;
    -moz-transition: width 0.25s;
    -webkit-transition: width 0.25s;
    -o-transition: width 0.25s;
    transition: width 0.25s;
  }
  .secondary-navigation-menu, .login-navigation,
  body.show-nav .secondary-navigation {
    width: 266px;
  }

  /* 
    NAV SLIDE-IN
  */
  /* create menu toggle button */
  header .primary-navigation .nav-wrap {
    float: right;
    margin-top: 13px;
    margin-right: 10px;
    padding: 0;
    overflow: hidden;
    width: 32px;
    height: 32px;
    border: solid 1px #ccd3d4;
    border-radius: 3px;
    cursor: pointer;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 43%, rgba(235,235,235,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(43%,rgba(243,243,243,1)), color-stop(100%,rgba(235,235,235,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 43%,rgba(235,235,235,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 43%,rgba(235,235,235,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 43%,rgba(235,235,235,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 43%,rgba(235,235,235,1) 100%);
  }
  .show-nav header .primary-navigation .nav-wrap{
    background: rgb(100,103,103);
    background: -moz-linear-gradient(top,  rgba(100,103,103,1) 0%, rgba(64,69,71,1) 43%, rgba(43,50,53,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(100,103,103,1)), color-stop(43%,rgba(64,69,71,1)), color-stop(100%,rgba(43,50,53,1)));
    background: -webkit-linear-gradient(top,  rgba(100,103,103,1) 0%,rgba(64,69,71,1) 43%,rgba(43,50,53,1) 100%);
    background: -o-linear-gradient(top,  rgba(100,103,103,1) 0%,rgba(64,69,71,1) 43%,rgba(43,50,53,1) 100%);
    background: -ms-linear-gradient(top,  rgba(100,103,103,1) 0%,rgba(64,69,71,1) 43%,rgba(43,50,53,1) 100%);
  }
  header .primary-navigation .nav-wrap span.lines {
    background: url(/discover/img/global-sprite.png) no-repeat -617px -380px;
    width: 18px;
    height: 16px;
    margin-top: 8px;
    margin-left: 7px;
    display: block;
  }
  .show-nav header .primary-navigation .nav-wrap span.lines {
    background: url(/discover/img/global-sprite.png) no-repeat -647px -380px;
  }


  header .primary-navigation ul { display: none; }

  header, #content, footer {
    position: relative;
    -moz-transition: left 0.25s;
    -webkit-transition: left 0.25s;
    -o-transition: left 0.25s;
    transition: left 0.25s;
  }
  body.show-nav header, body.show-nav #content, body.show-nav footer .meta-content {
    position: relative;
    left: -266px;
  }
  .secondary-navigation .show-subnav { 
    width: 266px;
    background: white;
    -webkit-box-shadow: 5px 0px 5px -2px rgba(127,127,127,0.5) inset;
    -moz-box-shadow: 5px 0px 5px -2px rgba(127,127,127,0.5) inset;
    box-shadow: 5px 0px 5px -2px rgba(127,127,127,0.5) inset;
  }
  .secondary-navigation-menu {
    border-style: solid;
    border-width: 1px 0;
    border-color: #d3d8d9 transparent white;
  }
  .secondary-navigation .navitem { 
    float: none; 
    width: auto; 
    border-style: solid;
    border-width: 1px 0;
    border-color: white transparent #d3d8d9;
  }
  .secondary-navigation .navitem .nav-header, 
  .secondary-navigation .navitem a {
    display: block;
    text-transform: none;
    padding: 13px 20px;
  }
  .secondary-navigation .navitem .nav-header,
  .secondary-navigation .subnav { 
    width: 266px;
  }
  .secondary-navigation .navitem .nav-header {
    font-weight: bold;
    cursor: pointer;
    font-size: 14px;
  }
  .secondary-navigation .navitem.has-subnav .nav-header {
    background-image: url(/discover/img/global-sprite.png);
    background-position: -318px -418px;
    background-repeat: no-repeat;
  }
  .secondary-navigation .navitem .subnav { padding-bottom: 15px; }
  .secondary-navigation .navitem .subnav li { margin: 0; }
  .secondary-navigation .subnav a {
    color: #267bb1;
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 14px;
  }
  /* open state */
  .secondary-navigation .subnav { display: none; }
  .secondary-navigation .show-subnav .subnav { display: block; }
  .secondary-navigation .navitem.show-subnav .nav-header {
    background-position: -318px -370px;
    padding-bottom: 8px;
  }
  /* community nav */
  .secondary-navigation .navitem.smallscreen-only {
    display: block;
  }
  .secondary-navigation #community-navmenu a {
    display: block;
/*    min-height: 22px; */
    background-image: url(/discover/img/global-sprite.png);
    background-repeat: no-repeat;
    padding-left: 50px;
  } 
  .secondary-navigation #community-navmenu a.facebook {
    background-position: -832px -365px;
  } 
  .secondary-navigation #community-navmenu a.twitter {
    background-position: -832px -403px;
  } 
  .secondary-navigation #community-navmenu a.youtube {
    background-position: -832px -441px;
  } 
  .secondary-navigation #community-navmenu a.cbb {
    background-position: -832px -479px;
  } 
/* ACQ141202-01 */
  .global-social-footer { margin-bottom: 15px; }
  .global-sf-inner { width: 92.3177%; }
  .global-social-footer ul { float: left; }
  .global-social-footer li:first-child { margin-left: 0; }
  .global-social-footer a { text-indent: -9999px; }
  .global-sf-inner li {
    width: 65px;
    margin-left: 0;
  }
  
 


}



@media screen and (max-width: 480px) {
  .global-sf-inner { width: 85%; }
}

/** 3.0 Global Navigation taken from gateway.css**/
#global-nav,#global-subnav{
  width:100%;
  position:relative;
}
#global-nav {
  background: url('/images/header-nav-footer/global-nav/global-nav-bg.jpg') 0 0 repeat-x transparent;
  /*z-index: 1;*/
}
#global-subnav{
  background: url('/images/header-nav-footer/global-nav/global-subnav-bg.jpg') 0 0 repeat-x transparent;
  z-index: 2;
  height:35px;
}
#global-nav ul , #global-subnav ul {
  width:950px;
  margin:0 auto;
  list-style-type: none;
}
#global-nav ul {
  overflow:visible;
  height:35px;
  background: url('/images/header-nav-footer/global-nav/global-nav-divider.jpg') left 0 no-repeat transparent;
}
#global-subnav ul {
  clear:both;
}
#global-nav ul li, #global-subnav ul li{
  float:left;
}
#global-nav ul li{
  background: url('/images/header-nav-footer/global-nav/global-nav-divider.jpg') right 0 no-repeat transparent;
}
#global-nav ul li.active{
  background: url('/images/header-nav-footer/global-nav/global-nav-divider.jpg') 188px 0 no-repeat transparent;
}
#global-nav ul li.first {
  margin-left:2px;
}
#global-nav ul li a, #global-subnav ul li a{
  text-align:center;
  height:26px;
  display:inline-block;
  font-size:14px;
  color:#293033;
  font-weight:bold;
  padding-top:8px;
}
#global-nav ul li a{
  width:189px;
}
#global-subnav ul li a{
  margin:0 20px;
  height:26px;
}
#global-nav ul li a:hover, #global-subnav ul li a:hover{
  color:#939292;
  text-decoration:none;
}
#global-nav ul li.active {
  background-color: #fff;
  border-top:1px solid #dce3e4;
  height:34px;
}
#global-nav ul li.active a.current, #global-subnav ul li.active a{
  color:#ff7920;
}
#global-nav ul li a.ico-home {
  background: transparent url(/images/global/ico-home.png) 17px 13px no-repeat;
}
#global-nav ul li.active a.ico-home{
  background: transparent url(/images/global/ico-home.png) 17px -32px no-repeat !important;
}
#global-nav ul li:hover a.ico-home {
  background: transparent url(/images/global/ico-home.png) 17px -10px no-repeat;
}

@media screen and (max-width: 950px) {
  #global-nav ul , #global-subnav ul {
    width: 769px;
  }

  #global-nav ul li a {
    width: 150px;
  }

  #global-nav ul li.first a {
    width: 160px;
  }

  #global-nav ul li a.ico-home {
    background-position: 8px 13px;
  }
  #global-nav ul li:hover a.ico-home {
    background-position: 8px -10px;
  }
}

@media screen and (max-width: 768px) {
   #global-nav ul , #global-subnav ul {
      display: none;
   }
}
.ft_link{
color:#8A9499 !important;
}

 .sr {
position: absolute;
text-indent: -2000px;
}



/* new header social icon start */

#global-header .global-header-tab-content.community .options ul li a.facebook {
    background-position: -889px -333px !important;
    height: 46px !important;
}
#global-header .global-header-tab-content.community .options ul li a.twitter {
    background-position: -882px -277px !important;
    height: 46px !important;
}
#global-header .global-header-tab-content.community .options ul li a.youtube {
    background-position: -888px -221px !important;
    height: 46px !important;
}
#global-header .global-header-tab-content.community .options ul li a.cbb {
    background-position: -889px -390px !important;
    height: 46px !important;
}
#global-header .global-header-tab-content-wrap .community .options {
    margin-left: 257px !important;
    margin-top: 0 !important;
}
#global-header .global-header-tab-content .options p {
    color: #8E8E8E !important;
}

/* new header social icon End */

/* new footer social Icon Start */
.global-social-footer-facebook a {
background: url("/images/header-nav-footer/header-sprite_default.png") no-repeat;
background-position: -889px -334px !important;
height: 32px !important;
margin-left: -82px !important;
}

.global-social-footer-facebook {
    width: 2px !important;
}

.global-social-footer-twitter a {
background: url("/images/header-nav-footer/header-sprite_default.png") no-repeat;
background-position: -889px -278px !important;
height: 32px !important;
margin-left: -58px !important;
}

.global-social-footer-twitter {
    width: 2px !important;
}

.global-social-footer-linkedin a{
background: url("/images/header-nav-footer/header-sprite_default.png") no-repeat;
background-position: -889px -222px !important;
height: 39px !important;
margin-left: -25px !important;
}

.global-social-footer-linkedin {
width: 2px !important;
}

.global-social-footer-googlePlus a {
background: url("/images/header-nav-footer/header-sprite_default.png") no-repeat;
background-position: -889px -391px !important;
height: 39px !important;
margin-left: 40px !important;
}

.global-social-footer-googlePlus {
width: 2px !important;
}

.global-social-footer-mobile a {
background: url("/images/header-nav-footer/header-sprite_default.png") no-repeat;
background-position: -837px -449px !important;
height: 39px !important;
/*margin-left: 58px !important;*/
}

.global-social-footer-mobile {
width: 182px !important;
}

.global-sf-inner {
    width: 1014px !important;
}

#global-footer-wrap #global-footer-content {
    width: 1035px;
}

#global-footer-content .primary-links-wrap .link-group {
    margin: 14px 78px 0 0;
}

#global-footer-wrap #global-footer-content .primary-links-wrap {
    width: 1050px;
}

#global-footer-content .secondary-links-wrap .it-pays-to-discover {
    font-size: 0 !important;
    margin-right: 18px !important;
}
/* new footer social Icon END */