#bnb-overlay {
  background:#000;
  position:fixed;
  top:0;
  left:0;
  bottom:0;
  right:0;
  -moz-opacity:0.6;
  -webkit-opacity:0.6;
  opacity:0.6;
  display:none;
  z-index:1000;
}

#bnb-modal {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-family:helvetica, arial, sans-serif;
  font-size:16px;
  color:#777;
  background:#fff;
  padding:1em;
  -moz-border-radius:1em;
  -webkit-border-radius:1em;
  border-radius:1em;
  position:fixed;
  top:10%;
  left:50%;
  margin-left:-250px;
  width:500px;
  z-index:1001;
  display:none;
}
.close {
  position:absolute;
  top:-0.25em;
  right:-0.25em;
  width:1.25em;
  height:1.25em;
  background:#ccc;
  line-height:1.25em;
  text-align:center;
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  font-size:20px;
  border-radius:100%;
  border:2px solid #fff;
}

.close:hover {
  background:#aaa;
}

#bnb-modal .error {
  color:#a00;
}

#bnb-modal .success {
  color:#0a0;
}

.checkout-button {
  display: block;
  margin: 0 auto 20px auto;
}

.checkout-button:hover {

}

.coupon-link, .coupon-dismiss {
  color: #0b8fe0;
  font-family:helvetica, arial, sans-serif;
  font-size:13px;
}

.coupon-dismiss {
  display:none;
}

.coupon-box, .coupon-box * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.coupon-box {
  border:1px solid #aaa;
  display:none;
  font-family:helvetica, arial, sans-serif;
  margin:0 auto;
  overflow:hidden;
  width:160px;
  margin-bottom: 10px;
}

.coupon-box.error {
  border:1px solid #d00;
}

.coupon-box .code {
  background:#fff;
  border:none;
  display:block;
  width:88px;
  float:left;
  height:30px;
  line-height:30px;
  padding:0 5px;
  color: black;
}

.coupon-box .code.error {
  background:#fdd;
}

.coupon-box .btn {
  background:#777;
  border:none;
  color:#fff;
  display:block;
  width:70px;
  float:right;
  font-size:13px;
  height:30px;
  line-height:30px;
  padding: 0;
}

.coupon-box .btn.disabled {
  background: #82c500;
}