.zone-widget{
	position:relative;
    overflow:display;
}
.zone-widget #find-a-zone-placeholder{ display: inline-block; }
.zone-widget #current-zone-wrapper{ display:none; }


.zone-widget.with-zone #find-a-zone-placeholder{ display: none; }
.zone-widget.with-zone #current-zone-wrapper{ display:inline-block; }

.product--in-zone-alert {
  color: #47c1a3;
  display: none;
  margin-top: 5px;
  font-size: 13px;
}

.in-current-zone .product--in-zone-alert {
  display: block;
}

.product--out-of-zone-alert {
  color: #e47a7a;
  margin-top: 5px;
  display: none;
  font-size: 13px;
}

.out-of-current-zone .product--out-of-zone-alert {
  display: block;
}

.product--in-zone-alert {
  color: #47c1a3;
  display: none;
  font-size: 14px;
  margin-top: 10px;
}

.product--outer.in-current-zone .product--in-zone-alert {
  display: block;
}

.product--out-of-zone-alert {
  color: #e47a7a;
  font-size: 14px;
  margin-top: 10px;
  display: none;
}

.product--outer.out-of-current-zone .product--out-of-zone-alert {
  display: block;
}

.cart-item--in-zone-alert {
  color: #47c1a3;
  display: none;
  font-size: 14px;
  margin-top: 10px;
}

.cart-item.in-current-zone .cart-item--in-zone-alert {
  display: block;
}

.cart-item--out-of-zone-alert {
  color: #e47a7a;
  font-size: 14px;
  margin-top: 10px;
  display: none;
}

.cart-item.out-of-current-zone,
.cart-item.out-of-current-zone select {
  border: 1px solid #e47a7a; 
}

.cart-item.out-of-current-zone .cart-item--out-of-zone-alert {
  display: block;
}

.zone-widget #find-a-zone-placeholder,
#current-zone-wrapper {
  font-size: 16px; 
  cursor: pointer;
}

#current-zone {
  color: #47c1a3;  
}

.zone-widget #find-a-zone-placeholder:hover {
  opacity: 0.8;
}

#find-a-zone-placeholder .fa,
#current-zone-wrapper .fa {
  color: #47c1a3; 
}

#zipcode-lookup{
	display:none;
    position:absolute;
  	top:90%;
    left: calc(100% - 80px);
    background: #f8f8f8;
	border: 1px solid #e5e5e5;
    margin-top: 20px;
    padding:10px;
    z-index:10000000;
}

#zipcode-lookup.active{
  display:block;
}

#zipcode-lookup input {
  margin: 2px 0; 
}

#zipcode-lookup input[type="submit"] {
  border-radius: 3px; 
}

#zipcode-lookup-in-progress-indicator{
	display:none;
}