.customise-header-background-color {
  /*{Variable(header-background-color)}*/
  background-color: #ffffff;
  /*{Variable(header-font-color)}*/
  color: #333333;
  /*{Variable(header-border)}*/
  border-bottom: 1px solid #ffffff;
}

.customise-signin-button {
  /*{Variable(sign-in-primary-color)}*/
  border: 2px solid #000000;
  /*{Variable(sign-in-primary-color)}*/
  color: #000000;
  /*{Variable(sign-in-secondary-color)}*/
  background: #ffffff;
}

.customise-signin-button:hover {
  /*{Variable(sign-in-primary-color)}*/
  background: #000000;
  /*{Variable(sign-in-secondary-color)}*/
  color: #ffffff;
}

/* General */
.customise-body {
  /*{Variable(general-background-color)}*/
  background-color: #ffffff;
  /*{Variable(font-family)}*/
  font-family: 'Roboto', Helvetica, sans-serif;
}

.customise-general-secondary-font-color {
  /*{Variable(general-secondary-font-color)}*/
  color: #333333;
}

.customise-general-primary-font-color {
  /*{Variable(general-primary-font-color)}*/
  color: #000000;
}

.customise-general-primary-hover-color:hover {
  /*{Variable(general-primary-font-color)}*/
  color: #000000;
}

.customise-cart-categories li:hover {
  color: #000000;
}

.customise-cart-categories li.active {
  color: #000000;
}

.customise-mobile-cart-categories {
  background: #ffffff;
}

.customise-mobile-cart-categories li.active {
  color: #000000;
  border-bottom: 3px solid #000000;
}

.customise-cart-user-dropdown {
  background: #ffffff;
  color: #333333;
  border: 1px solid #ffffff;
}

.customise-cart-user-dropdown li:hover {
    background: #000000;
    color: #ffffff;
}

/* Side Cart */

.customise-side-cart-background-color {
  /*{Variable(side-cart-background-color)}*/
  background: #f1f1f1;
}

.customise-side-cart-icon-color {
  /*{Variable(side-cart-icon-color)}*/
  color: #333333;
}

.customise-side-cart-textfield-border {
  /*{Variable(side-cart-textfield-border)}*/
  border: 1px solid #cccccc;
}

.customise-side-cart-instruction-box {
  /*{Variable(side-cart-instruction-background-color)}*/
  background-color: #000000;
  /*{Variable(side-cart-instruction-font-color)}*/
  color: #ffffff;
}

.customise-side-cart-tab li.ui-tabs-active a {
    color: #000000;
}

.customise-side-cart-tab li.ui-tabs-active {
    background: #f1f1f1;
}

.customise-side-cart-tab li {
    background: #8c8c8c;
}

.customise-side-cart-tab li a {
  color: #636363;
}

.customise-side-cart-font-color {
  /*{Variable(side-cart-secondary-font-color)}*/
  color: #333333;
}

.customise-side-cart-action-font-color {
  /*{Variable(side-cart-action-font-color)}*/
  color: #000000;
}

.customise-side-cart-action-font-color:hover {
  /*{Variable(side-cart-action-hover-color)}*/
  color: #747474;
}

.customise-side-cart-divider-border {
  /*{Variable(side-cart-divider-border)}*/
  border-bottom: 1px solid #cccccc;
}

.customise-side-cart-clear-item-icon-color {
  /*{Variable(side-cart-clear-item-icon-color)}*/
  color: #333333;
}

.customise-side-cart-clear-item-icon-color:hover {
  /*{Variable(side-cart-clear-item-icon-hover-color)}*/
  color: #333333;
}

.customise-side-cart-quantity-button-border {
  /*{Variable(side-cart-quantity-button-border)}*/
  border: 1px solid #cccccc;
}
/* Promotion */
.customise-promotion-bar-color {
  /*{Variable(promotion-bar-color)}*/
  background: #29657f;
}

.customise-promotion-bar-background-color {
  /*{Variable(promotion-bar-background-color)}*/
  background: #2c2929;
}

.customise-promotion-bar-title-divider-border {
  /*{Variable(promotion-bar-title-divider-border)}*/
  border-bottom: 1px solid #29657f;
}

.customise-promotion-bar-divider-border li {
  /*{Variable(promotion-bar-divider-border)}*/
  border-bottom: 1px solid #3d3a3a;

}

.customise-promotion-bar-font-color {
  /*{Variable(promotion-bar-font-color)}*/
  color: #ffffff;
}

/* Button */
.customise-pager-link.active {
  /*{Variable(primary-button-background-color)}*/
  background: #000000;
}

button {
  /*{Variable(primary-button-font-color)}*/
  color: #ffffff;
  /*{Variable(primary-button-background-color)}*/
  background: #000000;
  /*{Variable(primary-button-border)}*/
  border: 1px solid #000000;
}

button:hover {
  /*{Variable(primary-button-hover-color)}*/
  background: #747474;
  border: 1px solid #747474;
}

.customise-disabled-button {
  /*{Variable(disabled-button-font-color)}*/
  color: #ffffff;
  /*{Variable(disabled-button-background-color)}*/
  background: #d4d4d4;

  border:0;
}

button:disabled {
  /*{Variable(disabled-button-font-color)}*/
  color: #ffffff;
  /*{Variable(disabled-button-background-color)}*/
  background: #d4d4d4;

  border:0;
}

button.customise-secondary-button {
  /*{Variable(secondary-button-font-color)}*/
  color: #3c4248;
  /*{Variable(secondary-button-background-color)}*/
  background: #ffffff;
  /*{Variable(secondary-button-border)}*/
  border: 1px solid #d4d4d4;
}

button.customise-secondary-button:hover {
  /*{Variable(secondary-button-hover-color)}*/
  background: #ff485b;
  border: 1px solid #ff485b;
}

/* Item Content Box */
.customise-item-content-box {
  /*{Variable(item-content-box-border)}*/
  border: 1px solid #e1e1e1;
  /*{Variable(item-content-box-background-color)}*/
  background: #ffffff;
  /*{Variable(item-content-box-font-color)}*/
  color: #333333;
}

.customise-modal-button-div {
  /*{Variable(item-content-box-background-color)}*/
  background: #ffffff;
  /*{Variable(item-content-box-font-color)}*/
  color: #333333;
}

/*Mobile*/
.customise-mobile-icon-color {
  /*{Variable(mobile-icon-color)}*/
  color: @mobile-icon-color;
}

.customise-mobile-quantity-icon-color {
  background: #000000;
  color: #ffffff;
}