@font-face{
	font-family:"AvenirNextLTW01-Regular";
	src:url("LT-WebFonts-1453734462/Fonts/721263/e9167238-3b3f-4813-a04a-a384394eed42.eot?#iefix");
	src:url("LT-WebFonts-1453734462/Fonts/721263/e9167238-3b3f-4813-a04a-a384394eed42.eot?#iefix") format("eot"),url("LT-WebFonts-1453734462/Fonts/721263/2cd55546-ec00-4af9-aeca-4a3cd186da53.woff2") format("woff2"),url("LT-WebFonts-1453734462/Fonts/721263/1e9892c0-6927-4412-9874-1b82801ba47a.woff") format("woff"),url("LT-WebFonts-1453734462/Fonts/721263/46cf1067-688d-4aab-b0f7-bd942af6efd8.ttf") format("truetype");
}
@font-face{
	font-family:"AvenirNextLTW01-Italic";
	src:url("LT-WebFonts-1453734462/Fonts/721266/d1fddef1-d940-4904-8f6c-17e809462301.eot?#iefix");
	src:url("LT-WebFonts-1453734462/Fonts/721266/d1fddef1-d940-4904-8f6c-17e809462301.eot?#iefix") format("eot"),url("LT-WebFonts-1453734462/Fonts/721266/7377dbe6-f11a-4a05-b33c-bc8ce1f60f84.woff2") format("woff2"),url("LT-WebFonts-1453734462/Fonts/721266/92b66dbd-4201-4ac2-a605-4d4ffc8705cc.woff") format("woff"),url("LT-WebFonts-1453734462/Fonts/721266/18839597-afa8-4f0b-9abb-4a30262d0da8.ttf") format("truetype");
}
@font-face{
	font-family:"AvenirNextLTW01Demi";
	src:url("LT-WebFonts-1453734462/Fonts/721269/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?#iefix");
	src:url("LT-WebFonts-1453734462/Fonts/721269/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?#iefix") format("eot"),url("LT-WebFonts-1453734462/Fonts/721269/aad99a1f-7917-4dd6-bbb5-b07cedbff64f.woff2") format("woff2"),url("LT-WebFonts-1453734462/Fonts/721269/91b50bbb-9aa1-4d54-9159-ec6f19d14a7c.woff") format("woff"),url("LT-WebFonts-1453734462/Fonts/721269/a0f4c2f9-8a42-4786-ad00-fce42b57b148.ttf") format("truetype");
}
@font-face{
	font-family:"Avenir Next LT W01 Demi";
	src:url("LT-WebFonts-1453734462/Fonts/721269/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?#iefix");
	src:url("LT-WebFonts-1453734462/Fonts/721269/12d643f2-3899-49d5-a85b-ff430f5fad15.eot?#iefix") format("eot"),url("LT-WebFonts-1453734462/Fonts/721269/aad99a1f-7917-4dd6-bbb5-b07cedbff64f.woff2") format("woff2"),url("LT-WebFonts-1453734462/Fonts/721269/91b50bbb-9aa1-4d54-9159-ec6f19d14a7c.woff") format("woff"),url("LT-WebFonts-1453734462/Fonts/721269/a0f4c2f9-8a42-4786-ad00-fce42b57b148.ttf") format("truetype");
}
@font-face{
	font-family:"AvenirNextLTW01-DemiIta";
	src:url("LT-WebFonts-1453734462/Fonts/721272/770d9a7e-8842-4376-9319-8f2c8b8e880d.eot?#iefix");
	src:url("LT-WebFonts-1453734462/Fonts/721272/770d9a7e-8842-4376-9319-8f2c8b8e880d.eot?#iefix") format("eot"),url("LT-WebFonts-1453734462/Fonts/721272/687932cb-145b-4690-a21d-ed1243db9e36.woff2") format("woff2"),url("LT-WebFonts-1453734462/Fonts/721272/bc350df4-3100-4ce1-84ce-4a5363dbccfa.woff") format("woff"),url("LT-WebFonts-1453734462/Fonts/721272/bc13ae80-cd05-42b4-b2a9-c123259cb166.ttf") format("truetype");
}
@font-face{
	font-family:"AvenirNextLTW01-Medium";
	src:url("LT-WebFonts-1453734462/Fonts/721275/1a7c9181-cd24-4943-a9d9-d033189524e0.eot?#iefix");
	src:url("LT-WebFonts-1453734462/Fonts/721275/1a7c9181-cd24-4943-a9d9-d033189524e0.eot?#iefix") format("eot"),url("LT-WebFonts-1453734462/Fonts/721275/627fbb5a-3bae-4cd9-b617-2f923e29d55e.woff2") format("woff2"),url("LT-WebFonts-1453734462/Fonts/721275/f26faddb-86cc-4477-a253-1e1287684336.woff") format("woff"),url("LT-WebFonts-1453734462/Fonts/721275/63a74598-733c-4d0c-bd91-b01bffcd6e69.ttf") format("truetype");
}
@font-face{
	font-family:"AvenirNextLTW01-MediumI_721278";
	src:url("LT-WebFonts-1453734462/Fonts/721278/77a9cdce-ea6a-4f94-95df-e6a54555545e.eot?#iefix");
	src:url("LT-WebFonts-1453734462/Fonts/721278/77a9cdce-ea6a-4f94-95df-e6a54555545e.eot?#iefix") format("eot"),url("LT-WebFonts-1453734462/Fonts/721278/3f380a53-50ea-4a62-95c5-d5d8dba03ab8.woff2") format("woff2"),url("LT-WebFonts-1453734462/Fonts/721278/8344e877-560d-44d4-82eb-9822766676f9.woff") format("woff"),url("LT-WebFonts-1453734462/Fonts/721278/b28b01d9-78c5-46c6-a30d-9a62c8f407c5.ttf") format("truetype");
}

@font-face {
	font-family: 'IcoMoon-Free';
	src: url('IcoMoon-Free.ttf?-b7qzp2') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.text-underline {
	text-decoration: underline;
}

/* Colours (as per ecommerce site)
Dark Blue: #0065c2
Light Blue: #00affa;
Text Grey: 394552;
Error Red: #a10000;
Input Grey: #e4ebf2;
*/


.icon {
	font-family: 'IcoMoon-Free';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Enable Ligatures ================ */
	-webkit-font-feature-settings: "liga";
	-moz-font-feature-settings: "liga=1";
	-moz-font-feature-settings: "liga";
	-ms-font-feature-settings: "liga" 1;
	-o-font-feature-settings: "liga";
	font-feature-settings: "liga";

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-facebook:before {content: "\ea91";}
.icon-twitter:before {content: "\ea96";}
.icon-linkedin:before {content: "\eac9";}
.icon-instagram:before {content: "\ea92";}
.icon-cross:before {content: "\ea0f";}
.icon-plus:before {content: "\ea0a";}
.icon-minus:before {content: "\ea0b";}

* {
	padding:0;
	border:0;
	margin:0;
	word-spacing: 0;
	}
html,body
{
	width: 100%;
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
		-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

}

body {
	font-family: 'AvenirNextLTW01-Regular', Arial, Helvetica, sans-serif;
	text-align:center;
	text-align: -webkit-center;
	width: 100%;
	background: #394552;
	}
.desktoponly {display: block;}
.mobileonly {display: none;}
div#mobileindicator {display:none;}

/*************************************************
Structural Elements
*************************************************/

div.container{
    width: 100%;
	max-width: 2000px;
	box-sizing: border-box;
	margin: 0px auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background:#fff;
	padding: 0;
	text-align:left;
	}
div.contentverynarrow,
div.contentnarrow,
div.contentwide{
	box-sizing: border-box;
	width: 100%;
	max-width: 1000px;
 	margin: 0;
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
	padding-top: 100px;
	}

div.holdstwo {
	box-sizing: border-box;
	width: 100%;
 	margin: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 0px;
	}

div.contentnarrow:first-child,
div.contentwide:first-child {
	padding-top: 0px;
	}

div.hiw_title{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	}
div.hiw_titleandimage{
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: normal;
	align-content: space-between;
	width: 100%;
	}
div.hiw_titleandimage div.imageblock{
	transform: translateY(-80px);
}


/*
div.hiw_textblock{
	max-width: 400px;
	text-align: left;
 	}
*/

div.menubar {
	box-sizing: border-box;
	width: 100%;
	max-width: 1200px;
	height: 66px;
	display: inline-block;
	padding: 0 100px;
	}


div.contentnarrow{
	max-width: 880px;
	padding: 100px 20px 0px 20px;
	}
div.alignleft {
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	}
div.aligncenter {
	flex-direction: column;
	justify-content: center;
	align-items: center;
	}
div.aligntop {
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	}

div.contentverynarrow{
	justify-content: flex-start;
	max-width: 680px;
	padding: 100px 20px 0px 20px;
	}
div.padbottom {
	padding-bottom: 100px !important;
	}
div.padtop {
	padding-top: 100px !important;
	}
div.padtop30 {
	padding-top: 30px !important;
	}
div.nopadtop{
	padding-top: 0;
}

div.imageblock{
	box-sizing:border-box;
	width: 100%;
	flex-basis: 400px;
	min-width:300px;
	max-width: 1000px;
	flex-grow: 1;
	margin: 0 10px;
	padding: 0 20px;
	}
div.textblock{
	box-sizing:border-box;
	width: 100%;
	flex-basis: 400px;
	min-width: 300px;
	max-width: 1000px;
	flex-grow: 1;
	margin: 0 10px;
	padding: 0 20px;
	}

div.noleftpadmarg {
	margin-left: 0;
	padding-left:0;
	}

div.reverse{
	flex-direction: row-reverse;
	}
div.imageblock img{
	width: 100%;
	}

div.twothirds,
div.third,
div.half {
	min-width:300px;
	max-width: calc(1000px * 1 / 2);
	flex-grow: 1;
	}
div.contentnarrow div.half {max-width: calc(840px * 1 / 2);}
div.third {max-width: calc(1000px * 1 / 3);}
div.contentnarrow div.third {max-width: calc(840px * 1 / 3);}
div.twothirds {
	max-width: calc(1000px * 2 / 3);
	flex-grow: 2;
	}
div.contentnarrow div.twothirds {
	max-width: calc(840px * 2 / 3);
	}


div.contentverynarrow div.half {
	min-width:200px;
	max-width: calc(680px * 1 / 2);
	flex-grow: 1;
	}


div.imageblock img.ecomsize {
	object-fit: scale-down;
	max-width: 300px;
	}



div.hiw_image img,
div.imageblock img.midsize {
	object-fit: scale-down;
	max-height: 300px;
	}
div.hiw_image img {
	max-height: 200px;
	}

div.hiw_image img.topmargin {
	margin-top: 100px;
	}

div.hiw_image p {
	text-align: center;
	text-align: -webkit-center;
	margin-top: 20px;
	}

/*************************************
Top banner styling
*************************************/
div.topbanner{
	box-sizing: border-box;
	width: 100%;
	max-width: 880px;
	display: inline-block;
	height:  53.34vw;
	max-height: 1067px;
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	justify-content: space-between;
	}
div.nocoverimage {
	max-height: 750px;
	}

div.topbanner img {
	height:100%;
	max-height: 450px;
	}
div.overlaytext {
	max-width: 450px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	text-align: left;
	margin-right: 20px;
	}

div.new-topbanner{
	box-sizing: border-box;
	width: 100%;
	max-width: 880px;
	display: inline-block;
	height:  53.34vw;
	max-height: 1067px;
	display: flex;
	justify-content: space-around;

	flex-direction:column;
	max-width:90%;
	align-items: flex-start
	}

div.new-hf {
	width: 100%;
	display: inline-block;
	}
div.new-hf h1{
	font-size: 30px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	}
div.new-hf p{
	color: #fff;
	text-shadow: 0 0 2px #000;
	width: 360px;
	}
div.new-hf p a.button{
	text-shadow: none;
	}
p.new-hf-bold {
	display: inline-block;
	align-self: center;
	box-sizing:border-box;
	text-align: center;
	color: #fff;
	font-size: 30px;
	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif;
	line-height:100%;
	padding: 5px;
	text-shadow: 0 0 2px #000;
/*
	background: rgba(0,0,0,0.2);
*/
}

/*****************************************
Fonts and sizes
*****************************************/
a {
	text-decoration: none;
}

td {font-family: 'AvenirNextLTW01-Regular', Arial, helvetica, sans-serif;}
th {font-family: 'AvenirNextLTW01-Regular', Arial, helvetica, sans-serif;}


h1 {
	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif;
	font-size: 44px;
	line-height: 110%;
	}

h2 {
	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 133%;
	padding-top: 10px;
	}

h3 {
	font-family: 'AvenirNextLTW01-Regular', Arial, Helvetica, sans-serif;
	font-size: 24px;
	padding-top: 8px;
	}

h4 {
	font-family: 'AvenirNextLTW01-Regular', Arial, Helvetica, sans-serif;
	font-size: 17px;
	}

p,li,td,th {
	font-family: 'AvenirNextLTW01-Regular', Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 143%;
	padding: 9px 0;
	}
ol,ul {padding: 0 30px;}

p.bigwhite,
p.bigblue {
	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif !important;
	font-size: 28px;
	line-height: 133%;
	}
div.overlaytext p {
	font-family: 'AvenirNextLTW01-Regular', Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 130%;
	padding-bottom: 30px;
	}
div.overlaytext h1 {
	line-height: 110%;
	padding-bottom: 20px;
	}

div.productlist p.sub-item,
div.productlist p.item,
div.productlist p.price{
	padding:0;
	margin: 0;
	line-height: 110%;
}

strong {
	font-weight: normal;
	font-family: 'AvenirNextLTW01Demi', Arial, Helvetica, sans-serif;
	}
span.notstrong {
	font-weight: normal;
	font-family: 'AvenirNextLTW01-Regular';
	}
.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;  /* Preferred icon size */
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;

	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;

	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;

	/* Support for IE. */
	font-feature-settings: 'liga';
}

div.fadechange {transition: background-color 1s linear;}

div.footer{
	box-sizing: border-box;
	width: 100%;
	max-width: 1200px;
	height: 90px;
	display: inline-block;
	}
div.productbanner{
	height:  auto;
	max-height: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	padding: 100px 0;
	}
div.productbanner img {
	height:auto;
	width: 100%;
	max-height: 500px;
	}




div.footer{
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	text-align: left;
	}
div.footer,
div.centre{
	align-items: center;
	}

div.ondark{color: #fff;}
div.onlight{color: #000;}
div.onlight h1{color: #005ebd;}

a.button {
	display: inline-block;
	text-decoration: none;
	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif;
	line-height: 16px;
	font-size: 16px;
	background: #fff;
	padding: 16px 30px;
	border-radius: 5px;
	text-transform: uppercase;
	text-align: center;
	text-align: -webkit-center;
	}
a.blue {
	background: #00affa;
	color: #fff;
	}

ol.bluenumbers {
	list-style: none;
	counter-reset: my-awesome-counter;
	}
ol.bluenumbers li {
	counter-increment: my-awesome-counter;
	margin-bottom: 10px;
	}
ol.bluenumbers li::before {
	content: counter(my-awesome-counter) ".";
	color: #005ebd;
	font-weight: bold;
	display: inline-block;
	width: 20px;
	margin-left: -20px;
	}


hr.bigwhite,
hr.bigblue {
	border-top: 3px #00affa solid;
	width: 150px;
	margin: 0px 0 20px 0;
	display: block;
	}
hr.bigwhite{
	border-top: 3px #fff solid;
	}

p.bigblue {
	color: #005ebd;
	line-height: 150%;
	}
p.bluequote {
	background: -webkit-linear-gradient(left,#00affa, #005ebd);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	}
p.bigwhite {
	color:#fff;
	line-height: 150%;
	}

.vimeoiframe {
	width:50vw;
	max-width:640px;
	min-width:320px;
	height:31vw;
	max-height:400px;
	}

@media screen and (max-width:700px){
.vimeoiframe {
	box-sizing:border-box;
	padding: 0px;
	width: 100vw;
	min-width:320px;
	height:62.5vw;
	max-height:400px;
	}

	}

div.grey {background-color: #e4ebf2;}
div.royal {background-color: #005ebd;}
div.turquoise {background-color: #00affa;}

h1.royal,p.royal {color: #005ebd;}
h1.turquoise,p.turquoise {color: #00affa;}

div.greybottom {
	border-bottom: 2px #e4ebf2 solid;
	}


div.reverse,
div.normal {
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
	}
div.reverse {
	flex-direction: row-reverse;
	}
div.reverse p {
	text-align: right;
	}
div.reverse div.textleft p {
	text-align: left;
	}

span.bluetext {
	color:#005ebd;
	font-weight: 600;
	}


div.footer {
	position: relative;
	height: auto;
	padding: 0px 0px;
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	text-align: left;
	align-items: center;
	margin-top: 0;
	width: 100%;
	max-width: 2000px;
	}

div.footer img {
	max-width: 100%;
	}
div.footer div.formholder {
	position: absolute;
	top: -308px;
	left: 0;
/*	transform: translate(0,0);*/
	width: 100%;
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
	}
div.footer form {
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
	background: #00affa;
	color: #fff;
	padding: 35px;
	border-radius: 5px;
	max-width: 550px;
	width: 100%;
	}

div.footer form td {
	padding: 10px 10px;
	}
div.footer form td:last-child {
	padding-right: 0;
	}

div.footer form h2{
	font-size: 32px;
	line-height:100%;
	padding:0;
	}
div.footer form td{
	font-size: 18px;
	}
div.footer form td a{
	color: #fff;
	text-decoration: none;
	border-bottom: 1px #fff dotted;
	}

div.footer form select,
div.footer form input {
	box-sizing: border-box;
	background: #0093e5;
	border-radius: 3px;
	padding: 10px 10px;
	color: #fff;
	font-size: 18px;
	width: 100%;
	font-weight: 400;
	}
div.footer form select{
	-webkit-appearance: none;
}

div.footer form input[type="submit"]{
	background: #fff;
	color:#0093e5;
	width: 50%;
	cursor: pointer;
	-webkit-appearance: none;
	-webkit-border-radius:3px;
	}
div.footer form input[type="submit"]:hover{
	background: #0093e5;
	color:#fff;
	}
div.footer form input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	font-weight: 400;
	color: #fff;
	opacity: 1; /* Firefox */
	}
div.footer form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #fff;
	}
div.footer form input::-ms-input-placeholder { /* Microsoft Edge */
	color: #fff;
	}

div.footer form td.smaller {
	font-size: 14px;
	padding:0 10px;
	line-height: 130%;
	}

div.footer div.bottomlinks {
	position:relative;
	box-sizing: border-box;
	width: 100%;
	background:#394552;
	padding-top: 350px;
	padding-bottom: 100px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	flex-direction: column;
	flex-wrap: wrap;
	color: #fff;
	text-align: center;
	text-align: -webkit-center;
	}


div.footer div.bottomlinks a {
	color: #fff;
	}

div.footer div.bottomlinks div.socialicons img{
	width: 100%;
	max-width: 40px;
	margin: 0 10px;
	}
div.footer div.bottomlinks div.tandc p {
	display: inline-block;
	margin: 0 10px;
	text-transform: uppercase;
 	}



div.location {
	text-align: center;
	text-align: -webkit-center;
	margin-bottom: 50px;
	position: relative;
	}
div.location h2{
	margin-bottom: 50px;
	}

div.location p{
	line-height: 160%;
	}
div.closedbanner {
	position: absolute;
	top:100px;
	left:50%;
	margin-left:-85px;
	width: 170px;
	}
div.closedbanner p {
	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #00affa;
	line-height: 100%;
	padding: 10px 0;
	margin:0;
	border-top: 2px #00affa dotted;
	border-bottom: 2px #00affa dotted;
	transform: rotate(45deg);
	background-color: rgba(255,255,255,50%);
}

div.reverse div.textleft p.sizeselector,
div.shopping-section p.sizeselector,
p.sizeselector {
	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif;
	font-weight: normal;
	float: left;
	margin: 10px 11px 5px 0;
	padding:0;
	width: 38px;
	height: 38px;
	font-size: 24px;
	text-align: center;
	text-align: -webkit-center;
	line-height: 38px;
	border-radius: 50%;
	border: 1px #333 solid;
	color: #333;
	cursor:pointer;
	}
div.shopping-section p.sizeselectortext{
	font-weight: normal;
	float: left;
	margin: 10px 11px 5px 0;
	padding:0;
	height: 38px;
	text-align: center;
	text-align: -webkit-center;
	line-height: 38px;
	color: #333;
	cursor:pointer;
	}

div.reverse div.textleft p.sizeselector:hover,
p.sizeselector:hover {
	box-shadow: 0 0 0 3px #00affa;
	}

div.reverse div.textleft p.sizenotavailable:hover,
p.sizenotavailable:hover,
div.reverse div.textleft p.sizenotavailable,
p.sizenotavailable {
	background: #666;
	cursor: default;
	}
div.reverse div.textleft p.selectedsize,
p.selectedsize {
	box-shadow: 0 0 0 3px #00affa;
	}

div.options {
	width: 75%;
	min-width: 350px;
}

div.sizenotavailable > div{
	background: #666;
	cursor: default;
	}

div.sizeselector,
div.colourselector{
	float: left;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background-color: #fff;
	border: 1px #fff solid;
	margin: 5px 5px 5px 0;
	position: relative;
	}
div.sizeselector:last-child,
div.colourselector:last-child {
	margin-right: 0;
}

div.sizeselector.selectedsize,
div.sizeselector:hover,
div.colourselector.selectedcolour,
div.colourselector:hover {border: 1px #00affa solid;}


div.sizeselector > div,
div.colourselector > div {
	box-sizing:border-box;
	position: absolute;
	width: 38px;
	height: 38px;
	top: 2px;
	left: 2px;
	border-radius: 50%;
	}
div.Red {background-color: #c5141a;	border: 1px #c5141a solid;}
div.Yellow {background-color: #ffde00;	border: 1px #ffde00 solid;}
div.Orange {background-color: #d7712c;	border: 1px #d7712c solid;}
div.Blue {background-color: #0065c2;	border: 1px #0065c2 solid;}
div.White {background-color: #fff;	border: 1px #000 solid;}
div.Black {background-color: #000;	border: 1px #000 solid;}
div.Peach {background-color: #ffac8c;	border: 1px #ffac8c solid;}

div.sizeselector div {
	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 24px;
	text-align: center;
	text-align: -webkit-center;
	line-height: 38px;
	color: #333;
	cursor:pointer;
	border: 1px #333 solid;
	border-radius: 50%;
	}


div.aboutusdna {
	width:100%;
	max-height: 185px;
	background-image:  url(../uploads/images/DnaGraphic_About_Us-bg.png);
	background-repeat: repeat-x;
	background-position: center;
	}

div.aboutusdna img {
	width: 100%;
	max-width: 756px;
	}

div.hiwbacground {
	background-size:cover;
	background-position: right top;
	}


div.applinks {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 30px;
	width: 100%;
	}
div.applinks img {
	box-sizing:border-box;
	width: 90%;
	margin:0px;
	max-width: 180px;
	}

div.confident img {
	width: 320px;
	height: 480px;
	margin-right: 5px;
	}

/* The labelcontainer */
.labelcontainer {
	display: block;
	width: 100%;
	position: relative;
	padding-left: 0px;
	margin-bottom: 10px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	}

/* Hide the browser's default checkbox */
.labelcontainer input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
	z-index: 500;
	}

/* Create a custom checkbox */
.radiomark,
.checkmark {
	position: absolute;
	top: 0;
	right: 0px;
	height: 30px;
	width: 30px;
	background-color: #0093e5;
	z-index: 500;
	}
 .radiomark{
	border-radius: 50%;

 }

/* On mouse-over, add a grey background color */
.labelcontainer:hover input ~ .radiomark,
.labelcontainer:hover input ~ .checkmark {
	background-color: #ccc;
	}

/* When the checkbox is checked, add a blue background */
.labelcontainer input:checked ~ .radiomark,
.labelcontainer input:checked ~ .checkmark {
	background-color: #0093e5;
}

/* Create the checkmark/indicator (hidden when not checked) */
.radiomark:after,
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
	z-index: 500;
	}

/* Show the checkmark when checked */
.labelcontainer input:checked ~ .radiomark:after,
.labelcontainer input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.labelcontainer .checkmark:after {
	left: 11px;
	top: 7px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.labelcontainer .radiomark:after {
	top: 11px;
	left: 11px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

table.presskit {
	width: 100%;
	}
table.presskit td {
	padding: 20px;
	}

table.presskit td:first-child {
	vertical-align: top;
	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif;
	}






div.yht{
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
	align-content: flex-end;
	width: 100%;
	max-width: 1000px;
	}
div.yht_title{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	align-self: flex-end;
	width: 500px;
	transform: translateX(-00px);
	}
div.yht_titleandimage{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: normal;
	align-content: space-between;
	width: 100%;
	}
div.yht_image{
	width: 50px;
	position: relative;
	}
div.yht_image img{
	position: absolute;
	width: 600px;
	left: -300px;
	}
div.yht_textblock{
	width: 500px;
	text-align: left;
 	}


/**********************************
All font sizes
**********************************/

p.link-to-option,
p.buylink,
p.basketlink,
div.contentwide a.button p,
div.overlaytext a.button p {
	font-family: 'AvenirNextLTW01-Regular', Arial, Helvetica, sans-serif;
	font-size: 16px;
	}
p.item {color: #005ebd;}
p.sub-item {color: #005ebd;}
p.price {color: #00affa;}
p.description {clear: both;}


input#promcode {
	border: 1px #0093e5 solid;
	padding:9px;
	width: 150px;
	margin: 5px 0;
	}

p.basketlink{
	margin-top: 10px;
	}
p.mobtype {	margin-bottom: 10px;}

div.aup_group {
	position: absolute;
	z-index: 500;
}

div.aup_group img{
	max-height: 320px;
	transform: translateY(-160px);
	z-index: 10000;
	margin-right: 20px;
	}
div.aup_group img:last-child {margin-right: 0;}

@media screen and (max-width:559px){
	div.aup_group img{
		max-height: calc(71vw - 78px);
		transform: translateY(-35vw);
		margin-right: 15px;
		}
	div.aup_group img:last-child {margin-right: 0;}
	}


div#mobcarousel:after {
	content: '';
	}

table.plaintable {
	border-collapse: collapse;
	border-top: 1px #00affa solid;
	border-right: 1px #00affa solid;
	}
table.plaintable td {
	padding: 10px;
	border-bottom: 1px #00affa solid;
	border-left: 1px #00affa solid;
	}
table.plaintable tr:first-child td p{
	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif;
	}


div.press-grid-item {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: flex-start;
	flex-wrap:wrap;
 	width: 320px;
	margin-bottom: 20px;
	background-color: #fff;
	padding-bottom: 30px;
	}

div.press-grid-image {
	display: block;
	width: 100%;
	}
div.press-grid-synopsis {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap:wrap;
	width: 100%;
	padding: 0 20px;
	}
div.press-grid-image img {
	width: 100%;
	}
div.press-grid-synopsis p.pr-type {
	text-align: center;
	text-align: -webkit-center;
	color:#00affa;
	padding: 30px 0 20px 0;
	text-transform: uppercase;
	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif;
	}
div.press-grid-synopsis hr {
	text-align: center;
	text-align: -webkit-center;
	border-top:3px #00affa solid;
	width: 50px;
	padding-bottom: 15px;
	}
div.press-grid-synopsis p.pr-headline {
	text-align: center;
	text-align: -webkit-center;
	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif;
	font-size: 22px;
	}
div.press-grid-synopsis p.pr-pub {
	text-align: center;
	text-align: -webkit-center;
	font-size: 14px;
	}
div.press-grid-synopsis p.pr-pub a {
	color:#000;
	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif;
	}
img.release-image {
	float: right;
	width: 100%;
	max-width: 400px;
	margin: 20px 0 10px 10px;
}
hr.pr-separator {
	text-align: center;
	text-align: -webkit-center;
	border-top:2px #00affa solid;
	width: 250px;
	margin: 50px auto;
	}
div.job-title {
	display: flex;
	flex-direction:row;
	justify-content: space-between;
	border-bottom: 2px #00affa solid;
	width: 100%;
	padding-bottom: 5px;
	cursor: pointer;
	}

div.job-title .icon {
	font-size: 14px;
	margin:0;
	padding:0;
	transform: translateY(20px);
	}
div.job-description {
	display: none;
}

div.careers p.bigblue {
	color:#005ebd;
	padding: 50px 0 10px 0;
	}
div.careers p.bigblue:first-child {
	padding-top: 0;
}
div.topbanner img.bleedonmax {
 	max-width: 800px;
	}

div.productbannerwidth {
	max-width: 800px;
	margin-top: 50px;
	}

p.copyright {
	position:absolute;
	bottom: 0px;
	right:3px;
	margin:0;
	padding: 0;
	line-height: 1;
	font-size: 14px;
	color: #fff;
	background: rgba(0,0,0,0.2);

}

div.basket {
	opacity:0;
	position: relative;
	width: 30px;
	height: 64px;
	margin-right: 10px;
	}
div.basket a img{
	position: absolute;
	top: 0;
	left: 0;
	width: 26px;
	height: 34px;
	}

p#basketcase {
	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif;
	position: absolute;
	top: 28px;
	left: 3px;
	color: #fff;
	font-size: 12px;
	line-height: 21px;
	padding: 0;
	margin: 0;
	width: 20px;
	text-align:center;
	text-align: -webkit-center;
	}
p#basketcase.bag-blue {
	color: #0093e5;
	}

div.showbasket {opacity:1;}

form#shoppingbasket {
	box-sizing: border-box;
	width: 100%;
	max-width: 1000px;
 	margin: 0;
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
	padding-top: 0px;
}


form#shoppingbasket select {
	font-size: 18px;
	font-family: 'AvenirNextLTW01-Regular', Arial, Helvetica, sans-serif;
	line-height: 143%;
	border: 1px #aaa solid;
	border-radius: 3px;
	}
form#shoppingbasket span.button,
form#shoppingbasket input[type="submit"]{
	box-sizing:border-box;
	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	line-height: 100%;
	margin-top: 30px;
	color: #fff;
	background:#00affa;
	width: 100%;
	cursor: pointer;
	-webkit-appearance: none;
	padding: 13px;
	max-width: 330px;
	border-radius: 5px;
	text-transform: uppercase;
	letter-spacing: 1px;
	}
form#shoppingbasket span.button,
form#shoppingbasket input[type="submit"]:hover{
	background:#00affa;
	}



p.link-to-option,
span#checkandaddcode,
p.basketlink,
p.buylink {
	box-sizing: border-box;
	font-size: 15px;
	line-height: 100%;
	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif;
	clear: both;
	font-weight: normal;
	text-align: center !important;
	text-align: -webkit-center !important;
	background: #00affa;
	color: #fff;
	padding: 13px;
	border-radius: 5px;
	margin-top: 10px;
	max-width: 310px;
	cursor: pointer;
	text-transform: uppercase;
	letter-spacing: 1px;
	}

span#checkandaddcode{
	padding: 9px;
}
p.link-to-option{
   color: #00affa;
   background: #fff;
   border: 1px #00affa solid;

}


form#shoppingbasket span.button {
	display: block;
	margin-top: 10px;
	text-align: center;
	text-align: -webkit-center;
}

@media only screen {
i.fb-close-icon {
	color:#00affa;
	font-size: 40px;
	position: absolute;
	right: 0px;
	top: -30px;
	cursor: pointer;
}
i.fb-print-icon {
	color:#00affa;
	font-size: 40px;
	position: absolute;
	left: 0px;
	top: -30px;
	cursor: pointer;
	}
}
@media only print {
i.fb-close-icon {display: none;}
i.fb-print-icon {display: none;}
}


.fb-close-button {
	font-family: 'AvenirNextLTW01-Regular', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 100%;
	margin-top: 50px;
	color: #fff;
	background:#00affa;
	width: 50%;
	cursor: pointer;
	padding: 10px;
	border-radius: 3px;
	text-align: center;
	text-align: -webkit-center;
	}

div.e-comm {
	max-width: 1000px;
	padding: 0px 20px;
}

div.e-comm p {
	padding:0;
	margin:0;
}

div.e-comm input[type="text"]{
	font-size: 18px;
	padding: 3px;
	border: 1px #000 solid;
	}
div.shopping-section p.formholder,
div.booking-right p.button,
div.e-comm p.button,
div.e-comm input[type="submit"]{
	box-sizing:border-box;
	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	line-height: 100%;
	text-align: center !important;
	text-align: -webkit-center !important;
	margin-top: 30px;
	color: #fff;
	background: #00affa;
	width: 100%;
	cursor: pointer;
	-webkit-appearance: none;
	padding: 13px;
	border-radius: 5px;
	text-align:center;
	text-align: -webkit-center;
	max-width: 400px;
 	text-transform: uppercase;
	letter-spacing: 1px;
	}

div.shopping-section p.formholder{
	background: #0DA07E;
}

form.customerdetails textarea.select2-search__field {min-height: auto;}



div.e-comm p a {
	text-decoration: underline;
	color:#0093e5;
}

div.e-comm table {
 	border-top: 1px #00affa solid;
	border-left: 1px #00affa solid;
	margin: 10px auto;
	padding: 10px;
	border-collapse: collapse;
	}
div.e-comm table td {
 	border-bottom: 1px #00affa solid;
	border-right: 1px #00affa solid;
	padding: 10px;
	}
div.e-comm table tr:nth-child(even) {
	background: rgba(0,175,250,0.2);
	}
div.e-comm table td:nth-child(2) {
	white-space: nowrap;
	}

form.customerdetails,
form#customerdetails {
	box-sizing: border-box;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}

form.customerdetails textarea,
form.customerdetails select,
form.customerdetails input[type="text"],
form.customerdetails input[type="email"],
form.customerdetails input[type="date"],
form.customerdetails input[type="password"],
form#customerdetails textarea,
form#customerdetails select,
form#customerdetails input[type="text"],
form#customerdetails input[type="email"],
form#customerdetails input[type="password"] {
	box-sizing: border-box;
	font-size: 18px;
	color: #00affa;
	line-height: 100%;
	padding: 9px;
	-webkit-appearance: none;
	margin: 7px 0px 7px 0;
	background: #e4ebf2;
	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif;
	}
form.customerdetails select,
form#customerdetails select {
	-webkit-appearance: listbox;
	}

form.customerdetails textarea,
form#customerdetails textarea{
	min-height: 108px
}

form.customerdetails p.hidden-input{display: none;}
form.customerdetails p.visible-input{display: block;}


form#customerdetails input[type="text"].readonly,
form#customerdetails input[type="email"].readonly{
	color: #000;
	background: #aaa;
	}







form.customerdetails input[type="submit"],
form#customerdetails input[type="submit"] {
	box-sizing: border-box;
	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 100%;
	font-weight: normal;
 	text-transform: uppercase;
	padding: 13px;
	-webkit-appearance: none;
	margin: 7px 0px 7px 0;
	color: #fff;
	border-radius: 5px;
	background: #00affa;
	align-self: flex-end;
	cursor: pointer;
	text-align:center;
	text-align: -webkit-center;
	letter-spacing: 1px;
	}



form#customerdetails input:-webkit-autofill,
form#customerdetails input:-webkit-autofill:hover,
form#customerdetails input:-webkit-autofill:focus,
form#customerdetails textarea:-webkit-autofill,
form#customerdetails textarea:-webkit-autofill:hover,
form#customerdetails textarea:-webkit-autofill:focus,
form#customerdetails select:-webkit-autofill,
form#customerdetails select:-webkit-autofill:hover,
form#customerdetails select:-webkit-autofill:focus,
form.customerdetails input:-webkit-autofill,
form.customerdetails input:-webkit-autofill:hover,
form.customerdetails input:-webkit-autofill:focus,
form.customerdetails textarea:-webkit-autofill,
form.customerdetails textarea:-webkit-autofill:hover,
form.customerdetails textarea:-webkit-autofill:focus,
form.customerdetails select:-webkit-autofill,
form.customerdetails select:-webkit-autofill:hover,
form.customerdetails select:-webkit-autofill:focus {
	-webkit-text-fill-color: #00affa;
}




form.customerdetails textarea.w100,
form.customerdetails select.w100,
form.customerdetails input[type="submit"].w100,
form.customerdetails input[type="text"].w100,
form.customerdetails input[type="datetime-local"].w100,
form.customerdetails input[type="email"].w100,
form.customerdetails input[type="password"].w100,
form.customerdetails input[type="date"],
form#customerdetails textarea.w100,
form#customerdetails select.w100,
form#customerdetails input[type="submit"].w100,
form#customerdetails input[type="text"].w100,
form#customerdetails input[type="datetime-local"].w100,
form#customerdetails input[type="email"].w100,
form#customerdetails input[type="password"].w100,
div.w100,
p.w100 {
	width: 100%;
	}

form.shoppingbasket input[type="submit"].w48,
form.customerdetails select.w48,
form.shoppingbasket > div.shopping-section p.w48,
form.customerdetails p.w48,
form.customerdetails input[type="submit"].w48,
form.customerdetails input[type="text"].w48,
form.customerdetails input[type="datetime-local"].w48,
form.customerdetails input[type="date"].w48,
form.customerdetails input[type="email"].w48,
form.customerdetails input[type="password"].w48,
form#shoppingbasket input[type="submit"].w48,
form#customerdetails select.w48,
form#shoppingbasket > div.shopping-section p.w48,
form#customerdetails p.w48,
form#customerdetails input[type="submit"].w48,
form#customerdetails input[type="text"].w48,
form#customerdetails input[type="datetime-local"].w48,
form#customerdetails input[type="email"].w48,
form#customerdetails input[type="password"].w48,
div.w48,
p.w48 {
	width: 48%;
	}
@media screen and (max-width:600px){
form.shoppingbasket input[type="submit"].w48,
form.customerdetails select.w48,
form.customerdetails p.w48,
form.shoppingbasket  > div.shopping-section p.w48,
form.customerdetails input[type="submit"].w48,
form.customerdetails input[type="text"].w48,
form.customerdetails input[type="datetime-local"].w48,
form.customerdetails input[type="date"].w48,
form.customerdetails input[type="email"].w48,
form.customerdetails input[type="password"].w48,
form#shoppingbasket input[type="submit"].w48,
form#customerdetails select.w48,
form#customerdetails p.w48,
form#shoppingbasket  > div.shopping-section p.w48,
form#customerdetails input[type="submit"].w48,
form#customerdetails input[type="datetime-local"].w48,
form#customerdetails input[type="text"].w48,
form#customerdetails input[type="email"].w48,
form#customerdetails input[type="password"].w48,
div.w48,
p.w48 {
	width: 100%;
		}
	}



form.customerdetails input::placeholder,
form#customerdetails input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif;
	color: #00affa;
	opacity: 1; /* Firefox */
	}
form.customerdetails input:-ms-input-placeholder,
form#customerdetails input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif;
	color: #00affa;
	}
form.customerdetails input::-ms-input-placeholder,
form#customerdetails input::-ms-input-placeholder { /* Microsoft Edge */
	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif;
 	color: #00affa;
}

div#expressadd span.checkmark,
form.customerdetails span.radiomark,
form.customerdetails span.checkmark,
form#customerdetails span.radiomark,
form#customerdetails span.checkmark {
	left: 0px;
	right: auto;
	position: absolute;
	top: 0;
	height: 30px;
	width: 30px;
	background-color: #e4ebf2;
	z-index: 500;
	}


form.customerdetails .labelcontainer:hover input ~  span.radiomark,
form.customerdetails .labelcontainer:hover input ~  form#customerdetails span.checkmark,
form#customerdetails .labelcontainer:hover input ~  span.radiomark,
form#customerdetails .labelcontainer:hover input ~  form#customerdetails span.checkmark {
	background-color: #e4ebf2;
	}


form.customerdetails .labelcontainer,
form#customerdetails .labelcontainer {
 	box-sizing: border-box;
	display: block;
	width: 100%;
	position: relative;
	padding-left: 40px;
	margin-bottom: 7px;
	line-height: 135%;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	}


div#expressadd .labelcontainer input[type="checkbox"],
form.customerdetails .labelcontainer input[type="radio"],
form.customerdetails .labelcontainer input[type="checkbox"],
form#customerdetails .labelcontainer input[type="radio"],
form#customerdetails .labelcontainer input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
	z-index: 500;
	}

form.customerdetails span.radiomark{border-radius: 50%;}
form.customerdetails .labelcontainer input:checked ~ span.radiomark,
div#expressadd .labelcontainer input:checked ~  span.checkmark,
form.customerdetails .labelcontainer input:checked ~  span.checkmark{
	background-color: #e4ebf2;
}
form#customerdetails span.radiomark{border-radius: 50%;}
form#customerdetails .labelcontainer input:checked ~ span.radiomark,
form#customerdetails .labelcontainer input:checked ~  span.checkmark {
	background-color: #e4ebf2;
}


form.customerdetails span.radiomark:after,
form.customerdetails span.checkmark:after,
div#expressadd span.checkmark:after,
form#customerdetails span.radiomark:after,
form#customerdetails span.checkmark:after {
	content: "";
	position: absolute;
	display: none;
	z-index: 500;
	}


form.customerdetails .labelcontainer input:checked ~  span.radiomark:after,
form.customerdetails .labelcontainer input:checked ~  span.checkmark:after,
div#expressadd .labelcontainer input:checked ~  span.checkmark:after,
form#customerdetails .labelcontainer input:checked ~  span.radiomark:after,
form#customerdetails .labelcontainer input:checked ~  span.checkmark:after {
	display: block;
}


form.customerdetails .labelcontainer span.checkmark:after,
div#expressadd .labelcontainer span.checkmark:after,
form#customerdetails .labelcontainer span.checkmark:after {
	left: 11px;
	top: 7px;
	width: 5px;
	height: 10px;
	border: solid #00affa;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
form.customerdetails .labelcontainer span.radiomark:after,
form#customerdetails .labelcontainer span.radiomark:after {
	top: 11px;
	left: 11px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #00affa;
}

div.steps {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	}
div.steps div {
	width: 25px;
	height: 25px;
	background: #fff;
	border-radius: 50%;
	color: #394552;
	font-family: 'AvenirNextLTW01-Regular', Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 25px;
	padding:0;
	margin: 10px 0  10px 10px;
	text-align: center;
	text-align: -webkit-center;
	border: 1px #394552 solid;
	}
div.steps div.activestep {
	background: #0093e5;
	color: #fff;
	border: 1px #0093e5 solid;
	}
div.steps div.donestep {
	background: #394552;
	color: #fff;
	border: 1px #394552 solid;
	}

a i.step-back {
	line-height: 25px;
	margin: 10px 0  10px 10px;
	color: #394552;
}

form.customerdetails p.formerror,
form#customerdetails p#formerror{
 	box-sizing: border-box;
	color: #900;
	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif;
	}

p#refreshbasket span,
p#closebasket span,
a.obvious {
	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif;
	color: #394552;
	text-decoration: none;
	border-bottom: 2px #394552 solid;
	}

a.subtle {
	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif;
	color: #394552;
	text-decoration: underline;
	}
p#refreshbasket span,
p#closebasket span{
	text-transform: uppercase;
	cursor: pointer;
}

div.shopping-section table.personaldetails {
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	margin-right: 20px;
	border: 0;
	}
div.shopping-section table.personaldetails td {
	padding: 0;
	}
span.dottedlink,
a.dottedlink,
div.shopping-section table.personaldetails th a,
h3 a.personaldetails{
	color: #00affa;
	border-bottom: 1px #00affa dashed;
	font-family: 'AvenirNextLTW01-Regular', Arial, Helvetica, sans-serif;
	cursor: pointer;
	}
a.dottedlink {
	text-transform: none;
}

div.shopping-section table.personaldetails th {
	padding: 20px 0 5px 0;
	font-weight: normal;
	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif;
	}

div.shopping-section {
	padding: 0;
	justify-content: space-between;
	align-items: flex-start;
	}

div.shopping-section hr {
	clear:both;
	width: 100%;
	border-top: 1px #00affa solid;
	margin: 20px 0;
	}
div.shopping-section h2 {
	color: #0093e5;
	padding: 0;
	}
div.shopping-section h3 {
	color: #2f5496;
	font-size: 16px;
	}
div.shopping-section td,
div.shopping-section th,
div.receipt td,
div.shopping-section li,
div.shopping-section p {
	color: #333;
	font-size: 16px;
	line-height: 135%;
	padding: 8px 0;
	font-family: 'AvenirNextLTW01-Regular', Arial, Helvetica, sans-serif;
	}

div.shopping-section p.caps {
	font-size: 18px;
	color: #0065c2;
	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	}
div.shopping-section p.prod-blue {
	color: #0065c2;
	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif;
	}
div.shopping-section p.prod-blue-big {
	color: #0065c2;
	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif;
	font-size: 24px;
	}
div.shopping-section p.removeditem {
	display:none;
	}
div.shopping-section div.pack-image,
div.shopping-section img.prod-image {
	width: 75px;
	height: auto;
	float: left;
	margin-right: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
}

p#yourbasketisempty {
	display:none;
	}

div.shopping-section div.quantitychanger {
	float: right;
	}
div.shopping-section div.quantitychanger p {
	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif;
	font-size: 15px;
	float: left;
	width: 30px;
	height: 30px;
	line-height: 30px;
	padding: 0;
	margin: 0 0 10px 5px;
	cursor: pointer;
	border: 1px #000 solid;
	text-align: center;
	text-align: -webkit-center;
	}

div.shopping-section div.quantitychanger p.remove-thing {
	width: 80px;
	}

div.shopping-section div.onright {
	max-width: 48%;
	align-self: flex-end;
	}
@media screen and (max-width:600px){
div.shopping-section div.onright {
	max-width: 100%;
	align-self: center;
	}
	}

form.customerdetails input#shippingtotal,
form.customerdetails input#ordergrandtotal,
form#customerdetails input#shippingtotal,
form#customerdetails input#ordergrandtotal {
	background: none;
	font-size: 16px;
	line-height: 135%;
	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif;
	color:#0093e5;
	margin: 0;
	padding: 0;
	width: 65px;
	text-align: right;
	}

@keyframes popupbasketanimation {
	from {
		height: 0;
		}
	to {
		height: auto;
	}
}

div#popupbasket {
	box-sizing: border-box;
	padding: 10px 15px;

	display: none;

	position: absolute;
	right: 20px;
	top: 65px;
	z-index: 300000;
	background: #fff;
	max-width: 420px;
	width: 100%;
	background: #fff;
	-webkit-box-shadow:  0 4px 10px rgba(0,0,0,0.15);
	box-shadow: 0 4px 10px rgba(0,0,0,0.15);
/*
	-webkit-box-shadow: 0px 2px 2px 0px #999;
	box-shadow: 0px 2px 2px 0px #999;

	animation-name: popupbasketanimation;
	animation-duration: 2s;
	animation-delay: 4s;
	animation-timing-function: linear;
*/
	}

	div#popupbasket div.shopping-section {
		padding: 0px;
		}


@media screen and (max-width:500px){
	div#popupbasket {
		right: 0px;
		}
	div#popupbasket div.shopping-section {
		padding: 0px;
		}

	}

div#popupbasket p {
	text-align: left;
}

div.holder {
	width: 100%;
	margin:0;
	padding:0;
	}

div.band-capsule {
	width: 100%;
	padding-top: 121.22%;
	position: relative;
	}
div.imageblock img.capsule,
img.capsule {
	position: absolute;
	width: 70%;
	top:2.15%;
	left:2.6%;
	z-index:10;
	}
div.menubar  img.band,
div.imageblock img.band,
img.band {
	position: absolute;
	width: 100%;
	height: auto;
	top:0%;
	left:0%;
	z-index:20;
	}
div.itemblob {
	width: 100%;
}
div#ui-datepicker-div {
	z-index: 2000000 !important;
}

div.receipt {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	padding-top: 30px;
	}
div.receipt table{
	width: 100%;
	}
div.receipt table td:last-child{
	text-align: right;
	}

div.receipt table tr.topline td{
	border-top: 2px #0093e5 solid;
	}
div.receipt table tr.totaltext td{
	font-size: 20px;
	line-height: 135%;
	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif;
	color:#0093e5;
	}
div.tight-receipt p {
	padding: 0;
}
div.receipt table.ordertabletiny {
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding:0;
	}
div.receipt table.ordertabletiny th,
div.receipt table.ordertabletiny td{
	box-sizing: border-box;
	font-size: 14px;
	padding: 5px 10px 5px 0px;
	vertical-align: top;
	text-align: left;
	}
div.receipt table.ordertabletiny td:last-child{
	text-align: left;
	padding-right: 0;
	}

p.item,
p.sub-item,
p.price{
 	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif;
	font-size: 34px;
	line-height: 110%;
	padding: 5px 0 0 0;
	color: #00affa;
	}
p.item{color: #0065c2;}

p.sub-item{
	font-size: 24px;

}

div.half img.shop-intro-image{
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
	}


p.item-description-italic,
p.item-description {
	font-size: 15px;
	max-width: 290px;
	padding:5px 0 0 0;
	}
p.item-description-italic{font-family: AvenirNextLTW01-Italic;}

div.report-image-holder {
	position: relative;
	min-height:722px;
	}

div.repimage-show,
div.repimage-hide {
	position:absolute;
	top:0;
	left:0;
	height: 722px;
	width: 360px;
	display: inline-block;
	background-size: cover;
	}
div.repimage-hide {display: none;}

div.repimage-show span.prev-nextprev,
div.repimage-show span.prev-nextnext{
	position: absolute;
	top:50%;
	left: 0;
	background-color: #0065c2;
	padding:3px;
	border-radius: 50%;
	color:#fff;
	display:inline-block;
	cursor: pointer;
	}
div.repimage-show span.prev-nextnext{
	left: auto;
	right: 0;
	}

p.errortext {
	color: #a10000;
	font-family:'Avenir Next LT W01 Demi';
	clear:both;
	}
p.addedbag {
	color: #00affa;
	font-family:'Avenir Next LT W01 Demi';
	clear:both;
	}

p.choose {
	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 17px;
	line-height: 100%;
	padding: 10px 0 0 0px;
	clear: both;
	color: #394552;
	}
div.toggle-block {
	display: none;
	}
p.toggle-info {
	cursor: pointer;
	}
p.my-account i.material-icons,
p.toggle-info i.material-icons {
	font-size: 24px;  /* Preferred icon size */
	display: inline-block;
	transform: translateY(5px);
	}

p.my-account a {
	color: #0065c2;
}

table.vatreceipt td {text-align: right;}
table.vatreceipt td:first-child {text-align: left;}

ul.cp-menu {
	list-style: none;
	margin: 0;
	padding:0;
}
ul.cp-menu li a{
	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif;
	color: #394552;
	text-decoration: none;
	border-bottom: 2px #394552 solid;
	}


table.fvals2table {
	border-collapse: collapse;
	padding: 0;
	margin: 10px 0;
	border-top: 1px #aaa solid;
	border-right: 1px #aaa solid;
	}
table.fvals2table th,
table.fvals2table td {
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	color: #000;
	line-height: 100%;
	padding: 4px;
	border-left: 1px #aaa solid;
	border-bottom: 1px #aaa solid;
	}
table.fvals2table tr:nth-child(odd){
	background: #ddd;
}
table.fvals2table tr:nth-child(1),
table.fvals2table tr:nth-child(2){
	background: rgba(0,175,250,0.2);

	}
span.highlight {
	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif;
	color: #00affa;
}


table.ordermanagement {
	border-collapse: collapse;
	padding: 0;
	margin: 10px 0;
	border-top: 1px #aaa solid;
	border-right: 1px #aaa solid;
	}
table.ordermanagement th,
table.ordermanagement td {
	font-size: 14px;
	color: #000;
	line-height: 130%;
	padding: 4px;
	border-left: 1px #aaa solid;
	border-bottom: 1px #aaa solid;
	}
table.ordermanagement td a {
	color: #000;
	text-decoration: none;
	}
table.ordermanagement td a:hover {
	border-bottom: 1px #000 dashed;
	}

table.ordermanagement tr.header{
	background: rgba(0,144,144,0.5);
	}
table.ordermanagement tr.active{
	background: rgba(144,0,0,0.2);
	}
table.ordermanagement tr.active td{
	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif;
	}
table.ordermanagement tr.next{
	background: rgba(0,175,250,0.2);
	}
table.ordermanagement tr.unavailable{
	background: rgba(0,0,0,0.5);
	}
div.shopping-section p.bordered {
	box-sizing: border-box;
	border: 1px #00affa solid;
	background: rgba(0,175,250,0.2);
	padding: 3px;
	margin: 3px 0;
}

div.control-panel-menu {
	width: 30%;
	box-sizing:border-box;
	padding:0 10px 30px 0;
	min-width:230px;
	}
div.control-panel-body {
	width: 70%;
	}
@media screen and (max-width:825px){
	div.control-panel-menu,
	div.control-panel-body {
		width: 100%;
		}
	}
body.cke_editable {
	margin:0;
	padding: 0px;
}

div.shopping-section hr.close-and-thick {
	margin:0;
	padding:0;
	border-top: 2px #00affa solid;
}
div.shopping-section h2.close-and-thick {
	background: rgba(0,175,250,0.2);
	width: 100%;
}
div.shopping-section p.padded-text {
	padding: 30px 0;
	line-height: 170%
}

div.pop-up-container {
	padding: 30px 60px;
	max-width: 680px
	}
@media screen and (max-width:450px){
div.pop-up-container {
	padding: 30px 30px;
	}

	}


.fancybox-slide {
	padding:0;
}

span#voucherresult {
	float: right;
	color: #a10000;
}


table.management-report {
	border-collapse: collapse;
	padding: 0;
	margin: 10px 0;
	border-top: 1px #aaa solid;
	border-right: 1px #aaa solid;
	}
table.management-report th,
table.management-report td {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	color: #000;
	line-height: 100%;
	padding: 4px;
	border-left: 1px #aaa solid;
	border-bottom: 1px #aaa solid;
	}
table.management-report th {
	background: #999;
	color: #fff;
}

a.basket-link-around {
	box-sizing: border-box;
	width: 100%;
	color: #fff;
	background: #00affa;
	text-align: center;
	margin-top: 0px;
	padding: 13px;
	clear: both;
 	border-radius: 5px;
	}
a.basket-link-around p {
	font-family: 'AvenirNextLTW01-Regular', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 100%;
	color: #fff;
	margin: 0 auto;
	padding: 0;
	font-weight: normal;
	text-align: center !important;
	text-align: -webkit-center !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	}
div#popupbasket p#closebasketbutton {
	box-sizing: border-box;
	width: 100%;
	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif;
	color: #394552;
	text-align: center;
	margin: 5px 0 20px 0;
	}
div#popupbasket p#closebasketbutton > span{
	display: inline-block;
	width: auto;
	text-transform: uppercase;
	cursor: pointer;
	border-bottom: 2px #394552 solid;
}

a.banner-link {
	color: #fff;
	font-family: 'AvenirNextLTW01-Regular', Arial, Helvetica, sans-serif;
	font-size: 20px;
}

.ytube-embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin:0 0 20px 0;}
.ytube-embed-container iframe,
.ytube-embed-container object,
.ytube-embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.youtube-player {
		position: relative;
		padding-bottom: 56.23%;
		height: 0;
		overflow: hidden;
		max-width: 100%;
		background: #000;
		margin: 5px;
	}

	.youtube-player iframe,
	.youtube-player object,
	.youtube-player embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 100;
		background: transparent;
	}

	.youtube-player img {
		bottom: 0;
		display: block;
		left: 0;
		margin: auto;
		max-width: 100%;
		width: 100%;
		position: absolute;
		right: 0;
		top: 0;
		border: none;
		height: auto;
		cursor: pointer;
		-webkit-transition: .4s all;
		-moz-transition: .4s all;
		transition: .4s all;
	}

	.youtube-player img:hover {
		-webkit-filter: brightness(75%);
	}

	.youtube-player .play {
		height: 72px;
		width: 72px;
		left: 50%;
		top: 50%;
		margin-left: -36px;
		margin-top: -36px;
		position: absolute;
		background: url("//i.imgur.com/TxzC70f.png") no-repeat;
		cursor: pointer;
	}

div#selectorpopholder {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left:0;
	background:rgba(0,94,189,0.5);
	background:rgba(57,69,82,0.75);
	z-index: 50000000;
	}

div#selectorpop {
	box-sizing:border-box;
	text-align:center;
	text-align:-webkit-center;
	background:#005ebd;
	background: none;
	margin: 100px auto 50px auto;
	}
div#selectorpop div.contentnarrow{
	box-sizing:border-box;
	justify-content: center;
	}
div#selectorpop div.contentnarrow div.textblock{
	box-sizing:border-box;
	padding: 10px;
	margin: 10px 0;
	max-width: 360px;
	background:#e4ebf2;
	min-height: 450px;
	position: relative;
	}
div#selectorpop div.contentnarrow div.textblock h2{
	box-sizing:border-box;
	text-align:center;
	width:100%;
	max-width:320px;
	margin:0 auto;
	padding:0;
	line-height:100%;
	margin-top: 30px;
	font-size: 26px;
	color: #005ebd;
	font-weight: normal;
	}
div#selectorpop div.contentnarrow div.textblock p.bluetext{
	color:#005ebd;
	}

div#selectorpop div.contentnarrow div.textblock div.info-block {
	margin-top: 50px;
	}

div#selectorpop div.contentnarrow div.textblock div.info-block li,
div#selectorpop div.contentnarrow div.textblock div.info-block p{
	width: 100%;
	max-width: 100%;
	text-align: left;
	padding: 3px 0;
	}
div#selectorpop div.contentnarrow div.textblock h2 img{
	box-sizing:border-box;
	width:100%;
	max-width:250px;
	margin:0 auto;
	padding:0;
	line-height:100%;
	}

div#selectorpop div.contentnarrow div.textblock p{
	box-sizing:border-box;
	text-align:center;
	width:100%;
	max-width:250px;
	margin: 0 auto;
	}
div#selectorpop div.contentnarrow div.textblock div.bottom-anchor{
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
	}
div#selectorpop div.contentnarrow div.textblock div.bottom-anchor p{
	max-width:80%;
	margin: 0 auto;
	}

div.info-block,
h2#finalhw,
p#finalhwbutton,
h2#finald,
p#finaldbutton {
	display: none;
	}

div#hw-clicked {
	margin: 25px 0 0 40px;
}

@media screen and (max-width:900px){
div#selectorpop {
	margin: 5px auto;
	}
div#selectorpop div.contentnarrow {
		flex-direction: column;
		}
div#hw-clicked {
	margin: 25px 0 0 20px;
}
div#selectorpop div.contentnarrow div.textblock{
	max-width: 300px;
	min-height: 325px;
	margin: 5px 0;
	}
div#selectorpop div.contentnarrow div.textblock div.info-block {
	margin-top: calc(2.8vw - 10px);
	}
div#selectorpop div.contentnarrow div.textblock h2{
	margin-top: 5px;
	font-size: 20px;
	max-width:320px;
	}
div#selectorpop div.contentnarrow div.textblock h2 img{
	max-width:160px;
	}
div#selectorpop div.contentnarrow div.textblock p{
	box-sizing:border-box;
	text-align:center;
	width:100%;
	max-width:150px;
	}
div#selectorpop div.contentnarrow div.textblock p.bluetext{
	max-width:100%;
	}
div#selectorpop div.contentnarrow div.textblock div.bottom-anchor p{
	max-width:90%;
	}
}

div#bubbleshipping p,
div#bubbleshipping li {
	font-size: 14px;
	padding: 5px 0;
	}


/********************************
Styles for the booking engine
********************************/
div.booking-left {
	width: 50%;
	box-sizing:border-box;
	padding:0 10px 30px 0px;
	min-width:320px;
	}
div.booking-right {
	width: 50%;
	box-sizing:border-box;
	padding:0 0px 20px 10px;
	min-width:320px;
	display: block;
	height: 100%;
	}
@media screen and (max-width:825px){
	div.booking-left,
	div.booking-right {
		width: 100%;
		padding: 0 0 20px 0;
		}
	}

table.booking-table {
	box-sizing: border-box;
	border: rgba(0,175,250,0.2) 1px solid;
	width: 310px;
	padding: 2px;
	}
table.booking-table td.open a{
	color: #000;
	}


table.booking-table td,
table.booking-table th {
		text-align: center;
		width: 50px;
		}
table.booking-table td.closed,
table.booking-table th.closed {
	color: rgba(51,51,51,0.25);
	}
table.booking-table td.week a,
table.booking-table th.week a,
table.booking-table td.week,
table.booking-table th.week{
	color: rgba(0,175,250,1);
	}
table.booking-table td.week,
table.booking-table td.open{
	cursor: pointer;
	}
table.booking-table td.open:hover{
	background: rgba(0,175,250,0.2);
	}

table.booking-table td.booking-day-selected {
	background: rgba(0,175,250,0.2);
	border: 1px rgba(0,175,250,1) solid;
	}

p.booking-slot {
	 float: left;
	 width: 75px;
	 border: 1px solid  rgba(0,175,250,0.2);
	 text-align: center;
	 margin: 5px;
	 cursor: pointer;
 	}
p.booking-slotselected,
p.booking-slot:hover {
	background: rgba(0,175,250,0.2);
	border: 1px solid  rgba(0,175,250,1);
	}
table.booking-table th#previous_month,
table.booking-table th#next_month {
	cursor: pointer;
}
h2.booking-header {
	font-size: 24px;
}
div.booking-left p,
div.booking-right p {
}

div.backandwhitebanner {
	height: auto;
	}
div.backandwhitebanner p{
	box-sizing:border-box;
	text-align: center;
	border: 1px #000 solid;
	padding: 0 10px;
	width: 100%;
}

div.backandwhitebanner p span{
	display: inline-block;
	margin:2px auto;
	padding: 7px;
}

span.blackonwhitebanner{
	color: #000;
	height: 100%;
}
span.whiteonblackbanner{
	color: #fff;
	background: #000;
	height: 100%;
}
span.blackongreenbanner{
	color: #000;
	background: #0F0;
	height: 100%;
}
div.map_responsive {
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	height: 0;
	}

table.booking-store-hours {
	box-sizing: border-box;
	width: 100%;
	min-width: 310px;
	margin: 5px;
	}
table.booking-store-hours td,
table.booking-store-hours th {
		font-size: 14px;
		line-height: 130%;
		margin: 0;
		padding: 5px 0;
		}
table.booking-item-list {
	box-sizing: border-box;
	width: 100%;
	min-width: 310px;
	margin: 0px;
	border: 1px solid  rgba(0,175,250,0.2);
	border-collapse: collapse;
	}
table.booking-item-list tr:nth-child(odd) {background-color: rgba(153,153,204,0.2);}
table.booking-item-list tr:nth-child(even) {background-color: rgba(153,153,204,0.1);}

table.booking-item-list tr:hover {background-color: rgba(0,175,250,0.2);}
table.booking-item-list tr.select-test-selected {
	border: 1px solid  rgba(0,175,250,0.4);
	background-color: rgba(0,175,250,0.2);
	}

table.booking-item-list td {
		font-size: 16px;
		line-height: 130%;
		margin: 0;
		padding: 5px 3px;
		cursor: pointer;
		}
table.booking-item-list td.spacer {
		color: #0093e5;
		font-size: 16px;
		text-align: center;
		font-family: 'AvenirNextLTW01Demi', Arial, Helvetica, sans-serif;
		line-height: 100%;
		margin: 0;
		padding: 4px 3px;
		cursor: default;
		text-transform: uppercase;
		}
table.booking-item-list i.maticon {
	background:#0093e5;
	border-radius:50%;
	color:#fff;
	}
table.booking-item-list i.maticoncheckoff {
	color:#0093e5;
	opacity: 0;
	}
table.booking-item-list i.maticoncheckon {
	color:#0093e5;
	opacity: 1;
	}


table.bookings-day {
	box-sizing: border-box;
	border: 1px solid  rgba(0,175,250,0.2);
	width: 250px;
	margin: 5px;
	}
table.bookings-detail {
	box-sizing: border-box;
	border: 1px solid  rgba(0,175,250,0.2);
	width: 100%;
	margin: 0px;
	background: rgba(0,175,250,0.1);
	height: 100%;
	}
table.bookings-completed {
	border: 1px solid  rgba(175,175,175,0.2);
	background: rgba(175,175,175,0.2);
	}
table.bookings-Under11 {
	border: 1px solid  rgba(175,175,0,0.5);
	background: rgba(255,255,0,1);
	}
table.bookings-noshow {
	border: 1px solid  rgba(250,0,175,0.5);
	background: rgba(250,0,175,0.2);
	}
table.bookings-day td{
	padding:0 3px;
	margin:0;
	vertical-align: top;
	font-size: 14px;
	line-height: 85px;
	height: 85px;
	max-height: 85px;
	}
table.bookings-detail td{
 	padding:3px 3px;
	margin:0;
	vertical-align: middle;
	font-size: 14px;
	line-height: 16px;
	height: auto;
	}

table.bookings-day tr:nth-child(odd) {background-color: rgba(153,153,204,0.2);}
table.bookings-day tr:nth-child(even) {background-color: rgba(153,153,204,0.1);}

p#circleholder {
	height: 15px;
	line-height:100%;
	padding: 10px 0;
	font-size: 15px;
	margin: 5px 0;
}

span.circle-filled,
span.circle-unfilled{
	display: inline-block;
	width: 15px;
	height: 15px;
	border: 1px #000 solid;
	border-radius: 50%;
	margin: 0 10px;
	cursor: pointer;
	}
span.circle-filled {background-color: #000;}
span.circle-unfilled {background-color: #fff;}
table.showdaytable {display: block;}
table.hidedaytable {display: none;}

img#submitgif {
	position:fixed;
	left: 50%;
	top: 50%;
	margin-left: -32px;
	margin-top: -32px;
	z-index: 2000;
	display: none;
}

span.storeselector {
	display: inline-block;
	text-decoration: none;
	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif;
	line-height: 16px;
	font-size: 16px;
	background: #00affa;
	color: #fff;
	padding: 8px 15px;
	border-radius: 5px;
	text-transform: uppercase;
	text-align: center;
	text-align: -webkit-center;
	cursor: pointer;
	margin-bottom: 5px;
	}
span.storeselector-small{
	font-family: 'AvenirNextLTW01-Regular', Arial, Helvetica, sans-serif;
	padding: 4px 8px;
	margin-bottom: 0px;
	margin-left: 20px;
}




div.video-grid-item {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: flex-start;
	flex-wrap:wrap;
 	width: 490px;
	margin-bottom: 20px;
	background-color: #fff;
	padding-bottom: 30px;
	}

div.video-grid-image {
	display: block;
	width: 100%;
	}
div.video-grid-synopsis {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center;
	flex-wrap:wrap;
	width: 100%;
	padding: 0 20px;
	}
div.video-grid-synopsis p.pr-type {
	text-align: center;
	text-align: -webkit-center;
	color:#00affa;
	padding: 30px 0 20px 0;
	text-transform: uppercase;
	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif;
	}
div.video-grid-synopsis p.pr-headline {
	text-align: center;
	text-align: -webkit-center;
	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif;
	font-size: 22px;
	}

div#formpopupinfoholder{
	position: fixed;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 100000;
	display:none;
	}
div#formpopupinfo {
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	z-index: 100000;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	}
div#formpopupinfo p{
	box-sizing: border-box;
	background: #fff;
	width: 100%;
	max-width: 500px;
	padding: 20px;
	}

table.covid-shopping-page-list {
	box-sizing: border-box;
	width: 100%;
	min-width: 310px;
	margin: 0px;
	border: 1px solid  rgba(0,175,250,1);
	border-collapse: collapse;
	}
table.covid-shopping-page-list tr {
	border-top: 1px solid  rgba(0,175,250,0.2);
	}
table.covid-shopping-page-list tr.header td,
table.covid-shopping-page-list tr.info td,
table.covid-shopping-page-list tr.sizeselector td{
	font-size: 14px;
	line-height: 100%;
	padding: 5px;
	}
table.covid-shopping-page-list tr.header td{
	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif;
	background: rgba(0,175,250,0.2);
	text-align: center;
	border-top: 2px solid  rgba(0,175,250,1);
	}
table.covid-shopping-page-list tr.info td{
	font-family: 'AvenirNextLTW01-DemiIta', Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 12px;
	}
table.covid-shopping-page-list tr.sizeselector:hover {
	background: rgba(0,175,250,0.4);
	cursor: pointer;
	}
table.covid-shopping-page-list tr.selectedsize {
	background: rgba(0,175,250,0.4);
	}
tr.click-the-test{display:none;}

table.covid-shopping-page-list i.maticoncheckoff {
	color:#0093e5;
	opacity: 0;
	}
table.covid-shopping-page-list i.maticoncheckon {
	color:#0093e5;
	opacity: 1;
	}
ul.new-shop-select-list {
	list-style: none;
	padding:0;
}
ul.new-shop-select-list li {
	padding:0;
}

p.new-shop-header-button,
span.new-shop-header-button {
	font-family: 'AvenirNextLTW01-Regular', Arial, Helvetica, sans-serif;
	font-size: 16px;
	box-sizing: border-box;
	font-size: 15px;
	line-height: 100%;
	font-family: 'Avenir Next LT W01 Demi', Arial, Helvetica, sans-serif;
	clear: both;
	font-weight: normal;
	text-align: center !important;
	text-align: -webkit-center !important;
	background: #00affa;
	color: #fff;
	padding: 13px;
	border-radius: 5px;
	margin: 10px auto;
	cursor: pointer;
	text-transform: uppercase;
	letter-spacing: 1px;
	display:block;
	width: 100%;
}

div.new-shop-select-image {
	display: flex;
	align-content: flex-start;
	flex-wrap: wrap;
}
div#new-shop-loading {
	background: url('/v6/images/Spinner-1s-200px.gif') no-repeat center center rgba(0,175,250,0.1);;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9999999;
	}