@charset "utf-8";

@font-face {
	font-family: 'axiforma';
	src: url('../fonts/axiforma-regular.woff2') format('woff2'),
	url('../fonts/axiforma-regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'axiforma';
	src: url('../fonts/axiforma-book.woff2') format('woff2'),
	url('../fonts/axiforma-book.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'axiforma';
	src: url('../fonts/axiforma-medium.woff2') format('woff2'),
	url('../fonts/axiforma-medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'axiforma';
	src: url('../fonts/axiforma-semibold.woff2') format('woff2'),
	url('../fonts/axiforma-semibold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'axiforma';
	src: url('../fonts/axiforma-bold.woff2') format('woff2'),
	url('../fonts/axiforma-bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'axiforma';
	src: url('../fonts/axiforma-extrabold.woff2') format('woff2'),
	url('../fonts/axiforma-extrabold.woff') format('woff');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

	
/*  buttons/ href #04123f  - dark blue /  #5abcee - light blue / font-colour #696d79 / headings :#172c71   red=#e71269*/
	
/* -------------------------------------------- */
/* ------------------Basic Style--------------------- */
html {overflow-y: scroll;min-height: 100%; position: relative;}
html, body {width:100%; padding:0; margin:0;}
body {background: #FFF ;color: #696d79; font: 14px/25px 'axiforma', sans-serif !important;overflow:hidden;}
*

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; }
table td p {	margin: 0;	padding: 0 15px;}
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: 11px;  font-style: italic;}
.zerogrid { width: auto;}
input, button, select, textarea {	font-family: inherit;	font-size: inherit;	margin: 5px 0;	border-radius: 0;	border: 1px solid #696D79;}
input:focus, textarea:focus, select:focus, a:focus { outline: none;}
input[type="button"] {height: 25px; cursor: pointer;}
textarea {height:150px;}
b, strong { font-weight:bold;}
p {font-size:14px;margin:5px 0;clear: left;}
.clearfix {clear:both;}
.fa{font-size:23px;/*! margin:0 5px; */color:#FFF;}
.myShop .fa {	color: #04123f; padding: 15px;font-family: "FontAwesome";}
.fa-times::before {content: "\f00d";	color: #000; font-family:FontAwesome;}
.fa.fa-chevron-down {	content: "\f078";	font-family: FontAwesome;	font-size: 14px;	vertical-align: baseline;	margin: 5px;}
.row {margin-right: -5px} /*bootstrap correction*/


/* -------------------------------------------- */
/* ------------------Heading and Sundry---------------------- */
a {color: #04123f;	text-decoration: underline;	text-underline-offset: 7px;}
a:hover {color: #0075c9; cursor:pointer;text-decoration: none;}
a.button{cursor: pointer;color: #FFF; display: inline-block;padding: 6px 12px 6px 12px; font-size: 12px; background: #4572b7; font-weight: normal; text-transform: uppercase;}
a.button:hover{}

h1{font-size:1.4em;line-height:2.5em;font-weight:normal;margin:10px 0px; color:#172C71 ;}
h2{font-size:22px; font-weight:normal;margin: 20px 0; color:#172C71 ;}
h3{font-size:1.2em;line-height:1.5em;font-weight:normal;margin:10px 0px; color:#172C71;}
h4{font-size:1.1em;/*! line-height:1.5em; *//*! font-weight:normal; */margin:20px 0px; /*! color:#172C71 ; */}
h5{font-size:1.0em;font-weight:bold;margin:10px 0px 10px 0px; color:#172C71 ;}
h6{font-size:22px;font-weight:normal;margin:10px 0px 10px 0px; color:#172C71 ;}
.error {color:#CC0000;}
.notice {color: #04123f; }
.clear {clear:both;}
label {width: 20em;float:left;text-transform:uppercase;font-weight: normal;margin-top:10px;font-size:13px;line-height:17px;}
.no_label {margin-left: 260px;float:left;}
li {list-style:none;}
.tooltip {opacity:1;z-index:0;}
.tooltiptext {visibility: hidden;width: 175px; background-color:#FFF; color: #5abcee;text-align: center;padding: 25px 22px;    
    /* Position the tooltip */ position:absolute; z-index:9; top: 65px; left: 0px; border: 1px solid #5abcee;}
.tooltip:hover .tooltiptext {visibility: visible;}
.linerule {	color:#5abcee;	width:50%;	height:1px; margin:25px auto; }

/* -------------------------------------------- */
/* ---------------General Input/Select--------- */
html,button,input,select,textarea{padding:0 5px; width:auto;height:32px;}
select {	color: #696d79;	-moz-appearance: none;	cursor: pointer;	text-indent: 0.01px;	text-overflow: ""; background: url("../arrow.png") no-repeat right ; min-width:275px;}
select[multiple] {height: auto;}
option {background-color:#E4E4E4; color:#696d79;}
input {	font-size: 14px;padding: 5px;	color: #696d79;	border:1px solid #696D79;width: 275px;}
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: 12px;	margin: 2px;	padding: 5px;	color: #696d79;	border: 1px solid #5abcee;	border-radius: 0px;	width: 275px;	height: 140px;}
.rwd-break {display:block;}
.smlLabel {width:10em;}

.labelSelect {margin-top:5px;float:left;}
.styleSelect {overflow: hidden; width:275px; }
.styleCard {width:30%; }
.smallSelect {min-width:90px;height: 32px !important;}

.gf_browser_safari{
    mainImage {
        height: initial;
    }
}

.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: '';background: #fff; border: 2px solid #4572b7; display: inline-block;vertical-align: middle;width: 20px;height: 20px;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: #4572b7;box-shadow:0 .1rem 1rem 0 rgba(58,59,65,.15);}	

.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: #fff; border: 2px solid #4572b7; display: inline-block;vertical-align: middle;width: 25px;height: 25px;padding: 0px; margin:0px 10px 15px 40px;text-align: center;}
.box-custom + .box-custom-label:before {}
.box-custom:checked + .box-custom-label:before {background: #4572b7 none repeat scroll 0 0; color: #FFF; content:"✓";font-size: 20px;font-weight: bold;line-height: 20px;}

.box-custom-x {opacity: 0; position: absolute;max-width:50px;}
.box-custom-x, .box-custom-label-x {display: inline-block; vertical-align: middle; cursor: pointer;}


.box-custom-label-x {position: relative;width:35%;margin-top:10px;}
.box-custom-x + .box-custom-label-x:before {content: '';background: #fff; border: 2px solid #4572b7; display: inline-block;vertical-align: middle;width: 25px;height: 25px;padding: 6px; margin:0px 10px 0px 10px;text-align: center;}
.box-custom-x + .box-custom-label-x:before {}
.box-custom-x:checked + .box-custom-label-x:before {background: #4572b7 none repeat scroll 0 0; color: #FFF; content: "x";font-size: 20px;font-weight: bold;/*! line-height: 4px; */}

.btn {font-size: 11px;	line-height: 20px;	margin: 0;}
.btn:hover, .btn:focus {color: #FFF; background: #04123F;text-decoration: none;}

input.sbtn{padding-left: 2px;border: 1px solid  #696d79;border-radius: 3px;font-size:10px;height:auto;color:#FFF;width: 35px;} 
input.sbtnhov{color:#FFF; cursor: pointer;background: #5abcee;}
input.btn{padding: 10px 30px;border: 1px solid #5abcee;border-radius: 25px;height:40px;color: #FFF;background: #0075c9;font-size: 14px;margin: 20px 0;} 
input.btnhov{color:#FFF; cursor: pointer;background: #5abcee;}
input.btnm{padding: 5px 15px;border: 1px solid #5abcee;border-radius: 25px;height:30px;color: #FFF;background: #0075c9; width:150px; } 
input.btnmhov{color:#FFF; cursor: pointer;background: #5abcee;}
input.btnl{padding: 5px 15px;border: 1px solid #5abcee;border-radius: 25px;height:30px;color: #FFF;background: #0075c9; width:180px; } 
input.btnlhov{color:#FFF; cursor: pointer;background: #5abcee;}
input.btngrey{padding: 0px 15px;border: 1px solid #5abcee;border-radius: 25px;height:30px;color: #FFF;background: #999;}
input.btngreyhov{color:#4572b7; cursor: pointer;}
button.btn{padding: 10px 30px;border: 1px solid #5abcee;border-radius: 25px;height:40px;color: #FFF;background: #0075c9;font-size: 14px;margin: 20px 0;} 
button.btnhov{color:#FFF; cursor: pointer;background: #5abcee;}

input.loginbtn{padding: 20px 30px;line-height:0;background:#172c71;color: #FFF;} 
input.loginbtnhov{color:#FFF; cursor: pointer;}
input.Binbtn{background: url('../remove.png') center center no-repeat;	width:32px; height:32px; border: 1px solid #5abcee;cursor: pointer;} 
input.Updatebtn{background: url('../update.png') center center no-repeat;	width:32px; height:32px; border: 1px solid#5abcee;cursor: pointer;} 

label[for="male"] { width:100px  }
label[for="female"] {width:130px   }
label[for="radio-1"] { width:120px  }
label[for="radio-2"] {width:130px }

/* -------------------------------------------- */
/* ------------------Header-------------------- */
*, html {margin:0;padding:0; }
header {	background: #FFF;	box-shadow: 0 8px 43px -23px #e1e1e1;width: 100%;position: relative;z-index: 9;}
header .wrap-header{height: 25px; background-color:#F8F8F8;position: relative;top: 40px;box-shadow: 0 8px 43px -18px #e1e1e1;}
.logos.fullScreen {display: none;}
.logos.mobileScreen {display: block;}
#logo-container {  display: inline-flex; flex-direction: row;    flex-wrap: nowrap;   justify-content: space-between; 		}
header #logo {position:absolute; top:10px; width: 100%;}

.accessBlock {	display: inline-flex;	/*! width: 30%; */	right: 64px;	position: fixed;	/*! top: 10px; */z-index: 95;}
header #search {/*! margin-top: 10px; */}
header .button-search {	position: absolute;	right: 0px;	background: url('../search.png') center center no-repeat;	width: 28px; height: 35px;cursor: pointer;}
header #account {	top: -6px; cursor:pointer;position: absolute;left: 10px;display: inline-flex;} 
.advancedSearch {	display: none;}
.btn_search { background: transparent;    top: 50px;  padding: 0px 11px;  position: fixed;height: 32px;right: 29px;border: 0;z-index: 99;}
.btn_search:hover { background: transparent;}
.btn_search_hidden.btn_disable {	display: none;}
#keywords {  margin: 0;  /*! border-radius: 20px; */  position: relative;  height: 40px;  padding: 5px;width: 410px;/*! border-bottom-right-radius: 20px; *//*! border-top-right-radius: 20px; font-size: 12px;*/}
#search .fa-search {color: #FFF; font-size: 19px;line-height: 24px;font-family:FontAwesome;}
#search .fa.fa-search:hover { color: #7ecaf1;}
#basketShow a {text-decoration: none;}
.fa.fa-search.searchBlue {color: #7ecaf1 !important;}
.btn_search.searchBlue:hover {  background: transparent;    color: #172c71 !important;}
.btn_search_hidden {  border: 0;  position: fixed;  right: 40px;  width: 40px;  background: transparent;}
.star { height: 2rem;  width: 2rem;  fill: #FFF;  margin-top: 6px;}
.star:hover {fill:#7ecaf1;}
.star {  height: 2rem;  width: 2rem;  fill: #FFF;  margin-top: 6px;}
.star:hover {fill:#7ecaf1;}
.star.searchBlue {  background: transparent;    fill: #7ecaf1 !important;}

#account a {text-decoration: none;font-weight: bold;color:#172c71;margin: 0 10px;}

.copyright{text-align:center; margin:15px auto;}
.copyright p {font-size:90%;}
.copyright a {text-decoration:underline; color:#FFF; text-underline-offset: 5px;}

.fa-house::after {	content: "\f015";	font-family: FontAwesome;	color: #FFF;}
.toggleMenu {/*! float:right !important; */top: 48px;z-index: 99;position: fixed;right: 10px;}
/* -------------------------------------------- */
/* ------------------ Content------------------ */
#content {width: 95%;margin: 0 auto;position: relative;top: 80px;height: auto;margin-bottom: 90px;}
#content .wrap-content{}
.mainState {min-height:525px; top: 40px; position: relative;}

#blanket {background: #000;opacity: 0.8;position: fixed;z-index: 9999;top: 0px;left: 0px;width: 100%;height: 100%;}
#blanket:before{transform: rotate(30deg);transition: all 1.5s ease-in-out;}


/* -------------------------------------------- */
/* ------------------Footer-------------------- */
footer {background-color:#04123f; margin-top: 45px; display: inline-block;width: 100%;}
.wrap-footer {	background: #04123f;	color: #FFF;display: inline-flex;width: 100%; font-size:90%;margin-top:25px;}
.wrap-footer a {  color: #FFF;text-decoration: none;}
.wrap-footer a:hover {  color: #FFF;text-decoration: underline;}
.wrap-footer h4 {  text-transform: uppercase;  font-size: 20px;}
#social_block {	width: 30%;	margin-left: 3%;}
#links_footer { width: 30%;}
#links_footer2 {width: 30%;}
#links_footer3 {  display: none;}
#social_block ul {display:inline-flex;}
#social_block ul li {margin: 0 35px 0 0;font-size:25px}
#social_block ul li a::before {font-family:FontAwesome5Brands;font-weight: normal;color:#FFF !important;font-size:25px;}
#social_block ul li a:hover {color: #FFF;}
#social_block ul li.facebook a::before {content: "\f082";display:block;}
#social_block ul li.twitter a::before {content: "\f099";display:block;}
#social_block ul li.youtube a::before {content: "\f167";display:block;}
#social_block ul li.google-plus a::before {content: "\f0d4";display:block;}
#social_block ul li.instagram a::before {content: "\f16d";display:block;}
#social_block ul li.linkedin a::before {content: "\f0e1";display:block;}

.wrap-logos { display: inline-block;  text-align: center;  width: 100%;margin-top: 20px;}
.col-logo-line {  display: block;}
.col-logo {  display: inline;}
.mediumLogo img {  height: 44px;  margin: 15px;}
.largeLogo img {  height: 75px;  margin: 15px;}

#showCookie {background: #FFF;height: 60px;position: fixed;bottom: -10px;width: 100%;padding: 10px;z-index: 999;display: none;border-top: 1px solid#04123f;}
#showCookie p {color: #696d79;font-size: 13px; margin-left: 10px;text-align: center;}
#showCookie a {font-weight: bold; color: #E71269;}
#closeCookie {	float: right;border: 0;background: transparent;color: #666;margin: 0px 30px 15px;font-size: 18px;font-weight: bold;}
.bk-to-top{position:fixed; bottom:0; right:0; z-index: 200;}
.bk-to-top.hide{display: none !important; }
.btn3 { color: #04123f; line-height: 45px;	text-align:center; transition: all 0.5s ease-in-out 0s;	text-decoration: none;	margin:0 10px 15px 0px;	display: inline-block;	padding: 0 14px;border:1px solid #04123f;border-radius: 50%;background: #FFF;}
.btn3.bk-to-top:after {	content: "\f062";	font-family:'FontAwesome';font-size:16px;text-decoration: none;}
.btn3:hover {color:#FFF;background-color:#4572b7;text-decoration: none;}	

/* -------------------------------------------- */
/* ------------------Breadcrumb---------------- */
#BreadcrumbGroup { position: relative;  top: 75px;  width: 50%;height: 25px;}
.breadcrumbGroup {color: #696d79;	margin: 10px 0px;}
.breadcrumb {padding: 0px 10px;margin: 0; background:transparent; text-underline-offset:3px; 	font-size: 11px; text-decoration:underline;color: #696d79;}
.breadcrumb a {	}
.breadcrumb a:hover { color: #696d79; 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; font-weight:bold;float:left}
#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: #696d79;}

.StyleDescription {width:340px;margin-left:30px;margin-right:80px;display:inline-block;}  
.StyleStatus {width:95px;}
.StyleDespatch {width:80px;}
.StyleConfirmationRef {width:90px;}
.StyleConfirmationNumber {width:90px;}
.StylePriority {width:40px;}
.StyleUnitPrice.miniHeader {}
.StyleUpdate {}
.StyleOrderNo\. { width: 100px;  text-align: center;}
.StyleDate {  width: 180px;}

.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:#FFF; line-height:0px}
.eventHeadern:hover {color: #FFF;}
.eventHeader:hover, .eventHeader:focus { color: #FFF;  background: #3276b1;}
#ticketProduct img {height: 75px;	margin: 15px 0;}

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

.StyleProductprepaid {color: #696d79; } 
.StyleProductcurrency {color: #696d79;	 } 
.StyleProductprepaidsup {color: #696d79;	 } 
.StyleProducttc {color: #696d79;	 }
.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;}

.Letters { display: none;}
.Numbers { display: none;}
.Patch {  display: none;}
.LETTERSW { display: none;}
.NUMBERSW { display: none;}
.Combined.Patch\,.ANY.\(ANY\) {  display: none;}
.NUMBERSW\,.NA.\(NA\) {	display: none;}
.NUMBERS\,.NA.\(NA\) {	display: none;}
.LETTERSW\,.NA.\(NA\) {	display: none;}
.PATCH\,.NA.\(NA\) {	display: none;}
.LETTERSB\,.Any.\(ANY\) {  display: none;}
.NUMBERSB\,.Any.\(ANY\) {  display: none;}
.PATCH\,.Any.\(ANY\) {  display: none;}
.LETTERSW\,.Any.\(ANY\) {  display: none;}
.NUMBERSW\,.Any.\(ANY\) {  display: none;}
.Black.Letters\,.Any.\(ANY\) {  display: none;}
.Black.Numbers\,.Any.\(ANY\) {  display: none;}
.White.Letters\,.Any.\(ANY\) {  display: none;}
.White.Numbers\,.Any.\(ANY\) {  display: none;}

/*--------------- floating baset module ----------------*/
#basketBtn {line-height: 20px;}
.basketButton::before {	content: "\f291";	font-family:'FontAwesome';	font-size: 20px;color: #FFF;}
.basketButton a {color:#FFFFFF;}
.icon {	fill: #FFF;	height: 37px;width: 50px;	position: relative;	left: 35px;}
.icon:hover {  fill: #F51417;}
.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: #fafafa; box-shadow:0 .1rem 1rem 0 rgba(58,59,65,.15); border: 1px solid #696d79; border-radius: 5px;  padding:8px; }
#basketcell:hover #basketpop { display: block; position: absolute; margin-left:-190px; top:40px; }
#basketcell a {color: #FFF;}

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

#viewBasketModule .StyleProductstandard {color:#696d79;}
#viewBasketModule .StyleName {color:#696d79;}
#viewBasketModule .StyleDescription {width:250px; text-align:left;color:#696d79;}
#viewBasketModule .StylePrice {color:#696d79;}
#viewBasketModule .StyleUnitPrice {text-align:right;color:#696d79; }
#viewBasketModule .StyleQuantity {font-style:inherit;color:#696d79;}
#viewBasketModule .StyleCost {display:none; line-height:1px; }
#viewBasketModule .viewBasketTotal {text-align:center; font-weight:bold; color:#4572b7; font-size:20px; }
#viewBasketModule h3 {  border-bottom: 1px solid #5abcee;}
.minussbtn {  width: 25px !important;  background: #FFF;line-height: 0;}
.plussbtn {   width: 25px !important;  background: #FFF;line-height: 0;}
#viewBasketModule .Updatebtn {  border: 0;  font-size: 11px;  line-height: 15px;}
#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: #696d79;  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;}


/* Basket drop down */
#basketShow {width:60px;  margin: 20px;}
.basketShow {position: absolute;	background: #FFF;	z-index: 1100;	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;}
.basketShow.activeBasket {	visibility: visible;	-webkit-transform: unset;	transform: unset;}
#basketShow span {  font-size: 12px;  line-height: 17px;  display: inline-block;  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;}
#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 { } /* This shows/hides and quick add products on viewbasket page, nb must set cat code/dept/sub dept */
.quick_add {	min-height: 180px;}
#extra-prods { text-align:center;  margin: 20px;}
#quickAdd .wrap-col.item-1 {width: 200px;display:inline-block;margin:15px;text-align:center;}

.viewBasketButton input[type=submit], .viewBasketButton button {width:100%;margin:5px 0px;}
a.quickBasketLink:hover {background: #004937;}
a.quickBasketLink {background: #00AA5B;border: none;color: #FFF;font-size: 15px;line-height: 50px;padding: 13px 36px;transition: all 0.6s ease-in-out 0s;text-transform: uppercase;}
input.btn.checkoutButton, button.checkoutButton {background: #00AA5B;padding: 25px 35px;font-size: 16px;border-radius:0;line-height:0;color: #FFF;}
input.btn.checkoutButton.btnhov, button.checkoutButton:hover{ background: #004937; }
.totalTextFinal {line-height: 30px;}
.TotalOrder {border: 1px solid #D8D8D8;}
.TotalCell {border-bottom: 1px dotted #D8D8D8; }
.mobileCarryOn {	display: none;}
.discountVouchers input {width:175px; position: relative;}
#checkoutBox{padding:25px;text-align: center;border:1px solid #D8D8D8;min-height: 485px;}

#checkoutBox .totalTextFinal {font-size:20px;text-align:right;}
#checkoutBox .totalTextFinal .left {text-align: left;}
#checkoutBox h2 {font-size:22px;   text-align: left;    text-transform: capitalize;    border: none;}

#basketTotals {float:right!important;padding:0;}
.innerProduct {  padding: 0 40px;}
.totalTextFinal span {float: left;}
.BasketTotalWrapper {background:#d1d1d1;float:left;width:100%;display:inline}
.BasketTotalWrapper .viewBasketTotal {float:left; font-weight:normal; }
.BasketTotalWrapper input.btn, .BasketTotalWrapper button.btn {	font-size: 16px;	padding: 20px 30px;	float: right;	margin: 20px;	background: #00aa5b;	border-radius: 0;}
.BasketTotalWrapper input.btnhov {background:#910d10;}
span.textLinesRight {float:right}
span.textLinesRight.largeText {font-size: 15px;line-height: 34px;}
button.removeProd {background: none;cursor:pointer;border: none;border-bottom: 1px solid #D8D8D8;font-size: 11px;}
.Multibuy.Discount .StyleCost {color: #C61333;font-size: 15px;}
.Multibuy.Discount .StyleCost:before {content: "-";}

.viewbasketCell {margin: 5px;	 border: 1px solid #D8D8D8; width:140px; height:200px; float:left;text-align:center;}
.viewbasketCell input.btn {padding:15px 10px; width:127px;background:#004937;color: #FFF;font-size: 15px;}
.viewbasketCell input.btnhov {background:#9c141e;}
#vouchers {    text-align: right;    border-top: 1px solid #D8D8D8;    border-bottom: 1px solid #D8D8D8;    padding: 15px 0;    margin: 15px;clear:both;}
#vouchers div span{font-size:15px;line-height: 47px;font-weight:normal;}
.discountVouchers .btn {	top: -3px;	background: #666;	width: 100px;	position: relative;	margin: 0;	color: #FFF;	padding: 3px;height: 35px;font-size: 12px;border-radius: 0;}
#vouchers label { }
#vouchers label {text-align: right;width: auto;line-height: 28px;}
#vouchers>div {text-align:center;text-indent:5px;margin:0 15px;}
.basketDeliveryopts {text-align: center;line-height:25px;}
.basketDeliveryopts span {}
.basketDeliveryopts svg.svg-inline--fa {width: 30px;}
 #BasketCheckout {	text-align: center;}
#viewBasket p {	clear: none;} 
#viewBasket .SmallProduct { max-height:65px; max-width: 65px;height: auto; }
#viewBasket .LineBreak {border-top: 1px solid #5abcee; vertical-align:middle; padding:5px;}
#viewBasket .PATCH_LB {border-top: 0px;}
#viewBasket .LETTERS_LB{ border-top: 0px; }
#viewBasket .NUMBERS_LB { border-top: 0px; }

#viewBasket .PATCH {display:none;}
#viewBasket .LETTERS{display:none; }
#viewBasket .NUMBERS {display:none; } 
#payLogos li {	display: inline-flex;	margin: 15px 10px;}
#payLogos img {	width: 45px;}
.viewBasketButton.carryOn {	margin: 20px;width:150px;}
.viewBasketButton.StyleProductFloat.StyleProduct.StyleUnitPrice {	display: none;}

.Binbtn{background: transparent; width:32px; height:33px;	color:#04123f; font-size:16px;position: relative;top: 1px;}  
.Binbtn:after {  content: "\f1f8";  font-family: 'FontAwesome';}
.Binbtn:hover {  color: #04123f;  border-color:  #04123f;}

.Updatebtn{ background-color: transparent;	width:32px; height:32px; margin: 5px 15px; color:#04123f;padding:3px;} 
.Updatebtn:after {  content: "\f021";  font-family:'FontAwesome';color:#04123f;}
.Updatebtn:hover {  color: #04123f;  border-color:  #04123f;}


/*--------------- Dept and Sub Dept pages --------*/
#deptPage {min-height:400px;text-align:center;}
.deptLoop {width: 30%; display: inline-table; margin: 15px;height:250px;background:none !important; }
.deptName {color:#04123f;	margin: 0 5px;	padding: 10px;}
.deptName a {font-size: 20px;/*! text-transform: uppercase; */text-decoration:none;}
.deptDesc {display:none;}
.deptImage {  height: 300px;}
.deptSubLoop .btn {	width: 100px;min-width:50px;}
#dept_01 {	display: none;}

#subDept {min-height:400px;text-align:center;}
#subDept h2 {text-align: left;}
.subDeptLoop {display: inline-block;margin: 15px;padding:26px;text-align:center;border: 1px solid #d1d1d1;}	
.subDeptImage a {  display: flex;}
.subDeptImage img {	height: 95px;	margin: 0 auto;}
.subDeptText {	padding: 10px;/*! text-transform: uppercase; */}
.subDeptText a {font-size: 20px;font-weight: bold;}
.subDeptDesc {font-size:12px;}

/*---------------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 {float:right; display:none;} /*this controls the optional views on products.tmpl */
.rowA {padding:5px; color:#696d79;}
.rowB{padding:5px; color:#696d79;}
.rowA a, .rowB a  {color: #696d79;	text-decoration: none;	}
.rowA a:hover, .rowB a:hover  {color:#4572b7; text-decoration: none;}

.ProductCell {display:inline-block;	margin: 10px auto;padding: 3px;width:30%;max-width:350px;text-align:center;overflow:hidden;}
.ProductCell img {/*! margin-top:5px; */}
.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;}
#morelike .productTitle.StyleProduct.StyleName { height: auto;}
.product-link {margin-bottom: 0px; text-align: center; border-bottom: solid 2px #DFDFDF;}
.header-arrow {border-left: 20px solid transparent;	border-right: 20px solid transparent;	border-top: 10px solid #DFDFDF;	left: 49%;	position: absolute;	width: 30px;}
#productTitle {	text-align: center;	padding-left: 5px;	padding-right: 5px;}
#productTitle a:link {color:#FA4616; text-decoration:none;}
#productTitle a:visited {color:#FA4616; text-decoration:none;}
#productTitle a:hover {text-decoration:none;}
#productTitle a:focus {text-decoration:none;}
.productTitle {	text-align:center;height: 45px;}
.productTitle a:link { text-decoration:none;}
.productTitle a:visited { text-decoration:none;}
.productTitle a:hover {text-decoration:none;}
.productTitle a:focus {text-decoration:none;}
.productListing img {}

#productPrice {text-align: center;  border-bottom-left-radius:4px; border-bottom-right-radius:4px; display:block;}
.productPrice {font-size: 20px;width: 100%; /*! margin: 10px 0; */text-align:center;color: #04123f;}
.salePrice {text-align: center; color:#E71269;font-size: 14px;position: relative;}

.displayBanners {position: relative;height:1px;width:1px;}
.saleLogo {background: #E71269 none repeat scroll 0 0;height: 40px;bottom: 335px;z-index: 1;position: relative;width: 42px;text-align: center;left:50px;border-radius: 100%;padding-top: 7px;}

.saleLogo::after {content: "sale";text-transform: uppercase;color: #FFF;font-size: 12px;font-weight: bold;}
.in_multibuys {    left: 0;    padding: 5px 15px;    top: -130px;    position: relative;    width: 80px;    line-height: 16px;}
.in_multibuys.1882 { display:none !important; }
.in_multibuys::after {content: " offer!"; text-transform: uppercase;font-size: 11px;font-weight: bold;}
.in_multibuys.\32 .for.£30 { color:red; } 
.in_multibuys.Bears.Bundle { color:purple; } 
.in_multibuys.1882 { display:none !important; }
.in_multibuys.\31 882.Inclusion.Discount.Offer { display:none !important; }
.in_multibuys.India.Cap.Offer { display:none !important; }
.personalisable  {border: 1px solid #D8D8D8;width: 80px;height: 30px;top: 77px;position: absolute;left: 160px;text-align: center;}
.personalisable::after {content: "Personalise"; text-transform: uppercase;color:#04123f;font-size: 10px;font-weight: bold;}
.preorder { background: #0032b9; color: white; position: relative; top: 95px; left: -85px; width: 150px; padding: 5px; }
.multiple_variants {position: absolute;background: #fff;top: 215px;right: 70px;}
.link-product-add-cart {position:absolute;top:65px;}
.link-product-add-load {position:absolute;top:65px;}


/* This section is the Default css requirement for Ticketing pages */
.stadiumPlan {position:absolute;	top: 148px;	border:1px solid #C9C9C9;	width: 30px;	margin-left: 0px;	margin-bottom: 0px;	left: 782px;}
.SeatId {border: 1px solid #339900;	width: 18px;	height: 18px;}
.UnAvailId {border: 1px solid #339900;	width: 18px;	height: 18px;}
.SAvailId {border: 1px solid #339900;	width: 18px;	height: 18px;}
.AbsentId {	width: 18px;	height: 18px;}

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

.splitPage {overflow:hidden;}
.splitPage div {padding: 0px;}
#leftPage {float:left; margin-right:10px; width:40%; border-right: 0px dotted #CCC;}
#rightPage {overflow:hidden; margin: 0px 0px 0px 0px;}

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

/*---------------Shipping-----------*/
.splitShip {overflow:hidden; width:100%;margin-bottom:15px}
.splitShip div {padding: 0;}
#leftShip {float:left; margin: 0px 20px 0px 0px;width:50%; border:1px solid #D8D8D8; padding:10px; min-height:320px;box-shadow:0 .1rem 1rem 0 rgba(58,59,65,.15);}
#rightShip {overflow:hidden; margin: 0px 0px 0px 00px; border:1px solid #D8D8D8;padding:10px;height: 320px;box-shadow:0 .1rem 1rem 0 rgba(58,59,65,.15);}
#collecting_1 .splitPage {	}   /*hides the collection options */
#shipOptions p { clear: left;}
#ui-datepicker-div {font-size: 12px;}
#rightShip #date_1 { width: 160px;}
#selectAddr {width: 300px;	height: 175px;	line-height: 20px;}
#leftShip a {	margin: 5px;	padding: 5px;	border: 1px solid #04123f;	background:#04123f;	color: #FFF;	text-transform: uppercase;font-size:80%;text-decoration:none;white-space: pre;}
.shipAdd {	display: inline;}
.limitOptions {	}
#memberships_frame { width: 90%; height: 375px; margin: 0 2.5%; padding: 0 2.5%; border: 1px solid grey; };
.ui-datepicker td span, .ui-datepicker td a {text-align: center;	padding: 0;}

/*---------------Login---------------*/
.logInButton {position: relative;/*! margin-left: 4px; */}
.logInButton::before {content: ""; height: 2rem; width: 2rem;margin: 15px 8px 0 0px;display: inline-block;background-image: url("../icon-20-myedgb.svg");}
.logIn {overflow:hidden;margin: 0 auto;}
.logIn div {padding: 10px;}
#login_new {float:left; width: 33%;	margin: 0px;	height: 400px;	border: 1px solid #D8D8D8;	box-shadow:0 .1rem 1rem 0 rgba(58,59,65,.15);}
#login_exist {float:left; overflow:hidden; width: 33%; margin: 0 10px; padding: 0 20px;height: 400px;	border: 1px solid #D8D8D8;box-shadow:0 .1rem 1rem 0 rgba(58,59,65,.15);}
#login_exist .btn { float: right;}
#login_guest {float:left;overflow:hidden; width: 32%; padding-left: 20px;height: 400px;	border: 1px solid #D8D8D8;box-shadow:0 .1rem 1rem 0 rgba(58,59,65,.15);}
#login_guest label {  width: auto;}
#login_guest .btn  {clear: both;  display: block;}
#login_guest div {  margin: 55px 0 0 0; }

.pop4Detail {right:5px; top:40px; width:450px;position: absolute;background:#04123f;padding: 20px 50px;text-align:center;z-index:9999; box-shadow:0 .1rem 1rem 0 rgba(58,59,65,.15);}
.pop4Detail .register{margin: 0 auto 10px auto; padding: 10px 0;text-align: center;}
#pop4 div {	text-align: center !important;}
#pop4 h3{color:#FFFFFF;font-size: 25px;border-bottom: 1px solid #FFF;padding-bottom: 10px;}
#pop4 p {color:#FFFFFF;font-size:12px; }
#pop4 a {	color: #FFFFFF;	text-transform: uppercase;	line-height: 34px;	font-size: 15px;text-decoration:none;}
#pop4 a:hover {color:#1f4f83; text-decoration:none;border-bottom:0;background:transparent;}
#pop4 label {text-align: left;}

.pop-button {font-family:'FontAwesome';cursor: pointer;position: fixed; }
.pop-button {color:#FA4616 ;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: #ccc }
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: #c23321 url("../google-logo.png") no-repeat scroll 10px center / 64px 64px; padding-left: 100px; }
div.google_login:hover { background: #de4e3b url("../google-logo.png") no-repeat scroll 10px center / 64px 64px; }
div.google_login .linked_account_label { color: #fff;  }

/*-----------------  product filter --------------------*/
#product_browser_form {	font-size: 13px;}
#product_browser_form label {	font-size: 13px;}
#product_browser {/*! clear: both; */width: 15%;}
#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 { text-transform: uppercase; font-size: 13px;clear: both;display: inherit;padding-top: 8px;width:105px;}
input[name="min_price"] {	min-width: 80px;	width: 80px;}
input[name="max_price"] {min-width: 80px;	width: 80px;}
#search_terms { display:none; }
#price_range {position: absolute;	right: 0;	width: 500px;	top: 25px;}
#price_range label { font-size: 13px;  width: 85px;margin-right: 70px;}
#out_of_stock { display: none; }
#categories {float: left;width: 100%;display: block;	clear: both;}
#categories h3 {font-size: 13px;text-transform: capitalize;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;font-size:11px;}
#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 {	font-size: 12px;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 5px;text-align: left;max-height: 250px;}
.category-count {font-size: 10px;/*! margin:0px 10px; */line-height: 33px;float: right;}

#products {float: right;/*! display: block; */width: 100%;}
.productsWidth {width:85% !important;}
#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 {}
#navigation {display:inline-block;width: 100%;}
#navigation p {margin: 0;}
#product_count { width:25em;float:left;}
.productCount {  line-height: 45px;}
#sort_by_div {	width: 500px;float: right;}
#hideFilter {margin: 0px; cursor:pointer;}
#navigation label {width: 12em; }
#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 {float:left; margin: 0px 0px 0px 0px;width:45%;}
#textProduct {overflow:hidden;margin: 0px 0px 0px 00px;min-height:170px;text-align: left;}
.ItemProduct {overflow:unset;}
#quantity { width: 80px; height:35px; position: relative;top:2px; text-align: center;}
#addButton {background: #04123f;  width: 100%;  height: 50px;  margin: 15px 0;  padding: 15px 0px;  color: #FFF;cursor:pointer;}
#addButton:hover {background:#5ABCEE;}
#textProduct #accordion {  clear: both;  padding: 10px 0;}
.tablink {	border: 1px solid #696d79;	padding: 10px 20px;font-size: 12px;width:160px;display:inline-block;}	
.selectPersonalOption {	margin: 10px 0 0 0;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	border: 1px solid #0075c9;	background: #0075c9;	font-weight: normal;	color: #fff;}
.itemTab .fa {  color: #04123f;  font-size: 15px;font-family: Fontawesome;}

#mainImage {margin:10px;}
#imgProduct img {border:0;}
#Thumbs {margin-bottom: 20px;text-align:center;}
#Thumbs img {margin: 5px;}
.ItemHeader {font-size:16px; margin: 10px 0px;}
#MediafFles {margin: 10px;}
.variant1 {color: #04123f;	font-size: 20px;	}
.variant2 {color: #04123f;	font-size: 20px;	}
.variant1.price {	float: left;}
.ItemOption.price {	color: #F51417;	font-size: 20px;}
.priceReduced {	color:#e71269;}
.ItemOption {line-height: 35px;font-size:30px;}
.origText {font-size: 14px}
.origPrice {font-size: 14px;}
#variant_colour { }
.price {} /* yellow */
#addQuantity {clear: both;text-align:center;}
.ShirtBack {position:relative; text-align:center;  height:600px;background-size: contain;width: 600px;}
#PersonalName {font-size: 45px;	clear: both;	text-align: center;	padding-top: 125px;	line-height: 50px;text-transform:uppercase;}
.ShirtBackName20 {color:#04123f;	}
.ShirtBackName {color: #FFF;	}

.ShirtBackNoSmall {	position: relative;	top: 150px;	right: 20px;}
#Total {position:relative; margin:15px 0; }
.TotalCostHead {font-size:25px; color:#223163 ; font-weight:bold; }
#TotalCost {font-size:25px; color:#223163 ; position:relative; top:0; width:90px; font-weight:bold;}
#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:#FFF;margin: 0px 15px 0px 0px;float:right;position: relative;top: 50px;}
#mediaClip {    border: 1px solid #5abcee;}
.returnMessage {display: none;}

#imgProductPopup .btn:hover { color: #5abcee; text-decoration: underline;}
#showHide {display: block;	z-index: 9999;	position: relative;	top: 15%;	left: 15%;	background: #FFF;	padding: 20px;  width:80%; min-height:550px}
#imgProductPopup {	float: left;	margin: 0px 0px 0px 0px;	width: 40%;}
#mainImage {	}
#textProductPopup {	overflow: hidden;	margin: 0px 0px 0px 00px;	min-height: 170px;}
#popupAdded {  width: 40%;    height: auto;    position: fixed;    z-index: 9999;    border: 1px solid #D8D8D8;    background: #FFF;    padding: 20px;}
#addBag {width: 400px;	border-radius: 0;	margin: 45px;height:50px;}
.addIncrease {	text-align: center;	margin: 15px;}

.sbtn { background: #04123f;	padding-top: 5px;	height: 36px;}
.addIncrease .fa {  color: #FFF;  margin: 6px 15px;font-size: 15px;}
.add2Button {float:right;}
.addTo {  float: right;  width: 250px;  height: 65px;margin-top:5px}
.button_email {	width: 32px;	height: 32px;	background: #f49631;border: 1px solid #004937;}
.button_email::after {	content: "\f0e0";	font-family:'FontAwesome';	font-weight:700;color: #FFF;	font-size: 20px;	padding: 3px;	line-height: 30px;}
#add2Box {float:right;}
#copyButton {	font-weight: bold;	color: #5abcee;	margin-top: 10px;}

.wishList { margin: 10px 0; background: #FFF; border: 0;  font-family: inherit; position: relative;  display: inline-block;}
.wishList .tooltiptext { visibility: hidden; width:300px; background-color: #D8D8D8; color: #223163; text-align: center; padding: 15px; position: absolute; z-index: 1; bottom: 100%; left: 100%; margin-left: -160px;}
.wishList .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid;  border-color: #D8D8D8 transparent transparent transparent;}
.wishList:hover .tooltiptext { visibility: visible;}



/*---- 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;top:0px;margin-bottom:10px;}
#variant_size ul li {  height:55px;    position: relative;    width: 80px; top:-10px;}

#variant_size ul li input[type="radio"] {    position: absolute;    visibility: hidden;	width:80px;/*! top:50px; *//*! left:50px; */}
#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: 55px;width:85px;	overflow-wrap: break-word;white-space: pre-wrap;}
#variant_size ul li:hover label { color: #FFF;}
#variant_size ul li .check {    border: 1px solid #D8D8D8;	display: block;    height: 55px;    /*! left: 20px; */  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:#5ABCEE;}
#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:#5ABCEE;}
#variant_size input[type="radio"]:checked ~ .check::before {}
#variant_size input[type="radio"]:checked ~ label { color: #FFFFFF;}
#variant_size {z-index: 1;position: relative;clear: right;}
.product_sizes label {	margin: 0 !important;}
.outofstck div {background: #D8D8D8;color: #333 !important;}
.outofstck label {font-size: 9px !important;line-height: 13px !important;background: #D8D8D8 !important; }
.outofstck label:hover {color: #333 !important; cursor: default !important;}

/*---------------Tabs----------*/
#tabs li {float:left;} 
#tabs p {	color: #FFF;}
.itemTab {width:30%;float:left;}
.tab-active {float: left;width: 100%;margin: 0;text-transform:uppercase;}
.tab-inactive {float: left;width: 100%; margin: 0;text-transform:uppercase;text-align: left !important;}
.tab-active:hover, .tab-inactive:hover {}
.producttabs {margin: 20px auto;text-align: center;clear: both;}
.producttabs .tab-active {color: #04123f !important;background: none;text-align: left !important;border-bottom: 0 !important;}
.wrap-col.item-1 {padding: 10px;text-align:center;}

.producttabs .tab-inactive {padding: 0;background: none;color: #04123f !important;border: 0 !important;text-align: left !important;}
.producttabs .tab-active:hover, .producttabs .tab-inactive:hover {color: #04123f !important;background: none;text-align: left !important;  }
.producttabs #tabs-1, .producttabs #tabs-2, .producttabs #tabs-3, .producttabs #tabs-4, .producttabs #tabs-5 {background: #FFF;padding: 5px;margin-top:0px;float: left;position: relative;width:100%;padding: 30px 0px;text-align: left;}


/*--------------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;}
.balanceButton {	margin: 20px;}

/*------------- address and addresslist-----------*/
#address_results { max-height: 90px; overflow-y: scroll; }
#address_results li { padding: 4px;margin: 2px;  cursor: pointer; border: 1px solid #5abcee;list-style:none;}
#lookupFeedback {float: left; margin: 5px 0 0 20px; font-size: 12px;}
ul:empty {display: none;}
#dob-container {
  display: inline-flex;                  /* establish flex container */
  flex-direction: row;            /* default value; can be omitted */
  flex-wrap: nowrap;              /* default value; can be omitted */
  justify-content: space-between; /* switched from default (flex-start, see below) */
}
#dob-container > div {  width: 100px;}
input[name="dob_day"] { width:80px;min-width: 80px;}input[name="dob_mth"] {width:80px;min-width: 80px;}input[name="dob_yr"] {width:80px; min-width: 80px;}
select[name="dob_day"] { width:80px;min-width: 80px;}select[name="dob_mth"] {width:80px;min-width: 80px;}select[name="dob_yr"] { width:80px;min-width: 80px;}
#gender-container { display: inline-flex;                  /* establish flex container */
  flex-direction: row;            /* default value; can be omitted */
  flex-wrap: nowrap;              /* default value; can be omitted */
  justify-content: space-between; /* switched from default (flex-start, see below) */
}
#gender-container > div {  width: 100px;}
#addressList .btn {width: 120px;padding:0;}
.addressList {text-align:center;}
.mobilePhone {}
.homePhone {  display: none;}
.workPhone {  display: none;}

/*------------- confirm order, accept order --*/
.TotalOrder {border: 1px solid #5abcee;}
.TotalCell {border-bottom: 1px dotted #5abcee; }

.orderRecipients {}
.orderCustomer {}
.address {text-transform:capitalize; line-height:20px; padding:5px;}
.postcode {text-transform:uppercase;}
.email {text-transform:none;}
.colHeader {}

form[name="addr"] {	width: 60%;	margin: 0 auto;	border: 1px solid #e9e9e9;	padding: 30px;	box-shadow:0 .1rem 1rem 0 rgba(58,59,65,.15);}
.myShop {border: 1px solid #b7d0de;	text-align: center;	height:auto; min-height: 160px; padding: 25px;	margin: 15px;	box-shadow:0 .1rem 1rem 0 rgba(58,59,65,.15);width: 30%;display: inline-flex;}
.listOptions {  width: 100%; margin: 0 auto;text-align: center;}
.rightBlock { width: 72%;  float: right; display: none;}
.myShop a {	line-height: 50px !important;}

/* Payments*/
PayPage {}
#PayPage p {clear: both;line-height:20px;}
#PayPage label {padding-top: 0; font-weight:normal;}
#PayPage h3 {	cursor: pointer;border-bottom: 1px solid #172C71;margin-bottom: 25px;}
#PayPage input {	}
#payCard  {}
#PayDraft {}
#payCard_standard_CardGlobalIris label { }
#PayPayPal {box-shadow:0 .1rem 1rem 0 rgba(58,59,65,.15);border-top: 1px solid #D8D8D8;border-top-right-radius: 4px;width:60%}
#PayRewards4{box-shadow:0 .1rem 1rem 0 rgba(58,59,65,.15);border-top: 1px solid #D8D8D8;border-top-right-radius: 4px;width:60%}
#PayOnCollect {box-shadow:0 .1rem 1rem 0 rgba(58,59,65,.15);border-top: 1px solid #D8D8D8;border-top-right-radius: 4px;width:60%}
#PayZGiftCard {box-shadow:0 .1rem 1rem 0 rgba(58,59,65,.15);border-top: 1px solid #D8D8D8;border-top-right-radius: 4px;width:60%}
#PayLaybuy {box-shadow:0 .1rem 1rem 0 rgba(58,59,65,.15);border-top: 1px solid #D8D8D8;border-top-right-radius: 4px;width:60%}
#PayByOpenPay {box-shadow:0 .1rem 1rem 0 rgba(58,59,65,.15);border-top: 1px solid #D8D8D8;border-top-right-radius: 4px;width:60%}
[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='PayByOpenPay']:before {  content: "";   display: inline-block;    width: 40px;    height: 20px;    background: url("../openpay-orange.png") no-repeat 0 0;    background-size: cover;    margin: 0 10px;}
[aria-controls='PayLaybuy']:before {  content: "";   display: inline-block;    width: 40px;    height: 20px;    background: url("../laybuy.png") no-repeat 0 0;    background-size: cover;    margin: 0 10px;}
[aria-controls='PayDraft']:before  {  content: "\f19c";  font-family: 'FontAwesome';  padding:20px ;line-height: 25px;}
.payFees {display: none;}
.zgiftBalance {float: right;	margin: .45rem 2rem;}
#imageLink {height: 35px;	margin-top: 5px;}
.amountTopay {font-size: 25px;	margin: 20px 0;}

.giftBalance {margin: 4px 50px;}
#stored_cards {	border: 1px solid #D8D8D8;	padding: 5px 10px;	margin: 10px 0;}
.existingCards {border: 1px solid #D8D8D8;	padding: 5px 10px;	margin: 10px 0;}
#standard_CardGlobalIris_3ds_message {color: #800000;	font-weight: bold;}
.payTotal {	font-size: 25px;	margin: 25px 30px 25px;}
.payTotal label {	width: 185px;}
#formIncomplete {	margin: 10px auto;	color: red;}
.displayAddress {	color: #172c71;margin-left: 20px;line-height: 0}
.displayAddress:hover {color: #0075c9;}
#PayDetail label {  margin-top: 0;}
#standard_CardGlobalIris_card_number_entry {  margin-top: 20px;}

input[name="standard_Card_card_phone_country_code"] { min-width:80px;width:80px;}
input[name="standard_Card_card_phone_subscriber_number"] { min-width:175px;width:175px;}
input[name="standard_CardGlobalIris_card_phone_country_code"] { min-width:80px;width:85px;}
input[name="standard_CardGlobalIris_card_phone_subscriber_number"] { min-width:175px;width:175px;}
input[name="mobile_phone_country_code"] { min-width:80px;width:80px;}
input[name="mobile_phone_subscriber_number"] { min-width:175px;width:175px;}
input[name="mobile_country_code"] { min-width:80px;width:80px;}
input[name="mobile_subscriber_number"] { min-width:175px;width:175px;}
input[name="home_country_code"] { min-width:80px;width:80px;}
input[name="home_subscriber_number"] { min-width:175px;width:175px;}
input[name="work_country_code"] { min-width:80px;width:80px;}
input[name="work_subscriber_number"] { min-width:175px;width:175px;}

/* Landing page */
.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;}
#splashPage {	background:repeating-linear-gradient(-65deg,#fff,#fff 5px,#F8F8F8 0,#F8F8F8 10px);padding:10px;}
.carousel-caption { font-size:30px;}
.carousel-text {  text-align: center; color:#04123f;font-size: 16px;}

.baseRow {margin: 20px auto;display: inline-flex;width: 100%;}
.baseRow .baseImage {margin:auto 25px; }
.baseRow2 {margin:0px 0px 20px auto;display: inline-flex;width: 49%}
.baseRow2 .baseImage2 {margin:0 10px }
.baseImage-mobile {display:none;}


.productRange {text-align: center;	background: #F1F1F1;	margin-bottom: 20px;	padding-bottom: 25px;} /* autumn essentals background */

.navbar {	text-align: center;	border:0;;	/*! box-shadow: 0 8px 5px -5px #919191; */	z-index: 1;	position: fixed;margin: 0 auto;background:#172c71;height: 100px;width: 100%;}
.navbar-nav { float:none; /*! margin:25px auto; */ display: block; text-align: center;}
.navbar-nav > li { display: inline-block;    float:none;}
.navbar-default .navbar-nav > li > a {	color: #FFF;	padding: 18px 10px 15px 10px;font-size: 12px;font-weight: bold;}
.show {display: bock !important;}  /*deliberate typo to over-ride bootstrap*/
.dropdown-menu {position: fixed; width: 100%; z-index: 9; }
.dropdown:hover .dropdown-menu {  display: block;margin-top: 0; height:auto; min-height: 150px;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color:#172c71; }
.dropdown {margin-top: 0px;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #FFF;	background-color: transparent;}
.symbol94 img {height: 100px;	margin: 0px 10px;	position: fixed;	left: 10px;z-index:10;top: 20px;}
.logos {z-index: 99;position: fixed;top:32px;}
.logos img {    height: 75px;margin-top: 0px;}
.logo-adjust {margin-left:22%;}
nav {  margin: 0;  padding: 0;  background-color: #f8f8f8;}
nav ul { width:100%;  padding: 0;  margin: 0 auto;  list-style: none;  position: relative;text-transform:uppercase;/*! height: 100px; */}
nav ul li {  display: block;  padding: 0 10px;  color: #696d79;  font-size: 12px;  line-height: 50px;text-decoration: none;}
nav ul ul li { border-right:5px solid white;}
nav a {  display: block;  padding: 0;  color: white;  font-size: 12px;  line-height: 50px;text-decoration: none;}
#account a span:hover {text-decoration: underline; color: #172c71;}
nav ul ul {  display: none;  position: absolute; z-index: 9;left: 5%;border: 1px solid #999;border-radius: 5px;box-shadow: 0 8px 5px -5px #919191;border-top-left-radius: 0;border-top-right-radius: 0;}
nav ul li:hover > ul { display: inherit; height: 150px;background: #f8f8f8;}
nav ul ul li {    display: inline-block;    position: relative;text-align: center;margin-top: 55px;}
nav ul li ul li a {  font-size: 14px;  text-decoration: underline;}
/* .menu-head-main { margin-top:20px; } */

.navbar.navbar-default.slide {
  margin: -40px auto;
}

.logoName {font-size: 30px;  color: #FFF;  margin: 25px 10px;  font-weight: bold;}
	
#homePageDesktop {  display:block;visibility: visible; margin-top:10px;}
#homePageMobile {  display: none; visibility:hidden;}

.toggleMenu.slide{
	top:50px;
}
.accessBlock.slide {
	/*! top:0; */
}


.menu-image {}
.menu-image img {max-height: 35px;margin: 10px 0px 0 25px; height:auto;}
.dropdown-menu > li > a {padding:0 20px; line-height: 50px;}
#popupImage { position: fixed;  top: 10%;  left: 35%;  padding: 10px 30px;  border: 1px solid #000;  height: 560px;  z-index: 9999;  background: #FFF;}
.stickybar { display:none; }
.stickylogo1 img { height:60px; top:2px !important; position:fixed !important; }
.stickylogo1  { height:60px; top:2px !important; position:fixed !important; }

#newsSurvey {background: #04123f;width: 100%;margin:0 auto;}
#newsSurvey h2 {float: none; color:#FFF; text-align: center !important;font-weight: bold;}
#newsSurvey p {float: none; color:#FFF; text-align: center !important; margin:10px 0;}
#newsSurvey label {text-transform: capitalize; display: inline-flex; color:#FFF;width:90px;; left:95px; float:none;}
#newsSurvey .firstname, .lastname {display: inline-flex}
#newsSurvey .email {  display: inline-flex;}
#newsSurvey .btn {background:#04123f; border: 1px solid #d8d8d8; color: #5abcee;font-weight: bold;}
#newsSurvey .firstname label {position: relative;top: -30px;}
#newsSurvey .lastname label {position: relative;top: -30px;}
#newsSurvey .email label {position: relative;top: -30px;}
#newsSurvey  input {width:250px;}

.landingPage {padding: 20px 70px 70px 70px;}
.row-images {width: 24%; display: inline-flex;}
.baseImage2 {	margin: 0 10px;	width: 50%;}


.navbar-nav > li > .dropdown-menu { background-color:#172c71; color:white; }
.dropdown-menu > li > a { color:white; }
.nav ul li:hover > ul { background : #172c71; max-width: 250px;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color:lightblue; }
.height150 {height:150px}
.height160 {height:160px}
.height200 {height:200px}
.height220 {height:220px}