/** ------------------------------------------------------ **/
/** ------------------- mobile first --------------------- **/
body {
	background-color: #ffffff;
	color: #000000;
	font-family: 'Nunito Sans', Arial, Verdana, Helvetica, sans-serif;
	margin: 0px;
	text-align: left;
}

p {
	color: #000000;
}

h1 {
	color: #ED1C24;
}

h2 {
	color: #ED1C24;
}

h3 {
	color: #ED1C24;
}

ul,
ol {
	color: #000000;

}

ul li {
	color: #000000;
}

#skip-navigation {
	height: 0px;
	overflow: hidden;
}

#urgency-banner p {
	font-weight: 800;
	font-style: italic;
}


#wrapper-header {
	margin: 0 auto;
	position: relative;
	width: 100%;
}

#wrapper-header p {
	font-weight: 700;
	font-size: clamp(0.8rem, 0.4rem + 0.6667vw, 1.2rem);
	font-style: italic;
}

#wrapper-navigation {
	background-color: #1e1e28;
	position: unset;
}

#wrapper-content {
	background-color: #ffffff;
	clear: both;
}

#wrapper-footer {
	background-color: #1e1e28;
}

#wrapper-footer2 {
	background-color: #081823;
	border-top: 1px solid #4b5e75;
}

.wrapper-inner-large {
	margin: 0 auto;
	position: relative;
	text-align: left;
	max-width: 1530px;
}

.wrapper-inner {
	margin: 0 auto;
	position: relative;
	text-align: left;
	max-width: 1370px;
}

.wrapper-inner-blog {
	max-width: 1024px;
}


#preview,
#preview-admin {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 2001;
}

#preview p,
#preview-admin p {
	background-color: #0000FF;
	color: #FFFFFF;
	margin: 0px;
	padding: 8px;
	font-size: 14px;
	font-weight: bold;
}

#preview-admin p {
	background-color: #333333;
}


#header {
	margin: 0 auto;
	position: relative;
	width: 100%;
}



#foot {
	color: #616161;
	font-size: 12px;
	margin-top: 12px;
	margin: 0 auto;
	position: relative;
	width: 100%;
}

#foot2 {
	font-size: 12px;
	padding-top: 20px;
}

#social-icons {
	padding-top: 40px;
	padding-bottom: 30px;
}

#social-links ul {
	list-style: none;
}

#social-links ul li {
	display: inline-block;
	margin-left: 35px;
}


/** ------------------------------------------------------ **/
/** ------------------- header --------------------------- **/

#header-left {
	float: left;
}

#header-right {
	color: #FFFFFF;
	float: right;

}

#header-top {
	border-radius: 0;
}

#header-top a,
#header-top a:visited {
	background-color: #EB1D25;
	border-radius: 0;
	color: #ffffff;
}

#header-right a,
#header-right a:visited {
	color: #ED1C24;
	text-decoration: none;
	text-transform: uppercase;
}

#header-right a:hover,
#header-right a:active {
	color: #ED1C24;
}

#header_graphic {
	position: relative;
	z-index: 500;
}

#header_graphic img {
	display: inline-block;
	margin: 0;
	width: 100%;
	height: auto;
	max-width: 324px;
}

#head-search {
	background-color: #ffffff;
	border: 1px solid #000;
}

#head-search input[type=text] {
	border:none;
	border-right: 0px;
	border-radius: 0;
	color: #000;
	font-size: 1.2rem;
	height:auto;
	margin-right: 0px;
}

#head-search button {
	background-color: #fff;
	border: 2px solid #fff;
	border-radius: 0;
	margin-right: 0px;
	padding: 0;
	width: 50px;
}

#navigation {
	float: left;
	height: 100%;
	/*position:relative;*/
}

#mobile-search-container {
	background-color:#e9ecef;
	display: none;
	padding:15px;
	position: absolute;
	left: 0;
	top: 78px;
	width: 100%;
	z-index: 1200;
}

/** ------------------------------------------------------ **/
/** -------------------navigation ------------------------ **/

#navigation ul {
	float: left;
	list-style: none;
	height: 80px;
	margin: 0px;
	padding: 0px;
}

#navigation ul li {
	display: inline-block;
	float: left;
	height: 80px;
	padding: 0px;
	margin: 0px;
	position: relative;
}

#navigation ul li a,
#navigation ul li a:visited {
	background-color: transparent;
	color: #ffffff;
	display: block;
	float: left;
	font-size: 1.2rem;
	font-style: italic;
    font-weight: 700;
	height: 100%;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 26px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

#navigation ul li a:hover,
#navigation ul li a:active {
	background-color:#e9ecef;
	color: #EB1D25;
}

#navigation ul li .subnav-column h2 a:hover,
#navigation ul li .subnav-column h2 a:active,
#navigation ul li .subnav-column ul li a:hover,
#navigation ul li .subnav-column ul li a:active {
	background-color:#e9ecef;
}

#nav-icon, #nav-icon-tablet {
	display: none;
}

#navigation ul li div.subnav {
	background-color: #e9ecef;
	margin: 0px;
	opacity: 0.3;
	padding-bottom: 42px;
	padding-top: 45px;
	padding-left: 0px;
	padding-right: 0px;
	position: absolute;
	top: 80px;
	left: -9999px;
	/*width: 100%;*/
	width: 270px;
	z-index: 1000;

}

#navigation ul li div.subnav h2 a,
#navigation ul li div.subnav h2 a:hover,
#navigation ul li div.subnav h2 a:visited {
	color: #EB1D25;
	font-size: 1rem;
	font-style:normal;
	margin-bottom: 10px;
	text-transform: uppercase;
}

#navigation ul li:hover div.subnav {
	left: 0px;
	opacity: 1;
}

#navigation ul li div.subnav ul {
	display: block;
	height: auto;
	padding: 0px;
	margin: 0px;
	width: 100%;

}

#navigation ul li div.subnav ul li {
	height: auto;
	width: 100%;
}

#navigation ul li div.subnav ul li a {
	color:#000000;
	font-size: 1rem;
	font-style: normal;
	margin-bottom: 10px;
	padding-top: 0;
	text-align: left;
}


/** ------------------------------------------------------ **/
/** ------------------------ menu ------------------------ **/

#leftc ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-right: 10px;
}

#leftc ul li {
	margin: 0;
	padding: 0;
}

#leftc ul li a,
#leftc ul li a:visited {
	border-bottom: 1px solid #666666;
	color: #697176;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 12px;
	margin: 0px;
	padding-bottom: 15px;
	padding-left: 22px;
	padding-right: 0px;
	padding-top: 15px;
	text-decoration: none;
	/*width avoids extra whitespace in ie5-6*/
	width: 197px;
}

* html #leftc ul li a,
* html #leftc ul li a:visited {
	/* This is the Tan hack */
	height: 32px;
	he\ight: 12px;
	width: 219px;
	w\idth: 197px;
}

#leftc ul li a:hover {
	color: #ee5e2f;
}

#leftc ul li ul li a,
#leftc ul li ul li a:visited {
	padding-left: 44px;
	width: 175px;
}

* html #leftc ul li ul li a,
* html #leftc ul li ul li a:visited {
	width: 219px;
	w\idth: 175px;
}

#leftc ul li ul li ul li a,
#leftc ul li ul li ul li a:visited {
	padding-left: 66px;
	width: 153px;
}

* html #leftc ul li ul li a,
* html #leftc ul li ul li a:visited {
	width: 197px;
	w\idth: 153px;
}

.menu_header {
	border-bottom: 2px solid #697176;
	display: block;
	font-size: 1.4em;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin: 0px;
	text-decoration: none;
	/*width avoids extra whitespace in ie5-6*/
	width: 218px;
}

.menu-double {
	padding-bottom: 25px !important;
	padding-top: 10px !important;
}


/** ------------------------------------------------------ **/
/** ------------------------ menu subsection ------------- **/

#submenu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#submenu ul li {
	margin: 0;
	padding: 0;
}

#submenu ul li a,
#submenu ul li a:visited {
	border-bottom: 1px solid #666666;
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	padding-bottom: 5px;
	padding-left: 34px;
	padding-right: 0px;
	padding-top: 5px;
	text-decoration: none;
	/*width avoids extra whitespace in ie5-6*/
	width: 194px;
}

* html #submenu ul li a,
#submenu ul li a:visited {
	/* This is the Tan hack */
	width: 228px;
	w\idth: 194px;
}

/** ------------------------------------------------------ **/
/** ------------------- footer --------------------------- **/
#footerleft {
	float: left;
}

#footerleft ul {
	list-style: none;
	margin: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-top: 5px;
	position: absolute;
	white-space: nowrap;
}

#footerleft ul li {
	color: #ffffff;
	display: inline;
	font-size: 0.9em;
	margin: 0;
	padding-right: 11px;
}

#footerleft ul li a {
	color: #ffffff;
	text-decoration: none;
}

#footerleft ul li a:hover,
#footerleft ul li a:active,
#footerleft ul li a:focus {
	color: #999999;
	text-decoration: none;
}

#footerright {
	float: right;
}

#footerright div {
	float: right;
}

#footerright h3 {
	color:#fff;
	font-size: 1.6rem;
	font-weight:800;
	margin-bottom:20px;
	text-transform: uppercase;
}

#footerright ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 30px;
	padding-bottom: 5px;
	white-space: nowrap;
}

#footerright ul li {
	color: #fff;
	display: block;
	font-size: 1em;
	margin: 0;
	padding-right: 11px;
	padding-bottom:12px;
}

#footerright ul li a {
	color: #fff;
	font-size: 1rem;
	text-decoration: none;
}

#footerright ul li a:hover,
#footerright ul li a:active,
#footerright ul li a:focus {
	color: #ED1C24;
	text-decoration: none;
}

#foot-logo,
#fiva-logo,
#FBHVC-logo {
	margin-bottom: 40px;
}

#foot p {
	color: #fff;
	font-size: 1em;
}

#social-links a,
#social-links a:visited {
	color: #ED1C24;
	font-weight:400;
	text-decoration: none;
}

/** ------------------------------------------------------ **/
/** ------------------- HTML elements -------------------- **/

caption {
	font-weight: normal;
	text-align: left;
}

th {
	font-weight: bold;
	text-align: left;
}

/** ------------------------------------------------------ **/
/** ------------------- form ------------------------- **/

form {
	margin: 0px;
	padding: 0px;
}

fieldset {
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	width: auto;
}

legend {
	font-weight: bold;
	padding-bottom: 10px;
}

/*input {
  float: left;
  margin-right: 10px
  }
select {
  float: left;
  margin-right: 10px
  }*/
textarea {
	margin-bottom: 5px;
}

input.buttons {
	float: none;
}

form fieldset div {
	padding-bottom: 0px;
	clear: both;
	overflow: auto;
}

form fieldset p {
	padding-bottom: 10px;
	margin: 0px;
	clear: both;
}

#form1 h3 {
	font-size:2em;
	margin-bottom:20px;
}

label {
	color:#000;
	display: block;
	float: left;
	width: 90%;
	margin-right: 10px;
	/*padding-bottom: 10px;*/
}

#form1 label {
	font-size:1.5em;
}

.nofloat {
	float: none;
	margin-right: 0px;
}

/* hide anti spam box */
.sec-form-field {
	display: none;
}

.error {
	color: #FF0000;
}

.contactInput {
	border: 1px solid #4c4c4c;
	color: #4c4c4c;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	margin-bottom: 11px;
	padding: 0px;
	padding-bottom: 9px;
	padding-top: 9px;
	padding-left: 11px;
	padding-right: 11px;
}

.contactInputLarge {
	width: 326px;
}

* html .contactInputLarge {
	width: 350px;
	w\idth: 326px;
}

.contactInputSmall {
	width: 76px;
}

* html .contactInputSmall {
	width: 100px;
	w\idth: 76px;
}

.submitButton {
	margin-left: 210px;
}

.InputButtonBlue {
	background-color: #005a7e;
	border: 0px;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
	margin-top: 6px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

input:readonly {
	background-color: #ffffff;
	border: 1px solid #bcbcbc;
	color: #bcbcbc;
	cursor: not-allowed;
}

.clearboth {
	clear: both;
}

/** ------------------------------------------------------------ **/
/** ----------------------- news ------------------------------ **/

.news-divider {
	border-bottom: 1px solid #858585;
	clear: both;
}

.archive-link {
	margin-top: 12px;
}

/** ------------------------------------------------------------ **/
/** ----------------------- shop ------------------------------ **/

#price-container .price {
	font-size: 2em;
	font-weight: 600;
	text-transform: uppercase;
}

.price {
	font-size: 1.4em;
}

.blackPrice {}

.blackPriceWas {
	text-decoration: line-through;
}

.redPrice {
	color: #FF0000;
}

.formAdd {
	padding-bottom: 18px;
}

.formAdd input {
	float: none;
	margin-bottom: 10px;
}

.selectOptions {
	clear: both;
	border: 3px solid #151515;
	color: #151515;
	display: block;
	float: none;
	margin-bottom: 10px;
}

#downloads {
	clear: both;
	margin-bottom: 12px;
}

.btn-red {
	background-color: #ED1C24;
	border-color: #ED1C24;
	color: #FFFFFF !important;
	text-decoration: none;
}

.btn-red:hover {
	color: #000 !important;
}

/** ------------------------------------------------------ **/
/** ------------------- filters -------------------------- **/

#filterContainer {
	float: left;
	margin-bottom: 20px;
}

#filterContainer .filterset {
	float: left;
	width: 96%;
}

.filter-h3 {
	font-weight: 400;
	color: #ED1C24 !important;
	font-weight:600;
	margin: 10px 0px 4px 0px;
	text-transform: uppercase;
}

#filterContainer ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	padding-bottom: 8px;
	width: 100%;
}

#filterContainer ul li {
	margin-bottom: 8px;
}

#filterContainer ul li a.filtertag {
	border-bottom: 1px solid #f3f3f3;
	color: #000;
	float: left;
	font-size: 14px;
	font-weight: 300;
	margin: 0px;
	padding: 0px;
	padding-top: 8px;
	padding-right: 25px;
	padding-bottom: 8px;
	padding-left: 5px;
	text-decoration: none;
	/* text-transform: uppercase; */
	width: 100%;
	display: flex;
	line-height: 20px;
}

#filterContainer ul li a.filtertag:hover {
	color: #ED1C24;
	/*background: url(/images/filter-ticked.svg);
	background-repeat: no-repeat;
	background-position: right;
	background-size: 20px;*/
}

#filterContainer ul li a.ticked,
#filterContainer ul li a.ticked:hover {
	color: #ED1C24;
	/*background: url(/images/filter-ticked.svg);
	background-repeat: no-repeat;
	background-position: right;*/
}

#filterContainer ul li a.filtertag:hover,
#filterContainer ul li a.ticked {
	background-color: rgb(237, 28, 36, 0.7);
	color: #fff;
}

#filterContainer ul li a.filtertag:before {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	border-radius: 2px;
	content: "";
	display: block;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	height: 18px;
	width: 18px;
	margin-right: 10px;
	border: 1px solid #000;
}

#filterContainer ul li a.ticked:before {
	border-color: #fff;
	content: url(/images/check.svg);
	color: #ED1C24;
	font-size: 10px;
	line-height: 19px;
	text-align: center;
}

#filter_slider_target {
	margin: 0px 8px 8px 8px;
}

.ft_spanprice {
	color: #555e5e;
	font-size: 14px;
	padding-bottom: 8px;
}

#ft_spanpricemin {
	float: left;
}

#ft_spanpricemax {
	float: right;
}

#filterResultsWrap {
	position: relative;
}

#filterLoading {
	display: none;
	left: 0px;
	position: absolute;
	text-align: center;
	top: 200px;
	width: 100%;
}

/** ------------------------------------------------------ **/
/** ------------- bootstrap overrides -------------------- **/
.form-control,
.btn {
	border-radius: 0;
}

.form-control {
	background-color: transparent;
	/*border: 2px solid #000000;*/
	border:none;
	border-bottom:2px solid #ED1C24;
	margin-bottom:20px;
	height: 32px;
}
#form-subscribe .form-control, .formAdd .form-control {  
	height:auto;
}
#form-subscribe .form-control {
	background-color:#fff;
	border:2px solid #fff;
}

.formAdd .form-control, .basket-quantity .form-control, #formCheckout .form-control, #formCheckout .form-select { 
	border: 2px solid #000;
}
#formCheckout .form-select {
	width:100%;
}
#formCheckout .form-control { 
	margin-bottom:0;
}

textarea.form-control {
	border:2px solid #ED1C24;
}

.btn.disabled,
.btn:disabled {
	cursor: not-allowed;
	opacity: .65;
}

.btn-success {
	color: #fff !important;
	text-decoration: none;
}

.btn-danger {
	background-color: #db1a21;
	color: #ffffff;
}

.btn-danger,
.btn-danger:hover,
.btn-danger:visited,
.btn-warning,
.btn-warning:hover,
.btn-warning:visited,
.btn-dark,
.btn-dark:hover,
.btn-dark:visited,
.btn-success:hover,
.btn-success:visited {
	color: #fff !important;
	text-decoration: none;
}

/** ------------------------------------------------------ **/
/** ------------------- bespoke -------------------------- **/
.bg-black {
	background-color:#1e1e28;
}

.bg-grey {
	background-color: #666;
}

.bg-lightgrey {
	background-color: #e9ecef;	
}

.bg-darkgrey {
	background-color: #151515;
}

.bg-red {
	background-color: #db1a21;
}

.bg-white {
	background-color: #fff;
}

.bg-white {
	background-color: #000;
}

.bg-red a {
	color: #fff;
}
.bg-red a.btn-danger {
	background-color:#fff;
	border-color: transparent;
	color:#1e1e28 !important;
	font-weight:700;
}
.bg-red a.btn-danger:hover {
	background-color:#1e1e28;
	color:#fff !important;
}

.bg-white p,
.bg-white a,
.bg-white a:visited,
.bg-white td,
.bg-white ul li {
	color: #000;
}

.bg-darkgrey p {
	color:#fff;
}

.bg-white a:hover {
	color: #ED1C24;
}

.bg-white p.redtext {
	color: #ED1C24;
}

.cookiesTable {
	font-size: 1.2em;
	margin-bottom: 20px;
}

.cookiesTable td {
	padding: 8px;
}

.product-box h2 {
	font-size: 1.4em;
}

.product-box p {
	color: #000000;
	font-weight: 300;
}

.product-box div.card-body {
	padding: 1.25rem, 1.25rem, 0, 1.25rem;
}

#category-boxes .card,
#category-boxes .card .card-img-top,
#sub-category-boxes .card,
#sub-category-boxes .card .card-img-top,
.card,
.card-img-top {
	border: 0;
	border-radius: 0;
}


#category-boxes .card-body a,
#category-boxes .card-body a:visited,
#sub-category-boxes .card-body .card-range-link,
#sub-category-boxes .card-body .card-range-link:visited {
	color: #fff;
	display: block;
	font-size: 1.4rem;
	font-style:italic;
	font-weight:700;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color 0.2s, color 0.2s;
	width: 90%;
}

#category-boxes .card-body a,
#category-boxes .card-body a:visited {
	padding:0px;
}
#sub-category-boxes .card-body a,
#sub-category-boxes .card-body a:visited {
	padding:10px;
}

#sub-category-boxes .card-body .card-range-link:hover {
	background-color: #fff;
	color: #ED1C24;
}

.blog-list, #sub-category-boxes .card {
	border: 1px solid #e9ecef;
}
.blog-list .blog-title h2 {
	font-size: clamp(1.2rem, 0.9333rem + 0.8889vw, 2rem);
}
#category-boxes .card-body {
	opacity: 1;
	backdrop-filter: blur(6px);
	bottom: 0;
	width: 100%;
	position: absolute;
}
.blog-list:hover, #sub-category-boxes .card:hover {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}


#category-boxes .card-img {
	overflow:hidden;
}
#category-boxes .card-img img {
	transform: scale(1);
	transition: all 1s ease-in-out;
}
#category-boxes .card-img:hover img {
	transform: scale(1.2);
}

#club-motul-home {
	background-image: url(/images/club-motul-home.webp), url(/images/club-motul-home.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

#club-motul-home-content {
	background-color: #000000;
	border: 2px solid #ED1C24;

}

#club-motul-home-content h2 {
	color: #fff;
	font-size: clamp(1.5rem, 1rem + 1.6667vw, 3rem);
	font-weight: 600;
	position: relative;
	text-transform: uppercase;
}

#club-motul-home-content a.btn-danger,
#club-motul-home-content a.btn-danger:visited,
#club-motul-home-content a.btn-danger:hover {
	background-color: #ED1C24;
	color: #ffffff;
	text-decoration: none;
}

.rotate {
	display: inline-block;
	position: absolute;
	transform-origin: 50% bottom;
	transform: rotate(90deg);
	right: 116px;
	top: 37px;
}

#club-motul-home-content h3 {
	color: #fff;
	font-size: 3em;
	font-weight: 400;
	margin-bottom: 20px;
	text-transform: uppercase;
}

#club-motul-home-content p {
	color:#ffffff;
	font-size: clamp(1rem, 0.8667rem + 0.4444vw, 1.4rem);
	font-weight: 300;
}

#page-header {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}


#page-header-text p {
	color:#ffffff;
	font-weight:600;
}

#page-header-text-banner {
	position: absolute;
}

#product-description h1 {
	color: #ED1C24;
	font-size: 3em;
}

#product-description p {
	color: #000000;
	font-weight: 300;
}

#product-description label {
	color: #000000;
	font-size: 1.4em;
	font-weight: 600;
	margin-right: 0;
	width: 100%;
}

#product-files a,
#product-files a:hover,
#product-files a:visited {
	color: #ED1C24;
	font-size:1.2em;
	font-weight: 600;
	text-decoration: none;
}

#product-usp h3 {
	font-size: 1.3em;
	font-weight: 600;
}

#product-features table {
	font-size: 1.1em;
	font-weight: 600;
}

#product-features tr:last-of-type {
	border-bottom: 1px solid #dee2e6;
}

.product-box a {
	text-decoration: none;
}

.product-box-outer {
	border: 0px;
	box-shadow: 0 0px 0px rgb(0 0 0 / 15%);
	transition: box-shadow 0.3s ease-in-out;
}

.product-box-outer:hover {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

#stock-notification {
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.2em;
}

#product-description p.redtext {
	color: #ED1C24;
	font-size: 1.8em;
	font-weight: 600;
}

#product-description p.greentext {
	color: #3f6510;
	font-size: 1.8em;
	font-weight: 600;
}

#product-description p.orangetext {
	color: #ff9d00;
	font-size: 1.8em;
	font-weight: 400;
}

#product-thumbnails .thumbnail a {
	background-color: transparent;
	border: 1px solid #dee2e6;
	display: block;
}

#product-thumbnails .thumbnail a:hover,
#product-thumbnails .thumbnail a.active {
	background-color: transparent;
	border: 1px solid #ED1C24;
}



#shopby-buttons .col {
	position: absolute;
	top:0;
}

#wrapper-lubricant-enquiry p {
	color:#ffffff;
}

/***** START: SLIDER RELATED *****/

#home-slider-wrapper {
	clear: both;
	position: relative;
}

#sliderhome {
	position: relative;
	overflow: hidden;
}

#sliderhome li {
	padding: 0px;
	margin: 0px;
	width: 100%;
	text-align: center;

	/* uncomment below if bxslider is set to fade */
	/* bxslider applies absolute positioning when using fade causing slider to shift to the right in IE7 */
	left: 0px;
}

#sliderhome>div.slider-inner {
	/* uncomment below if bxslider is set to fade */
	/* bxslider applies absolute positioning when using fade causing slider to shift to the right in IE7 */
	left: 0px;
}

#home-slider-wrapper .slider-inner img {
	opacity: 0.1;
	transition: opacity 1.5s cubic-bezier(.19, 1, .22, 1);
}

#home-slider-wrapper .bx-wrapper {

	width: auto !important;
}

#home-slider-wrapper .bx-window {
	width: auto !important;
}

#home-slider-wrapper .bx-controls {
	display: none;
	height: 65px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: -255px;
	width: 976px;
}

#home-slider-wrapper .bx-prev {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 65px;
	height: 65px;
	z-index: 80;
}

#home-slider-wrapper .bx-next {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 65px;
	z-index: 80;
	width: 65px;
}

* html #home-slider-wrapper .bx-next {
	/* This is the Tan hack */
	width: 911px;
	w\idth: 65px;
}


#home-slider-wrapper .bx-controls-direction {
	height: 0px !important;
	position: relative;
}

#home-slider-wrapper #pager {
	color: #FFFFFF;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: -20px;
	width: 80px;
	padding: 0px;
	z-index: 90;
}

.swiper {
	background-color: #000000;
	clear: both;
	position: relative;
	text-align: center;
	width: 100%;
}

.swiper-slide img {
	float:right;
}

.swiper-button-next,
.swiper-button-prev {
	color: #ffffff !important;
}

#sliderhomepager {
	position: absolute;
	bottom: 40px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.swiper-pagination-bullet {
	background: #ffffff !important;
	opacity: 1 !important;
}

.swiper-pagination-bullet-active {
	background: #ED1C24 !important;
	opacity: 1 !important;
}

.slide-text {
	position: absolute;
	left: 20%;
	text-align: left;
	opacity: 0;
	transition: opacity 700ms ease-in;
}

.slide-text.shown {
	opacity: 1;
}

.slide-text h2 {
	color: #fff;
	/*font-size: clamp(2rem, 1.0625rem + 3.125vw, 4.8125rem);*/
	font-size: clamp(1.8rem, 1.2333rem + 1.8889vw, 3.5rem);
	font-style:italic;
	font-weight: 1000;
	text-transform: uppercase;
	text-shadow: 4px 2px 3px rgb(0 0 0 / 60%);
}

.slide-text p {
	color:#ffffff;
	font-size: clamp(1rem, 0.8667rem + 0.4444vw, 1.4rem);
	font-weight:400;
	line-height: 2em;
	margin-bottom: 25px;
	text-shadow: 4px 2px 3px rgb(0 0 0 / 60%);
}

.slide-text a,
.slide-text a:visited {
	border: 2px solid #EB1D25;
	color: #fff;
	font-size: clamp(1rem, 0.8667rem + 0.4444vw, 1.4rem);
	padding: 10px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color 0.2s;
	width: 350px;
}

.slide-text a:hover {
	background-color: #EB1D25;
}


.sliderwrap {
	height: auto;
	max-width: 727px;
	position: relative;
}

.sliderwrap ul {
	max-height: 328px;
	margin: 0px;
	overflow: hidden;
	padding: 0px;
	list-style: none;
}

#slider1 {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#slider1 li {
	width: 100%;
	/* uncomment below if bxslider is set to fade */
	/* bxslider applies absolute positioning when using fade causing slider to shift to the right in IE7 */
	/*left:0px;*/
}

#slider1 li img {
	display: block;
}

#slider1 li div.textarea {
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	height: 68px;
	padding-top: 10px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 300;
}

#slider1 li div.transparent-link {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 302;
}

#slider1 li p {
	text-align: center;
	color: #FFF;
	margin: 0px;
	font-size: 1.5em;
	font-weight: bold;
}

.sliderwrap .bx-prev {
	position: absolute;
	top: 43%;
	left: 4px;
	width: 36px;
	height: 35px;
	text-indent: -999999px;
	z-index: 100;
}

.sliderwrap .bx-next {
	position: absolute;
	top: 43%;
	right: 4px;
	width: 36px;
	height: 35px;
	text-indent: -999999px;
	z-index: 100;
}

#pager {
	color: #FFFFFF;
	display: block;
	left: 5px;
	padding: 0px 3px 0px 7px;
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 100%;
	z-index: 100;
}

#pager a {
	background-color: #FFFFFF;
	color: #ffffff;
	display: inline;
	float: left;
	font-size: 6px;
	margin-right: 4px;
	width: 9px;
	height: 9px;
}

.active {
	/*background-color:#52c2f0 !important;
	color:#52c2f0 !important;*/
}

/***** END: SLIDER RELATED *****/


.menu-sub {
	color: #03729d;
	font-size: 10px;
}

#selectboxes select {
	width: 120px;
}

/*--------------- Club Logo Caousel -------------------
-----------------------------------------------------*/

/*.brand-carousel-item img {
	filter: grayscale(100%);
	opacity:70%;
}*/
#clubs {
	width: 100%;
}

#clubs img {
	max-width: 100%;
}

/*--------------- Brands Footer Logo Caousel -------------------
-----------------------------------------------------*/

#logos {
	width: 100%;
}

#logos img {
	max-width: max-content;
}

/*--------------- Members ------------------------------
-----------------------------------------------------*/

input.InputButtonGreen {
	background-image: url(/2dev/images/button-green.gif);
	background-repeat: repeat-x;
	border: 1px solid #e0e3da;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font-size: 13px;
	font-weight: bold;
	height: 33px;
	margin-right: 5px;
	padding-bottom: 3px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 3px;
	text-decoration: none;
	overflow: visible;
}

input.InputButtonGreen:hover {
	background-color: #97c048;
	background-image: none;
}

a.AbuttonGreen,
a.AbuttonGreen:visited {
	background-image: url(/2dev/images/button-green.gif);
	background-repeat: repeat-x;
	border: 1px solid #e0e3da;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 13px;
	font-weight: bold;
	height: 15px;
	margin-right: 5px;
	padding-bottom: 8px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 8px;
	text-decoration: none;
	overflow: visible;
}

* html a.AbuttonGreen,
* html a.AbuttonGreen:visited {
	height: 33px;
	he\ight: 15px;
}

a.AbuttonGreen:hover {
	background-color: #97c048;
	background-image: none;
}


input.InputButtonOrange {
	background-image: url(/2dev/images/button-orange.gif);
	background-repeat: repeat-x;
	border: 1px solid #e0e3da;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	font-size: 13px;
	font-weight: bold;
	height: 33px;
	margin-right: 5px;
	padding-bottom: 3px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 3px;
	text-decoration: none;
	overflow: visible;
}

input.InputButtonOrange:hover {
	background-color: #FF9900;
	background-image: none;
}

a.AbuttonOrange,
a.AbuttonOrange:visited {
	background-image: url(/2dev/images/button-orange.gif);
	background-repeat: repeat-x;
	border: 1px solid #e0e3da;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 13px;
	font-weight: bold;
	height: 15px;
	margin-right: 5px;
	padding-bottom: 8px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 8px;
	text-decoration: none;
	overflow: visible;
}

* html a.AbuttonOrange,
* html a.AbuttonOrange:visited {
	height: 33px;
	he\ight: 15px;
}

a.AbuttonOrange:hover {
	background-color: #97c048;
	background-image: none;
}

a.AbuttonRed,
a.AbuttonRed:visited {
	background-image: url(/2dev/images/button-red.gif);
	background-repeat: repeat-x;
	border: 1px solid #e0e3da;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 13px;
	font-weight: bold;
	height: 15px;
	margin-right: 5px;
	padding-bottom: 8px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 8px;
	text-decoration: none;
	overflow: visible;
}

* html a.AbuttonRed,
* html a.AbuttonRed:visited {
	height: 33px;
	he\ight: 15px;
}

a.AbuttonRed:hover {
	background-color: #bf140e;
	background-image: none;
}

.Padd {
	margin-top: 12px;
}

.card-img {
	position: relative;
}

.card-img .quick-buy {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(237, 28, 36, 0.5);
	transition: background-color 0.2s;
	opacity: 0;
}

.card-img .quick-buy:hover {
	opacity: 1;
}

.card-img .quick-buy a {
	background-color: #fff;
	color: #000;
	margin: 0 auto;
	width: 90%;
}

.card-img .dropshadow-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	transition: background-color 0.2s;
	opacity: 0;
}

.card-img .dropshadow-img:hover {
	opacity: 1;
}

#product-overlay {
	background: rgb(0, 0, 0), transparent;
	background: rgba(0, 0, 0, 0.61);
	display: none;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1200;
}

#product-overlay h2 {
	font-size: 2.1em;
}

#quick-buy-close {
	cursor: pointer;
	position: absolute;
	right: 15px;
	top: 15px;
}

#quick-buy-container {
	z-index: 1300;
}

#quick-buy-ref,
#quick-buy-member-price {
	text-transform: uppercase;
}

#qty-box {
	min-width: 116px;
}

/*--------------- Secure ------------------------------
-----------------------------------------------------*/

#checkout-steps-container {
	border-top: 1px solid #b8c9d8;
	border-bottom: solid 1px #b8c9d8;
	margin-bottom: 18px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.checkout-steps {
	float: left;
	padding-left: 19px;
	padding-top: 27px;
	padding-bottom: 29px;
}

.checkout-steps-odd {
	background-color: #eff3f7;
	width: 176px;
}

* html .checkout-steps-odd {
	width: 195px;
	w\idth: 176px;
}

.checkout-steps-even {
	background-color: #ffffff;
	width: 176px;
}

* html .checkout-steps-even {
	width: 195px;
	w\idth: 176px;
}

.checkout-number {
	color: #1AA4EC;
	float: left;
	font-size: 42px;
	font-weight: bold;
	line-height: 42px;
	width: 46px;
}

.checkout-text {
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}

.checkout-text-single {
	padding-top: 9px;
}

#checkout-help-text {
	padding-left: 18px;
}



#forgotten-password {
	margin-top: 10px;
	margin-bottom: 0px;
	margin-right: 10px;
	float: right;
	width: 150px;
}

#forgotten-password a,
#forgotten-password a:visited {
	color: #787878;
	text-decoration: none;
}

#forgotten-password a:hover {
	text-decoration: underline;
}

.headRightAlign {
	text-align: right !important;
	padding-right: 0px !important;
}

.back {
	background-color: #ff0033;
	float: left;
	text-align: center !important;
	width: 166px;
	height: 33px;
}

.aBack,
.aBack:visited {
	color: #FFFFFF !important;
	display: block;
	height: 25px;
	padding-top: 8px !important;
	text-decoration: none;
	width: 121px;
}

#formCheckout label,
#formCheckout {
	color: #000;
}
#formCheckout h2 {
	font-size: 1.5rem;
    font-weight: 700;
}
#formCheckout h3 {
	font-size: 1.2rem;
    font-weight: 700;
}
#formCheckout p {
	font-size: 1rem;
}

/***** START: SHOPPING BASKET RELATED *****/

div.tableBasket {
	width: 100%;
	margin-top: 20px;
}

div.tableBasket caption {
	display: none;
}

div.tableBasket div.basketCol1 {
	width: 976px;
}

div.tableBasket div.basketCol2 {
	float: left;
	padding: 5px;
	padding-right: 10px;
	width: 473px;
}

* html div.tableBasket div.basketCol2 {
	width: 488px;
	w\idth: 473px;
}

div.tableBasket div.basketCol3 {
	float: left;
	padding: 5px;
	padding-right: 10px;
	width: 297px;
}

* html div.tableBasket div.basketCol3 {
	width: 312px;
	w\idth: 297px;
}

div.tableBasket div.basketCol6 {
	float: left;
	padding: 5px;
	padding-right: 10px;
	width: 131px;
}

* html div.tableBasket div.basketCol6 {
	width: 146px;
	w\idth: 131px;
}

div.tableBasket div.basketCol7 {
	float: left;
	padding: 5px;
	padding-right: 10px;
	width: 109px;
}

* html div.tableBasket div.basketCol7 {
	width: 124px;
	w\idth: 109px;
}

#basketUpdate {
	margin-left: 582px;
}

.totalRowMargin {
	margin-left: 394px;
}

#basketCheckout {
	float: right;
}

#coupon {
	width: 100px;
}

#shopping-basket {
	display: contents;
}

#shopping-basket div.basket-column {
	float: left;
}

#shopping-basket div.basket-column span {
	font-weight:600;
}

.text-navy {
	color: #1ab394;
}

.cart-product-imitation {
	text-align: center;
	/*padding-top: 30px;
  height: 80px;
  width: 80px;*/
	background-color: #f8f8f9;
}

.product-imitation.xl {
	padding: 120px 0;
}

.product-desc {
	padding: 20px;
	position: relative;
}

.ecommerce .tag-list {
	padding: 0;
}

.ecommerce .fa-star {
	color: #d1dade;
}

.ecommerce .fa-star.active {
	color: #f8ac59;
}

.ecommerce .note-editor {
	border: 1px solid #e7eaec;
}

table.shoping-cart-table {
	margin-bottom: 0;
}

table.shoping-cart-table tr td {
	border: none;
	text-align: right;
}

table.shoping-cart-table tr td.desc,
table.shoping-cart-table tr td:first-child {
	text-align: left;
}

table.shoping-cart-table tr td:last-child {
	width: 110px;
}

table.shoping-cart-table tr td.desc h3 {
	color: #000000;
	font-size: 1.4em;
}

table.shoping-cart-table tr td.desc h3 a,
table.shoping-cart-table tr td.desc h3 a:hover,
table.shoping-cart-table tr td.desc h3 a:visited {
	color: #000000;
	text-decoration: none;
}

table.shoping-cart-table tr .basket-image img {
	max-width: 85px;
}

table.shoping-cart-table tr .basket-item-price span,
table.shoping-cart-table tr .basket-subtotal span {
	display: none;
}

h1.basket-page-heading {
	font-size: 3em;
}



.ibox {
	clear: both;
	margin-bottom: 25px;
	margin-top: 0;
	padding: 0;
	padding: 3px;
	background-color: #151515;
}

.ibox.collapsed .ibox-content {
	display: none;
}

.ibox:after,
.ibox:before {
	display: table;
}

.ibox-title {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #ffffff;
	border-color: #e7eaec;
	border-image: none;
	border-style: solid solid none;
	border-width: 3px 0 0;
	color: inherit;
	margin-bottom: 0;
	padding: 14px 15px 7px;
	min-height: 48px;
}

.ibox-content {
	background-color: #ffffff;
	color: inherit;
	padding: 15px 20px 20px 20px;
	border-color: #e7eaec;
	border-image: none;
	border-style: solid solid none;
	border-width: 1px 0;
}

.ibox-footer {
	color: inherit;
	border-top: 1px solid #e7eaec;
	font-size: 90%;
	background: #ffffff;
	padding: 10px 15px;
}

.ibox a.btn-white,
.ibox a.btn-white:hover,
.ibox a.btn-white:visited {
	text-decoration: none;
}

table.shoping-cart-table tr td.desc p.small {
	font-size: 1.3em;
	margin-bottom: 15px;
}

table.shoping-cart-table tr td.desc p.small {
	font-size: 1em;
}



.ibox-content a.btn-danger,
.ibox-content a.btn-danger:visited,
.ibox-content a.btn-danger:hover {
	background-color: #ED1C24;
	color: #fff;
	font-size: 1.3em;
	text-decoration: none;
}

.ibox-content a.btn-success,
.ibox-content a.btn-success:visited,
.ibox-content a.btn-success:hover {
	color: #fff;
	font-size: 1.3em;
	text-decoration: none;
}

.ibox-content div.m-t-sm a,
.ibox-content div.m-t-sm a:visited,
.ibox-content div.m_t-sm a:hover {
	color: #fff;
	font-size: 1.3em;
	text-decoration: none;
}

.ibox-content div.m-t-sm a.btn-danger,
.ibox-content div.m-t-sm a.btn-danger:visited,
.ibox-content div.m_t-sm a.btn-danger:hover {
	background-color: #ED1C24;
	color: #fff;
	font-size: 1.2em;
}

#pdf-loading {
	display: none;
}

/***** START: CONFIRMATION BASKET RELATED *****/

.shBasket {
	color: #000;
}

div#checkoutBasket {
	margin-top: 20px;
	width: 100%;
}

div#checkoutBasket div.productRow {
	border-bottom: 0px !important;
}

div#checkoutBasket div.basketCol1 {
	clear: none;
	width: 467px;
}

div#checkoutBasket div.basketCol2 {
	clear: none;
	float: left;
	padding: 5px;
	padding-right: 10px;
	width: 223px;
}

* html div#checkoutBasket div.basketCol2 {
	width: 238px;
	w\idth: 223px;
}

div#checkoutBasket div.basketCol3 {
	clear: none;
	float: left;
	padding: 5px;
	padding-right: 10px;
	width: 137px;
}

* html div#checkoutBasket div.basketCol3 {
	width: 152px;
	w\idth: 137px;
}

div#checkoutBasket div.basketCol4 {
	clear: none;
	float: left;
	padding: 5px;
	padding-right: 10px;
	width: 109px;
}

* html div#checkoutBasket div.basketCol4 {
	width: 124px;
	w\idth: 109px;
}

div#checkoutBasket div.checkoutQty {
	width: 52px;
}

* html .checkoutQty {
	width: 67px;
	w\idth: 52px;
}

div#checkoutBasket div#checkoutCoupon {
	width: 452px;
}

* html #checkoutCoupon {
	width: 467px;
	w\idth: 452px;
}

div#checkoutBasket div.totalRow div.basketCol2 {
	width: 328px;
}

* html div#checkoutBasket div.totalRow div.basketCol2 {
	width: 343px;
	w\idth: 328px
}

/***** START: SECURE HOSTING BASKET RELATED *****/

div.shBasket {
	margin-top: 20px;
	width: 100%;
}

div.shBasket div.basketHeading {
	padding-bottom: 8px;
}

div.shBasket div.basketCol2 {
	padding-left: 0.5%;
	padding-right: 1%;
	width: 48%;
}

div.shBasket div.basketCol3 {
	padding-left: 0.5%;
	padding-right: 1%;
	width: 30%;
}

div.shBasket div.basketCol4 {
	padding-left: 0.5%;
	padding-right: 1%;
	width: 23%;
}

a#checkout-confirmation-continue,
a#checkout-confirmation-continue:visited,
a#checkout-confirmation-continue:hover {
	color: #fff;
	text-decoration: none;
}


table.tableBasket {
	border: none;
	border-spacing: 0px;
	border-collapse: collapse;
	margin-top: 20px;
}

table.tableBasket caption {
	display: none;
}

table.tableBasket th,
table.tableBasket td {
	border: 0px;
	margin: 0px;
	padding: 5px;
	padding-right: 10px;
}

table.tableBasket th {
	font-weight: bold;
}

.basketHeading {
	border-bottom: 1px solid #000000;
	font-weight: 600;
    font-size: 1.2em;
}

.basketP {
	margin-top: 6px;
}

a.AbuttonBasket,
a.AbuttonBasket:visited {
	border: 0px;
	background-color: #EB1D25;
	color: #FFFFFF;
	font-size: 0.85em;
	font-weight: bold;
	margin: 0px;
	padding-bottom: 2px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 3px;
	text-decoration: none;
}

a.AbuttonBasket:hover {
	border: 0px;
	background-color: #EB1D25;
	color: #FFFFFF;
	font-size: 0.85em;
	font-weight: bold;
	margin: 0px;
	padding-bottom: 2px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 3px;
	text-decoration: none;
}

.productRow {
	border-bottom: 1px solid #999999;
}

.inputQty {
	border: 1px solid #4c4c4c;
	margin: 0px;
	float: right;
	padding: 2px;
	width: 25px;
}

#head-buy-tickets-secure {
	background-color: #303032;
	background-repeat: no-repeat;
	background-position: right;
	margin-right: 6px;
	padding-left: 17px;
	width: 110px;
}

* html #head-buy-tickets-secure {
	width: 127px;
	w\idth: 110px;
}

.divBasketSnapshot {
	background-position: bottom right;
	background-repeat: no-repeat;
	border: 1px solid #333333;
	margin-top: 13px;
	margin-bottom: 20px;
	padding-top: 15px;
	padding-left: 14px;
	padding-bottom: 18px;
}

.divBasketSnapshotItems,
.divBasketSnapshotTotal {
	margin-bottom: 12px;
}

.divBasketSnapshotView {
	background-color: #ee0e90;
	color: #FFFFFF !important;
	font-weight: bold;
	display: block;
	margin-bottom: 11px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
	text-decoration: none;
	width: 124px;
}

.divBasketSnapshotCheckout {
	background-color: #1aa4ec;
	color: #FFFFFF !important;
	font-weight: bold;
	display: block;
	margin: 0px;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
	text-decoration: none;
	width: 124px;
}

.price {
	font-size: 1.3em;
	font-weight: bold;
}

.indPrice {
	font-size: 1.6em;
	font-weight: bold;
}

.product-divider {
	background-repeat: no-repeat;
	clear: both;
	height: 10px;
	margin-bottom: 15px;
	margin-top: 15px;
}

.buttonBasket {
	background-color: #EB1D25;
	border: 0px;
	clear: both;
	color: #ffffff;
	cursor: pointer;
	padding-left: 12px;
	padding-right: 12px;
}

.buttonBasket:hover {
	color: #ffffff;
}

.buttonStyle {
	border: 0px;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	text-align: right;
	/* remove iPad/iPhone styling */
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
}

.update {
	background-color: #3a3e47;
	border: 0px;
	color: #FFFFFF;
	cursor: pointer;
	float: right;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	margin-top: 4px;
	padding: 0px;
	text-align: center;
	height: 25px;
	width: 109px;
	/* remove iPad/iPhone styling */
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
}

.remove {
	background-color: #FF3300;
	color: #FFFFFF;
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding-top: 4px;
	text-align: center;
	text-decoration: none;
	width: 74px;
	height: 19px;
}

* html .remove {
	height: 23px;
	he\ight: 21px;
	width: 82px;
	w\idth: 75px;
}

.shopBack {
	background-color: #3a3e47;
	color: #FFFFFF !important;
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding-top: 9px;
	padding-left: 7px;
	padding-right: 7px;
	text-align: center;
	text-decoration: none;
	width: 129px;
	height: 24px;
}

* html .shopBack {
	width: 98px;
	w\idth: 84px;
}

.checkout {
	background-color: #66CC00;
	border: 0px;
	color: #FFFFFF !important;
	cursor: pointer;
	display: block;
	float: right;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	padding-top: 9px;
	text-align: center;
	text-decoration: none !important;
	height: 24px;
	width: 148px;
}

* html .checkout {
	height: 33px;
	he\ight: 24px;
	width: 203px;
	w\idth: 148px;
}

#checkout-container input {
	margin: 0px;
	margin-bottom: 12px;
	margin-right: 10px;
}

.tableBasket {
	color: #4D4D4D;
}

.tdProductImage {
	border-right: 0px;
}

.tdProductName {
	border-left: 0px;
}

.tdExtraTopPadding {
	padding-top: 20px !important;
}

.tdAlignRight {
	text-align: right;
}

.tdAlignCenter {
	text-align: center;
}

.vAlignMiddle {
	display: table-cell;
	vertical-align: middle;
}

.vAlignMiddle label {
	display: inline;
	float: none;
}

.vAlignMiddle input {
	float: none;
	margin-bottom: 0px;
}

#coupon-box {
	border-bottom: 1px solid #000000 !important;
}

.totalRow {
	color: #333333;
}

.addButton {
	background-color: #66CC00;
	font-size: 12px;
	margin-left: 10px;
	text-align: center;
	width: 129px;
	height: 26px;
}

/*th{
	border-width:0px;
}	

*/

#checkout-container h2 {
	color: #1AA4EC;
	font-size: 1.2em;
	margin-bottom: 18px;
}

#checkout-container fieldset {
	border: 0px;
	margin: 0px;
	margin-bottom: 16px;
	padding: 0px;
}

#checkout-container legend {
	margin: 0px;
	padding: 0px;
	padding-bottom: 16px;

}

/*#checkout-container label{
	width:90%;
}*/
#checkout-container select {
	float: none;
	margin-right: 0px;
}

#cardstartmonth,
#cardstartyear,
#cardexpiremonth,
#cardexpireyear {
	border: 1px solid #4c4c4c;
	margin-left: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 8px;
	padding-right: 8px;
}

#cv2,
#switchnumber {
	width: 57px !important;
}

div.divRegisterOptIn {
	padding-top: 10px;
}

div.divRegisterOptIn label {
	width: 400px;
}

#checkout-container {
	background-position: 480px;
	background-repeat: repeat-y;
	margin-top: 20px;
	width: 976px;
}

#checkout-left-col label,
#checkout-right-col label {
	width: 97px;
}

#checkout-left-col .largeLabels label,
#checkout-right-col .largeLabels label {
	width: 300px;
}

.continue-large {
	float: right;
	height: 33px;
	text-align: center;
	width: 196px;
}

.continue {
	float: right;
	height: 33px;
	text-align: center;
	width: 148px;
}

.shop-cat {
	float: left;
	margin-right: 20px;
	width: 230px;
}

.subcatImage {
	background-color: #393939;
	height: 190px;
	overflow: hidden;
}

.shop-cat a,
.shop-cat a:visited {
	font-size: 1.6em;
	font-weight: bold;
	line-height: 2.0em;
	text-decoration: none;
}

.shop-cat-last {
	margin-right: 0px;
}

/* Homeboxes */
#homeboxes {
	background-repeat: repeat-y;
	width: 976px;
}

#homebox-left {
	float: left;
	padding-left: 11px;
	padding-right: 15px;
	width: 300px;
}

* html #homebox-left {
	/* This is the Tan hack */
	width: 326px;
	w\idth: 300px;
}

#homebox-center {
	float: left;
	padding-left: 12px;
	padding-right: 13px;
	width: 300px;
}

* html #homebox-center {
	/* This is the Tan hack */
	width: 325px;
	w\idth: 300px;
}

#homebox-right {
	float: left;
	padding-left: 14px;
	padding-right: 11px;
	width: 300px;
}

* html #homebox-right {
	/* This is the Tan hack */
	width: 325px;
	w\idth: 300px;
}


/* news */

#news-home-heading h2 {
	font-size: clamp(2rem, 1.4167rem + 1.9444vw, 3.75rem);
	font-style: italic;
    font-weight: 1000;
	text-align:center;
}

#news-home a.btn-danger {
	max-width: 200px;
    margin: 0 auto;
}

.newsitem {
	float: left;
	position: relative;
	width: 300px;
	margin-right: 38px;
	margin-bottom: 18px;
}

.newsitemlast {
	margin-right: 0px !important;
}

.newsimage {
	display: block;
	height: 240px;
	overflow: hidden;
	width: 300px;
}

.newsdate {
	background-repeat: no-repeat;
	position: absolute;
	top: 20px;
	left: 240px;
	text-align: center;
	height: 85px;
	width: 60px;
}

.newsdatenumber {
	padding-top: 10px;
	padding-left: 10px;
	color: #ffffff;
	display: block;
	font-size: 1.6em;
	font-weight: bold;
}

.newsdatemonth {
	color: #ec2523;
	display: block;
	font-size: 1.2em;
	padding-left: 10px;
}

.newsitem h2 {
	font-size: 1.7em;
	margin-top: 6px;
	margin-bottom: 8px;
}


/** -------------------------------------------------------------------- **/
/** ------------------- Events -------------------------- **/

#eventscrollwrap .bx-prev,
#events-eventscrollwrap .bx-prev {
	position: absolute;
	top: 117px;
	left: 0px;
	width: 36px;
	height: 36px;
	text-indent: -999999px;
	z-index: 100;
}

#eventscrollwrap .bx-next,
#events-eventscrollwrap .bx-next {
	position: absolute;
	top: 117px;
	right: 20px;
	width: 36px;
	height: 36px;
	text-indent: -999999px;
	z-index: 100;
}

/** -------------------------------------------------------------------- **/
/** ------------------- events box 3 per row -------------------------- **/

.event {
	background-color: #081823;
	float: left;
	height: 363px;
	margin-bottom: 12px;
	margin-right: 18px;
	position: relative;
	width: 230px;
}

.event img {
	display: block;
	width: 230px;
	overflow: hidden;
}

.event-info {
	padding-left: 8px;
	padding-right: 6px;
}

.event h2,
.event-full-width h2 {
	color: #6BAC16;
	font-size: 15px;
	/*font-size:17px;*/
	margin-bottom: 10px;
	padding-top: 6px;
}

.event-image {
	height: 153px;
	overflow: hidden;
}

.event-image-full-width {
	float: left;
	height: 319px;
	margin-right: 10px;
	overflow: hidden;
}

.event-date {
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
}

.event-description {
	color: #FFFFFF;
	font-size: 13px;
}

.events-links {
	padding-left: 8px;
	padding-right: 8px;
	position: absolute;
	bottom: 10px;
	left: 0px;
}

.events-links a,
.events-links a:visited,
.events-links-full-width a,
.events-links-full-width a:visited {
	border: 1px solid #FF9900;
	color: #FFFFFF;
	display: inline-block;
	text-decoration: none;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.events-links a:hover,
.events-links-full-width a:hover {
	background-color: #FF9900;
}

.book-tickets {
	background-color: #ee6800;
}

.more-info {
	background-color: #999999;
	border: 1px solid #666666 !important;
}

.more-info {
	color: #ffffff !important;
}


.event-last {
	margin-right: 0px;
	margin-left: 1px;
}

.dailyevent {
	height: 400px;
}

.events-heading {
	clear: both;
	color: #6BAC16;
	display: block;
	font-size: 32px;
	font-weight: bold;
	letter-spacing: -2px;
	padding: 0px;
	margin-bottom: 12px;
	margin-top: 10px;
}

/** -------------------------------------------------------------------- **/
/** ------------------- events box 1 per row -------------------------- **/

.event-full-width {
	background-color: #081823;
	height: 319px;
	margin-bottom: 7px;
	position: relative;
}

.events-links-full-width {
	padding-left: 8px;
	padding-right: 6px;
	position: absolute;
	bottom: 10px;
	right: 0px;
}

.findoutmorecontainer a,
.findoutmorecontainer a:visited {
	background-color: #6bac16;
}


.whatsonslide {
	position: relative;
}

.whatsonslide div {
	position: absolute !important;
	left: 12px !important;
	bottom: 12px !important;
	top: auto !important;
}

/*#datepicker{
	margin-bottom:30px;
}	*/

.date-months {
	padding-left: 3px;
}

.date-months a,
.date-months a:visited {
	background-color: #f9f9f9;
	border: 1px solid #dddddd;
	color: #ee6800;
	display: inline-block;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 2px;
	margin-right: 2px;
	padding: 4px;
	text-decoration: none;
	width: 25px;
}

* html .date-months a,
* html .date-months a:visited {
	width: 35px;
	w\idth: 25px;
}

.date-months a:hover,
#years-container a:hover {
	background-color: #ee6800;
	border: 1px solid #61910a;
	color: #ffffff;
}

#months-container,
#years-container {
	border: 1px solid #dddddd;
	margin-top: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}

#years-container {
	margin-bottom: 4px;
	margin-top: 12px;
	padding-left: 3px;
}

#years-container a,
#years-container a:visited {
	background-color: #f9f9f9;
	border: 1px solid #dddddd;
	color: #ee6800;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	height: 17px;
	margin: 0px;
	margin-right: 4px;
	padding: 0px;
	padding-top: 4px;
	text-align: center;
	text-decoration: none;
	width: 107px;
}

* html #years-container a,
* html #years-container a:visited {
	height: 21px;
	he\ight: 17px;
}

#divMap {
	padding-top: 30px;
	padding-bottom: 30px;
}

#divMapCanvas {
	width: 645px;
	height: 460px;
	border: none;
	overflow: hidden;
	margin: 0px;
}

.clublogo img {
	position: absolute;
	right: 20px;
	max-width: 100px;
	height: auto;
	width: 100%;
}

#mobile-actions {
	display: none;
}

.blog-title a,
.blog-title a:visited {
	color: #ED1C24;
	text-decoration: none;
}
#wrapper-lubricant-enquiry h3 {
	color:#fff;
}
#wrapper-subscribers h3, #wrapper-lubricant-enquiry h3 {
	font-size: 1.6em;
}

#wrapper-subscribers p {
	color:#fff;
	font-size: 1.2em;
	font-weight: 300;
}

#mobile-login-banner {
	display: none;
}

.breadcrumbs {
	color: #000;
	font-size: 1.2em;
}

.breadcrumb-item {
	font-weight:600;
}
.breadcrumb-item a,
#breadcrumb-item a:visited {
	color: #000;
	text-decoration: none;
}

.breadcrumb-item a:hover {
	color: #ED1C24
}

/* Responsive CSS */
@media(max-width: 2250px) {
	.slide-text {
		left:15%
	}
}
@media(max-width: 1920px) {
	.slide-text {
		left:9%
	}
}

@media(max-width: 1520px) {
	.slide-text {
		left:1%;
	}
}


@media(max-width: 1400px) {

	#navigation ul li a,
	#navigation ul li a:visited {
		padding-left: 18px;
		padding-right: 18px;
	}
	#wrapper-navigation {
		justify-content: center!important;
	}
	

	#clubmotul-login-logo {
		display: none;
	}

	#mobile-login-banner {
		display: flex !important;
		padding-left: 15px;
		padding-right: 15px;
	}

	#login-logo img {
		height: auto;
		width: 60px;
	}

	#login-logout a,
	#login-logout a:visited {
		text-decoration: none;
	}
}

@media(max-width: 1200px) {

	#navigation ul li a,
	#navigation ul li a:visited {
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media(max-width: 1024px) {
	#header_graphic {
		z-index: 600;
	}
	#header_graphic img {
		width:324px;
	}

	#wrapper-header {
		/*height: 85px;*/
		padding-bottom: 10px;
		padding-top: 10px;
	}

	#wrapper-navigation {
		display: block !important;
		position: absolute;
		width: 100%;
		left: 0;
		top: 78px;
		z-index: 100;
		flex: 0 0 100%;
		max-width: 100%;
	}

	#navigation ul li div.subnav {
		width:100%;
	}

	#header-right {
		display: none !important;
	}

	#mobile-actions {
		display: block;
		float: right;
		padding-top: 26px;
		width: auto;
	}

	#mobile-actions div {
		float: right;
		margin-left: 15px;
	}

	img:not(.card-icon) {
		height: auto;
		width: 100%;
	}

	#nav-icon-tablet {
		display: block;
	}

	#nav-icon, #nav-icon-tablet {
		width: 32px;
		height: 26px;
		position: relative;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
	}
	#nav-icon span {
		background: #000000;
	}
	#nav-icon-tablet span {
		background: #ffffff;
	}
	#nav-icon span, #nav-icon-tablet span {
		display: block;
		position: absolute;
		height: 2px;
		max-width:32px;
		width: 100%;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

	#nav-icon span:nth-child(1), #nav-icon-tablet span:nth-child(1) {
		top: 2px;
	}

	#nav-icon span:nth-child(2),
	#nav-icon span:nth-child(3), #nav-icon-tablet span:nth-child(2),
	#nav-icon-tablet span:nth-child(3) {
		top: 13px;
	}

	#nav-icon span:nth-child(4), #nav-icon-tablet span:nth-child(4) {
		top: 24px;
	}

	#nav-icon.open span:nth-child(1), #nav-icon-tablet.open span:nth-child(1) {
		top: 18px;
		width: 0%;
		left: 50%;
	}

	#nav-icon.open span:nth-child(2), #nav-icon-tablet.open span:nth-child(2) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	#nav-icon.open span:nth-child(3), #nav-icon-tablet.open span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	#nav-icon.open span:nth-child(4), #nav-icon-tablet.open span:nth-child(4) {
		top: 18px;
		width: 0%;
		left: 50%;
	}

	#head-basket,
	#head-right {
		display: none;
	}

	#navigation {
		width: 100%;
	}

	#navigation ul {
		height: auto;
		width: 100%;
	}

	#navigation ul li {
		height: auto;
		width: 100%;
	}

	#navigation ul li a {
		width: 100%;
		padding-bottom: 10px;
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 10px;
		text-align: left;
	}

	#navigation ul li div.subnav {
		position: static;
	}

	#navigation ul li div.subnav div.col-md-8 {
		flex: 0 0 100%;
		max-width: 100%;
		padding-top: 20px;
	}

	#navigation ul li div.subnav ul {
		width: 100%;
	}

	#navigation ul li div.subnav ul div div div.subnav-column {
		display: block;
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
	}

	.closed {
		display: none;
	}

	.open {
		display: block !important;
	}

	#club-motul-home-content img {
		max-width: 324px;
	}

	#foot-logo {
		max-width: 155px;
	}

	#fiva-logo {
		max-width: 147px;
	}

	#FBHVC-logo {
		max-width: 134px;
	}

	/*.slide-text h2 {
    	font-size: 2.5em;
	}*/

	table.shoping-cart-table,
	table.shoping-cart-table tbody,
	table.shoping-cart-table tr,
	table.shoping-cart-table tr td {
		display: block;
	}

	table.shoping-cart-table tr .basket-image {
		float: left;
		width: 34%;
	}

	table.shoping-cart-table tr .desc {
		float: left;
		width: 66%;
	}

	table.shoping-cart-table tr .basket-item-price span,
	table.shoping-cart-table tr .basket-subtotal span {
		display: inline-block;
	}

	table.shoping-cart-table tr .basket-item-price,
	table.shoping-cart-table tr .basket-subtotal,
	table.shoping-cart-table tr td:last-child {
		width: 66%;
		margin-left: 34%;
		text-align: left;
	}

	table.shoping-cart-table tr .basket-quantity {
		width: 33%;
		margin-left: 34%;
		text-align: left;
	}

	#accepted-card-visa {
		width: 70px;
		height: 45px;
	}

	#accepted-card-mastercard {
		width: 70px;
		height: 60px;
	}

	#accepted-card-maestro {
		width: 70px;
		height: 60px;
	}

	#accepted-card-amex {
		width: 60px;
		height: 60px;
	}

	#accepted-card-apple {
		width: 50px;
		height: 30px;
	}

	#accepted-card-google {
		width: 100px;
		height: 70px;
	}

}

@media (max-width: 768px) {
	#footerright {
		float: none;
	}

	#header_graphic img {
		margin-left: 0 !important;
		width: 232px;
	}


	#mobile-actions {
		padding-top: 15px;
	}

	#wrapper-navigation, #mobile-search-container {
		top: 57px;
	}
	
}

@media (max-width: 767px) {

	h1,
	#product-description h1 {
		font-size: 4.6em;
	}

	#filterContainer {
		display: none;
	}

	#filterContainer .filterset {
		width: 100%;
	}

	#wrapper-subscribers p {
		margin-bottom:12px;
	}

	.slide-text h2 {
		margin-bottom:30px;
	}

	.slide-text p {
		display:none;
	}

	#header-delivery-statement {
		display: none;
	}

	#nav-icon-tablet {
		display: none;
	}
	#nav-icon {
		display: block;

	}
	#head-search {
		float:left !important;
		width:100%;
	}

	#wrapper-navigation, #mobile-search-container {
		top: 143px;
	}

	#nav-icon span:nth-child(1), #nav-icon-tablet span:nth-child(1), #nav-icon span:nth-child(2), #nav-icon span:nth-child(3), #nav-icon-tablet span:nth-child(2), #nav-icon-tablet span:nth-child(3), #nav-icon span:nth-child(4), #nav-icon-tablet span:nth-child(4) {
		left:auto;
		right:0;
	}
	#mobile-actions {
		padding-right: 0px;
	}
}

@media (max-width: 575px) {

	#header_graphic {
		z-index: 700;
	}

	h1,
	#product-description h1 {
		font-size: 3.4em;
	}

	#social-links .float-right {
		float: none !important;
		padding: 0
	}

	#social-links .float-right li:first-child {
		margin-left: 0px;
	}


	table.shoping-cart-table,
	table.shoping-cart-table tbody,
	table.shoping-cart-table tr,
	table.shoping-cart-table tr td {
		display: block;
	}

	table.shoping-cart-table tr td {
		float: left;
		width: 50%;
	}

	#basket-checkoutbtn,
	#basket-continuebtn {
		width: 100%;
	}

	#basket-checkoutbtn {
		margin-bottom: .5rem !important;
	}

	#login-logo img {
		height: auto;
		width: 30px;
	}
	
	#footerright h3, #footerright ul li {
		text-align:center;
	}
	
	#footerright {
        width: auto !important;
    }

}

@media (max-width: 480px) {

	h1,
	#product-description h1 {
		font-size: 2.8em;
	}

	h2 {
		font-size: 1.8em;
	}

	.breadcrumb-item {
		font-size: 1em;
	}

	#club-motul-home-content h3 {
		font-size: 1.8em;
	}

	#foot-logo {
		margin-right: 4% !important;
	}

	/*#foot-logo,
	#fiva-logo,
	#FBHVC-logo {
		margin-bottom: 40px;
		width: 47%;
	}*/
}