/* ========Banner Ads  Can be changed or turned on/off from here  ========*/
@media (min-width: 735px) {
  .ribbon-mobile.shipping-address {
    display: none; } }

.ribbon-mobile {
  display: block;
  background: #ea5d27;
  color: #FFF;
  text-align: center;
  line-height: 30px;
  width: 100%; }
  @media (min-width: 1200px) {
    .ribbon-mobile {
      display: none; } }

.home-page.ribbon-mobile {
  display: block; }
  @media (min-width: 601px) {
    .home-page.ribbon-mobile {
      display: none; } }

#cart-modal .ribbon-modal {
  margin-top: 5px; }

@media (min-width: 960px) {
  #right-container .ribbon-mobile {
    display: none; } }

#left-banner, .cart-bottom-banner, #banner-login, #banner-cartpreview-upper, #banner-address {
  overflow: hidden;
  background-image: url(/IMG/sprites/banner-ads.jpg);
  background-repeat: no-repeat;
  text-indent: -100000px; }

#left-banner {
  margin-top: 20px;
  /*remove when onecent is over*/
  background-position: -420px 0;
  float: left;
  height: 362px;
  width: 200px; }

.cart-bottom-banner {
  display: none;
  background-position: 0 -580px;
  float: left;
  height: 78px;
  width: 953px; }
  @media (min-width: 1200px) {
    .cart-bottom-banner {
      display: block; } }

.top-bottom-20 {
  margin-top: 20px;
  margin-bottom: 20px; }

#banner-login {
  background-position: 0 -275px;
  margin: auto;
  height: 200px;
  width: 329px; }

#banner-cartpreview-upper {
  display: none;
  background-position: 0 -485px;
  float: left;
  margin-left: 10px;
  height: 84px;
  width: 695px; }
  @media (min-width: 1200px) {
    #banner-cartpreview-upper {
      display: block; } }

#banner-address {
  display: none;
  background-position: 0 0;
  float: right;
  height: 266px;
  width: 409px; }
  @media (min-width: 735px) {
    #banner-address {
      display: block; } }

@media (min-width: 735px) {
  #banner-address {
    display: block; } }

.new-address-wrapper {
  width: 100%; }

.one-cent.float-container {
  width: 100%;
  background-color: #F5F5F5;
  padding: 20px 19px 10px;
  margin-bottom: 15px;
  background: -webkit-linear-gradient(left, #F0F0F0 57%, #8E8E8E);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #F0F0F0 57%, #8E8E8E);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #F0F0F0 57%, #8E8E8E);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #F0F0F0 57%, #8E8E8E);
  /* Standard syntax */ }

.one-cent .big {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 15px; }

.one-cent .red {
  color: red;
  display: inline-block; }

.three-cds {
  margin-left: 56px;
  display: block; }

.graphic img {
  float: right;
  margin-top: -20px;
  margin-bottom: 10px;
  display: block;
  width: 50%;
  max-width: 340px; }

.one-cent .copy {
  padding: 0px 7px 0px 7px; }

.one-cent .copy p {
  max-width: 650px; }

.one-cent .medium {
  font-size: 22px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap; }
  .one-cent .medium span {
    margin-top: 5px; }

.one-cent .medium img {
  width: 40px;
  height: 40px;
  margin-right: 15px; }