/*
 * styling for Reconyx shopping
 */

.add-to-cart-notice {
    z-index: 10000;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    background-color: rgba(0,0,0,0.5);
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.add-to-cart-notice .message {
    z-index: 9000;
    border: 1px solid #c0c0c0;
    padding: 35px;
    position: relative;
    width: 300px;
    height: 150px;
    top: 50%;
    left: 50%;
    margin-left: -150px; /* margin is -0.5 * dimension */
    margin-top: -75px;
    text-align:center;
    line-height: 2em;
    font-size: 20px;
    color: #000;
    background: rgba(192,192,192,1); /* #808080 */
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

/** hide spinners on number input */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
    -moz-appearance:textfield;
}

.product-description {
    padding-top:0px;
}
.product-description .sku  {
    font-size:1.4em;
    margin-bottom:6px;
    padding-top:0px;
}
.product-description .name  {
    font-size:.9em;
}

.product-grid > .product-img {
    padding-bottom: 30px;
}

/* Product Promotion Display CSS */

.product-promo-container {
    display: flex;
  }

  .product-promo-container *{
    color: #D64304;
  }
  
  .product-promo-container .promo-description {
    padding-left: 0;
    margin-bottom: 0;
    padding-right: 16px;
  }

  .product-promo-container .promo-description p {
    font-size: 13px;
    margin: 0;
    padding: 0;
  }
  
  .product-promo-container .promo-code {
    margin-bottom: 0;
    padding-right: 0;
  }
  
  .product-promo-container span {
    padding-left: 1em;
    padding-right: 1em;
  }
  
  .product-promo-container .copy-promo-code {
    cursor: pointer;
    border: 1px solid #D64304;
    padding: 0 4px 0 4px;
    margin-right: 2px;
  }

.promotion-descriptions-container hr {
  margin-top: 20px;
  margin-bottom: 20px;
}

.promotion-divider-container {
    text-align: center;
}

.promotion-divider-container div {
  display: inline-block;
}

.promotion-divider-line {
  width: 40%;
  height: 20px;
}

.promotion-divider-line hr {
  border:1px solid #e5e4e2;
}

.promotion-divider-text {
  width: 10%;
  position:relative;
  top: 5px;
  text-align:center;
  font-size:20px;
}

sup {
  font-size: 11px;
}