@charset "utf-8";

/*
* Additonal PLP badge styling - 09/03/2021 @ line 931
* cart Order builder styling - 09:45 29/07/20
* Updated: 12:26 07/11/2019
*/

/*

Hide images that are after script tags,
these are usually tracking images.

 */
script + img,
body > img {
	display: none !important;
}

h1:empty, h2:empty, h3:empty, h4:empty, h5:empty, h6:empty {
	display: none;
}

/* Footer */

#tabFooter {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
}

#tabFooter ul {
    background: #c1c1c1/*url("//images.drct2u.com/content/tablet/images/CGN_tabletFooter.png") repeat*/;
}

#tabFooter li {
    border-left: 1px solid #444;
}

#tabFooter a:link,
footer a:visited {
    color: #FFF;
}

#tabFooter a:link,
footer a:visited {
    color: #000;
    text-shadow: 1px 1px 1px #fff;
}

.field {
    padding: 0;
}

#r-f_two {
    height: 55%;
}

/* Scrollable */

.flex-direction-nav .flex-next:after,
.flex-direction-nav .flex-prev:after {
    background-color: #f26722 !important;
}

/* Slide Modals */

#side-content h1,
.side-panel h1 {
    color: #F26722;
}

#sizeGuide_content,
#scroll-container {
    border-top: 3px solid #F26722;
    border-right: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    border-left: 1px solid #c8c8c8;
    background: #FFF;
}

/* Modal Structure */

#jdwModalTitle {
    color: #F26722;
}

/* Homepage Fixes*/

#HomeTopNav {
    margin-left: 0;
}

#slot2 {
    top: 1155px;
}

/* AUTO COMPLETE SEARCHES */

#searchArea-4 input,
#searchArea-4 select {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.69em;
    margin: 0 0 0.81em 0.31em;
    text-transform: capitalize !important
}

ul.ui-autocomplete {
    overflow: auto;
    width: 248px !important;
    margin: 0;
    padding: 4px 0 4px 4px;
    list-style-type: none;
    text-transform: capitalize;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #ccc;
    background-color: #fff !important;
    -webkit-box-shadow: 0 2px 2px 1px #ccc;
            box-shadow: 0 2px 2px 1px #ccc
}

ul.ui-autocomplete li {
    float: left;
    margin: 1px 4px 1px 0
}

ul.ui-autocomplete li.ui-menu-item {
    font-size: .7em;
    clear: left;
    overflow: hidden;
    width: 235px;
    height: 20px;
    padding: 1px 7px 1px 1px;
    text-align: left;
    color: #000;
    border: 0 none;
    background: 0
}

.ui-menu-item-alternate {
    background: #e1e3e4
}

.ui-autocomplete-term {
    font-weight: bold
}

li.ui-menu-item:first-child {
    margin: 0
}

.ui-menu-item a,
.ui-menu-item a:link,
.ui-menu-item a:visited {
    display: block;
    width: 240px !important;
    height: 20px;
    padding-left: 6px;
    text-decoration: none !important;
    color: #000 !important
}

.ui-menu-item a:hover {
    display: block;
    width: 240px !important;
    height: 20px;
    color: #FFF !important;
    background-color: #000
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus {
    cursor: pointer;
    background-color: #CCC
}

/* COLOUR SWATCHES IN LHN */

#guidedNav-8 #Colour-multiSelectBox li a,
#guidedNav-8 #Colour-multiSelectBox li a:hover {
    color: #000 !important;
}

#Colour-multiSelectBox.checkList a:before,
#Colour-multiSelectBox.checkList .disabled:before {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 8px 0 0;
    content: '';
    border: 2px solid #ffffff;
    border-radius: 50px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

#Colour-multiSelectBox [id$=Black]:before {
    background: #000000;
}

#Colour-multiSelectBox [id$=Natural]:before {
    background: #b8b0a6;
}

#Colour-multiSelectBox [id$=Blue]:before {
    background: #afc2da;
}

#Colour-multiSelectBox [id$=Orange]:before {
    background: #ed894a;
}

#Colour-multiSelectBox [id$=Brown]:before {
    background: #7e7059;
}

#Colour-multiSelectBox [id$=Pink]:before {
    background: #ead2dc;
}

#Colour-multiSelectBox [id$=Cream]:before {
    background: #f5deb6;
}

#Colour-multiSelectBox [id$=Purple]:before {
    background: #afa8ca;
}

#Colour-multiSelectBox [id$=Gold]:before {
    background: #dcaa3d;
}

#Colour-multiSelectBox [id$=Red]:before {
    background: #b93633;
}

#Colour-multiSelectBox [id$=Green]:before {
    background: #8ab3aa;
}

#Colour-multiSelectBox [id$=Silver]:before {
    background: #c7cfd6;
}

#Colour-multiSelectBox [id$=Grey]:before {
    background: #cccdc8;
}

#Colour-multiSelectBox [id$=White]:before {
    background: #ffffff;
}

#Colour-multiSelectBox [id$=Multi]:before {
    background: url("//images2.drct2u.com/content/images/FGN/170608_CGN_nav_multi.png") center no-repeat;
    background-size: contain;
}

#Colour-multiSelectBox [id$=Yellow]:before {
    background: #e6ce65;
}

.carouselContainer {
    padding: 10px 0 0 0 !important;
    background-color: #FFFFFF !important
}

.carouselContainer .carouselHeader {
    text-transform: uppercase !important;
    color: #000 !important;
    border: 1px #ccc solid;
    border-bottom: none !important;
    background: none 0 0 #FFF !important;
}

.automatedAffinities .carouselContainer .carouselHeader {
    background-color: #FFF !important;
}

.carouselContainer .flexslider {
    margin: 0 !important;
}

.carouselContainer .flex-direction-nav li:first-child {
    top: 40% !important;
    left: 7px !important
}

.carouselContainer .flex-direction-nav li:last-child {
    top: 40% !important;
    right: 7px !important
}

.carouselContainer .flex-direction-nav .flex-prev:after,
.carouselContainer .flex-direction-nav .flex-next:after {
    border: 1px solid #000 !important;
    border-radius: 17px !important;
    background-color: #fff !important;
}

/* #################### Shop the Look/Single Modal Popup Styling ##################################### */

.multiBuyModal #modal_container {
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}

.singleBuyModal #modal_container {
    padding: 0 !important;
    border: 13px solid #fff !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}

#modal_outer .ampl-modal-close {
    top: 0 !important;
    right: 0 !important;
    width: 43px !important;
    height: 43px !important;
    padding-right: 0 !important;
    text-indent: -9999px !important;
    background: url("//images2.drct2u.com/content/images/homepages/1503ss_DAL_PopupModal_CloseBtn.png") no-repeat !important;
}

.ampl-modal-title {
    margin: 10px auto 0;
}

.ampl-modal-title:before,
.ampl-modal-title:after {
    display: none !important;
}

.singleBuyModal #modal_container #atbInner {
    border: none !important;
}

.ampl-thumb-active .ampl-thumb {
    outline: 2px solid #000 !important;
}

.ampl-content {
    padding: 0 0 2em !important;
}

.ampl-caro-ctrl {
    background-color: #111111 !important;
}

.ampl-caro-ctrl-lft {
    background-image: url("//images2.drct2u.com/content/images/homepages/1503ss_DAL_PopupModal_LeftArrow.png") !important;
    /* 16 x 16 */
}

.ampl-caro-ctrl-rgt {
    background-image: url("//images2.drct2u.com/content/images/homepages/1503ss_DAL_PopupModal_RightArrow.png") !important;
    /* 16 x 16 */
}

.jdw-modalContent .addToBagContainer {
    margin-top: 10px;
}

#modal_container .productHeading {
    margin-left: 10px;
}

#modal_container .productHeading h3 {
    font-size: 0.9em;
}

#modal_container h1 span {
    font-family: "FranchiseBold", Arial, Helvetica, sans-serif;
    font-size: 40px;
    text-decoration: underline;
    color: #000000;
}

#modal_container a#addToBagBtn {
    font-family: "SimplonMonoBold", Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
}

a[name*='limitedStock'] .overImgRight.lazy-hidden {
    position: absolute !important;
    top: auto !important;
    bottom: 20px !important;
    display: block !important;
    float: none !important;
    width: 100% !important;
    height: 72px !important;
    background-image: url(//images2.drct2u.com/content/images/FGN/171121aw_CGN_PLP_HurrySellingFast.png) !important;
    background-repeat: no-repeat !important;
    background-position: bottom !important;
    background-size: contain !important;
}

#productWindowContent .productPreviewWrapper .productPreview {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}
.productPreviewWrapper .productPreviewImage a {
    text-align: center;
}

/*----------------------
CREDIT TOOLTIP
-----------------------/

/* 1. Banner and text colours can be changed by adding something like below */
.credit-tooltip-container {
	--credit-tooltip-background-color: #00808D;
	--credit-tooltip-text-color: #ffffff;
	--credit-tooltip-terms-color: #6f6f6f;
}
/*** Donâ€™t forget buttonChanging Savings messages (for testing)Allowable optionsGet this for <order price>Get this for <order price> saving <savings>Save <savings> Target2. To show 'save' amount instead of 'total after saving'.One must be set to 'inline' and the other set to 'none'.DO NOT SHOW/HIDE BOTH AT THE SAME TIME.*/
.credit-tooltip-container span.credit-preview-save {
	display: none;
}
.credit-tooltip-container span.credit-preview-total {
	font-family: 'LinetoBrownRegular';
	display: inline;
}
/*Alter intro messageTo change text for either span, amend the following.This is based on the span set to be visible in step 2.*/
.credit-tooltip-container span.credit-preview-total:before {
	font-family: 'LinetoBrownLight';
	font-weight: normal;
    content: 'Get this for ';
}
.credit-tooltip-container span.credit-preview-save:before {
	content: 'Save ';
}
/*Adding Interest free text (required)If brand is offer free interest periodAdd in text using â€“To add text after the amounts, add the following.The relevant span will show based on what is defined in step 2.*/
.credit-tooltip-container span.credit-preview-total:after {
	font-family: 'LinetoBrownLight';
    font-weight: normal;
    content: ' with a\AJacamo Pay Account';
	white-space: pre;
}
.credit-tooltip-container span.credit-preview-save:after {
	content: ' and pay no interest until September 2019';
}
.credit-tooltip-container .credit-tooltip {
    margin-bottom: 9px;
    padding: 30px 24px 26px;
}
.credit-tooltip p {
	font-family: 'LinetoBrownRegular';
}
.credit-tooltip-container .credit-tooltip p:first-child {
	font-size: 25px;
	line-height: 1.15em;
	margin-bottom: 0.7em;
}
.credit-tooltip p:nth-of-type(2) {
	font-family: 'LinetoBrownLight';
	font-size: 18px;
	margin-bottom: 27px;
}
.credit-tooltip p:first-child:after {
    display: none;
    content: ' with a Personal Credit Account.';
}
#TsAndCsCreditPreview {
    text-decoration: underline !important;
}
.view-bag-proactive-promotion-preview .credit-tooltip-container > p,
.view-bag-proactive-promotion-preview .credit-tooltip-container p > a {
    color: var(--credit-tooltip-background-color, #00808D);
}
.view-bag-proactive-promotion-preview .credit-tooltip-container > p {
    font-family: 'LinetoBrownLight';
}
.credit-tooltip-container .credit-tooltip a.gui-btn.gui-btn-white {
    font-size: 21px;
    padding: 10px 38px;
    border-radius: 0;
}

/* PDP Design Amends - MT 25/06/2019 */

.bv_stars_svg_no_wrap svg stop:nth-of-type(1) {
    stop-color: rgb(255, 211, 0) !important;
}

.bv_stars_svg_no_wrap svg stop:nth-of-type(2) {
    stop-color: rgb(230, 230, 230) !important;
}

.checkout-buttons .gui-btn.gui-btn-primary.btn-add-to-bag:hover {
     color: #fff;
}

.gui-modal .modal-header .block-1 {
    padding: 5px !important;
}

.gui-modal .modal-html .modal-content {
    overflow: auto !important;
    max-width: 700px;
    max-height: 500px;
    padding: 0;
}

.gui-modal .modal-html .modal-content p {
   margin: 10px;
}

.modal-content .underline_link {
    font-size: 14px;
    font-weight: 600;
    display: block;
    align-self: center;
    width: 80%;
    max-width: 200px;
    margin: 0.7rem auto 0.7rem;
    padding: 1rem;
    text-align: center;
    color: #fff !important;
    border: 1px solid transparent;
    background-color: #3a981e;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
}

.gui-modal .modal-header .block-1 {
    padding: 17px !important;
}

.gui-form-checkbox.tick .gui-checkbox {
    border: 2px solid #b8b8b8 !important;
}

body.CGN-delivery-subscription .delivery-subscription-subtitle:before {
    content: '12 months unlimited fastest delivery!' !important;
}

.delivery-subscription-offer {
    padding: 10px !important;
}

.delivery-subscription-actions {
    padding: 0px 20px 30px 20px !important;
}

#delivery-subscription .delivery-subscription-actions .terms-checkbox .gui-form-checkbox p {
    font-weight: bolder;
}

.pdp-attributes .stockInfo.warning {
    margin: 0 !important;
    color: black !important;
    background-color: transparent !important;
}


/*****************************************************/

/* UI Overrides - James Lane */

/*****************************************************/

/* PLP Sidebar */

#LPT3_sideNavItem2_C1_LHN_Endeca > #guidedNav-8,
#LPT3_sideNavItem3_C1_LHN_Endeca > #guidedNav-8 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: none;
    border-right: 1px solid var(--color-grey-200);
}

#guidedNav-8 .narrowByTitle {
    display: none;
}

#guidedNav-8 #selectedFilters #selectedFiltersHeader {
	padding: 16px;
	padding-bottom: 0;
}

#guidedNav-8 ul#currentSelection li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-flow: row-reverse;
	flex-flow: row-reverse;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 16px;
}

#guidedNav-8 ul#currentSelection li span {
	float: none;
	padding: 0;
}

#guidedNav-8 ul#currentSelection li span a {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 16px 0;
}

#guidedNav-8 #availableFiltersWrapper .refinementHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding: 0;
    border-top: 0;
    border-bottom: 1px solid var(--color-grey-200);
    background: transparent;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
}

#guidedNav-8 #availableFiltersWrapper .refinementHeader span {
    font-size: var(--font-body-small-font-size);
    font-weight: normal;
    line-height: var(--font-body-small-line-height);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: space-between;
    width: 100%;
    padding: 16px;
    background: transparent;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
}

#guidedNav-8 #availableFiltersWrapper .refinementHeader span:after {
    position: relative;
    display: block;
    width: 16px;
    height: 16px;
    content: '';
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='64px' height='64px' viewBox='0 0 64 64' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ELight / Plus%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Light-/-Plus' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M32,0 C33.1045695,0 34,0.8954305 34,2 L34,2 L34,30 L62,30 C63.0543618,30 63.9181651,30.8158778 63.9945143,31.8507377 L64,32 C64,33.1045695 63.1045695,34 62,34 L62,34 L34,34 L34,62 C34,63.0543618 33.1841222,63.9181651 32.1492623,63.9945143 L32,64 C30.8954305,64 30,63.1045695 30,62 L30,62 L30,34 L2,34 C0.945638205,34 0.0818348781,33.1841222 0.00548573643,32.1492623 L2.33486982e-16,32 C3.01122357e-16,30.8954305 0.8954305,30 2,30 L2,30 L30,30 L30,2 C30,0.945638205 30.8158778,0.0818348781 31.8507377,0.00548573643 Z' id='Colour' fill='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
}

#guidedNav-8 #availableFiltersWrapper .refinementHeader span.active:after {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='64px' height='64px' viewBox='0 0 64 64' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ELight / Minus%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Light-/-Minus' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M30,2 L30,62 C30,63.1045695 30.8954305,64 32,64 C33.1045695,64 34,63.1045695 34,62 L34,2 C34,0.8954305 33.1045695,0 32,0 C30.8954305,0 30,0.8954305 30,2 Z' id='Colour' fill='%23000000' transform='translate(32.000000, 32.000000) rotate(-90.000000) translate(-32.000000, -32.000000) '%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

#guidedNav-8 #availableFiltersWrapper .refinementHeader a.clearRefinement {
	font-size: var(--font-small-print-font-size);
	line-height: var(--font-small-print-line-height);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	float: none;
	align-items: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 48px;
	margin: 0;
	margin-top: -24px;
	padding: 16px;
	text-transform: uppercase;
	-webkit-box-align: center;
	-ms-flex-align: center;
}

#guidedNav-8 #availableFiltersWrapper .availableFiltersContainer li {
	font-size: var(--font-body-small-font-size);
	line-height: var(--font-body-small-line-height);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	border-top: 0;
}

#guidedNav-8 #availableFiltersWrapper .availableFiltersContainer li:not(:last-child) {
	border-bottom: 1px solid var(--color-grey-200);
}

#LPT3_sideNavItem2_C1_LHN_Endeca > #guidedNav-8 li > a,
#LPT3_sideNavItem2_C1_LHN_Endeca > #guidedNav-8 li > span,
#LPT3_sideNavItem3_C1_LHN_Endeca > #guidedNav-8 li > a,
#LPT3_sideNavItem3_C1_LHN_Endeca > #guidedNav-8 li > span {
	font-size: var(--font-body-small-font-size);
	line-height: var(--font-body-small-line-height);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 16px;
	color: var(--color-grey-500);
	background: transparent;
	-webkit-box-align: center;
	-ms-flex-align: center;
}

#LPT3_sideNavItem3_C1_LHN_Endeca > #guidedNav-8 .availableFiltersContainer li > a,
#LPT3_sideNavItem3_C1_LHN_Endeca > #guidedNav-8 .availableFiltersContainer li > span {
    background: var(--color-grey-100);
}

#LPT3_sideNavItem2_C1_LHN_Endeca > #guidedNav-8 li > span.disabled,
#LPT3_sideNavItem3_C1_LHN_Endeca > #guidedNav-8 li > span.disabled {
	text-decoration: line-through;
}

#LPT3_sideNavItem2_C1_LHN_Endeca > #guidedNav-8 li > a span,
#LPT3_sideNavItem2_C1_LHN_Endeca > #guidedNav-8 li > span span,
#LPT3_sideNavItem3_C1_LHN_Endeca > #guidedNav-8 li > a span,
#LPT3_sideNavItem3_C1_LHN_Endeca > #guidedNav-8 li > span span {
	font-size: var(--font-small-print-font-size);
	line-height: var(--font-small-print-line-height);
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	margin-left: 4px;
	text-transform: uppercase;
	color: var(--color-grey-500);
	-webkit-box-flex: 1;
}

#LPT3_sideNavItem2_C1_LHN_Endeca > #guidedNav-8 a.checked:after,
#LPT3_sideNavItem3_C1_LHN_Endeca > #guidedNav-8 a.checked:after {
	position: relative;
	display: block;
	width: 16px;
	height: 16px;
	content: '';
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='64px' height='64px' viewBox='0 0 64 64' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ELight / Tick%3C/title%3E%3Cg id='Light-/-Tick' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M21.8035579,54.9751308 L3.41421356,36.5857864 C2.63316498,35.8047379 1.36683502,35.8047379 0.585786438,36.5857864 C-0.195262146,37.366835 -0.195262146,38.633165 0.585786438,39.4142136 L20.5857864,59.4142136 C21.4394688,60.2678959 22.8491508,60.1763478 23.585248,59.2194215 L63.585248,7.21942152 C64.2587159,6.34391324 64.0949298,5.08821993 63.2194215,4.41475202 C62.3439132,3.74128411 61.0882199,3.9050702 60.414752,4.78057848 L21.8035579,54.9751308 Z' id='Colour' fill='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	background-size: contain;
	justify-self: flex-end;
}

#LPT3_sideNavItem2_C1_LHN_Endeca > #guidedNav-8 .doubleColMenu,
#LPT3_sideNavItem3_C1_LHN_Endeca > #guidedNav-8 .doubleColMenu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	clear: unset;
	overflow: auto;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	margin: 0;
	padding: 0;
	content: none;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
}

#LPT3_sideNavItem2_C1_LHN_Endeca > #guidedNav-8 .doubleColMenu li,
#LPT3_sideNavItem3_C1_LHN_Endeca > #guidedNav-8 .doubleColMenu li {
	float:  none;
	-ms-flex: 1 1 100%;
	flex: 1 1 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: auto;
	height: auto;
	border-right: 0;
	border-left: 0;
	-webkit-box-flex: 1;
}

#LPT3_sideNavItem3_C1_LHN_Endeca > #guidedNav-8 ul[id*="Shoe"].doubleColMenu li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    margin: 0;
}

#LPT3_sideNavItem3_C1_LHN_Endeca > #guidedNav-8 ul[id*="Shoe"].doubleColMenu li:nth-child(odd) {
    border-right: 1px solid var(--color-grey-200);
}

#Brand-multiSelectBoxWrapper #Brand-multiSelectBox-nav .ln-letters {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid var(--color-grey-200);
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
}

#Brand-multiSelectBoxWrapper #Brand-multiSelectBox-nav .ln-letters a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	float: none;
	align-items: center;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	justify-content: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: auto;
	height: auto;
	min-height: 48px;
	padding:  0;
	border-color: var(--color-grey-200);
	-webkit-box-flex: 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
}

#Brand-multiSelectBoxWrapper #Brand-multiSelectBox-nav .ln-letters a:nth-child(4n+4) {
	border-right: none;
}

#Brand-multiSelectBoxWrapper #Brand-multiSelectBox-nav .ln-letters a.ln-disabled {
	text-decoration: line-through;
	background: var(--color-grey-100);
}

/* End PLP Sidebar */

/* PLP Content */

#productWindowContent #browseContent-7 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.productPreviewWrapper .productPreviewImage .btn-save-for-later {
    top: 8px;
    right: 8px;
    left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 32px;
    height: 32px;
    padding: 0;
    border: none;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center
}

.productPreviewWrapper .productPreviewImage .btn-save-for-later:before {
	width: 16px;
	height: 16px;
	background-size: 16px;
}

.productPreviewWrapper .productPreviewImage .saved-for-later-txt,
.productPreviewWrapper .productPreviewImage .saved-for-later-txt.added {
	display: none;
}

.productPreviewWrapper .productPreviewImage .btn-save-for-later:before {
	width: 16px;
	height: 16px;
	background-size: contain;
}

.overRoundel[class*="PLPbadge"]:not(:empty) {
	font-family: "AlternateGotNo2";
	font-size: var(--font-body-small-font-size);
	line-height: var(--font-body-small-line-height);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: auto;
	height: auto;
	padding: 4px 16px;
	text-align: center;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #ffffff;
	background: rgba(0,0,0,0.75);
}

.productPreviewWrapper .multibuy-badge {
	font-family: "AlternateGotNo2";
	font-size: var(--font-body-font-size);
	line-height: var(--font-body-line-height);
	display: inline-block;
	align-self: flex-start;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 8px;
	padding: 4px 8px;
	text-align: center;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #ffffff;
	background: var(--color-grey-800);
	-ms-flex-item-align: start;
}

/* Additional Badge Styles */

.product-lister .product__badge.backinstock,
.product-lister .product__badge.newtooutlet,
.product-lister div[class^="3for2"],
.product-lister .product__badge.freegift,
.product-lister .product__badge.preorder {
	max-width: none;
}

.product-lister .product__badge.lastchancetobuy {
	max-width: none;
	color: var(--plp-badge-sale-color);
	background-color: var(--plp-badge-sale-background-color);
}



/* End PLP Content */

/* LPTemplate3 */

#LPTemplate3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	width: 100%;
}

#LPTemplate3 #LPT3_main1,
#LPTemplate3 #LPT3_main2,
#LPTemplate3 #LPT3_main3,
#LPTemplate3 #LPT3_main4,
#LPTemplate3 #LPT3_main5,
#LPTemplate3 #LPT3_main6,
#LPTemplate3 #LPT3_main7,
#LPTemplate3 #LPT3_main8,
#LPTemplate3 #LPT3_main9 {
	width: auto;
	margin: 0;
	padding: 0;
}

#LPTemplate3 #LPT3_breadcrumbTop1,
#LPTemplate3 #LPT3_breadcrumbTop2 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
}

#LPTemplate3 #LPT3_sideNavContainer {
	float: none;
	-ms-flex: 0 1 190px;
	flex: 0 1 190px;
	width: auto;
	-webkit-box-flex: 0;
	/* background: var(--color-grey-100); */
}

#LPTemplate3 #LPT3_main1,
#LPTemplate3 #LPT3_main2,
#LPTemplate3 #LPT3_main4,
#LPTemplate3 #LPT3_main5,
#LPTemplate3 #LPT3_main6,
#LPTemplate3 #LPT3_main7,
#LPTemplate3 #LPT3_main8,
#LPTemplate3 #LPT3_main9 {
	display: none;
}

#LPTemplate3 #LPT3_main3 {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 calc(100% - 190px);
	flex: 1 1 calc(100% - 190px);
	padding: 16px;
}

#LPTemplate3 #productWindowContent .productPreviewWrapper .productPreviewText {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 8px;
}

#LPTemplate3 #productWindowContent .productPreviewText p {
	font-size: var(--font-body-small-font-size);
	line-height: var(--font-body-small-line-height);
	padding: 0;
}

#LPTemplate3 #productWindowContent .productPreviewText p.productTitle {
	font-family: 'LinetoBrownLight';
	font-size: var(--font-body-small-font-size);
	line-height: var(--font-body-small-line-height);
	width: auto;
	margin: 0 0 8px;
	padding: 0;
	text-transform: none;
}

#LPTemplate3 .priceInfo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
}

#LPTemplate3 .priceInfo .salePrice:empty,
#LPTemplate3 .priceInfo .wasPriceFormat:empty {
	display: none;
}

#LPTemplate3 .priceInfo.discounted-price .productPrice {
	color: var(--color-danger);
}

#LPTemplate3 .priceInfo.discounted-price .wasPriceFormat {
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
}

#LPTemplate3 .productPreview .rating {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	margin-top: 0;
	padding-left: 8px;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
}

#LPTemplate3 .productPreview .rating .score {
	margin: 0;
}

#LPTemplate3 #productWindowContent .productPreviewText .priceInfo .productPrice {
	font-family: 'LinetoBrownBold';
	font-size: var(--font-body-font-size);
	line-height: var(--font-body-line-height);
	padding: 0;
}

/* End LPTemplate3 */

/* Browse Content */

#browseContent-7 .productSort {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 1 0 100%;
	flex: 1 0 100%;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 16px;
	border: none;
	border-radius: 4px;
	background: var(--color-grey-100);
	-webkit-box-flex: 1;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
}

#productWindowContent #browseContent-7 #numItemsContainer,
#LPT3_breadcrumbTop2 {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 100%;
	flex: 1 0 100%;
}

#productWindowContent #browseContent-7 .productPreviewWrapper {
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	margin: 0;
	padding: 4px;
	-webkit-box-flex: 1;
}

.productPreviewImage a:first-child:before {
	position: absolute;
	z-index: -1;
	display: block;
	width: 100%;
	height: 100%;
	content: '';
	background: var(--color-grey-800);
}

.productPreviewImage + a {
	-webkit-box-ordinal-group: 5;
	-ms-flex-order: 4;
	order: 4;
}

#LPT3_main3 div[id*="_C3_SearchResults"] .productPreviewImage img.large {
	display: block;
	width: 100% !important;
	opacity: 0.95;
}

#LPT3_main3_C3_SearchResults .productSort form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row;
	flex-flow: row;
	justify-content: space-between;
	width:  100%;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
}

#LPT3_main3_C3_SearchResults .productSort form > div {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	float: none;
	align-items: flex-start;
	-ms-flex: 0 0 calc(50% - 4px);
	flex: 0 0 calc(50% - 4px);
	-ms-flex-flow: column;
	flex-flow: column;
	width: auto;
	min-width: auto;
	margin-right: 0;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-box-flex: 0;
}

#LPT3_main3_C3_SearchResults .productSort form p {
	font-size: var(--font-body-small-font-size);
	line-height: var(--font-body-small-line-height);
	position: absolute;
	z-index: 1;
	top: 8px;
	left: 16px;
	display: block;
	color: var(--color-grey-500);
}

#LPT3_main3_C3_SearchResults .productSort form select {
	font-size: var(--font-body-font-size);
	line-height: var(--font-body-line-height);
	-ms-flex: 1 0 100%;
	flex: 1 0 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	min-width: auto;
	min-height: 56px;
	margin: 0;
	padding: 24px 16px 4px 16px;
	color: #000000;
	border: 1px solid var(--color-grey-200);
	border-radius: 4px;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='64px' height='64px' viewBox='0 0 64 64' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ELight / Chevron-Down%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Light-/-Chevron-Down' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M43.0607734,31.9999914 L16.6390978,56.534413 C15.8296765,57.2860185 15.7828075,58.5514809 16.534413,59.3609022 C17.2860185,60.1703235 18.5514809,60.2171925 19.3609022,59.465587 L47.3609022,33.465587 C48.2130326,32.674323 48.2130326,31.325677 47.3609022,30.534413 L19.3609022,4.53441302 C18.5514809,3.78280749 17.2860185,3.82967646 16.534413,4.6390978 C15.7828075,5.44851914 15.8296765,6.71398145 16.6390978,7.46558698 L43.0607734,31.9999914 Z' id='Colour' fill='%23000000' transform='translate(31.999996, 32.000000) scale(-1, 1) rotate(90.000000) translate(-31.999996, -32.000000) '%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	background-position: calc(100% - 16px) center;
	background-size: 16px;
	-webkit-box-flex: 1;
}

#LPT3_main3_C3_SearchResults .productSort .resultsPages {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 1 0 100%;
	flex: 1 0 100%;
	justify-content: center;
	margin: 0;
	margin-top: 16px;
	-webkit-box-flex: 1;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
}

#LPT3_main3_C3_SearchResults .productSort .resultsPages,
#LPT3_main3_C3_SearchResults .productSort .productPages {
	font-size: var(--font-body-small-font-size);
	line-height: var(--font-body-small-line-height);
}

#LPT3_main3_C3_SearchResults #numItemsContainer {
	margin: 0;
	padding: 24px;
	text-align: center;
}

@supports (display: grid) {
	#productWindowContent #browseContent-7 {
		display: grid;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		padding: 4px;
		grid-template-columns: repeat(3, 1fr);
		grid-column-gap: 4px;
	}

	#productWindowContent #browseContent-7 .productSort,
	#productWindowContent #browseContent-7 #numItemsContainer,
	#LPT3_breadcrumbTop2 {
		grid-column: span 3;
	}

	#productWindowContent #browseContent-7 .productPreviewWrapper.mainItem,
	#productWindowContent #browseContent-7 .productPreviewWrapper {
		-ms-flex: auto;
		flex: auto;
		width: 100%;
		padding: 0;
		padding-bottom: 24px;
		grid-column: span 1;
		-webkit-box-flex: 1;
	}

	#LPTemplate3 {
		display: grid;
		grid-template-columns: repeat(8, 1fr);
	}

	#LPTemplate3 #LPT3_breadcrumbTop1,
	#LPTemplate3 #LPT3_breadcrumbTop2 {
		grid-column: span 8;
	}

	#LPTemplate3 #LPT3_sideNavContainer {
		grid-column: span 2;
		grid-row: span 10;
	}

	#LPTemplate3 #LPT3_main2,
	#LPTemplate3 #LPT3_main3,
	#LPTemplate3 #LPT3_main9 {
		display: block;
		grid-column: span 6;
	}
}

/* End Browse Content */

.deliverysub-lhn {
	width: 100%;
}

/* Responsive PDP */

body.responsive-pdp .pdp-images {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
}

body.responsive-pdp .pdp-images .pdp-slider {
	margin-bottom: 0;
}

body.responsive-pdp .pdp-images .pdp-slider > div {
	background: #454545;
}

body.responsive-pdp .pdp-images .pdp-slider img {
	display: block;
	opacity: 0.95;
}

body.responsive-pdp .pdp-images div[class^="pdp-roundel-slot"].pdp-roundel-slot-over-image div:not(:empty) {
	font-family: "AlternateGotNo2";
	font-size: var(--font-body-small-font-size);
	line-height: var(--font-body-small-line-height);
	position: absolute;
	top: 16px;
	padding: 4px 16px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #ffffff;
	background: rgba(0,0,0,0.75);
}

body.responsive-pdp .pdp-images .image-navigation {
	position: absolute;
	bottom: 16px;
}

body.responsive-pdp .pdp-images .image-navigation a {
	border: 1px solid var(--color-grey-100);
	background: transparent;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
}

body.responsive-pdp .pdp-images .image-navigation a.active {
	border: 1px solid var(--color-grey-100);
	background: var(--color-grey-100);
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
}

body.responsive-pdp .pdp-content .pdp-attributes h1.product-title {
	font-family: 'LinetoBrownRegular';
	font-size: var(--font-body-font-size);
	font-weight: normal;
	line-height: var(--font-body-line-height);
	margin: 0 0 16px;
	text-align: left;
	letter-spacing: 0;
	text-transform: none;
}

body.responsive-pdp .pdp-content .pdp-attributes .product-prices {
	margin-bottom: 16px;
}

body.responsive-pdp .pdp-content .pdp-attributes .product-prices.was-now-save {
	text-align: left;
}

body.responsive-pdp .pdp-content .pdp-attributes .product-prices.was-now-save p.now {
	font-size: var(--font-body-large-font-size);
	line-height: var(--font-body-large-line-height);
	margin-bottom: 0;
	color: var(--color-danger);
}

body.responsive-pdp .pdp-content .pdp-attributes .price-now {
	font-family: 'LinetoBrownBold';
	font-size: var(--font-body-large-font-size);
	line-height: var(--font-body-large-line-height);
}

body.responsive-pdp .pdp-content .pdp-attributes .product-prices p.was {
	font-size: var(--font-body-small-font-size);
	line-height: var(--font-body-small-line-height);
	margin-bottom: 0;
	text-transform: lowercase;
}

body.responsive-pdp .pdp-attributes .product-review-stars {
	width: 100%;
	margin-bottom: 16px;
	padding: 16px;
	border-radius: 4px;
	background: var(--color-grey-100);
}

body.responsive-pdp .pdp-attributes .product-review-stars .bv_main_container {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-orient: horizontal !important;
	-webkit-box-direction: normal !important;
	-ms-flex-flow: row !important;
	flex-flow: row !important;
	-webkit-box-pack: justify !important;
	-ms-flex-pack: justify !important;
	justify-content: space-between !important;
	width:  100% !important;
}

body.responsive-pdp .pdp-attributes .product-review-stars .bv_main_container .bv_main_container_row_flex:last-child {
	padding-right: 0 !important;
}

body.responsive-pdp .bv_stars_component_container button.bv_stars_button_container svg {
	width: 16px !important;
	height: 16px !important;
}

body.responsive-pdp .pdp-attributes .product-option.product-option-single {
	font-size: var(--font-body-font-size);
	line-height: var(--font-body-line-height);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 56px;
	padding: 16px;
	color: var(--color-grey-500);
	border: none;
	border-radius: 4px;
	background: var(--color-grey-100);
	-webkit-box-align: center;
	-ms-flex-align: center;
}

body.responsive-pdp .pdp-attributes .product-option label {
	font-size: var(--font-body-small-font-size);
	line-height: var(--font-body-small-line-height);
	position: absolute;
	top: 8px;
	left: 16px;
	display: block;
	color: var(--color-grey-500);
}

body.responsive-pdp .pdp-attributes .product-option label[value="personalisation"] {
	display: none;
	}

body.responsive-pdp .pdp-attributes .product-options .product-option select {
	font-size: var(--font-body-font-size);
	line-height: var(--font-body-line-height);
	min-height: 56px;
	padding: 24px 16px 4px 16px;
	color: #000000;
	border-radius: 4px;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='64px' height='64px' viewBox='0 0 64 64' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ELight / Chevron-Down%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Light-/-Chevron-Down' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M43.0607734,31.9999914 L16.6390978,56.534413 C15.8296765,57.2860185 15.7828075,58.5514809 16.534413,59.3609022 C17.2860185,60.1703235 18.5514809,60.2171925 19.3609022,59.465587 L47.3609022,33.465587 C48.2130326,32.674323 48.2130326,31.325677 47.3609022,30.534413 L19.3609022,4.53441302 C18.5514809,3.78280749 17.2860185,3.82967646 16.534413,4.6390978 C15.7828075,5.44851914 15.8296765,6.71398145 16.6390978,7.46558698 L43.0607734,31.9999914 Z' id='Colour' fill='%23000000' transform='translate(31.999996, 32.000000) scale(-1, 1) rotate(90.000000) translate(-31.999996, -32.000000) '%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	background-size: 16px;
}

body.responsive-pdp .pdp-attributes .product-option-size-guide .size-guide-btn {
	min-height: 56px;
}

body.responsive-pdp .pdp-attributes .product-option-size-guide .size-guide-btn .gui-btn-inner {
	font-size: var(--font-body-small-font-size);
	line-height: var(--font-body-small-line-height);
	color: #000000;
}

body.responsive-pdp .checkout-buttons {
	margin: 0 0 16px;
}

body.responsive-pdp .pdp-attributes div.pdp-roundel-slot-5[class^="pdp-roundel-slot"] {
	margin-bottom: 0;
}

body.responsive-pdp .matching-item-details .product-title,
body.responsive-pdp .matching-item-details .product-title a {
	font-family: 'LinetoBrownRegular';
	font-size: var(--font-body-small-font-size);
	font-weight: normal;
	line-height: var(--font-body-small-line-height);
	text-transform: capitalize;
	color: var(--color-grey-800);
}

/* End Responsive PDP */

/* My Account - Generic */

#innerPageContainer #maContentContainer * {
	float: none !important;
}

#innerPageContainer #maContentContainer .accountPanelHead {
	background: #ffffff;
}

#innerPageContainer #maContentContainer .accountPanelHead h2 {
	font-size: var(--font-body-font-size);
	line-height: var(--font-body-line-height);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: auto;
	padding: 16px;
	background: transparent;
}

#innerPageContainer #maContentContainer .panelFull {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 16px;
	background: #ffffff;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
}

#innerPageContainer #maContentContainer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row;
	flex-flow: row;
	margin-top: 0;
	background: var(--color-grey-100);
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
}

#innerPageContainer #maContentContainer > div {
	float: none;
	width: auto;
	margin: 0;
}

#innerPageContainer #maContentContainer #fragmentContainer {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 16px;
	-webkit-box-flex: 1;
}

#innerPageContainer #maContentContainer .btn.secondaryBtn {
	font-size: var(--font-body-small-font-size);
	line-height: var(--font-body-small-line-height);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	min-height: 48px;
	padding: 0 16px;
	border-radius: 4px;
	background: var(--color-success);
	-webkit-box-align: center;
	-ms-flex-align: center;
}

#innerPageContainer #maContentContainer .btn.icon-rightarrow:after {
	width: 10px;
	height: 16px;
	margin-left: 16px;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='40px' height='64px' viewBox='0 0 40 64' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ELight / Chevron-Right%3C/title%3E%3Cg id='Light-/-Chevron-Right' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M0.719680447,60.4635128 C-0.128872283,61.1706399 -0.243520267,62.4317673 0.463607009,63.2803198 C1.17073428,64.1288722 2.43186211,64.2435202 3.28041484,63.5363931 L39.2803697,33.5364402 C40.2398768,32.7368512 40.2398768,31.2631488 39.2803697,30.4635598 L3.28041484,0.463606863 C2.43186211,-0.243520191 1.17073428,-0.128872243 0.463607009,0.719680222 C-0.243520267,1.56823269 -0.128872283,2.82936011 0.719680447,3.53648717 L34.8759066,32 L0.719680447,60.4635128 Z' id='Colour' fill='%23ffffff'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

#innerPageContainer #maContentContainer #fragmentContainer div[id*="boxes"] > div {
	margin-bottom: 16px;
	padding: 0;
}

#innerPageContainer #maContentContainer #fragmentContainer div[id*="boxes"] .commonBoxCurveContainer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	border: 1px solid var(--color-grey-200);
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
}

#innerPageContainer #maContentContainer #fragmentContainer div[id*="boxes"] .commonBoxCurveContainer div {
	background: #ffffff;
}

#innerPageContainer #maContentContainer #mediumboxes #accountPaymentShallowFooter,
#innerPageContainer #maContentContainer #signedInBox #accountPaymentShallowFooter {
	height: auto;
	border: none;
}

#innerPageContainer #maContentContainer .btn.primaryBtn {
	font-size: var(--font-body-font-size);
	line-height: var(--font-body-line-height);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 16px;
	border-radius: 4px;
	background: var(--color-success);
	-webkit-box-align: center;
	-ms-flex-align: center;
}

/* End My Account - Generic */

/* My Account - Sidebar */

#innerPageContainer #maContentContainer #menuHolder {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
}

#innerPageContainer #maContentContainer #accountMenu {
	float: none;
	height: 100%;
}

#innerPageContainer #maContentContainer #accountMenu .commonBoxCurveContainer {
	float: none;
	height: 100%;
	border: none;
	border-right: 1px solid var(--color-grey-200);
}

#innerPageContainer #maContentContainer #accountMenu #maSideNavContainer h2,
#innerPageContainer #maContentContainer #accountMenu #maSideNavContainer h5 {
	font-size: var(--font-body-font-size);
	font-weight: normal;
	line-height: var(--font-body-line-height);
	padding: 16px;
	text-indent: 0;
	letter-spacing: 2px;
	background: white;
	background-position: initial;
}

#innerPageContainer #maContentContainer #accountMenu #maSideNavContainer li a {
	font-family: "LinetoBrownRegular";
	padding: 16px;
}

#innerPageContainer #maContentContainer #accountMenu #maSideNavContainer li a.selected {
	color: #ffffff;
	background: var(--color-grey-500);
}

#innerPageContainer #maContentContainer #accountMenu #accountMenuFooter {
	float: none;
	height: auto;
	background: transparent;
}

/* End My Account - Sidebar */

/* My Account - Home */

#innerPageContainer #maContentContainer .notification-account {
	padding: 0;
}

#innerPageContainer #maContentContainer .notification-account:not(:last-child) {
	margin-bottom: 16px;
}

#innerPageContainer #maContentContainer p#paymentReceived,
#innerPageContainer #maContentContainer p#noPaymentDue {
	font-family: "LinetoBrownRegular";
	font-size: var(--font-body-small-font-size);
	font-weight: normal;
	line-height: var(--font-body-small-line-height);
	margin: 0;
	padding: 0;
}

#innerPageContainer #maContentContainer #myAccountPanel .commonBoxCurveContainer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

#innerPageContainer #maContentContainer #myAccountPanel #availableToSpend {
	background: transparent;
}

#innerPageContainer #maContentContainer #myAccountPanel #availableToSpend p {
	color: var(--color-information);
}

#innerPageContainer #maContentContainer #myAccountPanel .commonBoxCurveContainer div:not(.accountPanelHead) {
	-ms-flex: 1 1 25%;
	flex: 1 1 25%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: auto;
	padding: 16px;
	-webkit-box-flex: 1;
}

#innerPageContainer #maContentContainer #accountStatementPanel .commonBoxCurveContainer div:not(.accountPanelHead) {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 1 0 50%;
	flex: 1 0 50%;
	-ms-flex-flow: column;
	flex-flow: column;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: auto;
	padding: 16px;
	background: #ffffff;
	-webkit-box-flex: 1;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
}

#innerPageContainer #maContentContainer #accountStatementPanel .panelLeft,
#innerPageContainer #maContentContainer #accountStatementPanel .panelRight {
	border-bottom: 1px solid var(--color-grey-200);
}

#innerPageContainer #maContentContainer #accountStatementPanel .panelFull {
	border-top: none;
}

#innerPageContainer #maContentContainer #accountStatementPanel .commonBoxCurveContainer div:not(.accountPanelHead).accountFooter:empty {
	display: none;
}

#innerPageContainer #maContentContainer #myAccountPanel div:not(.accountPanelHead) p,
#innerPageContainer #maContentContainer #accountStatementPanel .commonBoxCurveContainer div:not(.accountPanelHead) p {
	font-family: "LinetoBrownRegular";
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#innerPageContainer #maContentContainer #myAccountPanel div:not(.accountPanelHead) p:first-child,
#innerPageContainer #maContentContainer #accountStatementPanel .commonBoxCurveContainer div:not(.accountPanelHead) p:first-child {
	font-size: var(--font-small-print-font-size);
	line-height: var(--font-small-print-line-height);
	text-transform: uppercase;
	color: var(--color-grey-500);
}

#innerPageContainer #maContentContainer #myAccountPanel div:not(.accountPanelHead) p:last-child,
#innerPageContainer #maContentContainer #accountStatementPanel .commonBoxCurveContainer div:not(.accountPanelHead) p:last-child {
	font-size: var(--font-body-font-size);
	line-height: var(--font-body-line-height);
}

#innerPageContainer #maContentContainer #accountStatementPanel a.help {
	position: absolute;
	right: auto;
	align-self: flex-end;
	width: 16px;
	height: 16px;
	margin: 0 !important;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='64px' height='64px' viewBox='0 0 64 64' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ELight / Question-Mark-Circle%3C/title%3E%3Cg id='Light-/-Question-Mark-Circle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M32,0 C49.673112,0 64,14.326888 64,32 C64,49.673112 49.673112,64 32,64 C14.326888,64 0,49.673112 0,32 C0,14.326888 14.326888,0 32,0 Z M32,4 C16.536027,4 4,16.536027 4,32 C4,47.463973 16.536027,60 32,60 C47.463973,60 60,47.463973 60,32 C60,16.536027 47.463973,4 32,4 Z M32,44 C33.1045695,44 34,44.8954305 34,46 C34,47.1045695 33.1045695,48 32,48 C30.8954305,48 30,47.1045695 30,46 C30,44.8954305 30.8954305,44 32,44 Z M34,38 C34,34.6554045 34.5021841,32.6030778 35.223476,31.8769505 L35.4939554,31.6397423 L35.9008446,31.2917164 C38.7779754,28.8214526 40,27.0788318 40,24.1428571 L39.9951055,23.3079371 L39.990028,23.0874894 C39.8652326,18.546654 37.6851902,16 32,16 C26.8847606,16 24,18.9534454 24,24.1428571 C24,25.2474266 24.8954305,26.1428571 26,26.1428571 C27.1045695,26.1428571 28,25.2474266 28,24.1428571 C28,21.1417927 29.1152394,20 32,20 C35.1744733,20 35.8573317,20.6122769 35.9770359,22.8331948 L35.9972923,23.4821773 L36,24.1428571 C36,25.5147266 35.4054163,26.4153739 33.5267972,28.0563115 L32.6984173,28.7672011 C30.7946384,30.3990115 30,33.4640454 30,38 C30,39.1045695 30.8954305,40 32,40 C33.1045695,40 34,39.1045695 34,38 Z' id='Colour' fill='%231158a5'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px;
	-ms-flex-item-align: end;
	justify-self: flex-end;
}

div#helpDiv .helpDivInner {
	font-size: var(--font-body-small-font-size);
	line-height: var(--font-body-small-line-height);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 16px;
	border: 1px solid var(--color-information);
	border-radius: 4px;
	-webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.1);
	box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

div#helpDiv .helpDivInner .title {
	font-size: var(--font-body-small-font-size);
	line-height: var(--font-body-small-line-height);
	margin-bottom: 8px;
	padding: 0;
	border-bottom: none;
}

#innerPageContainer #maContentContainer #accountEstatementPanel .acctContent {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 16px;
	background: #ffffff;
}

#innerPageContainer #maContentContainer #accountEstatementPanel .acctContent p,
#innerPageContainer #maContentContainer #accountEstatementPanel .leftTxt {
	font-family: "LinetoBrownRegular";
	font-size: var(--font-body-small-font-size);
	line-height: var(--font-body-small-line-height);
	margin: 0;
}

#innerPageContainer #maContentContainer #accountEstatementPanel #accountEstatementFooter {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: flex-start;
	-ms-flex-flow: column;
	flex-flow: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-align: start;
	-ms-flex-align: start;
}

#innerPageContainer #maContentContainer #accountEstatementPanel #accountEstatementFooter p:not(:empty) {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 16px;
}

#innerPageContainer #maContentContainer #accountEstatementPanel #accountEstatementFooter > div {
	margin: 0 0 16px 16px;
	padding: 0;
}

#personalDetailsPanel .commonBoxCurveContainer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

#personalDetailsPanel .commonBoxCurveContainer > div:not(.accountPanelHead) {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 50%;
	flex: 1 0 50%;
}

#personalDetailsPanel .commonBoxCurveContainer > div:not(.accountPanelHead):nth-child(2n + 1) {
	border-left: 1px solid var(--color-grey-200);
}

#personalDetailsPanel .accountPanelHead {
	border: none;
}

#personalDetailsPanel .contactdetails,
#personalDetailsPanel .address,
#personalDetailsPanel .smallPanelFooter {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: flex-start;
	-ms-flex-flow: column;
	flex-flow: column;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 16px;
	background: #ffffff;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-align: start;
	-ms-flex-align: start;
}

#personalDetailsPanel p {
	font-family: "LinetoBrownRegular";
	font-size: var(--font-body-small-font-size);
	line-height: var(--font-body-small-line-height);
}

#personalDetailsPanel #personalDetailsPhoneTitle,
#personalDetailsPanel #personalDetailsEmailTitle,
#personalDetailsPanel #personalDetailsRegisteredAddress {
	font-size: var(--font-body-font-size);
	line-height: var(--font-body-line-height);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-ms-flex-flow: row;
	flex-flow: row;
	padding: 0;
	background: none;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-box-align: center;
	-ms-flex-align: center;
}

#personalDetailsPanel #personalDetailsPhone,
#personalDetailsPanel #personalDetailsEmail,
#personalDetailsPanel #personalDetailsEmailWarning,
#personalDetailsPanel #personalDetailsAddress {
	margin: 8px 0 16px 0;
	padding: 0;
}

#personalDetailsPanel #personalDetailsEmailWarning {
	margin-top: 0;
}

#personalDetailsPanel .rightBtnContainer {
	margin: 0;
	padding: 0;
}

#personalDetailsPanel .accountFooter.smallPanelFooter p {
	font-family: "LinetoBrownRegular";
	font-size: var(--font-body-font-size);
	line-height: var(--font-body-line-height);
	margin-bottom: 16px;
	padding: 0;
}

/* End My Account - Home */

/* My Account - Track Orders Page and Transaction Tables */

#filterPanel {
	background: transparent;
}

#filterPanel .commonBoxCurveContainer {
	border: none;
}

#innerPageContainer #maContentContainer #filterPanel .accountPanelHead {
	background: transparent;
}

#filterPanel p {
	display: none;
}

#filterPanel ul#transactionFilter {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	margin: 0;
	margin-bottom: 8px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
}

#filterPanel ul#transactionFilter li:not(:last-child) {
	margin-right: 8px;
}

#filterPanel ul#transactionFilter li a {
	font-family: "LinetoBrownRegular";
	font-size: var(--font-body-small-font-size);
	line-height: var(--font-body-small-line-height);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 8px;
	text-decoration: none;
	border: 1px solid var(--color-grey-200);
	border-radius: 4px;
}

#filterPanel ul#transactionFilter li a.active {
	text-decoration: underline;
	color: #ffffff !important;
	border: 1px solid var(--color-grey-500);
	background: var(--color-grey-500);
}

div#accountTransactions .accountPanelHead h2 {
	font-family: "AlternateGotNo2";
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
}

div#accountTransactions .accountPanelHead h2 span {
	font-family: "LinetoBrownRegular";
	font-size: var(--font-small-print-font-size);
	line-height: var(--font-small-print-line-height);
	max-width: 60%;
	margin-top: 8px;
	padding: 0;
	text-transform: uppercase;
}

div#accountTransactions table#transactionDetails th {
	display: none;
}

table#transactionDetails .OrderDetailsTable,
table#transactionDetails .paymentsCreditsTable {
	margin: 0;
	padding: 0;
	border: none !important;
	border-bottom: 1px solid var(--color-grey-200);
	border-radius: 0;
}

table#transactionDetails .OrderDetailsTable table,
table#transactionDetails .paymentsCreditsTable table {
	border: none;
}

table#transactionDetails .OrderDetailsTable table .transactionTitleRow,
table#transactionDetails .paymentsCreditsTable table .transactionTitleRow {
	height: auto;
	color: #ffffff;
	border: none;
	background: var(--color-grey-500);
}

table#transactionDetails .OrderDetailsTable table .transactionTitleRow td,
table#transactionDetails .paymentsCreditsTable table .transactionTitleRow td {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-ms-flex-flow: row;
	flex-flow: row;
	justify-content: space-between;
	padding: 16px !important;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
}

table#transactionDetails .OrderDetailsTable div.buttonSurround,
table#transactionDetails .paymentsCreditsTable div.buttonSurround {
	top: auto;
	right: auto;
	align-self: flex-start;
	margin: 0;
	-ms-flex-item-align: start;
}

table#transactionDetails .OrderDetailsTable div.buttonSurround .trackOrderButton,
table#transactionDetails .paymentsCreditsTable div.buttonSurround .trackOrderButton {
	margin: 0;
	padding: 0;
}

#innerPageContainer #maContentContainer table#transactionDetails .OrderDetailsTable div.buttonSurround .trackOrderButton a.btn.primaryBtn,
#innerPageContainer #maContentContainer table#transactionDetails .paymentsCreditsTable div.buttonSurround .trackOrderButton a.btn.primaryBtn {
	font-size: var(--font-body-small-font-size);
	line-height: var(--font-body-small-line-height);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	min-height: 48px;
	padding: 0 16px;
	border: 1px solid #ffffff;
	border-radius: 4px;
	background: transparent;
	-webkit-box-align: center;
	-ms-flex-align: center;
}

table#transactionDetails .OrderDetailsTable table .transactionTitleRow td .title,
table#transactionDetails .OrderDetailsTable table .transactionTitleRow td .title b,
table#transactionDetails .paymentsCreditsTable table .transactionTitleRow td .title,
table#transactionDetails .paymentsCreditsTable table .transactionTitleRow td .title b {
	font-size: var(--font-body-small-font-size) !important;
	line-height: var(--font-body-small-line-height) !important;
	padding: 0;
	text-align: left;
	color: #ffffff;
}

table#transactionDetails .OrderDetailsTable table tr:not(.transactionTitleRow):not(:last-child),
table#transactionDetails .paymentsCreditsTable table tr:not(.transactionTitleRow):not(:last-child) {
	border-bottom: 1px solid var(--color-grey-200);
}

table#transactionDetails .OrderDetailsTable table tr:not(.transactionTitleRow) td,
table#transactionDetails .paymentsCreditsTable table tr:not(.transactionTitleRow) td {
	font-size: var(--font-body-small-font-size) !important;
	line-height: var(--font-body-small-line-height);
	padding: 0 16px 8px 16px !important;
	text-align: left;
	border: none;
	background: transparent;
}

table#transactionDetails .OrderDetailsTable table tr:not(.transactionTitleRow) td:first-child,
table#transactionDetails .paymentsCreditsTable table tr:not(.transactionTitleRow) td:first-child {
	padding-top: 16px !important;
}

table#transactionDetails .OrderDetailsTable table tr:not(.transactionTitleRow) td:last-child,
table#transactionDetails .paymentsCreditsTable table tr:not(.transactionTitleRow) td:last-child {
	padding-bottom: 16px !important;
}

.OrderDetailsTable td[class^="am"],
.paymentsCreditsTable td[class^="am"] {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column;
	flex-flow: column;
}

.OrderDetailsTable td[class^="am"]:before,
.paymentsCreditsTable td[class^="am"]:before {
	font-size: var(--font-small-print-font-size);
	line-height: var(--font-small-print-line-height);
	text-transform: uppercase;
	color: var(--color-grey-500)
}

.OrderDetailsTable .amTransDateCell:before,
.paymentsCreditsTable .amTransDateCell:before {
	content: 'Transaction Date';
}

.OrderDetailsTable .amItemNoCell:before,
.paymentsCreditsTable .amItemNoCell:before {
	content: 'Item Number';
}

.OrderDetailsTable .amProdCodeCell:before,
.paymentsCreditsTable .amProdCodeCell:before {
	content: 'Product Code';
}

.OrderDetailsTable .amDescCell:before,
.paymentsCreditsTable .amDescCell:before {
	content: 'Description';
}

.OrderDetailsTable .amTransTypeCell:before,
.paymentsCreditsTable .amTransTypeCell:before {
	content: 'Transaction Type';
}

.OrderDetailsTable .amAmountCell:before,
.paymentsCreditsTable .amAmountCell:before {
	content: 'Amount';
}

/* End My Account - Track Orders Page and Transaction Tables */

/* My Account - Arrange Return Page */

#ajaxPanel script + .accountPanelMain,
#ajaxPanel input + .accountPanelMain,
#ajaxPanel[style^="opacity: 1;"] .accountPanelMain {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

.accountPanelMain .progressBar {
	margin: 0;
}

.accountPanelMain .progressBar ol.steps {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.accountPanelMain .progressBar ol.steps li[class^="step"] {
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	width: auto;
	-webkit-box-flex: 1;
}

.accountPanelMain .progressBar ol.steps li[class^="step"] span {
	font-family: "LinetoBrownRegular";
	font-size: var(--font-body-small-font-size);
	line-height: var(--font-body-small-line-height);
}

.commonBoxCurveContainer #returnText {
	font-family: "LinetoBrownRegular";
	font-size: var(--font-body-small-font-size);
	line-height: var(--font-body-small-line-height);
	margin: 0;
	padding: 16px;
}

#returnText + #productsBox,
#returnText + #productsBox + #othersBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 16px;
	padding: 0 16px;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
}

#returnText + #productsBox h2,
#returnText + #productsBox + #othersBox h2 {
	display: none;
}

#returnText + #productsBox a img,
#returnText + #productsBox + #othersBox a img {
	display: none;
}

#returnText + #productsBox a,
#returnText + #productsBox + #othersBox a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	-ms-flex-flow: column;
	flex-flow: column;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 16px;
	border: 1px solid var(--color-grey-200);
	border-radius: 4px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-flex: 1;
}

#returnText + #productsBox a:not(:last-child),
#returnText + #productsBox + #othersBox a:not(:last-child) {
	margin-right: 16px;
}

#returnText + #productsBox a:before,
#returnText + #productsBox + #othersBox a:before {
	margin-bottom: 8px;
}

#returnText + #productsBox a:after,
#returnText + #productsBox + #othersBox a:after {
	font-size: var(--font-body-small-font-size);
	line-height: var(--font-body-small-line-height);
}

#returnText + #productsBox a:nth-of-type(1):before {
	display: block;
	width: 16px;
	height: 16px;
	content: '';
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='64px' height='64px' viewBox='0 0 64 64' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ELight / T-Shirt%3C/title%3E%3Cg id='Light-/-T-Shirt' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M12,29.236068 L6.89442719,31.7888544 C5.75001129,32.3610623 4.37003833,31.7263646 4.059715,30.4850713 L0.0597149997,14.4850713 C-0.110672511,13.8035212 0.0890257482,13.0825471 0.585786438,12.5857864 C8.25810197,4.9134709 16.8566761,-3.55271368e-15 22,-3.55271368e-15 C22.530433,-3.55271368e-15 23.0391408,0.210713681 23.4142136,0.585786438 C25.6994262,2.87099908 28.5219285,4 32,4 C35.4780715,4 38.3005738,2.87099908 40.5857864,0.585786438 C40.9608592,0.210713681 41.469567,-3.55271368e-15 42,-3.55271368e-15 C47.1433239,-3.55271368e-15 55.741898,4.9134709 63.4142136,12.5857864 C63.9109743,13.0825471 64.1106725,13.8035212 63.940285,14.4850713 L59.940285,30.4850713 C59.6299617,31.7263646 58.2499887,32.3610623 57.1055728,31.7888544 L52,29.236068 L52,62 C52,63.1045695 51.1045695,64 50,64 L14,64 C12.8954305,64 12,63.1045695 12,62 L12,29.236068 Z M42.4382204,4.31557475 C39.5597589,6.76533217 36.0519846,8 32,8 C27.8033017,8 24.1903799,6.67556678 21.2557849,4.04845206 C17.3714217,4.52589897 10.5655309,8.50153155 4.21779232,14.624958 L7.33558739,27.0961383 L13.1055728,24.2111456 C14.435375,23.5462445 16,24.513236 16,26 L16,60 L48,60 L48,26 C48,24.513236 49.564625,23.5462445 50.8944272,24.2111456 L56.6644126,27.0961383 L59.7822077,14.624958 C53.5589346,8.62159873 46.8952998,4.68263189 42.9760512,4.08056181 L42.7442151,4.04845206 L42.4382204,4.31557475 Z' id='Colour' fill='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	background-size: contain;
}

#returnText + #productsBox a:nth-of-type(1):after {
	content: 'Clothing';
}

#returnText + #productsBox a:nth-of-type(2):before {
	display: block;
	width: 16px;
	height: 16px;
	content: '';
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='64px' height='64px' viewBox='0 0 64 64' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ELight / Shoe%3C/title%3E%3Cg id='Light-/-Shoe' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M17.9097766,2.61009857 L18.1175623,2.70914737 L18.3561273,2.83521318 C18.5917378,2.96657817 18.8183109,3.1137332 19.0342807,3.27571052 L28.9372583,10.7029437 C29.4393692,11.0795269 30.1419789,11.0295939 30.5857864,10.5857864 L31.4142136,9.75735931 C32.5394318,8.63214104 34.0655553,8 35.6568542,8 L36,8 C37.9832762,8 39.7963335,9.12053099 40.6832816,10.8944272 L53.7888544,37.1055728 C54.8383136,39.2044912 56.5076073,40.9262579 58.5661869,42.0403242 L59.1675064,42.3533967 C62.1380168,43.9640456 64,47.0766645 64,50.472136 L64,58 C64,61.3137085 61.3137085,64 58,64 L53.1392676,64 C48.0607356,64 43.138603,62.2429789 39.2080362,59.0270606 L3.20824012,29.572682 C1.03765767,27.7967509 0.386882092,24.7540999 1.64110371,22.2456566 L10.0677175,5.39242895 C11.5151894,2.4974852 14.9872093,1.28404168 17.9097766,2.61009857 Z M6.66930642,21.1313962 L5.21881248,24.034511 C4.8007386,24.8706587 5.0176638,25.8848758 5.74119128,26.4768528 L41.7409873,55.9312314 C44.9569057,58.5624373 48.9841051,60 53.1392676,60 L58,60 C59.1045695,60 60,59.1045695 60,58 L59.9993064,55.9993962 L54.2835605,56 C51.1810392,56 48.1702418,54.9695551 45.7213786,53.076513 L45.4182315,52.8354022 L6.66930642,21.1313962 Z M13.6454263,7.18128333 L8.50330642,17.4633962 L47.9511826,49.739573 C49.6484729,51.128265 51.7525304,51.9184776 53.9378776,51.9940271 L54.2835605,52 L59.9993064,51.9993962 L60,50.472136 C60,48.4888597 58.879469,46.6758025 57.1055728,45.7888544 C54.1220754,44.2971057 51.7028943,41.8779246 50.2111456,38.8944272 L45.1053064,28.6833962 L38.8944272,31.7888544 C37.9535158,32.2593101 36.8190542,31.918494 36.2864266,31.0315341 L36.2111456,30.8944272 C35.7171671,29.9064702 36.1176158,28.7051241 37.1055728,28.2111456 L37.1055728,28.2111456 L43.3163064,25.1053962 L41.1053064,20.6833962 L34.8944272,23.7888544 C33.9535158,24.2593101 32.8190542,23.918494 32.2864266,23.0315341 L32.2111456,22.8944272 C31.7171671,21.9064702 32.1176158,20.7051241 33.1055728,20.2111456 L33.1055728,20.2111456 L39.3163064,17.1043962 L37.1055728,12.6832816 C36.8961928,12.2645215 36.468188,12 36,12 L35.6568542,12 C35.1264213,12 34.6177134,12.2107137 34.2426407,12.5857864 L33.4142136,13.4142136 C31.5628382,15.2655889 28.6318504,15.4738878 26.5372583,13.9029437 L16.6342807,6.47571052 L16.4857429,6.3744089 L16.3287079,6.28685614 L16.186219,6.22233918 C15.227941,5.83234783 14.115882,6.24037191 13.6454263,7.18128333 Z' id='Colour' fill='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	background-size: contain;
}

#returnText + #productsBox a:nth-of-type(2):after {
	content: 'Footwear';
}

#returnText + #productsBox a:nth-of-type(3):before {
	display: block;
	width: 16px;
	height: 16px;
	content: '';
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='64px' height='64px' viewBox='0 0 64 64' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ELight / Bed%3C/title%3E%3Cg id='Light-/-Bed' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M50,8 C55.5228475,8 60,12.4771525 60,18 L60.0006859,28.3416539 C62.3307123,29.1655203 64,31.3878187 64,34 L64,50 C64,53.3137085 61.3137085,56 58,56 L6,56 C2.6862915,56 0,53.3137085 0,50 L0,34 C0,31.3874421 1.66976896,29.1648796 4.00032181,28.3412977 L4,18 C4,12.4771525 8.4771525,8 14,8 L50,8 Z M58,32 L6,32 C4.8954305,32 4,32.8954305 4,34 L4,50 C4,51.1045695 4.8954305,52 6,52 L58,52 C59.1045695,52 60,51.1045695 60,50 L60,34 C60,32.8954305 59.1045695,32 58,32 Z M50,12 L14,12 C10.6862915,12 8,14.6862915 8,18 L8,28 L12,28 L12,22 C12,18.6862915 14.6862915,16 18,16 L24,16 C27.3137085,16 30,18.6862915 30,22 L30,28 L34,28 L34,22 C34,18.6862915 36.6862915,16 40,16 L46,16 C49.3137085,16 52,18.6862915 52,22 L52,28 L56,28 L56,18 C56,14.6862915 53.3137085,12 50,12 Z M24,20 L18,20 C16.8954305,20 16,20.8954305 16,22 L16,28 L26,28 L26,22 C26,20.8954305 25.1045695,20 24,20 Z M46,20 L40,20 C38.8954305,20 38,20.8954305 38,22 L38,28 L48,28 L48,22 C48,20.8954305 47.1045695,20 46,20 Z' id='Colour' fill='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	background-size: contain;
}

#returnText + #productsBox a:nth-of-type(3):after {
	content: 'Bedding';
}

#returnText + #productsBox + #othersBox a:before {
	display: block;
	width: 16px;
	height: 16px;
	content: '';
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='64px' height='64px' viewBox='0 0 64 64' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ELight / Box%3C/title%3E%3Cg id='Light-/-Box' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M58,0 C61.3137085,0 64,2.6862915 64,6 L64,44.3431458 C64,45.9344447 63.367859,47.4605682 62.2426407,48.5857864 L48.5857864,62.2426407 C47.4605682,63.367859 45.9344447,64 44.3431458,64 L6,64 C2.6862915,64 0,61.3137085 0,58 L0,18.0826222 C0,16.1247395 0.955265868,14.2900028 2.55922593,13.1672307 L19.8201149,1.08460848 C20.8286161,0.378657623 22.0298563,0 23.2608889,0 L58,0 Z M39,20 L4,20 L4,58 C4,59.1045695 4.8954305,60 6,60 L40,60 L40,21 C40,20.4871642 39.6139598,20.0644928 39.1166211,20.0067277 L39,20 Z M60,6.532 L43.6773532,19.2291543 C43.8858671,19.7796111 44,20.376477 44,21 L44,21 L44,60 L44.3431458,60 C44.8735787,60 45.3822866,59.7892863 45.7573593,59.4142136 L59.4142136,45.7573593 C59.7892863,45.3822866 60,44.8735787 60,44.3431458 L60,6.532 Z M20.5857864,28.5857864 C21.366835,27.8047379 22.633165,27.8047379 23.4142136,28.5857864 L23.4142136,28.5857864 L31.4142136,36.5857864 C32.1952621,37.366835 32.1952621,38.633165 31.4142136,39.4142136 C30.633165,40.1952621 29.366835,40.1952621 28.5857864,39.4142136 L28.5857864,39.4142136 L24,34.828 L24,50 C24,51.0543618 23.1841222,51.9181651 22.1492623,51.9945143 L22,52 C20.8954305,52 20,51.1045695 20,50 L20,50 L20,34.828 L15.4142136,39.4142136 C14.6742728,40.1541543 13.4987886,40.1930986 12.7130012,39.5310463 L12.5857864,39.4142136 C11.8047379,38.633165 11.8047379,37.366835 12.5857864,36.5857864 L12.5857864,36.5857864 Z M56.742,4 L42.7,4 L27.7,16 L39,16 C39.6559439,16 40.2823864,16.1263104 40.8563316,16.3559354 L56.742,4 Z M36.298,4 L23.2608889,4 C22.8505447,4 22.4501313,4.12621921 22.1139642,4.36153616 L5.487,16 L21.298,16 L36.298,4 Z' id='Colour' fill='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	background-size: contain;
}

#returnText + #productsBox + #othersBox a:after {
	content: 'Other Products';
}

#returnDetails .progressBar + .panelLeftLarge {
	width: 100%;
}

#returnDetails .progressBar + .panelLeftLarge #errorBoxHolder {
	width: auto;
	height: auto;
	padding: 0;
}

#returnDetails .progressBar + .panelLeftLarge #errorBoxHolder + #itemsLeft {
	margin: 0 16px;
	color: #ffffff;
	background: var(--color-information);
}

#returnDetails .progressBar + .panelLeftLarge #errorBoxHolder #errorBoxInstructions {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: auto;
	padding: 16px;
}

#returnDetails .progressBar + .panelLeftLarge #errorBoxHolder #errorBoxInstructions h2 {
	font-family: "LinetoBrownRegular";
	font-size: var(--font-body-small-font-size);
	line-height: var(--font-body-small-line-height);
	letter-spacing: 0;
	text-transform: initial;
}

#returnDetails .progressBar + .panelLeftLarge #errorBoxHolder #errorBoxInstructions h2:not(:last-child) {
	margin-bottom: 8px;
}

#returnDetails .progressBar + .panelLeftLarge + .panelRightLarge.formStyle {
	width: 100%;
	margin-top: 16px;
}
#returnDetails .progressBar + .panelLeftLarge + .panelRightLarge {
	border: none;
}

.panelRightLarge #addressHolder {
	padding-bottom: 16px;
	border: none;
}

.panelRightLarge #addressHolder #addressHeader {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row;
	flex-flow: row;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 16px;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
}

.panelRightLarge #addressHolder #addressHelp, .panelRightLarge #addressHolder #instructionsBox #collectionHelp {
	position: relative;
	align-self: center;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	height: 16px;
	margin: 8px 0 0 16px;
	-ms-flex-item-align: center;
	-webkit-box-flex: 0;
}

.panelRightLarge #addressHolder #addressHelp, .panelRightLarge #addressHolder #instructionsBox #otherInput {
	padding: 0;
}

.panelRightLarge #addressHolder #addressHelp, .panelRightLarge #addressHolder #instructionsBox #otherInput label:empty {
	display: none;
}

.panelRightLarge #addressHolder #addressHelp a,
.panelRightLarge #addressHolder #collectionHelp a {
	position: absolute;
	right: auto;
	align-self: flex-end;
	width: 16px;
	height: 16px;
	margin: 0 !important;
	margin: 0 !important;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='64px' height='64px' viewBox='0 0 64 64' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ELight / Question-Mark-Circle%3C/title%3E%3Cg id='Light-/-Question-Mark-Circle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M32,0 C49.673112,0 64,14.326888 64,32 C64,49.673112 49.673112,64 32,64 C14.326888,64 0,49.673112 0,32 C0,14.326888 14.326888,0 32,0 Z M32,4 C16.536027,4 4,16.536027 4,32 C4,47.463973 16.536027,60 32,60 C47.463973,60 60,47.463973 60,32 C60,16.536027 47.463973,4 32,4 Z M32,44 C33.1045695,44 34,44.8954305 34,46 C34,47.1045695 33.1045695,48 32,48 C30.8954305,48 30,47.1045695 30,46 C30,44.8954305 30.8954305,44 32,44 Z M34,38 C34,34.6554045 34.5021841,32.6030778 35.223476,31.8769505 L35.4939554,31.6397423 L35.9008446,31.2917164 C38.7779754,28.8214526 40,27.0788318 40,24.1428571 L39.9951055,23.3079371 L39.990028,23.0874894 C39.8652326,18.546654 37.6851902,16 32,16 C26.8847606,16 24,18.9534454 24,24.1428571 C24,25.2474266 24.8954305,26.1428571 26,26.1428571 C27.1045695,26.1428571 28,25.2474266 28,24.1428571 C28,21.1417927 29.1152394,20 32,20 C35.1744733,20 35.8573317,20.6122769 35.9770359,22.8331948 L35.9972923,23.4821773 L36,24.1428571 C36,25.5147266 35.4054163,26.4153739 33.5267972,28.0563115 L32.6984173,28.7672011 C30.7946384,30.3990115 30,33.4640454 30,38 C30,39.1045695 30.8954305,40 32,40 C33.1045695,40 34,39.1045695 34,38 Z' id='Colour' fill='%231158a5'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px;
	-ms-flex-item-align: end;
	justify-self: flex-end;
}

.panelRightLarge #addressHolder #addressHeader .mainSelect {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 50%;
}

.panelRightLarge #addressHolder #addressHeader label {
	display: none;
}

.panelRightLarge #addressHolder #addressHeader .addressSelectHolder {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	-ms-flex-flow: row;
	flex-flow: row;
	height: auto;
	-webkit-box-flex: 1;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
}

.panelRightLarge #addressHolder #addressHeader .addressSelectHolder:before {
	font-size: var(--font-body-small-font-size);
	line-height: var(--font-body-small-line-height);
	position: absolute;
	top: 8px;
	left: 22px;
	display: block;
	content: 'Items to be collected from:';
	color: var(--color-grey-500);
}

.panelRightLarge #addressHolder #addressHeader select {
	font-size: var(--font-body-font-size);
	line-height: var(--font-body-line-height);
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 56px;
	margin: 0;
	padding: 24px 16px 6px 16px;
	color: #000000;
	border-radius: 4px;
	background-color: transparent;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='64px' height='64px' viewBox='0 0 64 64' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ELight / Chevron-Down%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Light-/-Chevron-Down' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M43.0607734,31.9999914 L16.6390978,56.534413 C15.8296765,57.2860185 15.7828075,58.5514809 16.534413,59.3609022 C17.2860185,60.1703235 18.5514809,60.2171925 19.3609022,59.465587 L47.3609022,33.465587 C48.2130326,32.674323 48.2130326,31.325677 47.3609022,30.534413 L19.3609022,4.53441302 C18.5514809,3.78280749 17.2860185,3.82967646 16.534413,4.6390978 C15.7828075,5.44851914 15.8296765,6.71398145 16.6390978,7.46558698 L43.0607734,31.9999914 Z' id='Colour' fill='%23000000' transform='translate(31.999996, 32.000000) scale(-1, 1) rotate(90.000000) translate(-31.999996, -32.000000) '%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: calc(100% - 16px) center;
	background-size: 16px;
	-webkit-box-flex: 1;
}

.panelRightLarge #addressHolder #addressPlacement {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: flex-start;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	-ms-flex-flow: column;
	flex-flow: column;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 16px;
	-webkit-box-flex: 1;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-align: start;
	-ms-flex-align: start;
}

.panelRightLarge #addressHolder #addressPlacement > div {
	width: auto;
	margin: 0;
	padding: 0;
}

.panelRightLarge #addressHolder #addressPlacement > div h2 {
	font-size: var(--font-body-font-size);
	line-height: var(--font-body-line-height);
	margin-bottom: 16px;
}

.panelRightLarge #addressHolder #addressPlacement > div #addressViewList {
	margin-bottom: 16px;
	padding: 0;
}

.panelRightLarge #addressHolder #addressPlacement > div #addressViewList p {
	padding: 0;
}

.panelRightLarge #addressHolder #addressPlacement + #telHeader {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 16px;
}

.panelRightLarge #addressHolder #addressPlacement + #telHeader p {
	margin: 0;
}

.panelRightLarge #addressHolder #telNumberBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column;
	flex-flow: column;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 0 16px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
}

.panelRightLarge #addressHolder #instructionsBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 0 16px;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
}

.panelRightLarge #addressHolder #instructionsBox > * {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 100%;
	flex: 1 0 100%;
}

.panelRightLarge #addressHolder #instructionsBox .mainSelect {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	margin-top: 8px;
	-webkit-box-flex: 0;
}

.panelRightLarge #addressHolder #telNumberBox #telNumberTitle,
.panelRightLarge #addressHolder #instructionsBox #instructionsTitle {
	width: auto;
	margin: 0;
	padding: 0 !important;
	text-align: left;
	background: none !important;
}

.panelRightLarge #addressHolder #telNumberBox #telNumberTitle p,
.panelRightLarge #addressHolder #instructionsBox p {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row;
	flex-flow: row;
	padding: 0;
	background: none;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
}

.panelRightLarge #addressHolder #telNumberBox #telNumberTitle p span,
.panelRightLarge #addressHolder #telNumberBox #telNumberTitle p label,
.panelRightLarge #addressHolder #instructionsBox span,
.panelRightLarge #addressHolder #instructionsBox label {
	font-size: var(--font-body-small-font-size);
	line-height: var(--font-body-small-line-height);
	width: auto !important;
	text-align: left;
	background: none;
}

.panelRightLarge #addressHolder div[id^="telInput"] input,
.panelRightLarge #addressHolder #addressHelp, .panelRightLarge #addressHolder #instructionsBox #otherInput input {
	font-family: "LinetoBrownRegular";
	font-size: var(--font-body-small-font-size);
	line-height: var(--font-body-small-line-height);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	min-height: 48px;
	margin: 8px 0 16px 0;
	padding: 16px;
	border: 1px solid var(--color-grey-300);
	border-radius: 4px;
}

.panelRightLarge #addressHolder #instructionsBox select {
	font-size: var(--font-body-font-size);
	line-height: var(--font-body-line-height);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: auto;
	min-height: 56px;
	margin: 0;
	padding: 16px;
	color: #000000;
	border: 1px solid var(--color-grey-300);
	border-radius: 4px;
	background-color: transparent;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='64px' height='64px' viewBox='0 0 64 64' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ELight / Chevron-Down%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Light-/-Chevron-Down' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M43.0607734,31.9999914 L16.6390978,56.534413 C15.8296765,57.2860185 15.7828075,58.5514809 16.534413,59.3609022 C17.2860185,60.1703235 18.5514809,60.2171925 19.3609022,59.465587 L47.3609022,33.465587 C48.2130326,32.674323 48.2130326,31.325677 47.3609022,30.534413 L19.3609022,4.53441302 C18.5514809,3.78280749 17.2860185,3.82967646 16.534413,4.6390978 C15.7828075,5.44851914 15.8296765,6.71398145 16.6390978,7.46558698 L43.0607734,31.9999914 Z' id='Colour' fill='%23000000' transform='translate(31.999996, 32.000000) scale(-1, 1) rotate(90.000000) translate(-31.999996, -32.000000) '%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: calc(100% - 16px) center;
	background-size: 16px;
}

.panelRightLarge #addressHolder + .accountFooter.mainPanelFooter {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row;
	flex-flow: row;
	justify-content: space-between;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 16px;
	background: none;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
}

.panelRightLarge #addressHolder + .accountFooter.mainPanelFooter .btn.tertiaryBtn.icon-leftarrow {
	font-size: var(--font-body-font-size);
	line-height: var(--font-body-line-height);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 16px;
	border-radius: 4px;
	background: var(--color-grey-200);
	-webkit-box-align: center;
	-ms-flex-align: center;
}

.accountPanelMain .progressBar + #completeInfoBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: column;
	flex-flow: column;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 16px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
}

.accountPanelMain .progressBar + #completeInfoBox h2 {
	font-size: var(--font-body-font-size);
	line-height: var(--font-body-line-height);
	margin-bottom: 16px;
}

.accountPanelMain .progressBar + #completeInfoBox p {
	font-size: var(--font-body-small-font-size);
	line-height: var(--font-body-small-line-height);
}

.accountPanelMain .progressBar + #completeInfoBox ol {
	margin-left: 16px;
}

.accountPanelMain .progressBar + #completeInfoBox ol li {
	font-size: var(--font-body-small-font-size);
	line-height: var(--font-body-small-line-height);
	margin-bottom: 16px;
}


/* End My Account - Arrange Return Page */

/* My Account - Paperless Page */

#innerPageContainer #maContentContainer #fragmentContainer div[id*="boxes"] .commonBoxCurveContainer div.acctGreenBox {
	border: none;
	border-radius: 0;

}

#innerPageContainer #maContentContainer #fragmentContainer div[id*="boxes"] .commonBoxCurveContainer .pcm-placeholder {
	margin-bottom: 16px;
}

#innerPageContainer #maContentContainer #fragmentContainer div[id*="boxes"] .commonBoxCurveContainer div.acctGreenBox h2 {
	font-size: var(--font-body-font-size);
	line-height: var(--font-body-line-height);
	margin-bottom: 8px;
	padding: 0;
}

#innerPageContainer #maContentContainer #fragmentContainer div[id*="boxes"] .commonBoxCurveContainer div.acctGreenBox .acctGreenBoxContent table td {
	border: 1px solid var(--color-grey-200);
}

/* End My Account - Paperless Page */

/* My Account - Manage Saved Cards Page */

#innerPageContainer #maContentContainer #fragmentContainer #accordionContainer {
	width: 100%;
}

#innerPageContainer #maContentContainer #fragmentContainer #accordionContainer .cardSelection tr td {
	padding: 0 16px;
}

#innerPageContainer #maContentContainer #fragmentContainer #accordionContainer .colCardType {
	min-width: 100px;
}

#innerPageContainer #maContentContainer #fragmentContainer #accordionContainer .rightBtnContainer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-end;
	margin: 0;
	padding: 16px 0;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
}

#innerPageContainer #maContentContainer #fragmentContainer #accordionContainer .useNewCardRow {
	padding: 0 16px;
}

#innerPageContainer #maContentContainer #fragmentContainer #accordionContainer .btn {
	font-size: var(--font-body-small-font-size);
	line-height: var(--font-body-small-line-height);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	min-height: 48px;
	padding: 0 16px;
	border-radius: 4px;
	background: var(--color-success);
	-webkit-box-align: center;
	-ms-flex-align: center;
}

#innerPageContainer #maContentContainer #fragmentContainer #accordionContainer .gui-btn.gui-btn-danger {
	font-size: var(--font-body-small-font-size);
	line-height: var(--font-body-small-line-height);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 48px;
	padding: 0 16px;
	border: none;
}

#innerPageContainer #maContentContainer #fragmentContainer #accordionContainer .gui-btn.gui-btn-danger:after {
	content: none;
}

/* End My Account - Manage Saved Cards Page */

/* My Account - Card Details */

#paymentDetails #savedCardPayment #instructionsPane {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	min-width: auto;
	min-height: auto;
	margin: 0;
	padding: 16px;
}

#paymentDetails #savedCardPayment #instructionsPane h4 {
	font-size: var(--font-body-font-size);
	line-height: var(--font-body-line-height);
	padding: 0;
}

/* End My Account - Card Details */

/* My Account - DD Page */

.accountPanelMain {
	padding: 16px;
}

.accountPanelMain .commonBoxCurveContainer {
	background: #ffffff;
}

/* End My Account - DD Page */

/* GUI Overrides */

.gui-chevron-tertiary-right:after {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='40px' height='64px' viewBox='0 0 40 64' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ELight / Chevron-Right%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Light-/-Chevron-Right' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M31.0607734,31.9999914 L4.6390978,56.534413 C3.82967646,57.2860185 3.78280749,58.5514809 4.53441302,59.3609022 C5.28601855,60.1703235 6.55148086,60.2171925 7.3609022,59.465587 L35.3609022,33.465587 C36.2130326,32.674323 36.2130326,31.325677 35.3609022,30.534413 L7.3609022,4.53441302 C6.55148086,3.78280749 5.28601855,3.82967646 4.53441302,4.6390978 C3.78280749,5.44851914 3.82967646,6.71398145 4.6390978,7.46558698 L31.0607734,31.9999914 Z' id='Colour' fill='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.gui-btn {
	border-radius: 4px;
}

.gui-btn.gui-btn-primary {
	background: var(--color-success);
}

.gui-heart-outline-black-left:before {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='64px' height='64px' viewBox='0 0 64 64' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ELight / Heart-Outline%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Light-/-Heart-Outline' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M55.1959595,12.7126049 C61.5028024,18.8994092 61.5998308,28.8710627 55.4870446,35.1743239 L55.1959595,35.4670741 L35.8659932,54.4291317 C33.7308641,56.5236228 30.2691359,56.5236228 28.1340068,54.4291317 L8.80404051,35.4670741 L8.51295545,35.1743239 C2.40016923,28.8710627 2.49719759,18.8994092 8.80404051,12.7126049 C15.1108834,6.52580053 25.2760105,6.43061892 31.7015698,12.4270601 L32,12.7126049 L32.2984302,12.4270601 C38.7239895,6.43061892 48.8891166,6.52580053 55.1959595,12.7126049 Z M52.3948371,15.5680756 L52.1499576,15.3342854 C47.3673823,10.8907648 39.8189749,10.8799778 35.0637752,15.3171927 L32,18.2486829 L28.9724787,15.3514508 C24.0990389,10.8034741 16.3714975,10.892459 11.6051629,15.5680756 C6.88089395,20.2024273 6.79172725,27.6537978 11.3494376,32.3539748 L11.6051629,32.6116033 L30.9351291,51.5736609 C31.5146105,52.142113 32.4853895,52.142113 33.0648709,51.5736609 L52.3594774,32.6467249 L52.6155643,32.3896155 C57.1317276,27.7327281 57.1207778,20.450052 52.6271877,15.8021151 L52.3948371,15.5680756 Z' id='Colour' fill='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	background-size: 16px;
}

.contentPod .gui-alert-default.notification-account:before {
	width: 12px;
	height: 16px;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='48px' height='64px' viewBox='0 0 48 64' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ELight / Document%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cg id='Light-/-Document' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M28.3431458,0 C29.8408389,0 31.2807987,0.559958847 32.3831252,1.56393814 L32.5857864,1.75735931 L46.2426407,15.4142136 C47.3016696,16.4732425 47.9239243,17.8873986 47.9934663,19.3767817 L48,19.6568542 L48,58 C48,61.2383969 45.4344251,63.8775718 42.2249383,63.9958615 L42,64 L6,64 C2.76160306,64 0.122428238,61.4344251 0.00413847206,58.2249383 L0,58 L0,6 C0,2.76160306 2.56557489,0.122428238 5.77506174,0.00413847206 L6,0 L28.3431458,0 Z M28,4 L6,4 C4.9456382,4 4.08183488,4.81587779 4.00548574,5.85073766 L4,6 L4,58 C4,59.0543618 4.81587779,59.9181651 5.85073766,59.9945143 L6,60 L42,60 C43.0543618,60 43.9181651,59.1841222 43.9945143,58.1492623 L44,58 L44,20 L34,20 C30.7616031,20 28.1224282,17.4344251 28.0041385,14.2249383 L28,14 L28,4 Z M26,44 C27.1045695,44 28,44.8954305 28,46 C28,47.1045695 27.1045695,48 26,48 L26,48 L14,48 C12.8954305,48 12,47.1045695 12,46 C12,44.8954305 12.8954305,44 14,44 L14,44 Z M14,36 L34,36 C35.1045695,36 36,36.8954305 36,38 C36,39.0543618 35.1841222,39.9181651 34.1492623,39.9945143 L34,40 L14,40 C12.8954305,40 12,39.1045695 12,38 C12,36.9456382 12.8158778,36.0818349 13.8507377,36.0054857 L14,36 L34,36 Z M32,6.828 L32,14 C32,15.0543618 32.8158778,15.9181651 33.8507377,15.9945143 L34,16 L41.172,16 L32,6.828 Z' id='Colour' fill='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.contentPod .gui-alert {
	margin-bottom: 0;
	padding: 0;
}

.contentPod .gui-alert:not(:last-child) {
	margin-bottom: 16px;
}

.gui-carousel-container h1 {
	font-size: var(--font-display-6-font-size);
	line-height: var(--font-display-6-line-height);
}

.gui-carousel .gui-card h4 {
	font-family: "LinetoBrownRegular";
	font-size: var(--font-body-small-font-size);
	line-height: var(--font-body-small-line-height);
	letter-spacing: 0;
	text-transform: capitalize;
}

/* End GUI Overrides */


/*****************************************************/

/* End UI Overrides - James Lane */

/*****************************************************/






/*****************************************************/

/* My Account Summary / Make a Payment Jacamo fixes */

/*****************************************************/

.MyAccount__wrapper #maContentContainer {
    background-color: #fefefe!important;
}
.MyAccount__wrapper #maContentContainer > div {
	margin: 0!important;
	padding: 0!important;
}
.MyAccount__wrapper #maContentContainer > div#menuHolder {
	margin-right: 16px!important;
}
.MyAccount__wrapper #accountMenu .commonBoxCurveContainer {
	border: none!important
}
.MyAccount__wrapper #accountStatementPanel .accountDetail {
	font-weight: bold!important;
}
.MyAccount__wrapper .rightBtnContainer, .MyAccount__wrapper .leftBtnContainer, .MyAccount__wrapper .centerBtnContainer {
	margin: 0!important;
}
.MyAccount__wrapper #personalDetailsPhoneTitle,
.MyAccount__wrapper #personalDetailsPhone,
.MyAccount__wrapper #personalDetailsEmail,
.MyAccount__wrapper #personalDetailsEmailWarning,
.MyAccount__wrapper #personalDetailsRegisteredAddress, .MyAccount__wrapper #personalDetailsAddress {
	font-size: 12px!important;
    line-height: 24px!important;
    margin-bottom: 8px!important;
}
.MyAccount__wrapper #personalDetailsPhoneTitle,
.MyAccount__wrapper #personalDetailsEmailTitle,
.MyAccount__wrapper #personalDetailsEmail,
.MyAccount__wrapper #personalDetailsRegisteredAddress,
.MyAccount__wrapper a.btn.secondaryBtn {
	font-size: 12px!important;
}
.MyAccount__wrapper #personalDetailsPanel .accountFooter.smallPanelFooter p {
	font-family: "poppins";
	color: #252525!important;
}
.MyAccount__wrapper .accountPanelHead > h2 {
	color: #252525!important;
}
.MyAccount__wrapper #innerPageContainer #maContentContainer #accountStatementPanel .commonBoxCurveContainer div:not(.accountPanelHead) {
	position: initial!important;
}
.MyAccount__wrapper #innerPageContainer #maContentContainer #accountStatementPanel .commonBoxCurveContainer div p {
	font-size: 12px!important;
}
.MyAccount__wrapper #innerPageContainer #maContentContainer #accountStatementPanel .commonBoxCurveContainer div:not(.accountPanelHead) p:last-child {
	font-size: 16px!important;
}
.MyAccount__wrapper #availableToSpend,
.MyAccount__wrapper #creditLimit,
.MyAccount__wrapper #currentBalance,
.MyAccount__wrapper #pendingOrders {
    background-color: #f8f8f8!important;
}
.MyAccount__wrapper #freePandpOfferActive.MyAccount__summary_deliverySubscription p {
	text-transform: none!important;
}
.MyAccount__wrapper #innerPageContainer #maContentContainer #fragmentContainer div[id*="boxes"] .commonBoxCurveContainer div {
	background: transparent;
}
.MyAccount__wrapper #availableToSpend > :first-child {
	font-family: "poppins"!important;
}
.MyAccount__wrapper #creditLimit > :first-child,
.MyAccount__wrapper #currentBalance > :first-child,
.MyAccount__wrapper #pendingOrders > :first-child {
    font-family: "poppins"!important;
}
.MyAccount__wrapper #availableToSpend .accountDetail {
	line-height: 40px!important;
}
.MyAccount__wrapper .MyAccount__summary #myAccountPanel {
	margin-bottom: 0!important;
}

/*****************************************************/

/* END - My Account Summary / Make a Payment Jacamo fixes */

/*****************************************************/


/* ********************** */
/* * Cart Order Builder */
/* * Ideally should be removed - keep until further notice */
/* ****************** */

#jdwModalBorder .fantasticOffers:after {
    content: "Fantastic Deals";
}

#jdwModalBorder .fantasticOffers {
    font-family: "LinetoBrownBold";
    display: flex;
    align-items: center;
    padding-left: 0.5em;
    letter-spacing: 1px;
    color: #000;
    background: none !important;
}

#jdwModalBorder {
    border-radius: 0 !important;
}

#jdwModalBorder .sHeader1 {
    background: none !important;
}

#jdwModalBorder .sHeader1:after {
    content: "Don't Miss Out!";
}

#jdwModalBorder .sHeader2:after {
    content: "Amazing Offer!";
}

#jdwModalBorder .sHeader2 {
    background: none !important;
}

#jdwModalBorder .sHeader3:after {
    content: "Special Buy!";
}

#jdwModalBorder .sHeader3 {
    background: none !important;
}

#jdwModalBorder .sHeader1,
.sHeader2,
.sHeader3 {
    font-family: "LinetoBrownBold";
    font-weight: normal;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#jdwModalBorder .buttonCapLt {
    display: none;
}

#jdwModalBorder .buttonCapRt {
    display: none;
}

#jdwModalBorder .orderContainer .viewOffer a:visited,
.orderContainer .viewOffer a {
    font-family: "LinetoBrownRegular";
    font-size: 13px !important;
    line-height: 1 !important;
    display: block;
    width: auto !important;
    height: auto !important;
    padding: 0.6em 1em !important;
    text-decoration: none !important;
    text-transform: uppercase;
    color: #fff !important;
    background-color: #000 !important;
    background-image: none !important;
    background-repeat: no-repeat;
}

#jdwModalBorder a#fantasticDealsContinue {
    font-family: "LinetoBrownRegular";
    font-size: 14px;
    line-height: 1;
    display: block;
    width: auto;
    height: auto;
    padding: 0.8em 1em;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    background-color: #3a981e;
    background-image: none;
}

#jdwModalBorder .stTitle {
    font-family: "LinetoBrownBold" !important;
    font-size: 16px;
    font-weight: normal !important;
}

#jdwModalBorder .sSellingPoints {
    font-family: "LinetoBrownRegular" !important;
}

#jdwModalBorder .nowPriceFormat {
    font-family: "LinetoBrownBold" !important;
    font-size: 15px;
}

#jdwModalBorder .sTitle {
    margin-bottom: 0.3em;
}

/* ****************************************** */
