@import url("http://staplesgeneral.s3.amazonaws.com/fonts/TeXGyreHeros.css");
@media screen and (max-device-width: 480px) {
  body {
    -webkit-text-size-adjust: none; } }
body {
  -webkit-font-smoothing: antialiased; }

#z_wrapper {
  display: block;
  position: relative;
  font-family: 'TeXGyreHeros', Arial, Helvetica, Verdana, sans-serif;
  background-color: #ffffff;
  float: none;
  clear: both;
  overflow: visible; }
  #z_wrapper div, #z_wrapper p {
    float: none;
    clear: both; }
  #z_wrapper #z_heading {
    position: relative;
    margin-top: 10px;
    overflow: hidden; }
    #z_wrapper #z_heading .msg {
      width: 900px;
      padding: 20px 0 20px 40px;
      float: left;
      background: url("../images/heading_bkgrnd.jpg") no-repeat #2f5485;
      overflow: hidden; }
      #z_wrapper #z_heading .msg h1 {
        font-size: 60px;
        font-weight: bold;
        line-height: 1em;
        color: #fff; }
        #z_wrapper #z_heading .msg h1 .z_supped {
          vertical-align: 100%;
          line-height: .6em;
          font-size: .6em;
          font-weight: normal; }
      #z_wrapper #z_heading .msg h2 {
        margin: 0px auto 25px 0;
        font-size: 37px;
        font-weight: normal;
        color: #ffffff; }
      #z_wrapper #z_heading .msg h3 {
        font-size: 26px;
        font-weight: normal;
        color: #fff; }
      #z_wrapper #z_heading .msg a {
        margin: 0 15px 0 0;
        padding: 5px 7px;
        display: block;
        float: left;
        font-size: 14px;
        line-height: 14px;
        font-weight: normal;
        background: #4891ce;
        color: #fff;
        text-decoration: none;
        cursor: pointer; }
        #z_wrapper #z_heading .msg a span {
          font-size: 75%; }
        #z_wrapper #z_heading .msg a.clear-fix {
          clear: right; }
      #z_wrapper #z_heading .msg p {
        margin: 0;
        padding: 0;
        font-size: 24px;
        font-weight: bold;
        color: #b7d5ee; }
        #z_wrapper #z_heading .msg p + p {
          font-weight: normal; }
        #z_wrapper #z_heading .msg p + p + p {
          font-size: 18px; }
      #z_wrapper #z_heading .msg .z_disclaimer {
        font-size: 11px;
        font-weight: normal;
        color: #fff;
        margin-top: 40px; }
    #z_wrapper #z_heading > img {
      display: block;
      float: right; }
  #z_wrapper #z_offers {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    padding-bottom: 70px;
    overflow: hidden;
    background: white;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0NSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjY2NjY2NjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, white 45%, #cccccc 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(45%, white), color-stop(100%, #cccccc));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, white 45%, #cccccc 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, white 45%, #cccccc 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, white 45%, #cccccc 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, white 45%, #cccccc 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );
    /* IE6-8 */ }
    #z_wrapper #z_offers .offers-wrapper {
      width: 860px;
      margin: 30px auto 0 auto;
      overflow: hidden;
      clear: none; }
      #z_wrapper #z_offers .offers-wrapper .z_promotional {
        height: 110px;
        width: 850px;
        background: #ffffff;
        float: none;
        clear: both;
        position: relative;
        overflow: hidden; }
        #z_wrapper #z_offers .offers-wrapper .z_promotional div {
          float: left;
          clear: none; }
          #z_wrapper #z_offers .offers-wrapper .z_promotional div p {
            padding-top: 35px;
            padding-left: 20px; }
            #z_wrapper #z_offers .offers-wrapper .z_promotional div p + p {
              padding-top: 0px;
              margin-top: 0px; }
          #z_wrapper #z_offers .offers-wrapper .z_promotional div + div {
            float: right; }
            #z_wrapper #z_offers .offers-wrapper .z_promotional div + div img {
              padding-right: 5px;
              padding-top: 10px; }
      #z_wrapper #z_offers .offers-wrapper .offer {
        position: relative;
        width: 211px;
        height: 265px;
        float: left !important;
        clear: none !important;
        overflow: hidden;
        border-right: 1px solid #2c4d7a;
        border-bottom: 1px solid #2c4d7a;
        background: #fff; }
        #z_wrapper #z_offers .offers-wrapper .offer .z_offer_image {
          position: absolute;
          bottom: 0;
          right: 0; }
        #z_wrapper #z_offers .offers-wrapper .offer > img {
          z-index: 1000; }
          #z_wrapper #z_offers .offers-wrapper .offer > img.left {
            left: 0; }
        #z_wrapper #z_offers .offers-wrapper .offer .offer-details {
          position: absolute;
          top: 10px;
          left: 10px;
          z-index: 1001; }
          #z_wrapper #z_offers .offers-wrapper .offer .offer-details .offer-pricing {
            font-size: 14px;
            font-weight: normal;
            color: #2c4d7a; }
            #z_wrapper #z_offers .offers-wrapper .offer .offer-details .offer-pricing.z_bold {
              font-weight: bold; }
        #z_wrapper #z_offers .offers-wrapper .offer.no-right-border {
          border-right: none; }
        #z_wrapper #z_offers .offers-wrapper .offer.no-bottom-border {
          border-bottom: none; }
        #z_wrapper #z_offers .offers-wrapper .offer.no-bottom-right-border {
          border: none; }
      #z_wrapper #z_offers .offers-wrapper .offer-title {
        font-size: 18px;
        font-weight: bold;
        color: #2c4d7a; }
        #z_wrapper #z_offers .offers-wrapper .offer-title a {
          color: #2c4d7a;
          text-decoration: none; }
          #z_wrapper #z_offers .offers-wrapper .offer-title a span {
            font-size: 12px;
            line-height: 16px !important;
            color: #2c4d7a;
            font-weight: normal; }
            #z_wrapper #z_offers .offers-wrapper .offer-title a span.arrow {
              font-size: 75%; }
      #z_wrapper #z_offers .offers-wrapper .offer-savings {
        margin-top: 5px;
        font-size: 18px;
        font-weight: bold;
        color: #4891ce; }
    #z_wrapper #z_offers > p {
      margin: 30px 40px;
      padding: 0;
      font-size: 10px;
      line-height: 10px;
      font-weight: normal;
      color: #666666; }
