/* 
	Account Stylesheet
	=================================
	DUSZA
------------------------------------------------------------------------------------------------------------ */
/*-------------------------------------------------------------------------------------------------------ACCOUNT
*/
/*
	DMS : Orders Stylesheet
	=================================
	DUSZA
------------------------------------------------------------------------------------------------------------ */
/*-------------------------------------------------------------------------------------------------------ORDER OVERVIEW
*/
div#content .basket p.category {
  font-weight: 700;
  padding-bottom: 14px;
  display: inline-block;
  float: left;
  width: 100%;
  padding-top: 20px;
}

div#content .basket .item {
  width: 100%;
  display: inline-block;
  padding-bottom: 14px;
}

div#content .basket .item p {
  display: inline-block;
  float: left;
  width: 12.5%;
  margin-bottom: 0;
  line-height: 1.4;
}

div#content .basket .item p.net, div#content .basket .item p.vat, div#content .basket .item p.quantity {
  text-align: center;
}

div#content .basket .item p.product_code {
  width: 20%;
}

div#content .basket .item p.product_label {
  width: 30%;
  padding-right: 20px;
}

div#content .basket .item p.price {
  font-weight: 700;
  text-align: right;
}

div#content .basket .item p.category {
  width: 100%;
}

div#content .basket .item p a {
  font-weight: 400;
}

div#content .basket .item p strong {
  font-weight: 700;
}

div#content .basket .basket_totals {
  width: 100%;
  padding-bottom: 20px;
}

div#content .basket .basket_totals p {
  display: inline-block;
  width: 100%;
  margin: 0;
  line-height: 1.4;
  padding-bottom: 6px;
  text-align: right;
}

div#content .basket .basket_totals p.discount_note {
  padding-left: 60%;
}

div#content .basket .basket_totals span {
  float: right;
  font-weight: 700;
  width: 16.5%;
}

div#content .column {
  display: inline-block;
  float: left;
  width: 100%;
  padding: 0 0 20px 0;
}

div#content .column h4 {
  font-weight: 700;
  padding-bottom: 14px;
  display: inline-block;
  float: left;
  width: 100%;
  color: #575757;
}

div#content .column .labels, div#content .column .values {
  width: 30%;
  display: inline-block;
  float: left;
}

div#content .column .labels p, div#content .column .values p {
  display: inline-block;
  width: 100%;
  float: left;
  clear: both;
  line-height: 1.4;
  padding-bottom: 6px;
  margin-bottom: 0;
}

div#content .column .values {
  width: 70%;
  font-weight: bold;
}

.page.checkout,
.page.account,
.hospitality_signup {
  padding: 40px 0;
  height: auto;
  overflow: visible;
}

@media screen and (max-width: 1180px) {
  .page.checkout,
.page.account,
.hospitality_signup {
    padding: 30px 0;
  }
}

@media screen and (max-width: 920px) {
  .page.checkout,
.page.account,
.hospitality_signup {
    padding: 10px 0 20px;
  }
}

.page.checkout h1,
.page.account h1,
.hospitality_signup h1 {
  font-size: 2.5rem;
  color: #3b2344;
  font-weight: bold;
  display: block;
  margin-bottom: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

@media screen and (max-width: 1180px) {
  .page.checkout h1,
.page.account h1,
.hospitality_signup h1 {
    font-size: 2.2rem;
  }
}

@media screen and (max-width: 920px) {
  .page.checkout h1,
.page.account h1,
.hospitality_signup h1 {
    font-size: 1.6rem;
    margin-bottom: 10px;
  }
}

.page.checkout h3,
.page.account h3,
.hospitality_signup h3 {
  display: inline-block;
  width: 100%;
  font-size: 1.6rem;
  font-weight: bold;
  color: #3b2344;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-bottom: 4px;
}

@media screen and (max-width: 1180px) {
  .page.checkout h3,
.page.account h3,
.hospitality_signup h3 {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 920px) {
  .page.checkout h3,
.page.account h3,
.hospitality_signup h3 {
    font-size: 1.3rem;
  }
}

.page.checkout h4,
.page.account h4,
.hospitality_signup h4 {
  display: inline-block;
  width: 100%;
  font-size: 1rem;
  font-weight: bold;
  color: #3b2344;
  text-transform: uppercase;
  letter-spacing: 0.2px;
  padding-bottom: 4px;
  margin-top: 10px;
}

.page.checkout p a,
.page.account p a,
.hospitality_signup p a {
  font-weight: bold;
}

.page.checkout ol,
.page.account ol,
.hospitality_signup ol {
  margin-top: 10px;
}

@media screen and (max-width: 1180px) {
  .page.checkout ol,
.page.account ol,
.hospitality_signup ol {
    margin-top: 6px;
  }
}

.page.checkout li,
.page.account li,
.hospitality_signup li {
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}

.page.checkout li input, .page.checkout li textarea, .page.checkout li select,
.page.account li input,
.page.account li textarea,
.page.account li select,
.hospitality_signup li input,
.hospitality_signup li textarea,
.hospitality_signup li select {
  background: #FFF;
  font-size: 0.9rem;
  width: 100%;
  display: inline-block;
  float: none;
  border: none;
  border: 1px solid #cfcfcf;
  padding: 0 20px;
}

@media screen and (max-width: 920px) {
  .page.checkout li input, .page.checkout li textarea, .page.checkout li select,
.page.account li input,
.page.account li textarea,
.page.account li select,
.hospitality_signup li input,
.hospitality_signup li textarea,
.hospitality_signup li select {
    font-size: 16px !important;
  }
}

.page.checkout li select,
.page.account li select,
.hospitality_signup li select {
  background: #FFF url(../images/icons/down-purple@2x.png);
  background-size: 10px;
  background-position: right 14px center;
  background-repeat: no-repeat;
}

.page.checkout li textarea,
.page.account li textarea,
.hospitality_signup li textarea {
  padding: 20px;
}

.page.checkout li button,
.page.account li button,
.hospitality_signup li button {
  margin-top: 20px;
}

.page.checkout li.choose_password,
.page.account li.choose_password,
.hospitality_signup li.choose_password {
  position: relative;
}

.page.checkout li.choose_password .toggle_password,
.page.account li.choose_password .toggle_password,
.hospitality_signup li.choose_password .toggle_password {
  width: 55px;
  height: 55px;
  position: absolute;
  bottom: 0;
  right: 0;
  text-indent: -9999px;
  background-image: url(../images/icons/visibility.svg);
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: center;
}

@media screen and (max-width: 1440px) {
  .page.checkout li.choose_password .toggle_password,
.page.account li.choose_password .toggle_password,
.hospitality_signup li.choose_password .toggle_password {
    height: 45px;
    width: 45px;
    background-size: 24px;
  }
}

.page.checkout li.choose_password .toggle_password.hidden,
.page.account li.choose_password .toggle_password.hidden,
.hospitality_signup li.choose_password .toggle_password.hidden {
  background-image: url(../images/icons/visibility_off.svg);
}

.page.checkout label,
.page.account label,
.hospitality_signup label {
  padding-bottom: 8px;
  display: inline-block;
  margin-top: 6px;
  line-height: 1.4;
  color: #3b2344;
  font-size: 1rem;
}

.page.checkout label a,
.page.account label a,
.hospitality_signup label a {
  font-weight: bold;
}

.page.checkout label a:hover,
.page.account label a:hover,
.hospitality_signup label a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 1440px) {
  .page.checkout label,
.page.account label,
.hospitality_signup label {
    font-size: 0.9rem;
    padding-bottom: 6px;
  }
}

@media screen and (max-width: 920px) {
  .page.checkout label,
.page.account label,
.hospitality_signup label {
    padding-bottom: 5px;
    margin-top: 4px;
  }
}

.page.checkout label.checkbox-style, .page.checkout label.radio-style,
.page.account label.checkbox-style,
.page.account label.radio-style,
.hospitality_signup label.checkbox-style,
.hospitality_signup label.radio-style {
  line-height: 1.3;
  height: auto;
  padding: 4px 18% 4px 35px;
  position: relative;
  margin-bottom: 6px;
  display: inline-block;
}

@media screen and (max-width: 920px) {
  .page.checkout label.checkbox-style, .page.checkout label.radio-style,
.page.account label.checkbox-style,
.page.account label.radio-style,
.hospitality_signup label.checkbox-style,
.hospitality_signup label.radio-style {
    padding-right: 0;
  }
}

.page.checkout label.checkbox-style span.amount, .page.checkout label.radio-style span.amount,
.page.account label.checkbox-style span.amount,
.page.account label.radio-style span.amount,
.hospitality_signup label.checkbox-style span.amount,
.hospitality_signup label.radio-style span.amount {
  position: absolute;
  right: 0;
  top: 4px;
}

.page.checkout span.warning,
.page.account span.warning,
.hospitality_signup span.warning {
  display: block;
  color: #F06450;
  font-weight: bold;
}

.page.checkout dl,
.page.account dl,
.hospitality_signup dl {
  margin-top: 26px;
  margin-bottom: 20px;
  display: inline-block;
  width: 100%;
}

.page.checkout dl dd,
.page.account dl dd,
.hospitality_signup dl dd {
  display: inline-block;
  width: 100%;
}

.page.checkout dl label,
.page.account dl label,
.hospitality_signup dl label {
  width: 100%;
  padding-bottom: 0;
  margin-top: 0;
  color: #3b2344;
}

.page.checkout button,
.page.account button,
.hospitality_signup button {
  width: auto;
  height: 55px;
  background: #3b2344;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: background 400ms ease;
  display: inline-block;
  border: none !important;
  height: 55px;
  line-height: 53px;
  color: #FFFFFF;
  padding: 0 26px;
  float: right;
  transition: background 300ms ease;
}

@media screen and (max-width: 1440px) {
  .page.checkout button,
.page.account button,
.hospitality_signup button {
    height: 45px;
    line-height: 45px;
  }
}

@media screen and (max-width: 920px) {
  .page.checkout button,
.page.account button,
.hospitality_signup button {
    width: 100%;
  }
}

.page.checkout button[disabled],
.page.account button[disabled],
.hospitality_signup button[disabled] {
  opacity: 0.4;
}

.page.checkout button:hover,
.page.account button:hover,
.hospitality_signup button:hover {
  background: #C3B9B4;
}

.page.checkout p.stock_error,
.page.checkout p.checkout_error,
.page.checkout p.register_error,
.page.account p.stock_error,
.page.account p.checkout_error,
.page.account p.register_error,
.hospitality_signup p.stock_error,
.hospitality_signup p.checkout_error,
.hospitality_signup p.register_error {
  background: #F06450;
  color: #FFF !important;
  font-weight: bold;
  letter-spacing: 1px;
  padding-bottom: 0;
  width: 100% !important;
  font-size: 1.2rem;
  line-height: 1.4 !important;
  text-transform: uppercase;
  padding: 15px 80px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  text-align: center;
  cursor: pointer;
}

.page.checkout p.stock_error:after,
.page.checkout p.checkout_error:after,
.page.checkout p.register_error:after,
.page.account p.stock_error:after,
.page.account p.checkout_error:after,
.page.account p.register_error:after,
.hospitality_signup p.stock_error:after,
.hospitality_signup p.checkout_error:after,
.hospitality_signup p.register_error:after {
  width: 26px;
  height: 3px;
  background: #FFF;
  content: "";
  position: absolute;
  top: 0;
  right: 30px;
  bottom: 0;
  margin: auto;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.page.checkout p.stock_error:before,
.page.checkout p.checkout_error:before,
.page.checkout p.register_error:before,
.page.account p.stock_error:before,
.page.account p.checkout_error:before,
.page.account p.register_error:before,
.hospitality_signup p.stock_error:before,
.hospitality_signup p.checkout_error:before,
.hospitality_signup p.register_error:before {
  width: 26px;
  height: 3px;
  background: #FFF;
  content: "";
  position: absolute;
  top: 0;
  right: 30px;
  bottom: 0;
  margin: auto;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.page.checkout p.stock_error.hide,
.page.checkout p.checkout_error.hide,
.page.checkout p.register_error.hide,
.page.account p.stock_error.hide,
.page.account p.checkout_error.hide,
.page.account p.register_error.hide,
.hospitality_signup p.stock_error.hide,
.hospitality_signup p.checkout_error.hide,
.hospitality_signup p.register_error.hide {
  -webkit-transform: translateY(-50px);
          transform: translateY(-50px);
  visibility: hidden;
  transition: visibility 0ms 400ms, -webkit-transform 400ms ease;
  transition: transform 400ms ease, visibility 0ms 400ms;
  transition: transform 400ms ease, visibility 0ms 400ms, -webkit-transform 400ms ease;
}

.page.checkout .login,
.page.checkout .new_customer_signup,
.page.checkout .account_form,
.page.account .login,
.page.account .new_customer_signup,
.page.account .account_form,
.hospitality_signup .login,
.hospitality_signup .new_customer_signup,
.hospitality_signup .account_form {
  width: 49%;
  display: inline-block;
  float: left;
  margin-right: 2%;
  padding: 50px;
  background: #d8d0cd;
  margin-bottom: 40px;
}

@media screen and (max-width: 1180px) {
  .page.checkout .login,
.page.checkout .new_customer_signup,
.page.checkout .account_form,
.page.account .login,
.page.account .new_customer_signup,
.page.account .account_form,
.hospitality_signup .login,
.hospitality_signup .new_customer_signup,
.hospitality_signup .account_form {
    padding: 40px;
  }
}

@media screen and (max-width: 920px) {
  .page.checkout .login,
.page.checkout .new_customer_signup,
.page.checkout .account_form,
.page.account .login,
.page.account .new_customer_signup,
.page.account .account_form,
.hospitality_signup .login,
.hospitality_signup .new_customer_signup,
.hospitality_signup .account_form {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    min-height: 0 !important;
    padding: 26px;
  }
}

.page.checkout .login p, .page.checkout .login h2,
.page.checkout .new_customer_signup p,
.page.checkout .new_customer_signup h2,
.page.checkout .account_form p,
.page.checkout .account_form h2,
.page.account .login p,
.page.account .login h2,
.page.account .new_customer_signup p,
.page.account .new_customer_signup h2,
.page.account .account_form p,
.page.account .account_form h2,
.hospitality_signup .login p,
.hospitality_signup .login h2,
.hospitality_signup .new_customer_signup p,
.hospitality_signup .new_customer_signup h2,
.hospitality_signup .account_form p,
.hospitality_signup .account_form h2 {
  font-size: 1.2rem;
  line-height: 1.4;
  color: #3b2344;
}

@media screen and (max-width: 1180px) {
  .page.checkout .login p, .page.checkout .login h2,
.page.checkout .new_customer_signup p,
.page.checkout .new_customer_signup h2,
.page.checkout .account_form p,
.page.checkout .account_form h2,
.page.account .login p,
.page.account .login h2,
.page.account .new_customer_signup p,
.page.account .new_customer_signup h2,
.page.account .account_form p,
.page.account .account_form h2,
.hospitality_signup .login p,
.hospitality_signup .login h2,
.hospitality_signup .new_customer_signup p,
.hospitality_signup .new_customer_signup h2,
.hospitality_signup .account_form p,
.hospitality_signup .account_form h2 {
    font-size: 1.1rem;
  }
}

@media screen and (max-width: 920px) {
  .page.checkout .login p, .page.checkout .login h2,
.page.checkout .new_customer_signup p,
.page.checkout .new_customer_signup h2,
.page.checkout .account_form p,
.page.checkout .account_form h2,
.page.account .login p,
.page.account .login h2,
.page.account .new_customer_signup p,
.page.account .new_customer_signup h2,
.page.account .account_form p,
.page.account .account_form h2,
.hospitality_signup .login p,
.hospitality_signup .login h2,
.hospitality_signup .new_customer_signup p,
.hospitality_signup .new_customer_signup h2,
.hospitality_signup .account_form p,
.hospitality_signup .account_form h2 {
    font-size: 1rem;
  }
}

.page.checkout .login p.password_help, .page.checkout .login h2.password_help,
.page.checkout .new_customer_signup p.password_help,
.page.checkout .new_customer_signup h2.password_help,
.page.checkout .account_form p.password_help,
.page.checkout .account_form h2.password_help,
.page.account .login p.password_help,
.page.account .login h2.password_help,
.page.account .new_customer_signup p.password_help,
.page.account .new_customer_signup h2.password_help,
.page.account .account_form p.password_help,
.page.account .account_form h2.password_help,
.hospitality_signup .login p.password_help,
.hospitality_signup .login h2.password_help,
.hospitality_signup .new_customer_signup p.password_help,
.hospitality_signup .new_customer_signup h2.password_help,
.hospitality_signup .account_form p.password_help,
.hospitality_signup .account_form h2.password_help {
  padding-top: 20px;
  font-size: 0.9rem;
}

.page.checkout .login ul:not(.account_nav),
.page.checkout .new_customer_signup ul:not(.account_nav),
.page.checkout .account_form ul:not(.account_nav),
.page.account .login ul:not(.account_nav),
.page.account .new_customer_signup ul:not(.account_nav),
.page.account .account_form ul:not(.account_nav),
.hospitality_signup .login ul:not(.account_nav),
.hospitality_signup .new_customer_signup ul:not(.account_nav),
.hospitality_signup .account_form ul:not(.account_nav) {
  margin: 16px 0 21px;
}

.page.checkout .login ul:not(.account_nav) li,
.page.checkout .new_customer_signup ul:not(.account_nav) li,
.page.checkout .account_form ul:not(.account_nav) li,
.page.account .login ul:not(.account_nav) li,
.page.account .new_customer_signup ul:not(.account_nav) li,
.page.account .account_form ul:not(.account_nav) li,
.hospitality_signup .login ul:not(.account_nav) li,
.hospitality_signup .new_customer_signup ul:not(.account_nav) li,
.hospitality_signup .account_form ul:not(.account_nav) li {
  font-size: 1rem;
  line-height: 1.4;
  padding: 6px 0 6px 36px;
  background: url(../images/icons/tick@2x.png);
  background-size: 19px;
  background-position: left top 6px;
  background-repeat: no-repeat;
  color: #3b2344;
}

.page.checkout .login button,
.page.checkout .new_customer_signup button,
.page.checkout .account_form button,
.page.account .login button,
.page.account .new_customer_signup button,
.page.account .account_form button,
.hospitality_signup .login button,
.hospitality_signup .new_customer_signup button,
.hospitality_signup .account_form button {
  width: 100%;
}

.page.checkout .login .inline,
.page.checkout .new_customer_signup .inline,
.page.checkout .account_form .inline,
.page.account .login .inline,
.page.account .new_customer_signup .inline,
.page.account .account_form .inline,
.hospitality_signup .login .inline,
.hospitality_signup .new_customer_signup .inline,
.hospitality_signup .account_form .inline {
  float: right;
  display: inline-block;
  font-weight: bold;
  color: #3b2344;
  margin: 6px 0 20px;
}

@media screen and (max-width: 920px) {
  .page.checkout .login .inline,
.page.checkout .new_customer_signup .inline,
.page.checkout .account_form .inline,
.page.account .login .inline,
.page.account .new_customer_signup .inline,
.page.account .account_form .inline,
.hospitality_signup .login .inline,
.hospitality_signup .new_customer_signup .inline,
.hospitality_signup .account_form .inline {
    margin: 4px 0 16px;
  }
}

.page.checkout .login .inline:hover,
.page.checkout .new_customer_signup .inline:hover,
.page.checkout .account_form .inline:hover,
.page.account .login .inline:hover,
.page.account .new_customer_signup .inline:hover,
.page.account .account_form .inline:hover,
.hospitality_signup .login .inline:hover,
.hospitality_signup .new_customer_signup .inline:hover,
.hospitality_signup .account_form .inline:hover {
  text-decoration: underline;
}

@media screen and (min-width: 920px) {
  .page.checkout .login form,
.page.account .login form,
.hospitality_signup .login form {
    display: block !important;
  }
}

@media screen and (max-width: 920px) {
  .page.checkout .login,
.page.account .login,
.hospitality_signup .login {
    overflow: hidden;
    margin-bottom: 14px;
  }
  .page.checkout .login h1,
.page.account .login h1,
.hospitality_signup .login h1 {
    margin-top: -4px;
    margin-bottom: -6px;
    position: relative;
    width: 100%;
    transition: margin 600ms ease;
  }
  .page.checkout .login h1:after, .page.checkout .login h1:before,
.page.account .login h1:after,
.page.account .login h1:before,
.hospitality_signup .login h1:after,
.hospitality_signup .login h1:before {
    content: "";
    width: 12px;
    height: 2px;
    background: #3b2344;
    position: absolute;
    top: 10px;
    right: 0;
    margin: auto;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    transition: right 400ms ease, width 400ms ease, -webkit-transform 400ms;
    transition: transform 400ms, right 400ms ease, width 400ms ease;
    transition: transform 400ms, right 400ms ease, width 400ms ease, -webkit-transform 400ms;
  }
  .page.checkout .login h1:before,
.page.account .login h1:before,
.hospitality_signup .login h1:before {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    right: -4px;
  }
  .page.checkout .login h1:after,
.page.account .login h1:after,
.hospitality_signup .login h1:after {
    right: 4px;
  }
  .page.checkout .login h1.shown,
.page.account .login h1.shown,
.hospitality_signup .login h1.shown {
    margin-top: 0;
    margin-bottom: 10px;
  }
  .page.checkout .login h1.shown:after,
.page.account .login h1.shown:after,
.hospitality_signup .login h1.shown:after {
    right: 0;
    width: 18px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .page.checkout .login h1.shown:before,
.page.account .login h1.shown:before,
.hospitality_signup .login h1.shown:before {
    right: 0;
    width: 18px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .page.checkout .login form,
.page.account .login form,
.hospitality_signup .login form {
    height: 0;
    overflow: hidden;
    transition: height 600ms ease;
  }
  .page.checkout .login form.shown,
.page.account .login form.shown,
.hospitality_signup .login form.shown {
    height: 300px;
  }
  .page.checkout .login form.shown.password,
.page.account .login form.shown.password,
.hospitality_signup .login form.shown.password {
    height: 172px;
  }
}

.page.checkout .new_customer_signup,
.page.checkout .account_form,
.page.account .new_customer_signup,
.page.account .account_form,
.hospitality_signup .new_customer_signup,
.hospitality_signup .account_form {
  margin-right: 0;
  background: #BED278;
}

.page.checkout .new_customer_signup form#customer_information,
.page.checkout .account_form form#customer_information,
.page.account .new_customer_signup form#customer_information,
.page.account .account_form form#customer_information,
.hospitality_signup .new_customer_signup form#customer_information,
.hospitality_signup .account_form form#customer_information {
  display: none;
}

.page.checkout .new_customer_signup form#customer_information h2, .page.checkout .new_customer_signup form#customer_information legend,
.page.checkout .account_form form#customer_information h2,
.page.checkout .account_form form#customer_information legend,
.page.account .new_customer_signup form#customer_information h2,
.page.account .new_customer_signup form#customer_information legend,
.page.account .account_form form#customer_information h2,
.page.account .account_form form#customer_information legend,
.hospitality_signup .new_customer_signup form#customer_information h2,
.hospitality_signup .new_customer_signup form#customer_information legend,
.hospitality_signup .account_form form#customer_information h2,
.hospitality_signup .account_form form#customer_information legend {
  display: none;
}

.page.checkout .new_customer_signup form#customer_information fieldset:not(:nth-of-type(2)) h3,
.page.checkout .account_form form#customer_information fieldset:not(:nth-of-type(2)) h3,
.page.account .new_customer_signup form#customer_information fieldset:not(:nth-of-type(2)) h3,
.page.account .account_form form#customer_information fieldset:not(:nth-of-type(2)) h3,
.hospitality_signup .new_customer_signup form#customer_information fieldset:not(:nth-of-type(2)) h3,
.hospitality_signup .account_form form#customer_information fieldset:not(:nth-of-type(2)) h3 {
  margin-top: 26px;
}

@media screen and (max-width: 1180px) {
  .page.checkout .new_customer_signup form#customer_information fieldset:not(:nth-of-type(2)) h3,
.page.checkout .account_form form#customer_information fieldset:not(:nth-of-type(2)) h3,
.page.account .new_customer_signup form#customer_information fieldset:not(:nth-of-type(2)) h3,
.page.account .account_form form#customer_information fieldset:not(:nth-of-type(2)) h3,
.hospitality_signup .new_customer_signup form#customer_information fieldset:not(:nth-of-type(2)) h3,
.hospitality_signup .account_form form#customer_information fieldset:not(:nth-of-type(2)) h3 {
    margin-top: 18px;
  }
}

.page.checkout .new_customer_signup form#customer_information dl,
.page.checkout .account_form form#customer_information dl,
.page.account .new_customer_signup form#customer_information dl,
.page.account .account_form form#customer_information dl,
.hospitality_signup .new_customer_signup form#customer_information dl,
.hospitality_signup .account_form form#customer_information dl {
  margin: 0 0 20px 0;
}

@media screen and (max-width: 920px) {
  .page.checkout .new_customer_signup form#customer_information dl,
.page.checkout .account_form form#customer_information dl,
.page.account .new_customer_signup form#customer_information dl,
.page.account .account_form form#customer_information dl,
.hospitality_signup .new_customer_signup form#customer_information dl,
.hospitality_signup .account_form form#customer_information dl {
    margin-bottom: 0;
  }
}

.page.checkout .new_customer_signup form#customer_information li.mailing_list dl,
.page.checkout .account_form form#customer_information li.mailing_list dl,
.page.account .new_customer_signup form#customer_information li.mailing_list dl,
.page.account .account_form form#customer_information li.mailing_list dl,
.hospitality_signup .new_customer_signup form#customer_information li.mailing_list dl,
.hospitality_signup .account_form form#customer_information li.mailing_list dl {
  margin-bottom: 0 !important;
}

.page.checkout .new_customer_signup form#customer_information .terms,
.page.checkout .account_form form#customer_information .terms,
.page.account .new_customer_signup form#customer_information .terms,
.page.account .account_form form#customer_information .terms,
.hospitality_signup .new_customer_signup form#customer_information .terms,
.hospitality_signup .account_form form#customer_information .terms {
  margin-top: 20px;
}

.page.checkout .new_customer_signup form#customer_information .terms dl,
.page.checkout .account_form form#customer_information .terms dl,
.page.account .new_customer_signup form#customer_information .terms dl,
.page.account .account_form form#customer_information .terms dl,
.hospitality_signup .new_customer_signup form#customer_information .terms dl,
.hospitality_signup .account_form form#customer_information .terms dl {
  margin-bottom: 0;
}

.page.checkout .new_customer_signup form#customer_information p.label + ol,
.page.checkout .account_form form#customer_information p.label + ol,
.page.account .new_customer_signup form#customer_information p.label + ol,
.page.account .account_form form#customer_information p.label + ol,
.hospitality_signup .new_customer_signup form#customer_information p.label + ol,
.hospitality_signup .account_form form#customer_information p.label + ol {
  margin-top: 0;
}

.page.checkout .new_customer_signup form#customer_information .mailing_list li > label,
.page.checkout .account_form form#customer_information .mailing_list li > label,
.page.account .new_customer_signup form#customer_information .mailing_list li > label,
.page.account .account_form form#customer_information .mailing_list li > label,
.hospitality_signup .new_customer_signup form#customer_information .mailing_list li > label,
.hospitality_signup .account_form form#customer_information .mailing_list li > label {
  display: inline-block;
  width: 100%;
  font-size: 1.6rem;
  font-weight: bold;
  color: #3b2344;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-bottom: 16px;
  float: left;
}

.page.checkout .new_customer_signup form#customer_information .mailing_list label,
.page.checkout .account_form form#customer_information .mailing_list label,
.page.account .new_customer_signup form#customer_information .mailing_list label,
.page.account .account_form form#customer_information .mailing_list label,
.hospitality_signup .new_customer_signup form#customer_information .mailing_list label,
.hospitality_signup .account_form form#customer_information .mailing_list label {
  padding-right: 0;
}

.page.checkout .new_customer_signup form#customer_information .delivery_address,
.page.checkout .account_form form#customer_information .delivery_address,
.page.account .new_customer_signup form#customer_information .delivery_address,
.page.account .account_form form#customer_information .delivery_address,
.hospitality_signup .new_customer_signup form#customer_information .delivery_address,
.hospitality_signup .account_form form#customer_information .delivery_address {
  margin-bottom: 0;
}

.page.checkout .new_customer_signup form#customer_information .delivery_address dl,
.page.checkout .account_form form#customer_information .delivery_address dl,
.page.account .new_customer_signup form#customer_information .delivery_address dl,
.page.account .account_form form#customer_information .delivery_address dl,
.hospitality_signup .new_customer_signup form#customer_information .delivery_address dl,
.hospitality_signup .account_form form#customer_information .delivery_address dl {
  margin-bottom: 6px;
  margin-top: 4px;
}

.page.checkout .new_customer_signup form#customer_information button,
.page.checkout .account_form form#customer_information button,
.page.account .new_customer_signup form#customer_information button,
.page.account .account_form form#customer_information button,
.hospitality_signup .new_customer_signup form#customer_information button,
.hospitality_signup .account_form form#customer_information button {
  margin-top: 14px;
}

.page.checkout .existing_customer,
.page.checkout .account_form,
.page.account .existing_customer,
.page.account .account_form,
.hospitality_signup .existing_customer,
.hospitality_signup .account_form {
  width: 100% !important;
}

.page.checkout .existing_customer form,
.page.checkout .account_form form,
.page.account .existing_customer form,
.page.account .account_form form,
.hospitality_signup .existing_customer form,
.hospitality_signup .account_form form {
  display: block !important;
}

.page.checkout .existing_customer form legend,
.page.checkout .account_form form legend,
.page.account .existing_customer form legend,
.page.account .account_form form legend,
.hospitality_signup .existing_customer form legend,
.hospitality_signup .account_form form legend {
  display: none;
}

.page.checkout .existing_customer form .mailing_list,
.page.checkout .account_form form .mailing_list,
.page.account .existing_customer form .mailing_list,
.page.account .account_form form .mailing_list,
.hospitality_signup .existing_customer form .mailing_list,
.hospitality_signup .account_form form .mailing_list {
  display: none !important;
}

@media screen and (min-width: 920px) {
  .page.checkout .existing_customer form li:not(.delivery_address),
.page.checkout .account_form form li:not(.delivery_address),
.page.account .existing_customer form li:not(.delivery_address),
.page.account .account_form form li:not(.delivery_address),
.hospitality_signup .existing_customer form li:not(.delivery_address),
.hospitality_signup .account_form form li:not(.delivery_address) {
    width: 32%;
    float: left;
    margin-right: 2%;
  }
  .page.checkout .existing_customer form li:not(.delivery_address):not(.hidden),
.page.checkout .account_form form li:not(.delivery_address):not(.hidden),
.page.account .existing_customer form li:not(.delivery_address):not(.hidden),
.page.account .account_form form li:not(.delivery_address):not(.hidden),
.hospitality_signup .existing_customer form li:not(.delivery_address):not(.hidden),
.hospitality_signup .account_form form li:not(.delivery_address):not(.hidden) {
    display: inline-block;
  }
  .page.checkout .existing_customer form li:not(.delivery_address):nth-of-type(3n):not(.delivery),
.page.checkout .account_form form li:not(.delivery_address):nth-of-type(3n):not(.delivery),
.page.account .existing_customer form li:not(.delivery_address):nth-of-type(3n):not(.delivery),
.page.account .account_form form li:not(.delivery_address):nth-of-type(3n):not(.delivery),
.hospitality_signup .existing_customer form li:not(.delivery_address):nth-of-type(3n):not(.delivery),
.hospitality_signup .account_form form li:not(.delivery_address):nth-of-type(3n):not(.delivery) {
    margin-right: 0;
  }
  .page.checkout .existing_customer form li:not(.delivery_address):nth-of-type(3n + 1):not(.delivery),
.page.checkout .account_form form li:not(.delivery_address):nth-of-type(3n + 1):not(.delivery),
.page.account .existing_customer form li:not(.delivery_address):nth-of-type(3n + 1):not(.delivery),
.page.account .account_form form li:not(.delivery_address):nth-of-type(3n + 1):not(.delivery),
.hospitality_signup .existing_customer form li:not(.delivery_address):nth-of-type(3n + 1):not(.delivery),
.hospitality_signup .account_form form li:not(.delivery_address):nth-of-type(3n + 1):not(.delivery) {
    clear: left;
  }
  .page.checkout .existing_customer form li:not(.delivery_address).delivery_instructions, .page.checkout .existing_customer form li:not(.delivery_address).gift_message,
.page.checkout .account_form form li:not(.delivery_address).delivery_instructions,
.page.checkout .account_form form li:not(.delivery_address).gift_message,
.page.account .existing_customer form li:not(.delivery_address).delivery_instructions,
.page.account .existing_customer form li:not(.delivery_address).gift_message,
.page.account .account_form form li:not(.delivery_address).delivery_instructions,
.page.account .account_form form li:not(.delivery_address).gift_message,
.hospitality_signup .existing_customer form li:not(.delivery_address).delivery_instructions,
.hospitality_signup .existing_customer form li:not(.delivery_address).gift_message,
.hospitality_signup .account_form form li:not(.delivery_address).delivery_instructions,
.hospitality_signup .account_form form li:not(.delivery_address).gift_message {
    width: 66%;
  }
  .page.checkout .existing_customer form li:not(.delivery_address).other_referrer,
.page.checkout .account_form form li:not(.delivery_address).other_referrer,
.page.account .existing_customer form li:not(.delivery_address).other_referrer,
.page.account .account_form form li:not(.delivery_address).other_referrer,
.hospitality_signup .existing_customer form li:not(.delivery_address).other_referrer,
.hospitality_signup .account_form form li:not(.delivery_address).other_referrer {
    margin-right: 0;
  }
  .page.checkout .existing_customer form li:not(.delivery_address).other_referrer.hidden,
.page.checkout .account_form form li:not(.delivery_address).other_referrer.hidden,
.page.account .existing_customer form li:not(.delivery_address).other_referrer.hidden,
.page.account .account_form form li:not(.delivery_address).other_referrer.hidden,
.hospitality_signup .existing_customer form li:not(.delivery_address).other_referrer.hidden,
.hospitality_signup .account_form form li:not(.delivery_address).other_referrer.hidden {
    display: none;
  }
  .page.checkout .existing_customer form li.half,
.page.checkout .account_form form li.half,
.page.account .existing_customer form li.half,
.page.account .account_form form li.half,
.hospitality_signup .existing_customer form li.half,
.hospitality_signup .account_form form li.half {
    margin-right: 2%;
    width: 49%;
    float: left;
  }
  .page.checkout .existing_customer form li.half.delivery_telephone_number,
.page.checkout .account_form form li.half.delivery_telephone_number,
.page.account .existing_customer form li.half.delivery_telephone_number,
.page.account .account_form form li.half.delivery_telephone_number,
.hospitality_signup .existing_customer form li.half.delivery_telephone_number,
.hospitality_signup .account_form form li.half.delivery_telephone_number {
    margin-right: 0;
  }
  .page.checkout .existing_customer form li.half.delivery_telephone_number + li,
.page.checkout .account_form form li.half.delivery_telephone_number + li,
.page.account .existing_customer form li.half.delivery_telephone_number + li,
.page.account .account_form form li.half.delivery_telephone_number + li,
.hospitality_signup .existing_customer form li.half.delivery_telephone_number + li,
.hospitality_signup .account_form form li.half.delivery_telephone_number + li {
    clear: left;
  }
  .page.checkout .existing_customer form li.delivery_recipient + li + li + li + li,
.page.checkout .existing_customer form li.delivery_recipient + li + li + li + li + li + li + li,
.page.checkout .account_form form li.delivery_recipient + li + li + li + li,
.page.checkout .account_form form li.delivery_recipient + li + li + li + li + li + li + li,
.page.account .existing_customer form li.delivery_recipient + li + li + li + li,
.page.account .existing_customer form li.delivery_recipient + li + li + li + li + li + li + li,
.page.account .account_form form li.delivery_recipient + li + li + li + li,
.page.account .account_form form li.delivery_recipient + li + li + li + li + li + li + li,
.hospitality_signup .existing_customer form li.delivery_recipient + li + li + li + li,
.hospitality_signup .existing_customer form li.delivery_recipient + li + li + li + li + li + li + li,
.hospitality_signup .account_form form li.delivery_recipient + li + li + li + li,
.hospitality_signup .account_form form li.delivery_recipient + li + li + li + li + li + li + li {
    margin-right: 0;
  }
  .page.checkout .existing_customer form li.delivery_recipient + li + li + li + li + li,
.page.checkout .existing_customer form li.delivery_recipient + li + li + li + li + li + li + li + li,
.page.checkout .account_form form li.delivery_recipient + li + li + li + li + li,
.page.checkout .account_form form li.delivery_recipient + li + li + li + li + li + li + li + li,
.page.account .existing_customer form li.delivery_recipient + li + li + li + li + li,
.page.account .existing_customer form li.delivery_recipient + li + li + li + li + li + li + li + li,
.page.account .account_form form li.delivery_recipient + li + li + li + li + li,
.page.account .account_form form li.delivery_recipient + li + li + li + li + li + li + li + li,
.hospitality_signup .existing_customer form li.delivery_recipient + li + li + li + li + li,
.hospitality_signup .existing_customer form li.delivery_recipient + li + li + li + li + li + li + li + li,
.hospitality_signup .account_form form li.delivery_recipient + li + li + li + li + li,
.hospitality_signup .account_form form li.delivery_recipient + li + li + li + li + li + li + li + li {
    clear: left;
  }
  .page.checkout .existing_customer form button,
.page.checkout .account_form form button,
.page.account .existing_customer form button,
.page.account .account_form form button,
.hospitality_signup .existing_customer form button,
.hospitality_signup .account_form form button {
    width: 32%;
    float: left;
    clear: both;
  }
}

.page.checkout .account_form,
.page.account .account_form,
.hospitality_signup .account_form {
  background: transparent;
  padding: 40px 0;
}

@media screen and (max-width: 1180px) {
  .page.checkout .account_form,
.page.account .account_form,
.hospitality_signup .account_form {
    padding: 30px 0;
  }
}

@media screen and (max-width: 920px) {
  .page.checkout .account_form,
.page.account .account_form,
.hospitality_signup .account_form {
    padding: 20px 0;
  }
}

.page.checkout .content_container p.order_error,
.page.checkout .content_container p.error,
.page.checkout .content_container p.order_success,
.page.checkout .content_container p.success,
.page.account .content_container p.order_error,
.page.account .content_container p.error,
.page.account .content_container p.order_success,
.page.account .content_container p.success,
.hospitality_signup .content_container p.order_error,
.hospitality_signup .content_container p.error,
.hospitality_signup .content_container p.order_success,
.hospitality_signup .content_container p.success {
  text-align: center;
}

.page.checkout p + form:not(.password),
.page.checkout h2 + form:not(.password),
.page.account p + form:not(.password),
.page.account h2 + form:not(.password),
.hospitality_signup p + form:not(.password),
.hospitality_signup h2 + form:not(.password) {
  margin-top: 30px;
}

@media screen and (max-width: 1180px) {
  .page.checkout p + form:not(.password),
.page.checkout h2 + form:not(.password),
.page.account p + form:not(.password),
.page.account h2 + form:not(.password),
.hospitality_signup p + form:not(.password),
.hospitality_signup h2 + form:not(.password) {
    margin-top: 20px;
  }
}

@media screen and (max-width: 920px) {
  .page.checkout table,
.page.account table,
.hospitality_signup table {
    display: inline-block;
  }
}

@media screen and (max-width: 920px) {
  .page.checkout table thead,
.page.account table thead,
.hospitality_signup table thead {
    display: none;
  }
}

@media screen and (max-width: 920px) {
  .page.checkout table tr,
.page.account table tr,
.hospitality_signup table tr {
    border-bottom: 1px solid #cdcdcd;
    padding: 16px 0;
    display: inline-block;
  }
  .page.checkout table tr:first-of-type,
.page.account table tr:first-of-type,
.hospitality_signup table tr:first-of-type {
    border-top: 1px solid #cdcdcd;
  }
  .page.checkout table tr:last-of-type,
.page.account table tr:last-of-type,
.hospitality_signup table tr:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
  }
}

@media screen and (max-width: 920px) {
  .page.checkout table tr td, .page.checkout table tr th,
.page.account table tr td,
.page.account table tr th,
.hospitality_signup table tr td,
.hospitality_signup table tr th {
    display: inline-block;
    float: left;
    width: 47.5%;
    margin-right: 5%;
    text-align: left;
    padding: 0;
    line-height: 1.4;
  }
  .page.checkout table tr td:first-of-type, .page.checkout table tr th:first-of-type,
.page.account table tr td:first-of-type,
.page.account table tr th:first-of-type,
.hospitality_signup table tr td:first-of-type,
.hospitality_signup table tr th:first-of-type {
    font-weight: bold;
  }
  .page.checkout table tr td:nth-of-type(2), .page.checkout table tr th:nth-of-type(2),
.page.account table tr td:nth-of-type(2),
.page.account table tr th:nth-of-type(2),
.hospitality_signup table tr td:nth-of-type(2),
.hospitality_signup table tr th:nth-of-type(2) {
    font-weight: bold;
    font-style: italic;
  }
  .page.checkout table tr td:nth-of-type(2n), .page.checkout table tr td:nth-of-type(5), .page.checkout table tr th:nth-of-type(2n), .page.checkout table tr th:nth-of-type(5),
.page.account table tr td:nth-of-type(2n),
.page.account table tr td:nth-of-type(5),
.page.account table tr th:nth-of-type(2n),
.page.account table tr th:nth-of-type(5),
.hospitality_signup table tr td:nth-of-type(2n),
.hospitality_signup table tr td:nth-of-type(5),
.hospitality_signup table tr th:nth-of-type(2n),
.hospitality_signup table tr th:nth-of-type(5) {
    margin-right: 0;
  }
  .page.checkout table tr td:nth-of-type(4), .page.checkout table tr th:nth-of-type(4),
.page.account table tr td:nth-of-type(4),
.page.account table tr th:nth-of-type(4),
.hospitality_signup table tr td:nth-of-type(4),
.hospitality_signup table tr th:nth-of-type(4) {
    display: none;
  }
  .page.checkout table tr td:last-of-type, .page.checkout table tr th:last-of-type,
.page.account table tr td:last-of-type,
.page.account table tr th:last-of-type,
.hospitality_signup table tr td:last-of-type,
.hospitality_signup table tr th:last-of-type {
    width: 100%;
    padding-top: 10px;
    text-transform: uppercase;
    letter-spacing: 1.1;
    font-size: 1.1rem;
  }
}

.page.checkout table tr td:nth-of-type(7), .page.checkout table tr th:nth-of-type(7),
.page.account table tr td:nth-of-type(7),
.page.account table tr th:nth-of-type(7),
.hospitality_signup table tr td:nth-of-type(7),
.hospitality_signup table tr th:nth-of-type(7) {
  display: none;
}

.page.checkout table tr td.authorised, .page.checkout table tr th.authorised,
.page.account table tr td.authorised,
.page.account table tr th.authorised,
.hospitality_signup table tr td.authorised,
.hospitality_signup table tr th.authorised {
  color: #BED278 !important;
  font-weight: bold;
}

.page.checkout table tr td.rejected, .page.checkout table tr td.cancelled, .page.checkout table tr th.rejected, .page.checkout table tr th.cancelled,
.page.account table tr td.rejected,
.page.account table tr td.cancelled,
.page.account table tr th.rejected,
.page.account table tr th.cancelled,
.hospitality_signup table tr td.rejected,
.hospitality_signup table tr td.cancelled,
.hospitality_signup table tr th.rejected,
.hospitality_signup table tr th.cancelled {
  color: #F06450 !important;
  font-weight: bold;
}

.page.checkout table tr td.pending, .page.checkout table tr th.pending,
.page.account table tr td.pending,
.page.account table tr th.pending,
.hospitality_signup table tr td.pending,
.hospitality_signup table tr th.pending {
  color: #D79B4B !important;
  font-weight: bold;
}

.page.checkout table tr td.picking, .page.checkout table tr th.picking,
.page.account table tr td.picking,
.page.account table tr th.picking,
.hospitality_signup table tr td.picking,
.hospitality_signup table tr th.picking {
  color: #F596A5 !important;
  font-weight: bold;
}

.page.checkout table tr td.dispatched, .page.checkout table tr th.dispatched,
.page.account table tr td.dispatched,
.page.account table tr th.dispatched,
.hospitality_signup table tr td.dispatched,
.hospitality_signup table tr th.dispatched {
  color: #3b2344 !important;
  font-weight: bold;
}

.page.checkout .basket,
.page.account .basket,
.hospitality_signup .basket {
  width: 100% !important;
}

@media screen and (max-width: 920px) {
  .page.checkout .basket,
.page.account .basket,
.hospitality_signup .basket {
    width: 100% !important;
  }
}

.page.checkout .basket p,
.page.account .basket p,
.hospitality_signup .basket p {
  font-size: 1.1rem !important;
}

@media screen and (max-width: 920px) {
  .page.checkout .basket p,
.page.account .basket p,
.hospitality_signup .basket p {
    font-size: 1rem !important;
  }
}

.page.checkout .basket .headings p,
.page.account .basket .headings p,
.hospitality_signup .basket .headings p {
  font-weight: bold;
  -webkit-columns: #3b2344;
     -moz-columns: #3b2344;
          columns: #3b2344;
  display: inline-block;
  float: left;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  font-size: 1.2rem !important;
  padding-bottom: 6px;
  width: 75%;
}

.page.checkout .basket .headings p:last-of-type,
.page.account .basket .headings p:last-of-type,
.hospitality_signup .basket .headings p:last-of-type {
  width: 25%;
}

.page.checkout .basket .item,
.page.account .basket .item,
.hospitality_signup .basket .item {
  border-bottom: 1px solid #cdcdcd;
  padding: 11px 0 10px 0 !important;
}

@media screen and (max-width: 920px) {
  .page.checkout .basket .item,
.page.account .basket .item,
.hospitality_signup .basket .item {
    position: relative;
    padding: 11px 0 11px 0 !important;
  }
}

@media screen and (max-width: 920px) {
  .page.checkout .basket .item.heading,
.page.account .basket .item.heading,
.hospitality_signup .basket .item.heading {
    display: none !important;
  }
}

@media screen and (max-width: 920px) {
  .page.checkout .basket .item.heading + .item,
.page.account .basket .item.heading + .item,
.hospitality_signup .basket .item.heading + .item {
    border-top: 1px solid #cdcdcd;
  }
}

.page.checkout .basket .item:last-of-type,
.page.account .basket .item:last-of-type,
.hospitality_signup .basket .item:last-of-type {
  border-bottom: none;
}

@media screen and (max-width: 920px) {
  .page.checkout .basket .item p,
.page.account .basket .item p,
.hospitality_signup .basket .item p {
    width: 100% !important;
    text-align: left !important;
  }
}

@media screen and (max-width: 920px) {
  .page.checkout .basket .item p.product_label,
.page.account .basket .item p.product_label,
.hospitality_signup .basket .item p.product_label {
    padding-bottom: 14px;
  }
}

.page.checkout .basket .item p.product_label a,
.page.account .basket .item p.product_label a,
.hospitality_signup .basket .item p.product_label a {
  position: relative;
  width: 100%;
  display: inline-block;
  color: #3b2344;
  padding-bottom: 50px;
  line-height: 1.3;
}

@media screen and (max-width: 920px) {
  .page.checkout .basket .item p.product_label a,
.page.account .basket .item p.product_label a,
.hospitality_signup .basket .item p.product_label a {
    padding-bottom: 0;
    position: static;
    font-weight: 700 !important;
  }
}

.page.checkout .basket .item p.product_label a .buy_again,
.page.account .basket .item p.product_label a .buy_again,
.hospitality_signup .basket .item p.product_label a .buy_again {
  position: absolute;
  left: 0;
  bottom: 5px;
  width: 140px;
  font-size: 0.8rem;
  height: 36px;
  line-height: 36px;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  display: inline-block;
  border: 1px solid #3b2344;
  transition: background 300ms ease, color 300ms ease;
}

@media screen and (max-width: 1180px) {
  .page.checkout .basket .item p.product_label a .buy_again,
.page.account .basket .item p.product_label a .buy_again,
.hospitality_signup .basket .item p.product_label a .buy_again {
    display: block;
    margin-left: 0;
    position: static;
    margin-top: 6px;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 920px) {
  .page.checkout .basket .item p.product_label a .buy_again,
.page.account .basket .item p.product_label a .buy_again,
.hospitality_signup .basket .item p.product_label a .buy_again {
    position: absolute;
    bottom: 12px;
    right: 0;
    left: auto;
  }
}

.page.checkout .basket .item p.product_label a .buy_again:hover,
.page.account .basket .item p.product_label a .buy_again:hover,
.hospitality_signup .basket .item p.product_label a .buy_again:hover {
  background: #3b2344;
  color: #FFF;
}

@media screen and (max-width: 920px) {
  .page.checkout .basket .item p.quantity:before,
.page.account .basket .item p.quantity:before,
.hospitality_signup .basket .item p.quantity:before {
    content: "Quantity:";
    font-weight: 300;
    padding-right: 8px;
  }
}

@media screen and (max-width: 920px) {
  .page.checkout .basket .item p.net:before,
.page.account .basket .item p.net:before,
.hospitality_signup .basket .item p.net:before {
    content: "NET:";
    font-weight: 300;
    padding-right: 8px;
  }
}

@media screen and (max-width: 920px) {
  .page.checkout .basket .item p.vat:before,
.page.account .basket .item p.vat:before,
.hospitality_signup .basket .item p.vat:before {
    content: "VAT:";
    font-weight: 300;
    padding-right: 8px;
  }
}

@media screen and (max-width: 920px) {
  .page.checkout .basket .item p.price:before,
.page.account .basket .item p.price:before,
.hospitality_signup .basket .item p.price:before {
    content: "Total:";
    font-weight: 300;
    padding-right: 8px;
    font-weight: 700;
  }
}

@media screen and (max-width: 920px) {
  .page.checkout .basket .item p.product_code,
.page.account .basket .item p.product_code,
.hospitality_signup .basket .item p.product_code {
    display: none !important;
  }
}

.page.checkout .basket .item p strong,
.page.account .basket .item p strong,
.hospitality_signup .basket .item p strong {
  text-transform: uppercase;
  letter-spacing: 1px;
}

.page.checkout .basket .item p.category,
.page.account .basket .item p.category,
.hospitality_signup .basket .item p.category {
  display: none !important;
}

.page.checkout .basket .basket_totals,
.page.account .basket .basket_totals,
.hospitality_signup .basket .basket_totals {
  padding-top: 20px;
}

.page.checkout .basket .basket_totals p span,
.page.account .basket .basket_totals p span,
.hospitality_signup .basket .basket_totals p span {
  float: right;
}

.page.checkout .column,
.page.account .column,
.hospitality_signup .column {
  width: 100% !important;
}

@media screen and (max-width: 920px) {
  .page.checkout .column,
.page.account .column,
.hospitality_signup .column {
    width: 100% !important;
  }
}

.page.checkout .column .labels, .page.checkout .column .values,
.page.account .column .labels,
.page.account .column .values,
.hospitality_signup .column .labels,
.hospitality_signup .column .values {
  width: 33.33% !important;
}

.page.checkout .column .values,
.page.account .column .values,
.hospitality_signup .column .values {
  width: 66.66% !important;
}

.page.checkout .column h4,
.page.account .column h4,
.hospitality_signup .column h4 {
  color: #3b2344 !important;
  font-size: 1.2rem;
}

.page.checkout .column p,
.page.account .column p,
.hospitality_signup .column p {
  font-size: 1.1rem;
  border-bottom: 1px solid #cdcdcd;
  padding: 5px 0 4px 0 !important;
  padding-right: 20px;
}

@media screen and (max-width: 920px) {
  .page.checkout .column p,
.page.account .column p,
.hospitality_signup .column p {
    font-size: 1rem;
  }
}

.page.checkout .column p:last-of-type,
.page.account .column p:last-of-type,
.hospitality_signup .column p:last-of-type {
  border-bottom: none;
}

.page.checkout .column p.authorised,
.page.account .column p.authorised,
.hospitality_signup .column p.authorised {
  color: #BED278 !important;
  font-weight: bold;
}

.page.checkout .column p.rejected, .page.checkout .column p.cancelled,
.page.account .column p.rejected,
.page.account .column p.cancelled,
.hospitality_signup .column p.rejected,
.hospitality_signup .column p.cancelled {
  color: #F06450 !important;
  font-weight: bold;
}

.page.checkout .column p.pending,
.page.account .column p.pending,
.hospitality_signup .column p.pending {
  color: #D79B4B !important;
  font-weight: bold;
}

.page.checkout .column p.picking,
.page.account .column p.picking,
.hospitality_signup .column p.picking {
  color: #F596A5 !important;
  font-weight: bold;
}

.page.checkout .column p.dispatched,
.page.account .column p.dispatched,
.hospitality_signup .column p.dispatched {
  color: #3b2344 !important;
  font-weight: bold;
}

.page.checkout .account_nav,
.page.account .account_nav,
.hospitality_signup .account_nav {
  display: inline-block;
  float: left;
  width: 100%;
  margin: 20px 0 30px;
}

.page.checkout .account_nav li,
.page.account .account_nav li,
.hospitality_signup .account_nav li {
  display: inline-block;
  width: auto;
  height: auto;
  width: 13.42%;
  margin-right: 1%;
  float: left;
  padding-top: 13.42% !important;
  position: relative;
  background: #3b2344;
  opacity: 1;
  transition: opacity 400ms ease;
}

.page.checkout .account_nav li:hover,
.page.account .account_nav li:hover,
.hospitality_signup .account_nav li:hover {
  opacity: 0.8;
}

@media screen and (max-width: 920px) {
  .page.checkout .account_nav li,
.page.account .account_nav li,
.hospitality_signup .account_nav li {
    width: 32%;
    padding-top: 32% !important;
  }
  .page.checkout .account_nav li:nth-of-type(3n),
.page.account .account_nav li:nth-of-type(3n),
.hospitality_signup .account_nav li:nth-of-type(3n) {
    margin-right: 0;
  }
}

.page.checkout .account_nav li:last-of-type,
.page.account .account_nav li:last-of-type,
.hospitality_signup .account_nav li:last-of-type {
  margin-right: 0;
}

.page.checkout .account_nav li.nav_basket,
.page.account .account_nav li.nav_basket,
.hospitality_signup .account_nav li.nav_basket {
  background: #BED278;
}

.page.checkout .account_nav li.nav_profile_100,
.page.account .account_nav li.nav_profile_100,
.hospitality_signup .account_nav li.nav_profile_100 {
  background: #59A5A0;
}

.page.checkout .account_nav li.nav_profile_120,
.page.account .account_nav li.nav_profile_120,
.hospitality_signup .account_nav li.nav_profile_120 {
  background: #BEE6D2;
}

.page.checkout .account_nav li.password,
.page.account .account_nav li.password,
.hospitality_signup .account_nav li.password {
  background: #F06450;
}

.page.checkout .account_nav li.sign_out,
.page.account .account_nav li.sign_out,
.hospitality_signup .account_nav li.sign_out {
  background: #C3B9B4;
}

.page.checkout .account_nav li a,
.page.account .account_nav li a,
.hospitality_signup .account_nav li a {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  font-size: 1.3rem;
  line-height: 1.1;
  display: inline-block;
  font-weight: bold;
  color: #FFF;
  vertical-align: bottom;
  text-transform: uppercase;
}

@media screen and (max-width: 1440px) {
  .page.checkout .account_nav li a,
.page.account .account_nav li a,
.hospitality_signup .account_nav li a {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 920px) {
  .page.checkout .account_nav li a,
.page.account .account_nav li a,
.hospitality_signup .account_nav li a {
    font-size: 1rem;
  }
}

.page.checkout .account_nav li a span,
.page.account .account_nav li a span,
.hospitality_signup .account_nav li a span {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 14px;
}

.page.checkout div.voucher_code,
.page.account div.voucher_code,
.hospitality_signup div.voucher_code {
  margin-bottom: 12px;
}

.page.checkout div.voucher_code ol,
.page.account div.voucher_code ol,
.hospitality_signup div.voucher_code ol {
  margin-top: 0;
}

.page.checkout div.voucher_code ol label,
.page.account div.voucher_code ol label,
.hospitality_signup div.voucher_code ol label {
  margin-top: -4px;
}

.page.checkout .basket_totals .volume_discount,
.page.account .basket_totals .volume_discount,
.hospitality_signup .basket_totals .volume_discount {
  text-transform: uppercase;
  color: #F06450 !important;
  font-weight: 700;
  padding: 20px 0 20px;
}

.page.checkout .basket_totals .volume_discount span,
.page.account .basket_totals .volume_discount span,
.hospitality_signup .basket_totals .volume_discount span {
  color: #F06450 !important;
  font-weight: 700;
}

.page.checkout .delivery + .volume_discount,
.page.account .delivery + .volume_discount,
.hospitality_signup .delivery + .volume_discount {
  padding-top: 0;
  padding-bottom: 26px;
}

.hospitality_signup .new_customer_signup {
  margin-left: 22%;
  width: 57.5%;
}

@media screen and (max-width: 920px) {
  .hospitality_signup .new_customer_signup {
    width: 100%;
    margin-left: 0;
  }
}

.hospitality_signup .new_customer_signup form {
  display: inline-block !important;
}

.hospitality_signup .new_customer_signup form li.job_title,
.hospitality_signup .new_customer_signup form li.company {
  display: inline-block;
}

.page.account {
  padding: 0;
}

.page.account .mailing_list {
  width: 68%;
}

@media screen and (max-width: 920px) {
  .page.account .mailing_list {
    width: 100%;
  }
}

.page.account .mailing_list form {
  width: auto;
  display: inline-block;
  height: auto;
  overflow: hidden;
  margin-top: 20px !important;
  opacity: 1;
  visibility: visible;
  transition: opacity 600ms ease 0ms, visibility 0ms ease 0ms;
}

.page.account .mailing_list form.hidden {
  opacity: 0;
  visibility: hidden;
  transition: opacity 600ms ease 0ms, visibility 0ms ease 600ms;
}

.page.account .mailing_list fieldset {
  display: inline-block;
  width: 49.5%;
  float: left;
  clear: left;
}

@media screen and (max-width: 920px) {
  .page.account .mailing_list fieldset {
    width: 100%;
    margin-right: 0;
  }
}

.page.account .mailing_list fieldset ol {
  margin-top: 0;
  width: 100%;
}

.page.account .mailing_list fieldset li {
  margin-bottom: 0;
}

.page.account .mailing_list fieldset li, .page.account .mailing_list fieldset button {
  width: 100% !important;
}

.page.account .mailing_list fieldset button {
  width: 200px !important;
  display: inline-block;
  float: left;
  margin-top: 20px;
}

@media screen and (max-width: 920px) {
  .page.account .mailing_list fieldset button {
    width: 100% !important;
    margin-top: 10px;
    position: static;
  }
}

.page.account .mailing_list h1 {
  display: none;
}

@media screen and (max-width: 920px) {
  .page.account .mailing_list p br {
    display: none;
  }
}

.page.account .mailing_list h2.subscription_options {
  display: none;
}

.page.account .mailing_list dl {
  margin: -10px 0 -20px;
}

.page.account .mailing_list .subscription_option_group label[for="type-1"],
.page.account .mailing_list .subscription_option_group label[for="type-4"],
.page.account .mailing_list .subscription_option_group input#type-1,
.page.account .mailing_list .subscription_option_group input#type-4 {
  display: none !important;
}

.page.account .mailing_list .subscription_option_group > label {
  visibility: hidden;
  position: relative;
  padding-top: 20px;
}

.page.account .mailing_list .subscription_option_group > label:after {
  visibility: visible;
  content: "Please select mailing lists you would like to subscribe to:";
  position: absolute;
  top: 20px;
  left: 0;
  white-space: nowrap;
}

.page.account .account_form {
  margin-bottom: 0;
}

@media screen and (max-width: 920px) {
  .page.account .account_form {
    margin-bottom: 20px;
  }
}

.page.account a.print {
  opacity: 0.6;
  font-size: 1.1rem;
  transition: opacity 400ms ease;
  padding-left: 14px;
}

.page.account a.print:hover {
  opacity: 1;
}
/*# sourceMappingURL=account.css.map */