@charset "utf-8";

@font-face {font-family: 'BAFC-font'; src: url('../fonts/BAFC-1950.otf') format("opentype"); font-weight: normal; font-style: normal;}

@font-face {font-family: 'Times'; src: url('../fonts/Times-Roman-01.ttf') format("truetype"); font-weight: normal; font-style: normal;}
@font-face {font-family: 'Times-bold'; src: url('../fonts/Times-Bold-02.ttf') format("truetype"); font-weight: bold; font-style: normal;} 
@font-face {font-family: 'Times-bolditalic'; src: url('../fonts/Times-Bolditalic-04.ttf') format("truetype"); font-weight: bold; font-style: normal;}
@font-face {font-family: 'Times-italic'; src: url('../fonts/Times-Italic-03.ttf') format("truetype"); font-weight: normal; font-style: normal;}

/* Back of shirt fonts */
@font-face {
	font-family: 'FONT'; font-style: normal;  src:url("../fonts/EFL2425WB.eot");  
	src:url("../fonts/EFL2425WB.eot?#iefix") format("embedded-opentype"),  
	 url("../fonts/EFL2425WB.ttf") format("truetype"),    
	 url("../fonts/EFL2425WB.svg#EFLMindRegular") format("svg");}

:root {
    /* Palette */
			--background: #FFF;	
			--background-black: #000;	/*	black	*/
			--background-dark: #F7B206;	/*	yellow	*/
			--background-light: #fafafa;	/*	light grey	*/
			--background-white: #FFF;	/*	white	*/
	     --background-client: #AB9150; /* gold */
			--background-client-light: #ECE6D5;
			--border: #000;	
			--border-black: #000;	/*	black	*/
			--border-dark: #333; 	
			--border-light: #F7B206; /* yellow*/	
			--border-white:#FFF;	/*	white	*/
	    --border-grey: #999; /*grey*/
			--bright-green: #3DD855;	/*	green	*/
			--button-active:#F7B206;	/*yellow	*/
			--button-hover:#AB9150;	/*	gold*/
			--button-text: #000;	
			--button-text-hover: #000;	
			--child: #E1E1E1;	/*	grey	*/
			--error: #A20312;	/*	dark red	*/
			--icon:#3069c2;	/*	lighter blue	*/
			--input-border:#C4CDD5;	/*	darker grey	*/
			--linerule: #999;	/*	light grey	*/
			--link:#666;	/*	dark grey	*/
			--link-black: #000;	/*	black	*/
			--link-black-hover: #000;	/*	black	*/
			--link-dark: #000;	/*	black	*/
			--link-dark-hover: #000;	/*	black	*/
			--link-hover:#AB9150;	/*	black	*/
			--link-light: #F7B206; /* yellow*/	
			--link-light-hover:#FFF ;	/*	white	*/
			--link-white: #FFF; 	/*	white	*/
			--link-white-hover:#FFF ;	/*	white	*/
			--notice: #BFBD11;	/*	sand	*/
			--overlay: #000000a1;	/*	black transparency	*/
			--promo-color:  #BFBD11;	/*	sand	*/
			--shadow: #CFCFCF;	/*	grey	*/
			--text-black: #000;	/*	black	*/
			--text-body: #666; 	/*	dark grey	*/
			--text-color: #999;	/*	light grey	*/
			--text-color-dark: #666;	/*	dark grey	*/
			--text-color-light: #F7B206; /* yellow*/	
			--text-other: #667b3A;	/*	dark green	*/
			--text-white: #FFF;	/*	white	*/
			--transparent:transparent;	/*	transparent	*/

}

/* -------------------------------------------- */
/* ------------------Basic Style--------------------- */
html {overflow-y:scroll; }
html, body {width:100%; padding:0; margin:0;}
body {background: var(--background-white); color: var(--text-color-dark);	font-family: "BAFC-font", Arial, Helvetica, sans-serif; font-size:14px;line-height: 22px;}

a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;margin:0;padding:0;border:0;outline:0;vertical-align:top;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
table, table td {padding:0;border:none;border-collapse:collapse; font-size:14px;}
img {vertical-align:top;}
embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
::placeholder { font-size: 12px;  font-style: italic;}
input, button, select, textarea {	font-family: inherit;	margin: 5px 0;	border-radius: 0;	border: 1px solid var(--input-border);}
input[type="button"] {height: 25px; cursor: pointer;}
textarea {height:150px;}
b, strong { font-weight:normal;}
p {clear: left;}
.clearfix {clear:both;}
.fa{font-size:20px;margin:0 5px;color:var(--text-body);}
.hide{display:none;}

/* -------------------------------------------- */
/* ------------------Heading and Sundry---------------------- */
a{color:var(--link);text-decoration: none; }
a:hover {color: var(--link-hover);	text-decoration: underline; cursor:pointer;text-underline-offset: 5px;}

a.button{cursor: pointer;color: var(--link-light); display: inline-block;padding: 6px 12px 6px 12px; font-size: 12px; background:var(--background);; font-weight: normal; text-transform: uppercase;}
a.button:hover{ var(--link-hover);}

h1{font-size:26px;line-height:2.5em;font-weight:normal;margin:10px 0px;font-family:Times-bold;}
h2{font-size:22px;line-height:2em;font-weight:normal;margin:10px 0px; font-family:Times-bold;}
h3{font-size:18px;line-height:1.5em;font-weight:normal;margin:10px 0px;text-transform: uppercase;font-family:Times-bold;}
h4{font-size:1.2em;line-height:1.5em;font-weight:normal;margin:10px 0px;font-family:Times;}
h5{font-size:1.0em;font-weight:bold;margin:10px; 0px 10px 0px;font-family:Times;}
h6{font-size:1.1em;line-height:1.5em;font-weight:normal;margin:10px 0px;font-family:Times;}
.error {color:var(--error);}
.notice {color:var(--notice); font-weight:bold;}
.clear {clear:both;}
label {width: 19em;float:left;font-weight:normal;margin-top: 20px;}
.no_label {margin-left: 19em;float:left;}
li {list-style:none;}

* { scrollbar-width: thin;  scrollbar-color: var(--background-white) var(--background-dark);}
*::-webkit-scrollbar {  width: 12px;}
*::-webkit-scrollbar-track {  background: var(--background-dark);}
*::-webkit-scrollbar-thumb {  background-color: var(--background-dark);  border-radius: 30px;  border: 3px solid #FFF;}

.tooltip {opacity:1;z-index:0;}
.tooltiptext {visibility: hidden;width: 175px; background:var(--background-white); color: var(--color-light);text-align: center;padding: 25px 22px;    
    /* Position the tooltip */ position:absolute; z-index:9; top: 65px; left: 0px; border: 1px solid var(--input-border);}
.tooltip:hover .tooltiptext {visibility: visible;}

.linerule {	color:var(--color-light);;	width:50%;	height:1px; margin-top:25px; margin-bottom:20px;}

/* -------------------------------------------- */
/* ---------------General Input/Select--------- */
html,button,input,select,textarea{padding:3px; width:auto;height:35px;}
select {	color:var(--text-body);		cursor: pointer;	text-indent: 0.01px;	text-overflow: "";background:var(--background-white);; min-width: 250px;margin: 15px 5px 15px 0px;}
select[multiple] {height: auto;}
option {background:var(--background-white); color:var(--text-body);}
input {	font-size: 14px;margin: 15px 5px 15px 0px;padding: 5px;	color:var(--text-body);	border: 1px solid var(--input-border);width: 250px;vertical-align: top;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*width:13px;*height:13px; margin:0px;}
input[type="button"] {height: 25px;}
textarea{font-size:14px;margin:2px; padding-left: 5px;color:var(--text-body);border: 1px solid  var(--input-border);height: 100px;}
.rwd-break {display:block;}
.smlLabel {width:10em;}

.labelSelect {margin-top:5px;float:left;}
.styleSelect {/*! overflow: hidden; */ /*! min-width:150px; */ }
.styleCard {width:30%; }
.smallSelect {min-width:90px;}

.btn{color:var(--button-text);background-color:var(--button-active);	font-variant:small-caps; border: 1px solid var(--border-black);transition:all 0.6s ease-in-out 0s;	border-radius:0;font-size: 14px;}
.btn:hover, .btn:focus {color: var(--button-text);text-decoration: none;background: var(--button-hover);}
input.sbtn{padding-left: 2px;border: 1px solid  var(--border-black);border-radius: 3px;font-size:10px;height:27px;} 



input.sbtnhov{color:var(--button-hover); cursor: pointer;}
input.btn{width: auto; padding: 5px 15px;border: 1px solid  var(--border-black);border-radius: 3px;height:35px;} 
input.btnhov{color:var(--button-hover); cursor: pointer;}
input.btnm{padding: 5px 15px;border: 1px solid  var(--border-black);border-radius: 3px;height:30px; width:150px; } 
input.btnmhov{color:var(--button-hover);; cursor: pointer;}
input.btnl{ padding: 5px 15px;border: 1px solid  var(--border-black);border-radius: 3px;height:30px; width:180px; } 
input.btnlhov{color:var(--button-hover);cursor: pointer;}
input.btngrey{width: 130px;border: 1px solid  var(--border-black);border-radius: 3px;height:35px;} 
input.btngreyhov{color:var(--button-text-hover); cursor: pointer;}

input.loginbtn{padding: 5px 15px;border: 1px solid var(--border-black);border-radius: 3px; height:45px;} 
input.loginbtnhov{color:var(--button-text-hover); cursor: pointer;}

.Updatebtn{ width:32px; height:32px; margin: 16px 15px; color:var(--text-dark);padding:3px;} 
.Updatebtn:after {  content: "\f021";  font-family:'FontAwesome';color:var(--text-dark);}
.Updatebtn:hover {  color: var(--text-dark);  border-color: var(--text-dark);}

label[for="male"] {  float: none;width:150px  }
label[for="female"] {  float: none;}
label[for="radio-1"] {  float: none;width:150px  }
label[for="radio-2"] {  float: none;}
label[for="home_del_1"] {}
label[for="collection_1"] {}

/* -------------------------------------------- */
/* ------------------Header-------------------- */
*, html {margin:0;padding:0; }

header {height:120px;z-index: 1200;position: relative;clear: both;}
header .wrap-header{top: 0;width: 100%;position: fixed;background: var(--background-dark);height: 115px;}
.accessBlock {		float: right;	width: 250px; display: inline-flex;margin-top: 19px;}
#headerLogo{margin:20px 30px; z-index: 9;position: fixed; /*! display:none; */} /* removed logo ! */
#headerLogo img {height: 75px;top: 0px;position: relative;}
#headerMiniLogo{display:none;}
#headerText {text-align: center;  text-transform: uppercase;  color: var(--text-black);  height: 10px;  margin: 0;}
#headerText img {	height: 25px;	margin-top: 28px;}

#social_block {	width: 40%;	position: relative;	background: var(--background-black); padding-left: 10%;	}
#social_block li {  display: inline-block;    padding: 5px; }
#social_block a {text-align: left; color: var(--text-white);font-size: 20px;line-height: 26px;}
.socialIcon .fa-tiktok {  color: var(--text-white);font-size: 20px;padding: 5px;}
.socialIcon .fas {  color: var(--text-white);font-size: 15px;padding: 5px;}
.socialIcon .fab {  color: var(--text-white);font-size: 25px;padding: 5px;}
.socialIcon .fa-brands { color: var(--text-white);font-size: 15px;padding: 5px;}
.socialIcon .fa-solid { color: var(--text-white);font-size: 15px;padding: 5px;}


#search {position: fixed;  z-index: 9;}
#searchForm {display: inline-flex;}
#searchForm input {width: 260px;  margin: 1px 0px;  height: 45px; right:70px; position: relative;}
#searchForm .btn {height: 37px;  width: 80px;  padding: 0;  margin: 0;}
header #account { float: right; display:flex;border-right: 1px solid var(--border-white);margin: 22px 5px;line-height: 23px;padding: 0 10px;}
.btn_search { background: transparent;        position: fixed;height: 36px;right: 30px;border: 0;z-index: 99;padding: 0;}
.btn_search:hover { background: transparent;}
.btn_search_hidden  {	display: none;}
.star {  height: 24px;  width: 25px;  fill: var(--link-black);  /*! margin-top: 6px; */}
.star:hover {/*! fill:var(--link-hover); */}


#account a {	content: "\f2bd";	display: inline-block;		font-size: 13px;margin:0  5px;color:var(--text-white);}
#account::before {	content: "\f2bd";	display: inline-block;	font-family: "FontAwesome";	font-size: 22px;color:var(--text-white);}
.headertitlebar {	 color: var(--text-white) !important;font-size: 14px; line-height:22px;}
.advancedSearch {display: none;}

.top-nav {  text-align: center;}
nav {margin:0px auto;text-align: center;clear: both;}
nav .wrap-nav{height: 40px; background:var(--transparent):}
#menu {margin:65px auto 0;text-align: center;} 
#menuBlock a {  color: var(--text-black); font-size: 14px; /*! font-family: Secondary; */ padding-top:5px; margin: 0 auto;text-transform: uppercase;l;font-weight: bold;}
#menuBlock a:after {content: ""; padding: 0 5px; top:0; font-family: fontawesome;color:var(--text-black);font-size: 12px;position: relative;}

.bmdropdown-content {  background: var(--background-client) !important;  min-width: 250px !important;border:0 !important;}
.bmentry {width: 150px;}
.bmentry:hover {background:var(--background-client);}
.bmentry a:hover {text-decoration: none;}
.bmentry:hover .bmdropdown-content {display: block;}
.bmdropdown-content li {line-height: 35px; text-align: left; border-bottom: 1px solid var(--border-black) !important;padding: 5px;}
.bmdropdown-content li a {color:var(--text-black) !important;font-size: 14px !important;}
.bmdropdown-content li a:hover {text-decoration: underline;text-underline-offset: 5px;}
.bmdropdown-content li a::after {content: " " !important;float:right; font-family: fontawesome;color:var(--text-black) !important;font-size: 12px;}
.bmentry:after{  content: '';  width: 0; height: 4px;  display: block;  right: 0;  background: var(--background-white);  transition: width 2s ease;  -webkit-transition: width 2s ease;position: absolute;/*! top: -4px; */}
.bmentry:hover:after{  /*! width: 100%; */  /*! left: 0; */  /*! background: var(--background-client); */}
.bmdropdown-content {top:41px !important;}

/* -------------------------------------------- */
/* ------------------ Content------------------ */
#content {background:linear-gradient(180deg, var(--background) 30%, var(--background-light) 60%);}
#content .wrap-content{padding-top:0px; padding-bottom: 30px;width: 95%;/*! margin: 130px auto; */}
.mainState {min-height:725px;padding: 10px 20px 35px;  border-radius: 3px;/*! margin-bottom: 100px; */}
#blanket {background:var(--overlay);position:absolute;z-index:200;top:0px;left:0px;width:100%; height:104vh;opacity:0.7;}
#blanket:before{ transform:translate(87.5%,-25%) rotate(30deg) transition:all 1.5s ease-in-out; z-index:1;}
.more_wrapper { min-height:700px;  }
/* -------------------------------------------- */
/* ------------------ My Shop/Account -------------------- */
.myShop {height: 120px; border: 1px solid var(--input-border); text-align: center; padding: 15px; margin: 10px; box-shadow: 2px 7px 15px -4px var(--shadow);/*! width: 23%; */display: inline-block;background: var(--background-white);}
.myShop .fa { font-size: 30px;}
.myShop p  {font-size: 14px; line-height: 18px;}
.myShop a {	height: 50px;	display: inline-block;}
#searchBtn .fa-search::before {font-size:18px;}
#account_update {min-height: 745px;	text-align:center;}
.accountHeader {background: var(--background-white);padding-bottom: 40px;}
.accountMenuInner {	min-width: 260px;}
.accountTitle h3 {	font-size: 18px;	padding: 20px 10px;	text-transform: capitalize;	text-align: left;}
.listOptions {  display: grid;  width: 25%;  float: left;}
.rightBlock {  width: 74%;  float: right;}

/* -------------------------------------------- */
/* ------------------Footer-------------------- */
footer {background-color:var(--background-black);}
.wrap-footer{margin: 25px 0;display: inline-flex;width: 100%;}
.bottom-footer {	width: 85%;	margin: 0 auto;}
.copyright{text-align:center; padding:10px 0px;color:var(--text-white); margin: 0 auto;width: 100%;}
.copyright img {	margin: 0 100px;}
.col-logo-line.mediumLogo {  background: var(--background-dark);}

.footer-base {margin: 0px 0 30px; color:var(--text-white);}
.footer-base a {color:var(--text-white);}
.toggle-footer img {  height: 25px;  float: left;  margin: 10px;}
.col-logo { display: inline-flex;  text-align: center;  margin: 0 auto;}
.col-logo img {  height: 100px;  margin: 20px;}
.wrap-logos {  text-align: center;}
.toggle-footer {  text-align: left;}
#links_footer {  width: 20%;  margin: 0 auto;}
.footer-item a {  color: var(--link-white);}
.footer-item a:hover {color: var(--link-light);}
#links_footer h4 a {  color: var(--text-white) !important;}

#showCookie {background:var(--background);height: 90px;position: fixed;bottom: 0px;width: 100%;padding: 10px;z-index: 999;text-align: center;border-top:1px solid var(--input-border)}
#showCookie p {font-size: 14px;display: inline;}
#showCookie a {color:var(--link-light);line-height: 35px;}
#closeCookie {	padding: 0 50px;	margin: 0 20px;}
#btn3 {display:none; position:fixed; bottom:20px; right:30px;background:var(--background-dark); z-index:99; cursor:pointer; color: var(--text-black); line-height: 5px;	text-align:	center;	text-transform: uppercase; width:50px;	}
#btn3:hover {text-decoration:underline;background:var(--background-dark);}


/* -------------------------------------------- */
/* ------------------Breadcrumb---------------- */
#BreadcrumbGroup{  display: inline-flex; color:var(--text-body);  font-size: 12px;  padding-left:6%;}
.breadcrumb {margin-bottom: 3px;background:transparent; font-size: 12px;margin: 0 10px;}
.breadcrumb a {color:var(--link-dark);	}
.breadcrumb a:hover { color: var(--background);	text-decoration:underline;  cursor: pointer;}

/* ------------This section controls the LOOP displays on viewbasket, orderhistory, confirmorder and accept_order--------- */
/*These are the styles on products, accept order, viewbasket, order history, wish list and order confirmations pages */
#orderHistory p {clear: none;}
#confirmOrder p {clear: none;}
.miniHeader {text-align:left !important; float:left; margin:15px 0; font-family: Times;}
.StyleDescription.miniHeader {	}
#viewbasket.StyleDescription.miniHeader {padding-right: 145px;}
.StyleProductFloat {float:left;clear:none;}
.StyleProductstandard {}
.StyleDate {width:130px;}
.StyleOrderNo\. {width:80px;}
.StyleName {padding:10px;}
.StylePrice {text-align:center;}
.StyleUnitPrice {width:80px;}
.StyleQuantity {width:80px;text-align: center;}
.StyleQuantity.miniHeader {  text-align: center !important;}
.StyleCost {width:80px;}
.StyleOriginalPrice {width:80px;}
.StyleProducttsmmo {}
.StyleProduct {color:var(--text-body);}
.StyleDescription {width:340px;margin-left:30px;margin-right:80px;display:inline-block;}  
.StyleStatus {width:70px;}
.StyleDespatch {width:80px;}
.StyleConfirmationRef {width:90px;}
.StyleConfirmationNumber {width:90px;}
.StylePriority {width:40px;}
.StyleUnitPrice.miniHeader {}
.StyleUpdate {}
.StyleAddtobasket {}
.StyleRemoveitem {}

.StyleProductzticket {}
.StyleTicket {width:130px;}
.StyleWinningNumber {width:130px;text-align:center;}
.StyleWinner\'sName {width:130px;}
.StyleTicket {width:130px;margin-left:20px;}
.StyleEvent {text-align:left; width:130px;margin-right:15px;}
.StyleDate\/Time {text-align:left; width:80px;margin-left:15px;}
.StyleLocation { width:200px;margin-left:50px;}
.StyleTicketPrice {width:100px;}
.StyleLocation.miniHeader {margin-left: 80px;}
.eventHeader {font-size: 20px; color:var(--text-white); line-height:0px}
.eventHeadern:hover {color: var(--text-white);}
.eventHeader:hover, .eventHeader:focus { color: var(--text-white);  background: var(--background);}
#ticketProduct img {height: 75px;	margin: 15px 0;}


.StyleProductticket {}
.StyleProducttour {} 
.StyleProducttour_promo {} 

.StyleProductprepaid {color: var(--text-body);	} 
.StyleProductcurrency {color:var(--text-body);	 } 
.StyleProductprepaidsup {color:var(--text-body);	 } 
.StyleProducttc {color:var(--text-body);	 }
.StyleCurrency{	text-align:left; width:230px;}
.StyleForeignAmount{display:inline; padding: 0px 55px;}
.StyleForeignHeader{margin-left:50px;}
.StyleSterlingAmount{text-align:left; width:180px; margin-left:30px;}
.StyleRate {width:100px;margin-right:20px;}
.StyleBuyRate {text-align:right; padding-right:10px; }

.ecommerceComments::before {content: "\a";white-space:pre;}

.productDetail {	width: 100%;	margin: 0 auto;}

.arrowUp, .arrowDown {cursor:pointer;}
.arrowUp:after {content: "\f102";font-family:"FontAwesome";margin-left:10px;font-size:14px}
.arrowDown:after {content: "\f103";font-family:"FontAwesome";margin-left:10px;font-size: 14px;}

/*--------------- floating baset module ----------------*/
#basketBtn {line-height: 25px;}
.basketButton::before {	content: "\f290";	font-family:'FontAwesome';	font-size: 25px;color: var(--text-black);}
.basketButton a {color:var(--text-white); }
.icon {	fill: var(--background-white); 	height: 37px;width: 50px;	position: relative;	left: 35px;}
.icon:hover {  fill: var(--link-hover);}
.fa-shopping-cart::before {	content: "\f07a";	font-family: FontAwesome;	font-size: 15px;	margin: 10px;}

#basketcell { margin: 0 20px;  width:100px;  }
#basketcell #basketpop { display: none; z-index:100; background: var(--background-light); box-shadow:0 .1rem 1rem 0 rgba(58,59,65,.15); border: 1px solid var(--border-dark); border-radius: 5px;  padding:8px; }
#basketcell:hover #basketpop { display: block; position: absolute; margin-left:-190px; top:40px; }
#basketcell a {color: var(--link-light);}

#viewBasketModule { }
#viewBasketModule .textLines { line-height: 17px;font-size:12px;}
#viewBasketModule input {border: 1px solid  var(--border-dark);  text-align:center;width: 50px;}

#viewBasketModule .StyleProductstandard {color:var(--text-dark);}
#viewBasketModule .StyleName {color:var(--text-dark);}
#viewBasketModule .StyleDescription {width:250px; text-align:left;var(--text-dark);}
#viewBasketModule .StylePrice {color:var(--text-dark);}
#viewBasketModule .StyleUnitPrice {text-align:right;color:var(--text-dark); }
#viewBasketModule .StyleQuantity {font-style:inherit;color:var(--text-dark);}
#viewBasketModule .StyleCost {display:none; line-height:1px; }
#viewBasketModule .viewBasketTotal {text-align:center; font-weight:bold; color:var(--text-dark); font-size:20px; }
#viewBasketModule h3 {  border-bottom: 1px solid var(--border);}
.minussbtn {  width: 25px !important;  background: var(--background-white);line-height: 17px;font-weight: bold;font-size: 28px;}
.plussbtn {   width: 25px !important;  background:var(--background-white);line-height: 17px;font-weight: bold;font-size: 28px;}
#viewBasketModule .Updatebtn { font-size: 11px;  line-height: 10px;/*! width: 50px; */  /*! height: 40px; */  /*! float: right; */background: var(--transparent);border: 0;}#viewBasketModule .Updatebtn:after {content: " ";}
#viewBasketModule .Binbtn {  font-size: 11px;  border: 0;height: 0;margin: 0;padding: 0;}
#viewBasketModule .Binbtn:after {content: " ";}
.SmallProduct {  height: 75px;margin: 0 15px 10px 0;}
.subtotal {  font-size: 20px;}
#viewBasketModule input[name="further_but"] {  background:#D8D8D8; margin-top:40px; height: 30px;  color: var(--text-dark);;  border-radius:0;  width: auto;    padding:0 20px;}
#viewBasketModule button[name="continue_but"] { background: #00aa5b; margin-top:40px; height: 40px; color: #FFF; border-radius:0; width: auto; padding:0 30px;  font-size: 14px;}
.basketprodlink {  width: 50%;  display: inline-flex;}

/* Basket drop down */
#basketShow {  position: fixed;margin: 11px 0px;}
.basketShow {position: absolute;	z-index: 9999999999;	padding: 15px 25px 25px 25px;	visibility: hidden;	left: 40%;	top: 90px; box-shadow:0 .1rem 1rem 0 rgba(58,59,65,.15); width: 45%;
	border-bottom: 1px solid #d8d8d8; border-radius: 0;overflow: auto;max-height: 500px;
background: var(--background);
}
.basketShow.activeBasket {	visibility: visible;	-webkit-transform: unset;	transform: unset;}
#basketShow span {  font-size: 12px;  line-height: 30px;  display: inline;  width: 80px;}
.click-to-expand {font-size: 12px;	font-weight: 600;line-height: 0;}
.splitBasket {overflow:hidden;/*! width: 50%; */margin: 0 auto;}
.splitBasket div {padding: 0px;}
#leftBasket {float:left; margin-right:10px; width:calc(100% - 300px);height:235px;overflow-x: auto; border-right: 2px solid var(--border-light);}
#rightBasket {overflow:hidden;padding: 0 0px 0 25px;text-align: right;}
#rightBasket p {font-size: 16px;color:#084893; font-weight:bold;line-height: 22px;}
#viewBasket .col-md-5.fade-in {  padding: 0;  width: 38%;}
#viewBasket .col-md-6.fade-in {  width: 60%;  margin: 0 0 0 20px;  padding-right: 0;  padding-left: 35px;}
.EndTotalLines {background: #f4f6f8;padding: 20px;}
.viewImage {  float: left;}
#leftBasket p {  clear: none;}
/*-----------------  viewbasket page --------------------*/
/*---------------- the LB allow a line break between products when letter/numbers in the basket ----------*/

#ContinueShop { }
#quickAdd { display:none;} /* This shows/hides and quick add products on viewbasket page, nb must set cat code/dept/sub dept */
 #BasketCheckout {	text-align: center;}
 #viewBasket {  width: 60%;  margin: 0 auto;}
 #viewBasket .btn {  width: 200px;}
#viewBasket p, #wishlist p {	clear: none;} 
#viewBasket .SmallProduct, #wishlist .SmallProduct { visibility:visible;float:left;}
#viewBasket .LineBreak, #wishlist  .LineBreak {border-top: 1px dotted var(--input-border); vertical-align:middle; padding:5px;}
#viewBasket .PATCH_LB, #wishlist .PATCH_LB {border-top: 0px;}
#viewBasket .LETTERS_LB, #wishlist .LETTERS_LB { border-top: 0px; }
#viewBasket .NUMBERS_LB, #wishlist .NUMBERS_LB { border-top: 0px; }
#viewBasket .PATCH, #wishlist .PATCH {display:none;}
#viewBasket .LETTERS, #wishlist .LETTERS {display:none; }
#viewBasket .NUMBERS, #wishlist .NUMBERS {display:none; } 
#viewBasket .PERSONALISATIONITEM, #wishlist .PERSONALISATIONITEM {display:none; } 
#viewBasket input[name="new_quantity"] { width:75px; text-align: center;vertical-align: bottom;}
.Black.Lettering\,.Letters.\(1SIZE\) {  display: none;}
.Black.Numbers\,.Letters.\(1SIZE\) {  display: none;}
.White.Lettering\,.Letters.\(1SIZE\) {  display: none;}
.White.Numbers\,.Letters.\(1SIZE\) {  display: none;}
.PATCH\,.None.\(NONE\) {  display: none;}

#wishlist h3 {  width: 25em;  font-size: 25px;}
#wishlist p { display: flex; }
#wishlist label {  width: 25em;}
#wishlist img {margin:2px}
#wishlist .LineBreak {float:left;}
#wishlist .radio-custom-label {width:19em;margin: 0;}
#wishlist select {margin-right: 10px;}
#wishlist hr  {width:100%; border-top: 1.5px solid var(--input-border)}
#wishlist h3 a {font-size: 20px;}
#wishlist input {  margin-top: 5px;}
#wishlist .StyleProductFloat { margin: 0.5em; }
#wishlist .StylePrice {padding-top: 9px;width: 75px;}
#wishlist .StyleQuantity {margin:15px 0 0 13px;width: 45px;}
#wishlist .StyleProductFloat.StyleProduct.StyleName {  width: 300px;}
#wishlist .addText {line-height:40px;margin-left: 5px;}
.wishSearchLLink { text-align: center;  font-size: 16px;  text-decoration: underline;  text-underline-offset: 5px;}
.wishSearchLLink:before {  content: "\f002";  font-family: FontAwesome;  font-size: 20px;}

/*--------------- Dept and Sub Dept pages --------*/
#deptPage {min-height:400px;text-align:center;}
#subDept {min-height:400px;text-align: center;/*! display: inline; */}
#subDept h2 {  text-align: left;}
.deptLoop {width: 30%; display: inline-table; margin: 15px;}
.deptName {margin-top: 25px;}
.deptName a {font-size: 16px;font-weight: bold;}
.deptDesc {}
.deptImage {max-height: 200px;}
.deptSubLoop {margin-top: 35px;}
#dept_99 {  display: none;}

.subDeptLoop {width: 30%;display: inline-block;margin: 5px auto;padding:10px;border:0px solid var(--input-border)}	/*while there is only one image*/
.subDeptImage {display: inline-block; margin-bottom: 15px;}
.subDeptText a {font-size: 16px;font-weight: bold;text-align: center;line-height: 30px; }
.subDeptDesc {visibility: hidden;}
.subDeptImage img {  /*max-height: 350px;*/width: 350px;}

/*---------------products--------------*/
/* these rows are for the column lists on the products page
- the number of rows 'A-Z' are set in the Back Office */

.productView {display:none;} /*this controls the optional views on products.tmpl */
.rowA {padding:5px; color:var(--text-body);}
.rowB{padding:5px; color:var(--text-body);}

.rowA a, .rowB a  {color:var(--link);	text-decoration: none;	}
.rowA a:hover, .rowB a:hover  {color:var(--link-dark-hover); text-decoration: none;}

.ProductCell {display:inline-block;	margin: 10px;padding: 3px; max-width:300px; text-align:center;overflow:hidden;/*! border: 1px solid var(--border-dark); *//*! border-radius: 3px; */}
.ProductCell img {width: 300px;}
.ProductCell a {white-space: normal;font-size: 15px;}
.viewbasketCell {margin: 5px;	box-shadow: 3px 0px 3px 0 #333; border: 1px solid #E4E4E4; width:110px; height:200px; float:right;}
.smallProductCell {margin: 5px;	 border: 1px solid #999; width:200px; height:auto;text-align:center; }
.ProductCell.smallProductCell .productListing{height:auto}
#productStitch { overflow: hidden; text-align:center; height:240px; width:180px;	}
#product-container .largeLink {	border: 2px solid #999;	width: 92%;	margin: 0 auto;	position: relative;	bottom: 100px;	background: #FFF;	opacity: .8;	color: #333;	font-weight: bold;}
#product-container .smallLink {	border: 1px solid #999;	width: 88%;	margin: 0 auto;	position: relative;	bottom: 92px;	background: #FFF;	opacity: .8;	color: #333;	font-weight: normal; font-size:10px;padding:2px;}
#productListing .StylePrice {text-align:center;font-size:85%; margin-left:0px;}

#productTitle {	text-align: center;	padding-left: 5px;	padding-right: 5px;}
#productTitle a:link {color:var(--link-dark); text-decoration:none;}
#productTitle a:visited {color:var(--link-dark); text-decoration:none;}
#productTitle a:hover {text-decoration:none;}
#productTitle a:focus {text-decoration:none;}
.productTitle {	height:45px;padding: 10px;text-align: center;}
.productTitle a:link {color:var(--link-black); }
.productTitle a:visited {color:var(--link-hover);}
.productTitle a:hover {color:var(--link-hover);}
.productTitle a:focus {color:var(--link-hover);}

#productPrice {text-align: center; color: var(--text-body); border-bottom-left-radius:4px; border-bottom-right-radius:4px; display:block;}
.productPrice {font-size: 20px;width: 100%; margin: 10px 0;text-align:center;}
.salePrice {text-align: center; color:var(--error);font-size: 14px;}

.displayBanners {position: relative;top: 143px;left: 7px;height:1px;width:1px;}
.saleLogo {background: var(--error);top: 10px;z-index: 1;position: absolute;padding:5px;height: 40px;border-radius: 100%;width: 45px;}
.saleLogo::after {content: "sale";text-transform: uppercase;color: var(--text-white);line-height:30px;}
/*.in_multibuys {    left: 145px;  width:70px;  padding: 5px;       position:absolute;    border: 1px solid var(--border-black);    line-height: 15px;font-size: 12px;text-align: center;}*/
.in_multibuys { background: #a20312 none repeat scroll 0 0;
  height: 35px;
  top: -122px;
  position: relative;
  transform: rotate(-45deg);
  width: 160px;
  text-align: center;
  left: -48px;
	border: 2px solid white;
	font-size:17px;
	padding-top:7px;
	color:white; }
.in_multibuys::after {content: ""; text-transform: uppercase;font-size: 11px;font-weight: bold;}
.personalisable  {background: var(--background-client);width: 85px;height: 25px;bottom: -210px;position: absolute;text-align: center;}
.personalisable::after {content: "add a name!"; text-transform: uppercase;color: var(--text-white);font-size: 10px;}
.preorder { background: var(--background-light); color: var(--text-white); position: relative; top: 95px; left: -85px; width: 150px; padding: 5px; }
.multiple_variants {position: absolute;background: var(--background-white);top: 0px;right: -20px;}
.link-product-add-cart {position:absolute;top:65px;}
.link-product-add-load {position:absolute;top:65px;}

/* ------------------Pages--------------------- */
/* ------------------Split page--------------------- */

.splitPage {overflow:hidden;}
.splitPage div {padding: 0px;}
#leftPage {float:left; margin-right:10px; width:40%; border-right: 0px dotted var(--input-border);}
#rightPage {overflow:hidden; margin: 0px 0px 0px 0px;}
#rightPage td {font-size: 16px;}

/*---------------Order Confirm-----------*/
.splitConfirm {overflow:hidden;}
.splitConfirm div {padding: 0px;}
#leftConfirm {float:left; margin-right:10px; width:25%; border-right: 0px dotted var(--input-border);}
#rightConfirm {overflow:hidden; margin: 0px 0px 0px 0px;}

/*---------------Shipping-----------*/
.splitShip {overflow:hidden; width:100%;}
.splitShip div {padding: 0 15px;}

#leftShip {float:left; margin: 0px 20px 0px 0px;width:50%;}
#rightShip {overflow:hidden; margin: 0px 0px 0px 00px; min-height:170px;}
#shipOptions p { clear: left;}
#memberships_frame { width: 90%; height: 375px; margin: 0 2.5%; padding: 0 2.5%; border: 1px solid grey; };
.limitOptions {  display: none;}
#shipping label {  margin: 20px 0;}
#collectdiv .splitPage {  padding: 0;}
#shipping p {margin-top:20px}
.collectDate {display:none;}
/*---------------Login---------------*/


#login_new {margin: 0px;	height: 400px;	border: 1px solid var(--border-dark);	box-shadow:0 .1rem 1rem 0 var(--shadow);}
#login_exist {overflow:hidden; margin: 0 15px; height: 400px;	border: 1px solid var(--border-dark);box-shadow:0 .1rem 1rem 0 var(--shadow);}
#login_exist .btn { float: right;}
#login_guest {overflow:hidden; width: 33%; padding-left: 20px;height: 400px;	border: 1px solid var(--border-dark);box-shadow:0 .1rem 1rem 0 var(--shadow);}
#login_guest {display:none;}

#login_guest label {  width: auto;}
#login_guest .btn  {clear: both;  display: block;}
#login_guest div {  margin: 55px 0 0 0; }
#login {  position: fixed;  margin: 12px 110px;}
.logInButton::before {content: "\f007";  margin: 0px 8px 0 0px;font-family: fontawesome;font-size: 24px;color: var(--link-black);}
.logIn {overflow:hidden;margin: 0 auto;display: flex;}
.logIn div {padding: 10px;}
#login_new {margin: 0px;	height: 400px;	border: 1px solid var(--border-dark);	box-shadow:0 .1rem 1rem 0 var(--shadow);}
form[name="addr"] {	width: 60%;	margin: 0 auto;	border: 1px solid var(--border-dark);	padding: 30px;	box-shadow:0 .1rem 1rem 0 var(--shadow);}

.pop4Detail {right:5px; top:40px; width:450px;position: absolute;background:var(--background-client);padding: 20px 50px;text-align:center;z-index:9999; border:1px solid var(--border-black);}
.pop4Detail .register{margin: 0 auto 10px auto; padding: 10px 0;text-align: center;}
#pop4 div {	text-align: center !important;}
#pop4 h3{color: var(--text-black);;font-size: 25px;border-bottom: 1px solid var(--border-dark);padding-bottom: 10px;}
#pop4 p {color: var(--text-black);font-size:14px; }
#pop4 a {	color: var(--text-black);	text-transform: uppercase;	line-height: 25px;	font-size: 12px;text-decoration:none;}
#pop4 a:hover { }
#pop4 label {text-align: left;}

.pop-button {font-family:'FontAwesome';cursor: pointer;position: fixed; }
.pop-button {color:var(--text-black) ;transform: scale(.90); transition: transform .25s;}
.pop-button:hover {text-decoration:none;transform: scale(.90) ;}
.pop-button.pop-button-close::before { content: "\f00d"; font-size: 30px;background: transparent;top: -15px;position: relative;}
.pop-button-close {font-size: 30px !important;cursor: pointer;position: relative;float: right;}

/*---------------Linked Accounts styles---------------*/
div.login_linked_account { width: 90%; min-height: 74px; margin-bottom: 10px; background:var(--background-white); }
div.login_linked_account h4 { margin: 0; float: left;  }
.linked_account_label { display: inline-block; width: 100%; padding: 5px 0 0; font-size: 20pt; }
a.linked_account_label:before { content: "Login with "; }
div.login_linked_account input { float: right; }

div.google_login       { background: var(--background-white) url("../google-logo.png") no-repeat scroll 10px center / 64px 64px; padding-left: 100px; }
div.google_login:hover { background: var(--background-white) url("../google-logo.png") no-repeat scroll 10px center / 64px 64px; }
div.google_login .linked_account_label { color: var(--text-white);  }

/*-----------------  product filter --------------------*/
#product_browser_form {	}
#product_browser_form label {	}
#product_browser {width: 20%;}
#product_browser p {display: inline-block;}


.item-thumb-product { position:relative; overflow:hidden;}
.item-thumb-product .product-thumb-front { opacity:1; visibility:visible}
.product-thumb-behind { transform:rotateY(180deg); opacity:0; visibility:hidden; position:absolute; top:0; left:0}
.item-thumb-product:hover .product-thumb-front { transform:rotateY(180deg); opacity:0; visibility:hidden}
.item-thumb-product:hover .product-thumb-behind { transform:rotateY(0deg); opacity:1; visibility:visible}
.item-thumb-product img { /*transition:all .5s ease-out 0s*/}
.item-thumb-product:hover { cursor:pointer}
.item-thumb-product:hover .info-product-cart { opacity:1; visibility:visible}
.item-thumb-product:hover .inner-info-product-cart ul { margin:20px 0 0}
.item-thumb-product:hover .inner-info-product-cart .link-product-add-cart { bottom:0}
.item-thumb-product::before { background:transparent; width:100%; height:100%; position:absolute; top:0; left:0; content:""; opacity:0; z-index:9; visibility:hidden; transition:all .5s ease-out 0s}
.item-thumb-product:hover::before { opacity:1; visibility:visible}



#product_browser label {/*! width:14em; */ /*! float:left; *//*! display:block; *//*! font-size: 11px; */}
.maxPrice {  margin: 22px;display:inherit;}
input[name="min_price"] {	min-width: 80px;	width: 80px;}
input[name="max_price"] {min-width: 80px;	width: 80px;}
#search_terms { display:none; }
#price_range {display:none; /*position: absolute;	right: 0;	width: 520px;	top: 25px;*/}
#price_range label {  width: 85px;margin: 22px 0px 0 auto;}
#out_of_stock { display: none; }
#categories {float: left;width: 100%;display: block;	clear: both;}
#categories h3 {font-size: 16px;text-transform: uppercase;font-weight: normal;margin-bottom:10px;}
#categories input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;width:16px;height:16px;margin-top:5px;min-width:16px;}
#categories ul li {list-style:none;clear:both;}
#categories label {margin-top:0px;line-height:13px;min-width: 150px;}
#categories .linerule {color: #E0E0E0;width: 50%;height: 1px;}
#categories .box-custom + .box-custom-label::before { margin: 5px 5px 10px 4px; }
#categories .box-custom-x:checked + .box-custom-label-x::before {	line-height: 12px;}
.selected-category {clear: both; padding: 6px 0 10px 0; height: 20px;  width: 95%;}
.searchPanel {border: 1px solid #e1e1e1; float: left;  width: 95%;	margin-top:20px;/*! overflow-y:scroll; */ overflow-x:hidden; padding: 10px 15px;text-align: left;max-height: 250px;}
.category-count {font-size: 15px; margin:0px 10px; line-height: 45px;float: right;}
.category {  border: none;  padding: 0;}

#products {float: right;/*! display: block; */width: 100%;}
.productsWidth {width:80% !important;text-align: center;}
#products_per_page_div {clear: both;}
#products_per_page_div label {	width: 12em;	}
.pagination {display: inline;}
#pagination-container p {line-height:40px;}
#go_to_1 {cursor: pointer;  margin: 5px;vertical-align:baseline;}
#prev {cursor: pointer;  margin: 5px;vertical-align:baseline;}
#next {cursor: pointer;  margin: 5px;vertical-align:baseline;}
#last {cursor: pointer;  margin: 5px;vertical-align:baseline;}
#product-container {text-align: center;}
#navigation {display:inline-block;width: 100%;}
#navigation p {margin: 0;}
#product_count { width:25em;float:left;}
.productCount {  line-height: 62px;}
#sort_by_div {	width: 500px;float: right;}
#hideFilter {margin: 0px; cursor:pointer;}
#navigation label {width: 12em; margin-top: 22px;}
#products_per_page_div select {  width: 80px;  min-width: 80px;  float: left;}
#pages {  width: 80px;}

/*--------------Item_Standard-----------*/

.ItemProduct {overflow:hidden; width:100%;}
.ItemProduct div {padding: 0;}
#imgProduct {margin: 0;	width: 50%;	float: left;}
#imgProduct h2 {text-align: left;}
#textProduct {overflow:hidden;margin: 0px 0px 0px 00px;min-height:170px;}
#textProduct li li {list-style: initial;display: list-item;margin-left: 1em;}
#mainImage {margin:10px; display:flex;}
.ItemHeader {font-size:16px; margin: 10px 0px;}
#MediafFles {margin: 10px;}
.variant1 {font-size: 16px;	float: left;	clear: both;}
.variant2 {font-size: 16px;	float: left;	clear: both;}
.ItemOption {font-size: 30px; margin:10px 0;}
#variant_colour { margin-top: 20px;}
.price {} 
#imgProduct img {max-width:none;}
.ShirtBack {position:relative; text-align:center; width:285px; height:350px;}
#PlayerImg {position:relative; top:110px; left:-100px; width:90px; height:90px; background-size:contain; background-repeat:no-repeat; }
#Total {position:relative;  }
.TotalCostHead {font-size:20px; font-weight:normal; }
#TotalCost {font-size:20px; position:relative; width:90px; font-weight:normal;}
#mediaPage {top: 130px;position: absolute;width: 75%;left: 15%;height: auto;background:transparent;padding: 0;z-index: 9002;text-align:center;}
.playButton {background:transparent;border: 0;font-size: 30px;font-weight: bold;color:var(--text-white);margin: 0px 15px 0px 0px;float:right;position: relative;top: 50px;}
#mediaClip {    border: 1px solid var(--border);}

/*--------------Item_Standard Gift Card-----------*/


#electronic_card { min-height: 75px;}
#presentation_selection {min-height: 75px;}
#existing_gift_cards label { width: auto;    display: inline-flex;}
#existing_gift_cards span {margin: 0 5px; font-weight: normal;}
#existing_gift_cards p {    clear: both;}
#existing_gift_cards input[type="button"] { float: right;}
#existing_gift_cards .radio-custom-label {    width: 275px;}
#link_new_card  {clear:both;}

/*------------- address and addresslist-----------*/
#address_results { max-height: 90px; overflow-y: scroll;  width: 45%;}
#address_results li { padding: 4px;margin: 2px;  cursor: pointer; border: 1px solid var(--border);list-style:none;}
#lookupFeedback {float: left; margin: 5px 0 0 20px; font-size: 12px;}
ul:empty {display: none;}

.addressList {text-align:center;}

/*------------- confirm order, accept order --*/
.TotalOrder {border: 1px solid var(--border);}
.TotalCell {border-bottom: 1px dotted var(--border); }

.orderRecipients {}
.orderCustomer {}
.address {text-transform:capitalize; line-height:22px; padding:5px;}
.postcode {text-transform:uppercase;}
.email {text-transform:none;}
.colHeader {font-size:16px; /*! font-weight:bold; */}

/* Payments*/
#PayPage h3 {	cursor: pointer;	clear:both; font-size:25px;}
#PayPage p {clear: both;line-height:20px;}
#PayPage label {margin-top: 0; font-weight:normal;}
#payCard label {margin-top: 20px;}
#PayPage input {	}
#payCard  {}
#PayDraft {}
#PayPayPal {}
#PayRewards4{}
#PayOnCollect {}
#PayZGiftCard {}
#PayLaybuy {}
#PayByOpenPay {}
[aria-controls='PayZGiftCard']:before  {  content: "\f06b";  font-family: Fontawesome;  padding:20px ;line-height: 25px;}
[aria-controls='payCard']:before {  content: "\f09d";  font-family: Fontawesome;  padding:20px ;line-height: 25px;}
[aria-controls='PayPayPal']:before {  content: "\f1f4";  font-family: Fontawesome;  padding:20px ;line-height: 25px;}
[aria-controls='PayRewards4']:before {content: "\f787"; font-family: Fontawesome;  padding:20px ;line-height: 25px;}
[aria-controls='PayDraft']:before  {  content: "\f19c";  font-family: Fontawesome;  padding:20px ;line-height: 25px;}
.payFees {}
.zgiftBalance {float: right;	margin: .45rem 2rem;}
#imageLink {height: 35px;	margin-top: 5px;}
.amountTopay {font-size: 16px;	margin: 20px 0;}
.payTotal {font-size: 16px;margin: 20px 0;}
.giftBalance {margin: 4px 50px;}
#stored_cards {	padding: 5px 10px;	margin: 10px 0;}
.existingCards {padding: 5px 10px;	margin: 10px 0;}
#standard_CardGlobalIris_3ds_message {color: var(--error);	font-weight: bold;}
#formIncomplete {	margin: 10px auto;	color: var(--error);}
.displayAddress {cursor: pointer;}
#payCard_standard_CardGlobalIris h4::after {content:"Click to check"; font-weight:bold; font-size:13px;}
.charityDonationLoading {color: var(--notice);	font-weight: bold;}

label[for="male"] {  float: none;width:150px  }
label[for="female"] {  float: none;}
label[for="radio-1"] {  float: none;width:150px  }
label[for="radio-2"] {  float: none;}

.dateOfBirth p {display: inline-flex;}
input[name="dob_day"] { width:80px;}
input[name="dob_mth"] { width:80px;}
input[name="dob_yr"] { width:80px;}
input[name="standard_Card_card_phone_country_code"] { width:80px;}
input[name="standard_Card_card_phone_subscriber_number"] { width:175px;}
input[name="mobile_phone_country_code"] { width:80px;}
input[name="mobile_country_code"] { width:80px;}
input[name="mobile_phone_subscriber_number"] { width:175px;}
input[name="mobile_subscriber_number"] { width:175px;}
input[name="home_country_code"] { width:80px;}
input[name="home_subscriber_number"] { width:175px;}
input[name="work_country_code"] { width:80px;}
input[name="work_subscriber_number"] { width:175px;}

/*------------- radio buttons and checkboxes --*/
.radio-custom {opacity: 0; position: absolute;}
.radio-custom, .radio-custom-label {display: inline-block; vertical-align: middle; margin: 10px 10px 0 0; cursor: pointer;}
.radio-custom-label {position: relative;width:auto;}
.radio-custom + .radio-custom-label:before {content: ''; border: 2px solid var(--background-dark); display: inline-block;vertical-align: middle;width: 30px;height: 30px;padding: 2px; margin: 10px 20px 10px 0;text-align: center;}
.radio-custom + .radio-custom-label:before {border-radius: 50%; }
.radio-custom:checked + .radio-custom-label:before {background: var(--background-dark); border: 1px solid var(--border);}	

.radio-custom-ship {opacity: 0; position: absolute;}
.radio-custom-ship, .radio-custom-ship-label {display: inline-block; vertical-align: middle; margin: 5px; cursor: pointer;font-size:14px;width:15em;}
.radio-custom-label-ship {position: relative;}
.radio-custom-ship + .radio-custom-ship-label::before {	content: '';	background: var(--background-white);	border: 2px solid var(--border);	display: inline-block;	vertical-align: middle;	width: 30px;	height: 30px;	margin-right: 10px;	text-align: center;}
.radio-custom-ship:checked + .radio-custom-ship-label::before {	content: "\f00c";	font-family: "FontAwesome";	color: var(--text-white);	font-size: 20px;	line-height: 25px;}

.box-custom {opacity: 0; position: absolute;max-width:50px;}
.box-custom, .box-custom-label {display: inline-block; vertical-align: middle; cursor: pointer;}
.box-custom-label {position: relative;width:auto; min-width:130px;}
.box-custom + .box-custom-label:before {content: '';background: var(--background-white;); border: 2px solid var(--border-dark); display: inline-block;vertical-align: middle;width: 35px;height: 35px;padding: 0px; margin:0px 10px 15px 40px;text-align: center;}
.box-custom:checked + .box-custom-label:before {background: var(--background-dark); color: var(--text-black); content:"✓";font-size: 20px;font-weight: bold;line-height: 30px;}

.box-custom-x {opacity: 0; position: absolute;max-width:30px;}
.box-custom-x, .box-custom-label-x {display: inline-block; vertical-align: middle; cursor: pointer;}
.box-custom-label-x {position: relative;width:99%;}
.box-custom-x + .box-custom-label-x:before {content: '';background: var(--background-white); border: 2px solid var(--background); display: inline-block;vertical-align: middle;width: 25px;height: 25px;padding: 3px; margin:0px 10px 0px 10px;text-align: center;}
.box-custom-x:checked + .box-custom-label-x:before {background: var(--background-dark) none repeat scroll 0 0; color: var(--text-black); content: "x";font-size: 20px;font-weight: bold;line-height: 9px;}

.downArrow::after {content: "\f107"; display: inline-block;vertical-align: middle;font-family: "FontAwesome";float: right;margin-left: 15px;}
.upArrow::after {content: "\f107"; display: inline-block;vertical-align: middle;font-family: "FontAwesome";float: right;margin-left: 15px;}


/* modal shoppping cart */
#cartModalBox {  animation: createBox 1.9s;}
#cartModalBoxWish {  animation: createBox 1.9s;  width: 600px; height: 300px;}
@keyframes createBox {
  from {    transform: scale(0);  }
  to {    transform: scale(1);  }}}
.modalDescHolder div{padding: 5px;}
#cartModalWish {position: fixed;display: none;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background: var(--background-white);z-index: 9999;}
#cartModalBoxWish {width: 600px;z-index: 9999;border: 1px solid var(--border);background: var(--background-white);position: relative;top: 100px;margin-right: auto;margin-left: auto;overflow-y: auto;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
#cartModalBoxWish h3{text-align: center;font-size:36px;}
#cartModalBoxWish h3:after {content: "\f00c";font-family: 'FontAwesome';color: var(--text-color);margin-left: 1em;}
#cartModalBoxWish>div {padding: 35px;}
#cartModalBoxWish .close {display:none}
#modalImgHolderWish {text-align:center}	
.continueShoppingWish {text-align: center;background: var(--background-light);padding: 15px;margin: 1rem 1rem 0 0;cursor: pointer;border: solid 1px var(--border);color: var(--text-body);}
.continueShoppingWish:after {font-family: 'FontAwesome';content: "\f054";margin-left: 10px;}
#cartModal {position: fixed;display: none;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background: var(--overlay);z-index: 9999; overflow-y:auto;}
#cartModalBox {width: 750px;z-index: 9999;border: 1px solid var(--input-border);background: var(--background-white);position: relative;top: 100px;margin-right: auto;margin-left: auto;/*! overflow-y: auto; *//*! -webkit-backface-visibility: hidden; *//*! backface-visibility: hidden; */}
#cartModalBox h3{text-align: center;font-size:36px;}
#cartModalBox h3:after {content: "\f00c";font-family: 'FontAwesome';color: var(--text-color);margin-left: 1em;}
#cartModalBox>div {padding: 35px;}
#cartModalBox .close {display:none}
#modalImgHolder {text-align:center}	
.moduleEdit a { border: 1px solid var(--input-border);  padding: 3px 5px;  color: var(--text-body);}
.continueShopping {text-align: center;background: var(--background-white);padding: 15px;margin: 1rem 1rem 0 0;cursor: pointer;border: solid 1px var(--border-black);color: var(--text-body);}
.continueShopping:before {font-family: 'FontAwesome';content: "\f053";margin-right: 10px;}
.goToBasket {margin: 1rem 0 0 1rem;background: var(--button-active); text-align: center;border: 1px solid var(--border-dark);}
.goToBasket a {color: var(--text-dark);font-size: 15px;padding:15px;display:block}
.goToBasket a:after {font-family: 'FontAwesome';content: " \f054";}	
.modalProdDetails {display:flex;align-items: center;justify-content: center;}
.justAdded {display:none}
.justAdded>div:first-of-type {padding: 6px;margin: 0px;color: var(--text-body);}
.moduleEdit {  margin: 10px 0;}
.emptyBasketHolder {margin-top:3em}
.addBasketPrice {display:none}

/*---- change variants to boxes instead of drop down ----*/
#list_of_items { text-align:center;width:60%;margin:0 auto;}
#variant_size ul {    display:inline-block;    margin-right: 15px;	padding: 0;margin-bottom:10px;border: 1px solid var(--border-dark);}
#variant_size ul li {  height:65px;    position: relative;    width: 80px; /*! top:-10px; */}

#variant_size ul li input[type="radio"] {    position: absolute;    visibility: hidden;	width:80px;}
#variant_size ul li label {	cursor: pointer;	position: absolute;	transition: all 0.5s ease-in-out 0s;	z-index: 9;	top: 0;	left: 0px;	font-size: 12px;padding: 15px 0px;	height: 65px;width:80px;	overflow-wrap: break-word;white-space: pre-wrap;}
#variant_size ul li:hover label { color: var(--text-dark);}
#variant_size ul li .check {    	display: block;    height: 65px;    top:0;   position: absolute;   transition: all 0.5s ease-in-out 0s;    width: 80px;    z-index: 5;margin:0;}
#variant_size ul li:hover .check {    background: var(--background-dark);}
#variant_size ul li .check::before {    content: "";    display: block;    height: 65px;    left: 5px;    margin: auto;    position: absolute;    /*! top: 5px; */    transition: background 0.5s linear 0s;    width: 80px;}
div#variant_size input[type="radio"]:checked ~ label::after, div#variant_size input[type="radio"]:checked:hover ~ label::after {	content: "\f058";	font-family:'FontAwesome';	top: 30px;	right: 8px;	padding-left: 5px;	position: absolute;	font-size: 16px;}
#variant_size input[type="radio"]:checked ~ .check {background:var(--background-dark);}
#variant_size input[type="radio"]:checked ~ .check::before {}
#variant_size input[type="radio"]:checked ~ label { color: var(--text-dark);}
#variant_size {z-index: 1;position: relative;clear: right;}
.product_sizes label {	margin: 0 !important;}
.outofstck div {background: var(--background-dark); color: var(--text-dark) !important;}
.outofstck label {font-size: 10px !important;line-height: 13px !important;background: var(--background-client-light); !important; }
.outofstck label:after {content: "\A sold out";}
.outofstck label:hover {color: var(--text-dark) !important; cursor: default !important;}

.subMenuImage {	display: none;}
/* Landing page */
#homePageDesktop {  display:block;visibility: visible;}
#homePageMobile {  display: none; visibility:hidden;}
.promoBanner {display: inline-flex;	width: 100%;	text-align: center;	text-transform: uppercase;		color:#04123f;	/*! border-bottom:1px solid#04123f; */ /*! margin-top:15px; */}
.promo-item { display: inline-flex;  width: 60%;margin: 0 auto;text-align: center;}
.promo1 {  display: inline-flex; margin: 0 auto;}
.promo2 {  display: inline-flex;  margin: 0 auto;}
.promo3 {  display: inline-flex;  margin: 0 auto;}
.promo4 {  display: inline-flex;  margin: 0 auto;}
.promo-item p {  font-size: 12px !important;}
.promo1::before { content: "\f0d1"; font-family: FontAwesome;  margin:5px;  font-size: 16px;}
/*.promo2::before { content: "\f0ac"; font-family: FontAwesome;  margin:5px;  font-size: 16px;} */ /*world shipping*/
.promo2::before {content: "\f02b";	font-family: FontAwesome;	margin: 5px;	font-size: 16px;	color: #c51a4a;} /*sales */
.promo3::before { content: "\f06b"; font-family: FontAwesome;  margin:5px;  font-size: 16px;color: #c51a4a;}
.promo4::before { content: "\f245"; font-family: FontAwesome;  margin:5px;  font-size: 16px;}

.baseRow {margin: 20px auto;display: inline-flex;width: 100%;}
.baseRow .baseImage {margin:auto 25px; }