/* font size definitions  */
/**
 * Default SG variables, aren't used for the implementation.
 * Kept not to break scss compiler when reference still exists in default scsse style rules declaration
 */
.clearfix:after {
  content: " ";
  display: table;
  clear: both;
}

.relax {
  *zoom: 1;
  height: 0;
  line-height: 0;
  clear: both;
}

.relax:before, .relax:after {
  display: table;
  content: "";
  line-height: 0;
  clear: both;
}

/* fonts declarations */
/*
	usage of mixin above
	@include background-image('name', 31px 31px, left center);
	.no-svg{
		background: url(../images/name.png) no-repeat left center;
	}
*/
.hamper-slot-taps-wrapper {
  position: relative;
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .slot-container {
    max-width: 32%;
  }

  #hampers-tabs {
    min-width: 66%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .slot-container {
    max-width: 24%;
  }

  #hampers-tabs {
    min-width: 73.5%;
  }
}
.hamper_mb_filter {
  display: none;
  margin: 0 0 10px;
  cursor: pointer;
}
.hamper_mb_filter.active {
  background: #d9d4cd;
  border: 1px solid #aaa;
}

#hampers-tabs-mobile {
  display: none;
}
#hampers-tabs-mobile ul.tabs-menu li.active-tab .tab-content {
  display: block;
}

@media only screen and (max-width: 767px) {
  .slot-container {
    display: none;
  }

  #hampers-tabs {
    display: none;
  }

  .hamper_mb_filter {
    display: block;
  }

  #hampers-tabs-mobile {
    display: block;
    padding-top: 0px;
    float: left;
    clear: both;
    width: 100%;
  }
  #hampers-tabs-mobile .ui-widget-content {
    margin: 0;
  }
  #hampers-tabs-mobile .ui-tabs .ui-tabs-nav li {
    margin: 5px 0;
    outline: none;
  }
  #hampers-tabs-mobile .ui-tabs .ui-tabs-nav li.ui-state-active, #hampers-tabs-mobile .ui-tabs .ui-tabs-nav li.active-tab {
    background: #d6d6d6 url(../images/selectArrowActive.png) no-repeat 98% 15px;
  }
  #hampers-tabs-mobile .ui-tabs .ui-tabs-panel {
    border: none;
    background: #ffffff;
    margin-top: 37px;
  }
  #hampers-tabs-mobile .ui-tabs-anchor {
    outline: none;
  }
}
.slot-container {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 39%;
  height: 100%;
  overflow: hidden;
}

#hampers-tabs {
  width: 59.5%;
  margin-bottom: 19px;
}
#hampers-tabs .tab-content {
  background: #ffffff;
  border: 1px solid #d6d6d6;
}
#hampers-tabs .product-tabs.ui-tabs {
  margin: 0;
  padding: 0;
}
#hampers-tabs .product-tabs li {
  text-transform: uppercase;
  text-align: center;
  background-color: #f1f1f1;
  width: 33%;
  margin: 0 0 0 0.5%;
  outline: none;
}
#hampers-tabs .product-tabs li:first-of-type {
  margin: 0;
}
#hampers-tabs .product-tabs li.ui-state-active {
  background-color: #d6d6d6;
}
#hampers-tabs .product-tabs li a {
  padding: 0;
  float: none;
  color: #000000;
  position: relative;
  display: block;
  padding: 10px 0 8px;
  cursor: pointer;
  outline: none;
}
#hampers-tabs .product-tabs .ui-tabs.ui-tabs-panel {
  background-color: #f1f1f1;
  border: none;
}
#hampers-tabs .product-tabs .tab-content h3, #hampers-tabs .product-tabs .ui-tabs.ui-tabs-panel h3 {
  margin: 3% 0 1.5%;
}
@media only screen and (max-width: 1279px) {
  #hampers-tabs .product-tabs .tab-content h3, #hampers-tabs .product-tabs .ui-tabs.ui-tabs-panel h3 {
    margin: 5% 0 1.5%;
  }
}
#hampers-tabs .product-tabs .tab-content ul, #hampers-tabs .product-tabs .ui-tabs.ui-tabs-panel ul {
  list-style-type: none;
  overflow: hidden;
}
#hampers-tabs .product-tabs .tab-content ol, #hampers-tabs .product-tabs .ui-tabs.ui-tabs-panel ol {
  list-style-type: decimal;
  margin-left: 1rem;
  padding: 0;
}
#hampers-tabs .product-tabs .tab-content ol li, #hampers-tabs .product-tabs .ui-tabs.ui-tabs-panel ol li {
  margin-bottom: 1.5%;
}
@media only screen and (max-width: 767px) {
  #hampers-tabs .product-tabs .tab-content ol li, #hampers-tabs .product-tabs .ui-tabs.ui-tabs-panel ol li {
    float: none;
    list-style: decimal;
  }
}
#hampers-tabs .product-tabs .tab-content p, #hampers-tabs .product-tabs .ui-tabs.ui-tabs-panel p {
  margin: 0 0 1em 0;
}
#hampers-tabs .product-tabs .tab-content .content-asset, #hampers-tabs .product-tabs .ui-tabs.ui-tabs-panel .content-asset {
  margin-bottom: 3.5%;
}
#hampers-tabs .product-tabs .tab-content .content-asset p, #hampers-tabs .product-tabs .ui-tabs.ui-tabs-panel .content-asset p {
  line-height: 1.3em;
}
#hampers-tabs .product-tabs .tab-content .ampContent, #hampers-tabs .product-tabs .ui-tabs.ui-tabs-panel .ampContent {
  margin-top: 3.5%;
}
#hampers-tabs .product-tabs .tab-content .descSection1, #hampers-tabs .product-tabs .ui-tabs.ui-tabs-panel .descSection1 {
  margin: 0;
}
@media only screen and (max-width: 1279px) {
  #hampers-tabs .product-tabs .tab-content .descSection1, #hampers-tabs .product-tabs .ui-tabs.ui-tabs-panel .descSection1 {
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  #hampers-tabs .product-tabs .tab-content .descSection1, #hampers-tabs .product-tabs .ui-tabs.ui-tabs-panel .descSection1 {
    margin: 0;
  }
}
#hampers-tabs .product-tabs .tab-content .descSection1 .content, #hampers-tabs .product-tabs .ui-tabs.ui-tabs-panel .descSection1 .content {
  margin: 0;
}
#hampers-tabs .product-tabs .tab-content .descSection2, #hampers-tabs .product-tabs .ui-tabs.ui-tabs-panel .descSection2 {
  margin: 0;
}
#hampers-tabs .product-tabs .tab-content .descSection2.descSection2a, #hampers-tabs .product-tabs .ui-tabs.ui-tabs-panel .descSection2.descSection2a {
  margin: 0;
}
#hampers-tabs .product-tabs .tab-content .descSection2.descSection2a span, #hampers-tabs .product-tabs .ui-tabs.ui-tabs-panel .descSection2.descSection2a span {
  font-family: GillSansNova-Bold;
}
#hampers-tabs .product-tabs .tab-content .descSection3, #hampers-tabs .product-tabs .ui-tabs.ui-tabs-panel .descSection3 {
  margin: 0;
}
@media only screen and (max-width: 1279px) {
  #hampers-tabs .product-tabs .tab-content .descSection3, #hampers-tabs .product-tabs .ui-tabs.ui-tabs-panel .descSection3 {
    margin: 0;
    width: 93%;
  }
}
@media only screen and (max-width: 959px) {
  #hampers-tabs .product-tabs .tab-content .descSection3, #hampers-tabs .product-tabs .ui-tabs.ui-tabs-panel .descSection3 {
    box-sizing: border-box;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  #hampers-tabs .product-tabs .tab-content .descSection3, #hampers-tabs .product-tabs .ui-tabs.ui-tabs-panel .descSection3 {
    margin: 0px;
    display: inline-block;
  }
}
#hampers-tabs .product-tabs .tab-content .descSection3 h3, #hampers-tabs .product-tabs .ui-tabs.ui-tabs-panel .descSection3 h3 {
  margin: 0;
  padding: 1.5% 5.5%;
}
@media only screen and (max-width: 767px) {
  #hampers-tabs .product-tabs .tab-content .descSection3 h3, #hampers-tabs .product-tabs .ui-tabs.ui-tabs-panel .descSection3 h3 {
    background: #ffffff url(../images/selectDisabledArrow.png) no-repeat 98% 50%;
    cursor: pointer;
    padding: 1.5%;
  }
}
#hampers-tabs .product-tabs .tab-content .descSection3 li, #hampers-tabs .product-tabs .ui-tabs.ui-tabs-panel .descSection3 li {
  border-top: 1px solid #f1f1f1;
  margin: 0;
  overflow: hidden;
}
#hampers-tabs .product-tabs .tab-content .descSection3 span, #hampers-tabs .product-tabs .ui-tabs.ui-tabs-panel .descSection3 span {
  font-size: 14px;
  letter-spacing: 1.5px;
  line-height: normal;
  font-family: GillSansNova-Light;
}
@media only screen and (max-width: 767px) {
  #hampers-tabs .product-tabs .tab-content .descSection3 span, #hampers-tabs .product-tabs .ui-tabs.ui-tabs-panel .descSection3 span {
    font-size: 1.167em;
  }
}
@media only screen and (max-width: 767px) {
  #hampers-tabs .product-tabs .tab-content .descSection3 h3 + ul li, #hampers-tabs .product-tabs .ui-tabs.ui-tabs-panel .descSection3 h3 + ul li {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  #hampers-tabs .product-tabs .tab-content .descSection3 h3.active, #hampers-tabs .product-tabs .ui-tabs.ui-tabs-panel .descSection3 h3.active {
    background: #ffffff url(../images/selectArrowActive.png) no-repeat 98% 50%;
  }
  #hampers-tabs .product-tabs .tab-content .descSection3 h3.active + ul li, #hampers-tabs .product-tabs .ui-tabs.ui-tabs-panel .descSection3 h3.active + ul li {
    display: block;
  }
}
#hampers-tabs .product-tabs .tab-content .descSection3 .col-1, #hampers-tabs .product-tabs .tab-content .descSection3 .col-2, #hampers-tabs .product-tabs .ui-tabs.ui-tabs-panel .descSection3 .col-1, #hampers-tabs .product-tabs .ui-tabs.ui-tabs-panel .descSection3 .col-2 {
  margin: 0;
  padding: 1.5% 5.5%;
  width: 38%;
}
@media only screen and (max-width: 959px) {
  #hampers-tabs .product-tabs .tab-content .descSection3 .col-1, #hampers-tabs .product-tabs .ui-tabs.ui-tabs-panel .descSection3 .col-1 {
    width: 32%;
  }
}
#hampers-tabs .product-tabs .tab-content .descSection3 .col-2, #hampers-tabs .product-tabs .ui-tabs.ui-tabs-panel .descSection3 .col-2 {
  border-left: 1px solid #f1f1f1;
}
@media only screen and (max-width: 959px) {
  #hampers-tabs .product-tabs .tab-content .descSection3 .col-2, #hampers-tabs .product-tabs .ui-tabs.ui-tabs-panel .descSection3 .col-2 {
    width: 45.5%;
  }
}
#hampers-tabs .product-tabs .tab-content .descSection3.grid-1, #hampers-tabs .product-tabs .ui-tabs.ui-tabs-panel .descSection3.grid-1 {
  width: 56.5%;
}
@media only screen and (max-width: 1279px) {
  #hampers-tabs .product-tabs .tab-content .descSection3.grid-1, #hampers-tabs .product-tabs .ui-tabs.ui-tabs-panel .descSection3.grid-1 {
    width: 70.5%;
  }
}
@media only screen and (max-width: 1279px) {
  #hampers-tabs .product-tabs .tab-content .descSection3.grid-1, #hampers-tabs .product-tabs .ui-tabs.ui-tabs-panel .descSection3.grid-1 {
    width: 100%;
  }
}

.pt_hampers #main .landing-container {
  float: left;
  width: 100%;
  height: 500px;
  margin-top: 20px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .pt_hampers #main .landing-container {
    float: none;
    clear: both;
    height: 640px;
    background-color: #f1f1f1;
    margin: 0 auto;
  }
}
.pt_hampers #main .landing-container .hamper-bg {
  height: 100%;
  width: 100%;
  display: table;
  background-size: cover;
}
.pt_hampers #main .landing-container .hamper-content {
  display: table-cell;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .pt_hampers #main .landing-container .hamper-content {
    vertical-align: initial;
    position: relative;
    top: 300px;
  }
}
.pt_hampers #main .landing-container .hamper-content p {
  width: 250px;
  margin: 0 auto;
}
.pt_hampers #main .landing-container .hamper-content .actions {
  position: relative;
  margin: 20px auto 0;
  width: 220px;
}
.pt_hampers #main .landing-container .hamper-content .actions a.button {
  float: left;
  clear: both;
  margin: 0 0 10px 0;
  width: 100%;
}
.pt_hampers #main .mobile-status-header {
  display: none;
}
@media only screen and (max-width: 767px) {
  .pt_hampers #main .mobile-status-header {
    display: block;
    z-index: 40;
    width: 111.11%;
    position: relative;
    left: -5.54%;
    text-align: center;
    padding: 12px 0;
    background-color: #f1f1f1;
    color: #929292;
    font-size: 14px;
    cursor: pointer;
  }
  .pt_hampers #main .mobile-status-header .close-icon {
    display: none;
  }
  .pt_hampers #main .mobile-status-header.on {
    background-color: #252525;
    color: #ffffff;
  }
  .pt_hampers #main .mobile-status-header.on .close-icon {
    display: block;
    background: url("../images/interface/sprite.png") 0 0 no-repeat;
    width: 20px;
    height: 20px;
    float: right;
    position: relative;
    top: -16px;
  }
  .pt_hampers #main .mobile-status-header.isStuck {
    margin-top: 40px;
    left: 0;
    width: 100%;
  }
  .pt_hampers #main .mobile-status-header .container {
    width: 195px;
    margin: 0 auto;
  }
  .pt_hampers #main .mobile-status-header .status-icon {
    float: left;
    background: url("../images/interface/sprite.png") -403px 0 no-repeat;
    width: 20px;
    height: 20px;
    position: relative;
    top: -3px;
  }
}
.pt_hampers #main .current-hamper-status {
  display: none;
  box-sizing: border-box;
  margin: 0 0 1em;
}
.pt_hampers #main span.toggle-grid {
  display: none;
}
.pt_hampers #main .youritems-title {
  margin: 10px 0;
}
.pt_hampers #main .search-result-summary {
  margin: 0 0 10px 0;
}
.pt_hampers #main .search-result-summary .summary-wrapper {
  float: left;
  padding: 8px 0;
}
@media only screen and (max-width: 767px) {
  .pt_hampers #main .search-result-summary .summary-wrapper {
    float: none;
  }
}
.pt_hampers #main .search-result-summary .add-more-items {
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .pt_hampers #main .search-result-summary .add-more-items {
    margin: 0;
    width: 100%;
    clear: both;
  }
}
.pt_hampers #main .search-result-summary .print-hamper-details {
  float: right;
  padding: 8px 0;
}
.pt_hampers #main .search-result-summary .print-hamper-details button {
  text-transform: uppercase;
}
.pt_hampers #main .search-result-summary .print-hamper-details button svg {
  vertical-align: bottom;
}
.pt_hampers #main .hp_showall {
  margin: 20px 0 10px;
  width: 250px;
}
@media only screen and (max-width: 767px) {
  .pt_hampers #main .hp_showall {
    width: 100%;
  }
}
.pt_hampers #main .hp_search_phrase {
  text-transform: initial;
}
.pt_hampers #main .product-tile {
  position: relative;
  background-color: #f1f1f1;
}
.pt_hampers #main .product-tile .product-name {
  text-align: center;
}
.pt_hampers #main .product-tile .product-name a.name-link {
  pointer-events: none;
  cursor: default;
}
.pt_hampers #main .product-tile .description {
  width: 100%;
  text-align: center;
  margin-bottom: 18px;
  height: 45px;
  font-family: GillSansNova-Medium;
}
.pt_hampers #main .product-tile .product-pricing {
  font-family: GillSansNova-Medium;
  text-align: center;
}
.pt_hampers #main .product-tile .range {
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  margin-bottom: 18px;
  font-family: GillSansNova-Medium;
}
.pt_hampers #main .product-tile .dimensions {
  width: 100%;
  text-align: center;
  margin-bottom: 18px;
  font-family: GillSansNova-Medium;
}
.pt_hampers #main .product-tile .back-in-stock-msg {
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #f1f1f1;
  margin: 0;
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  width: 100%;
  z-index: 10;
}
.pt_hampers #main .product-tile .back-in-stock-msg a {
  text-align: center;
  margin: 0px;
}
.pt_hampers #main .product-tile .promotion {
  margin: 17px 0 10px;
  text-align: center;
}
.pt_hampers #main .product-tile .container-pricing,
.pt_hampers #main .product-tile .availability-msg {
  position: absolute;
  bottom: 9px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
.pt_hampers #main form.tileComponentForm {
  height: 66px;
  bottom: 0;
}
.pt_hampers #main .inventory {
  float: left;
  margin: 0;
  width: 100%;
}
.pt_hampers #main .inventory label {
  margin-top: 0.3em;
}
.pt_hampers #main .inventory input {
  margin-left: 0.8em;
  padding: 0.3em;
  width: 67%;
  float: left;
}
.pt_hampers #main .inventory .input-group {
  float: left;
  width: 100%;
}
.pt_hampers #main .inventory .input-group input {
  margin: 0;
  text-align: center;
  height: 33px;
  width: calc(100% - 70px);
  font-family: GillSansNova-Bold;
}
.pt_hampers #main .inventory .input-group button {
  border: none;
}
.pt_hampers #main .inventory .input-group .input-group-btn {
  float: left;
  border: 1px solid #d6d6d6;
}
.pt_hampers #main .inventory .input-group .input-group-btn button {
  border: none;
  float: none;
  font-size: 20px;
}
.pt_hampers #main .inventory .input-group .input-group-btn .icon.plus, .pt_hampers #main .inventory .input-group .input-group-btn .icon.minus {
  width: 20px;
  height: 20px;
  vertical-align: text-top;
}
.pt_hampers #main .inventory .input-group .input-group-btn, .pt_hampers #main .inventory .input-group button {
  background-color: #ffffff;
  color: #929292;
  display: inline;
  float: left;
  height: 31px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 33px;
}

.hamper-product-actions {
  width: 100%;
}
.hamper-product-actions button,
.hamper-product-actions .button {
  width: 100%;
  float: left;
}
.hamper-product-actions .button.disabled {
  cursor: default;
}
.hamper-product-actions button.hidden {
  display: none;
}
.hamper-product-actions .button.warning {
  width: 100%;
  background: #ffffff;
  border: 1px solid #bc0031;
  color: #bc0031;
  height: 36px;
  position: inherit;
  float: left;
  display: none;
}
.hamper-product-actions .select-component[disabled] {
  display: none;
}

.hamper-error-title {
  padding-bottom: 5px;
}

.hamper-error-dialog {
  width: 100%;
}
.hamper-error-dialog .product-image {
  float: left;
  width: 49%;
  text-align: center;
}
.hamper-error-dialog .product-image img {
  width: 100%;
}
.hamper-error-dialog .error-info {
  float: left;
  width: 49%;
}
.hamper-error-dialog .error-info .product-name {
  text-transform: uppercase;
  margin: 0 0 25px 0;
}
.hamper-error-dialog .error-info .message {
  float: left;
  clear: both;
  margin: 0 0 18px 0;
}
.hamper-error-dialog .error-info button {
  width: 100%;
  margin: 0 0 18px 0;
}

.show-minicart {
  display: none;
}
.show-minicart.hover {
  display: block;
}
.show-minicart .mini-cart-header {
  position: relative;
}
.show-minicart .mini-cart-header .close {
  position: absolute;
  right: 0px;
  top: 0px;
  cursor: pointer;
}
.show-minicart .mini-cart-header .close .x-close-icon {
  width: 12px;
  height: 12px;
}

.hamper-mini-cart {
  display: block;
  position: absolute;
  width: 260px;
  top: 260px;
  left: -19%;
  border-top: 1px solid #252525;
  z-index: 11;
  background: #ffffff;
  padding: 20px;
  box-sizing: content-box;
}
.hamper-mini-cart .img img {
  height: 80px;
}
.hamper-mini-cart .name,
.hamper-mini-cart .price,
.hamper-mini-cart .qty,
.hamper-mini-cart .attribute {
  padding: 3px 0;
  font-family: GillSansNova-Light;
}
.hamper-mini-cart .qty, .hamper-mini-cart .price {
  font-size: 0.875rem;
}
.hamper-mini-cart .remove-component {
  font-family: GillSansNova-Light;
  text-transform: uppercase;
  padding: 10px 0 4px;
  font-size: 0.6875rem;
}
.hamper-mini-cart .mini-cart-product {
  border-bottom: 1px solid #d6d6d6;
}
.hamper-mini-cart .mini-cart-product .item-details {
  padding: 5px 10px 18px 0;
}
.hamper-mini-cart .attribute {
  text-transform: uppercase;
  color: #929292;
}
.hamper-mini-cart .product-standard-price {
  text-decoration: line-through;
  color: #929292;
}
.hamper-mini-cart span.mini-cart-price {
  color: #000000;
}
.hamper-mini-cart .mini-cart-link-cart,
.hamper-mini-cart .currentHamperCheckoutForm {
  width: 125px;
  float: left;
}
.hamper-mini-cart .currentHamperCheckoutForm {
  float: right;
}
.hamper-mini-cart .currentHamperCheckoutForm button {
  clear: right;
  width: 125px;
}
.hamper-mini-cart .hamper-minicart-total {
  position: relative;
  padding: 7px 0 5px;
  font-size: 0.9375rem;
  font-family: GillSansNova-Light;
}
.hamper-mini-cart .hamper-minicart-total .minicart-total {
  position: absolute;
  right: 0;
  top: 7px;
  font-family: GillSansNova-Medium;
}
.hamper-mini-cart .mini-cart-slot {
  float: left;
  width: 100%;
}
.hamper-mini-cart .qty {
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .hamper-mini-cart {
    left: -30%;
  }
}
.hamper-mini-cart .mini-cart-link-cart {
  float: left;
  clear: none;
  margin: 0;
  width: 125px;
}

#hamper-refinement-search input[type=text] {
  background-color: transparent;
  float: left;
  margin: 0;
  border: 1px solid #929292;
  width: 100%;
  padding: 0 11px;
  font-family: GillSansNova-Medium;
  font-size: 13px;
}
#hamper-refinement-search button {
  background-color: transparent;
  border: none;
  color: #929292;
  padding: 0;
  width: 19px;
  font-size: 19px;
  margin: -33px 10px 0 0;
  float: right;
}
#hamper-refinement-search button svg.icon.search {
  width: 19px;
  height: 19px;
  fill: #929292;
}
#hamper-refinement-search button svg.icon.search:hover, #hamper-refinement-search button svg.icon.search.focus {
  fill: #000000;
}

.ui-dialog .product-detail {
  float: left;
  width: 100%;
}

.pdp-main #hampers-tabs {
  display: none;
}

.add-hamper-to-bag-dialog p,
.save-hamper-dialog p {
  margin: 0 0 20px 0;
  font-size: 0.875rem;
}
.add-hamper-to-bag-dialog .dialog-bottom input[type=text],
.save-hamper-dialog .dialog-bottom input[type=text] {
  margin: 0 0 10px 0;
}
.add-hamper-to-bag-dialog .dialog-bottom button,
.save-hamper-dialog .dialog-bottom button {
  width: 100%;
}
.add-hamper-to-bag-dialog .dialog-bottom button.add-hamper-to-bag-button,
.save-hamper-dialog .dialog-bottom button.add-hamper-to-bag-button {
  margin: 10px 0 0;
}

.hamper-status-container {
  width: 100%;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .hamper-status-container {
    display: none;
  }
  .hamper-status-container.show {
    display: block;
    z-index: 40;
    width: 100%;
    background: #ffffff;
    margin: 0;
  }
  .hamper-status-container.show.isStuck {
    margin-top: 80px;
    left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .hamper-status-container {
    width: 100%;
    margin: 0;
  }
}
.hamper-status-container .status-cell {
  position: relative;
  width: 220px;
  margin: 0 auto;
}
.hamper-status-container .status-cell.left {
  position: absolute;
  left: 0;
}
.hamper-status-container .status-cell.right {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media only screen and (max-width: 767px) {
  .hamper-status-container .status-cell {
    width: 100%;
    vertical-align: top;
  }
  .hamper-status-container .status-cell.left, .hamper-status-container .status-cell.right {
    position: relative;
    top: 0px;
    left: 0px;
  }
  .hamper-status-container .status-cell .section-one,
.hamper-status-container .status-cell .section-two {
    display: inline-block;
    vertical-align: top;
  }
  .hamper-status-container .status-cell .section-one .mobile-link,
.hamper-status-container .status-cell .section-two .mobile-link {
    display: none;
  }
  .hamper-status-container .status-cell .section-one .mobile-view-items,
.hamper-status-container .status-cell .section-two .mobile-view-items {
    display: block;
  }
  .hamper-status-container .status-cell .status-tile {
    display: inline-block;
    text-align: left;
    height: auto;
    border: none;
    border-bottom: 1px solid #d6d6d6;
  }
  .hamper-status-container .status-cell .status-tile button,
.hamper-status-container .status-cell .status-tile .button {
    position: relative;
    width: auto;
    height: 33px;
    line-height: 32px;
    padding: 0 25px;
  }
  .hamper-status-container .status-cell .status-tile .chosen-hamper-image {
    height: 80px;
    width: 80px;
    margin: 10px 10px 20px;
  }
  .hamper-status-container .status-cell .status-tile #currentHamperGraph {
    height: 130px;
    margin: 0;
  }
  .hamper-status-container .status-cell .status-tile .product-name {
    margin: 20px 0 10px;
    padding: 0;
    position: relative;
    width: auto;
    bottom: 0;
    text-align: left;
  }
  .hamper-status-container .status-cell .status-tile .item-count {
    margin-top: 40px;
    position: relative;
    text-align: left;
    bottom: 5px;
    width: auto;
  }
}
.hamper-status-container .status-tile {
  width: 100%;
  height: 260px;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  box-sizing: border-box;
  border: 10px solid #f1f1f1;
  background-color: #ffffff;
}
.hamper-status-container .status-tile button,
.hamper-status-container .status-tile .button {
  width: 100%;
  position: absolute;
  bottom: 0;
}
.hamper-status-container .status-tile button.button-gray,
.hamper-status-container .status-tile .button.button-gray {
  bottom: 33px;
}
.hamper-status-container .status-tile .item-count,
.hamper-status-container .status-tile .product-name {
  position: absolute;
  bottom: 50px;
  text-align: center;
  width: 100%;
  letter-spacing: 1px;
}
.hamper-status-container .status-tile .product-name {
  font-size: 0.8125rem;
}
.hamper-status-container .status-tile .item-count {
  font-size: 1rem;
  font-family: GillSansNova-Light;
}
.hamper-status-container .status-tile .mobile-view-items {
  display: none;
}
.hamper-status-container .status-tile .chosen-hamper-image {
  margin: 10px 0;
  height: 120px;
}
.hamper-status-container .status-tile #currentHamperGraph {
  margin: 10px 0 0;
}
.hamper-status-container .status-tile.hamper-occupancy.hover {
  z-index: 11;
}
.hamper-status-container .status-tile.price-summary .gift-value,
.hamper-status-container .status-tile.price-summary .gift-total {
  padding: 10px;
}
.hamper-status-container .status-tile.price-summary .gift-value p:nth-child(1),
.hamper-status-container .status-tile.price-summary .gift-total p:nth-child(1) {
  margin-bottom: 10px;
}
.hamper-status-container .status-tile.price-summary .gift-value {
  padding: 10px 0;
  border-bottom: 1px solid #d6d6d6;
}
.hamper-status-container .status-tile.price-summary p {
  margin: 8px 0;
  font-size: 0.9375rem;
  font-family: GillSansNova-Light;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.hamper-status-container .status-tile.price-summary .label {
  padding: 0 10px 0;
}
.hamper-status-container .status-tile.price-summary form {
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .hamper-status-container .status-tile.price-summary .gift-value {
    padding: 0;
    float: left;
    border: none;
    width: 33%;
    text-align: center;
    margin-bottom: 10px;
  }
  .hamper-status-container .status-tile.price-summary .gift-value-label {
    margin: 10px 0 0;
  }
  .hamper-status-container .status-tile.price-summary .gift-total p {
    float: left;
    width: 33%;
    text-align: center;
    margin: 0;
  }
  .hamper-status-container .status-tile.price-summary .gift-total p #currentHamperTotalPrice,
.hamper-status-container .status-tile.price-summary .gift-total p #currentHamperQuantity {
    display: block;
    padding: 7px 0;
  }
  .hamper-status-container .status-tile.price-summary button {
    width: 100%;
    bottom: 0;
  }
}
.hamper-status-container .status-tile .fullness {
  position: absolute;
  top: 63px;
  left: 75px;
  width: 50px;
  font-family: GillSansNova-Medium;
}
.hamper-status-container .status-tile .fullness #percentage-full {
  font-size: 25px;
}
.hamper-status-container .status-tile .fullness #percentage-full #full-text {
  clear: both;
  font-size: 0.9375rem;
  font-family: GillSansNova-Light;
  letter-spacing: 0.05em;
  padding-left: 4px;
}
@media only screen and (max-width: 767px) {
  .hamper-status-container .status-tile .fullness {
    left: 45px;
    top: 45px;
  }
}

.hamper-bottom-action {
  display: none;
}
@media only screen and (max-width: 767px) {
  .hamper-bottom-action {
    display: block;
    margin: 0 0 10px;
  }
}
.hamper-bottom-action .current-hamper-cart {
  width: 100%;
  margin: 0 0 10px;
}
.hamper-bottom-action .current-hamper-save {
  width: 100%;
}

.hampers-unvailable-list .li-thumbnail {
  border-bottom: 1px solid #d6d6d6;
}
.hampers-unvailable-list .li-thumbnail div {
  padding: 5px 0;
}
.hampers-unvailable-list .li-thumbnail .item-image {
  padding: 10px;
}
.hampers-unvailable-list .li-thumbnail .name {
  color: #000000;
}
.hampers-unvailable-list .message {
  margin: 0 0 17px 0;
}
.hampers-unvailable-list #hamper-list-scroll-wrapper {
  position: relative;
  height: 212px;
  overflow: hidden;
  border-top: 1px solid #929292;
  border-bottom: 1px solid #929292;
}
.hampers-unvailable-list #hamper-list-scroll-wrapper.one {
  height: 106px;
  border-top: none;
  border-bottom: none;
}
.hampers-unvailable-list #hamper-list-scroll-wrapper.two {
  height: 212px;
}
.hampers-unvailable-list #hamper-list-scroll-wrapper.scroll {
  height: 318px;
}
.hampers-unvailable-list .ui-dialog-buttonset button {
  width: 100%;
  margin: 20px 0 0;
}

.gift-quantity-error .ui-dialog-buttonset .ui-button:nth-child(1) {
  float: left;
}
@media only screen and (max-width: 767px) {
  .gift-quantity-error .ui-dialog-buttonset .ui-button:nth-child(1) {
    margin-bottom: 10px;
  }
}

.quickview-dialog.hamper-qv .product-variations {
  display: none;
}

/*# sourceMappingURL=hampers.css.map*/