/* Variables */
/* Orientation Related */
@media (orientation: portrait) {
	:root {
		--master-unit: 1vw;
		--master-unit-2: 2vw;
		--master-unit-15: 15vw;
		--master-unit-30: 30vw;
		--master-unit-100: 98vw;
	}
	
	#cartDiv {
		flex-wrap: wrap;
	}
	
	#cartForm {
		order: 1;
	}
	
	#productRecordPanel {
		display: flex;
    	flex-direction: column;
	}

}

@media (orientation: landscape) {
	:root {
		--master-unit: 1vh;
		--master-unit-2: 2vh;
		--master-unit-15: 15vh;
		--master-unit-30: 30vh;
		--master-unit-100: 98vh;
	}
	
	#filterPanel {
		max-width: 190px;
	}
	
	#productRecordPanel {
		display: flex;
    	flex-direction: row;
	}

}
/* Remainder */
:root {
	/* Colours */
	--btx-orange: #ff6720;
	--btx-black: #222223;
	--btx-white: #F5F5F5;
	--btx-blue: #0066b3;
	--btx-logo-back: #e7e7e7;
	--fw-orange: #ffb900;
	/* Indicator Colours */
	--btx-inStock: #008450;
	--btx-remStock: #efb700;
	--btx-outStock: #b81d13;
	/* Fades */
	--btx-orange-dark: linear-gradient(to bottom, #ff6720 0%,#ea431e 100%);
	--btx-dark-orange: linear-gradient(to bottom, #ea431e 0%,#ff6720 100%);
	--card-back: /*linear-gradient(to bottom, #ffffff 0%,#ffffff 75%,#e5e5e5 100%);*/ #e5e5e5;
	
	/* Elements & Sizing */
	--banner-height: 6vh;
	--banner-rel-width: 14.88vh;
	--sub-banner-height: 4vh;
	--standard-margin-vert: var(--master-unit);
	--standard-container-margin: var(--master-unit);
	--normal-top-margin: 11vh;
	--normal-bottom-margin: var(--master-unit);
	--standard-width: 30vw;
	--container-padding: var(--master-unit);
	
	/* Fonts */
	
	--header-font: ;
	
	/* Graphical Elements */
		/* corners */
		--rounded-all: var(--master-unit-2);
		--rounded-top: var(--master-unit-2) var(--master-unit-2) 0vw 0vw;
		--rounded-bottom: 0vw 0vw var(--master-unit-2) var(--master-unit-2);
		--card-corners: var(--master-unit);
		--card-corners-top: var(--master-unit) var(--master-unit) 0vw 0vw;
		--card-corners-bottom: 0vw 0vw var(--master-unit) var(--master-unit);
		--image-rotation: 33deg;
		/* borders */
		--card-borders: 1px solid var(--btx-orange);
		/* drop shadows */
			/* normal */
			--drop-shadow: 0px 10px 34px 12px rgba(0,0,0,0.15);
			/* hover */
			--drop-shadow-hover: 0px 10px 34px 12px rgba(255,103,32,0.55);
			/* CTA */
			--drop-shadow-cta: 0px 15px 51px 18px rgba(255,103,32,0.75)
}

/* General Overrides */
body *, html {
	/*display:flex;
	display:flex;
flex-direction: column;
	transition:all 0.3s; */
	justify-content:space-between;
	height:initial;
	width:initial;
	max-width:100%;
	padding: 0%!important;
	box-sizing: border-box;
}

html {
	overflow-x: hidden;
}

/* Uppercase, italic, bold */
h1,h2,h3,h4,h5,h6,th, legend, 
.inStockAlertLiner, 
#cartDiv .buyit input, 
#scrollDownDiv, 
.productDisclaimer, 
.placeOrderButton, 
#orderPanelLiner > main > p.tac,
#processOrder,
.productAlert,
#browseBrands a,
.brandRecordLiner a,
article#brand p a,
#relatedProducts article a:nth-child(4),
#timer1{
	text-transform:uppercase;
	font-style:italic;
	font-weight:bolder;
}

p {
	display:block;
	text-align:center;
}


	p * {
		display:inline!important;
	}
a {
	text-decoration:none;
	color: var(--btx-black);
}

	a:hover {
		color: var(--btx-orange);
	}

img {
	margin: auto!important;
	padding: 0px!important;
	display:block;
}

/* CTA Cursors */
#mobileBasket, 
.thinv,
#bookNow,
#mobileSearch,
.buyButton {
	cursor: pointer;
}

/* hover transitions */

*:hover {
	transition:all 0.3s;
}

/* Displaying tables as flex breaks stuff. Who knew. Override the overrides: */

table {
		display: table;
		max-width: 100%;
	}
	
		table tbody {
			display: table-row-group;
		}
		
			tr {
				display: table-row;
			}
			
				th, td {
					display: table-cell;
					text-align: center!important;
				}

	table * {
		padding: 0px!important;
	}

/* Div Hides */

script, 
.reset, 
style, 
#randomProductPanelLiner > div:nth-child(1) > div > div > div > div > a > br,
#randomProductPanelLiner > div:nth-child(2) > div > div > div > div > br,
#productListings > article > div > div.subCatProductDetail > div.productListingModel > a > span.highlight.fsd1,
.blockHighlightContent br,
.colourCount,
.status4product,
.otherCount {
	display:none!important;
}


/* Alphabetised Elements */

article {
	display: flex;
	flex-direction: column;
}

body {
	/*background: url(https://cdn1.cyclist.co.uk/sites/cyclist/files/styles/gallery_adv/public/5/88/pitlochry_climb.jpg);
	background-attachment: fixed;
	background-position: 50% 50%;*/
	font-family: 'Open Sans', Verdana, Arial, sans-serif; 
	margin: 0px;
}

	@media (orientation: portrait) {
		body {
			background-size: auto 100vh;
		}
	}
	
	@media (orientation: landscape) {
		body {
			background-size: 100vw auto;
		}
	}

.blockHighlight {
	margin:0%!important;
}

/* Product Card Wrappers */

/* hover activity */

.masterCategoriesList:hover > *,
#productListings:hover > *,
#offerRecords:hover > *,
#masterCategoryPageSubcategorySelections:hover > *,
#masterCategoryPageBrandSelections:hover > *,
#productListings:hover > article > * {
			opacity:0.5;
			transition:all 0.3s;
			filter: greyscale(100%);
		}
		
		.masterCategoriesList:hover > *:hover,
		#productListings:hover > *:hover,
		#offerRecords:hover > *:hover,
		#masterCategoryPageSubcategorySelections:hover > *:hover,
		#masterCategoryPageBrandSelections:hover > *:hover,
		#productListings > article:hover > *:hover {
			opacity: 1;
			transition:all 0.3s;
		}
		
		.masterCategoriesList,
		#productListings,
		#offerRecords,
		#masterCategoryPageSubcategorySelections {
			pointer-events: none;
		}
		
		.masterCategoriesList > *,
		#productListings > *,
		#offerRecords > *,
		#masterCategoryPageSubcategorySelections > *{
			pointer-events: auto;
		} 

/* End Hover Activity */

.blockHighlightContent {
	background: #fff;
	border: var(--card-borders);
}

.blockHighlightContent img {
	box-shadow: none!important;
}

.blockHighlightLiner, 
.offerProductWrapper, 
#productListings > article > div, productListing1, 
highlightContainer4Up,
.searchResultProductWrapper { 
	position:relative!important;
	background: var(--card-back);
	border-radius: var(--card-corners);
	border: var(--card-borders);
	box-shadow: var(--drop-shadow);
	text-transform:uppercase;
	font-style:italic;
	font-weight:bolder;
	overflow:hidden;
	align-items: stretch;
	margin: 0 5px 10px 5px;
	height: 100%;
    background: #ffffff;
}

	#productListings > article > div > div.subCatProductImage > a > img, #randomProductPanelLiner > div:nth-child(1) > div > div > div > div > a > img {
		
		
	}

	.blockHighlightLiner:hover, #randomProductPanelLiner > div > div > div > h2, .offerProductWrapper:hover, #productListings > article > div:hover {
		box-shadow: var(--drop-shadow-hover)!important;
	}
	
	.blockHighlightLiner h2, .offerProductDetail, .subCatProductDetail {
		position:absolute;
		top:0;
		width:100%;
		opacity: 0.75;
		color: var(--btx-white)!important;
		background: var(--btx-dark-orange);
		text-align: center;
		margin: 0px!important;
	}
	
	.offerProductImage, .subCatProductImage {
	margin: 0px!important;
	padding: 0px!important;
	border: none!important;
	display:flex;
	align-items:center;
	justify-content:center;
	height: 100%;
}

	.offerProductImage a, .subCatProductImage a{
		width: 100%;
    height: 100%;
    display: flex;
	}

.offerProductModel, .productListingModel {
	font-size: 80%;
}

.offerProductPrice, .pricing {
	position:absolute;
	bottom: 0px;
	width: 100%;
	text-align:center;
}

	.onOfferPrice {
		text-decoration:line-through!important;
	}
	
	.lowPrice, .midPrice {
		font-weight:bolder!important;
		background: var(--btx-orange-dark);
	}

/*#productListings > article > div > div.subCategoryProductAlert, */#productListings > article > div > div.tac, #productListings > article > div > div.subCatProductDetail > div.productListingBrand > a > img {
	display: none;
}

/* End Product Card Wrappers */

article#brand {
	margin: var(--standard-container-margin);
    margin-top: var(--normal-top-margin);
}

	article#brand .brandLogo {
		background: var(--btx-logo-back);
   	 	border: var(--card-borders);
    	border-radius: var(--card-corners-bottom);
    	margin-bottom: var(--standard-container-margin);
		overflow:hidden;
	}
	
		article#brand .brandLogo img {
			border: none;
			box-shadow: none;
		}
		
	article#brand p {
		border-radius: var(--card-corners-top);
    	border: var(--card-borders);
    	border-bottom: none;
    	margin-bottom: 0px!important;
    	background: var(--btx-black);
	}
	
		article#brand p a {
			color: var(--btx-white);
		}
	
	article#brand ul {
		border: var(--card-borders);
    	border-radius: var(--card-corners-bottom);
    	margin-top: 0px;
    	display: flex;
    	flex-direction: column;
    	justify-content: center;
    	list-style: none;
    	flex-wrap: wrap;
    	align-content: stretch;
    	align-items: stretch;
    	background: var(--card-back);
	}
	
		article#brand ul li {
			margin: var(--standard-container-margin)!important;
    		text-align: center;
		}
		
article div#brandA2Z {
	border: var(--card-borders);
    border-radius: var(--card-corners);
    background: var(--card-back);
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 90%;
    text-align: center;
	overflow: hidden;
}

	article div#brandA2Z h3 {
		margin: 0px;
    	text-align: center;
    	border-bottom: var(--card-borders);
    	margin-bottom: var(--standard-container-margin);
    	background: var(--btx-black);
    	color: var(--btx-white);
	}
	
	article div#brandA2Z br.pb10 {
	}
	
#breadcrumbs, 
#orderPanelLiner h1,
			#pagesPanelForProductFullLiner > h1 {
	display:flex!important;
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	background: var(--btx-black);
	color: var(--btx-orange);
	max-width:100%!important;
	border-radius: var(--card-corners-top);
	border: var(--card-borders);
	margin: var(--standard-container-margin)!important;
	margin-bottom: 0px!important;
	text-transform:uppercase;
	font-style:italic;
	font-weight:bolder;
}

	#breadcrumbs:hover {
		box-shadow: var(--drop-shadow-hover);
	}
	
	#breadcrumbs a {
		text-align:center;
		color: var(--btx-orange);
		margin: var(--standard-container-margin);
	}
	
		#breadcrumbs a:hover {
		}

#brandsList {
	margin-top: var(--normal-top-margin);
}

.brandRecordLiner {
	background: var(--btx-black);
    overflow: hidden;
    box-shadow: var(--drop-shadow);
	display: flex;
}

	.brandRecordLiner a {
		position: relative;
		text-align: center;
    	color: var(--btx-orange);
	}
	
	.brandRecordLiner a *:nth-child(2) {
		display: none;
	}

#browseBrands {
	background: url(/smsimg/btx-graphics/site-files/categoryimages/2020-browsebrands.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin: var(--standard-container-margin);
    /* position: absolute; */
    /* max-width: 600px; */
    border-radius: var(--card-corners);
    border: var(--card-borders);
    height: 100px;
    box-shadow: var(--drop-shadow);
    max-width: 600px;
    min-width: 300px;
    align-self: center;
	overflow:hidden;
	position:relative;
}

	#browseBrands a {
		position: absolute;
    	width: 100%;
    	top: 50%;
    	transform: translate(0px, -50%);
    	text-align: center;
    	background: var(--btx-black);
    	color: var(--btx-orange);
    	padding: var(--standard-container-margin)!important;
	}

.blockHighlightLiner {
	border: none;
	margin-top: 5px;
}

.blockHighlightLiner h2 {
	position:absolute;
	top: 0px;
	width: 100%;
	margin-top: 0px!important;
	border: none!important;
	border-bottom: var(--card-borders)!important;
}

/*#cartAddVariant {
	position: absolute;
    left: var(--standard-container-margin);
    width: 50vw;
}

#cartAddVariant:hover {
	position: absolute;
    left: var(--standard-container-margin);
    width: 50vw;
	opacity: 10%;
}*/

#cartDiv {
	position:relative;
	display:flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
}

	#cartDiv style, #cartDiv strong {
		display: none;
	}
	
	#cartDiv > * {
		display:flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		border: var(--card-borders);
		border-radius: var(--card-corners);
		flex-basis: 33vw;
		margin: var(--standard-container-margin);
		box-shadow: var(--drop-shadow);
	}
	
	#cartDiv > .inStockAlert {
		min-width: 300px;
		display: none;
	}

	#cartDiv #productDetail {
		background: var(--btx-black)!important;
		text-align: center;	
		overflow: hidden;
		max-height: var(--master-unit-30);
	}
	
	#cartDiv #productDetail table {
		background: transparent;
		height: 100%;
	}
	
	
		#cartDiv #productDetail tr {
			display:flex;
flex-direction: column;
			align-items: stretch;
			display:flex;
flex-direction: row;
			background: transparent!important;
			align-items: center;
			border-bottom: var(--card-borders);
			flex-basis: 50%;
		}
		
		#cartDiv #productDetail tr:last-child {
			display:flex;
flex-direction: column;
		}
		
			#cartDiv #productDetail tr * {
				text-align: center;
				width: 100%;
				max-height: var(--master-unit-15);
				color: var(--btx-orange);
				background: transparent!important;
				font-size: 80%;
			}
			
				#cartDiv #productDetail th {
					display: none;
				}
			
			#cartDiv #productDetail tr:first-child {
				border-bottom: var(--card-borders);
			}
			
			#cartDiv #productDetail tr:last-child {
			}
			
				#cartDiv #productDetail p {
					font-size: 80%;
					overflow: hidden;
					margin-top: auto;
					margin-bottom: auto;
					display: -webkit-box;
  					-webkit-line-clamp: 4;
  					-webkit-box-orient: vertical;  
				}
			
	
	#cartDiv .buyit {
		position:relative;
		background: var(--btx-orange) url(https://biketrax.co.uk/smsimg/btx-graphics/site-files/icons/cart.png) no-repeat;
		background-size: cover;
		display:flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 150px!important;
		height: 150px!important;
		max-height: 150px!important;
		max-width: 150px!important;
		flex-grow: 0;
		margin-bottom:30px;
		box-shadow: var(--drop-shadow-hover);
		border-radius: 100%;
		z-index: 50;
		margin-top: 30px!important;
		margin-left: 10vw;
    	margin-right: 10vw;
	}
	
		#cartDiv .buyit:hover {
			box-shadow: var(--drop-shadow-cta);
			filter: hue-rotate(70deg);
		}
	
		#cartDiv .buyit span, #cartDiv .buyit br {
			display: none;
		}
		
		#cartDiv .buyit .buyButton {
			/*font-size: 130%;*/
			text-align: center;
			word-wrap:normal;
			background: transparent!important;
		}
		
		.buyButton {
			height: 100%;
			width: 100%;
		}
		
		#cartDiv input {
			opacity: 0.5;
    		border-radius: 50%;
   			font-size: 100%;
    		border: none;
			min-width: 150px;
    		min-height: 150px;
		}
		
	#cartDiv #productNotes {
		background: var(--btx-black)!important;
		max-height: var(--master-unit-30);
		color: var(--btx-orange);
		overflow: hidden;
	}
	
		#cartDiv #productNotes div {
			display:flex;
flex-direction: row;
			font-size: 80%;
			background: transparent!important;
			text-align: center;
			flex-basis: 50%;
		}

#cartForm {
	background: var(--btx-blue);
	box-shadow: var(--drop-shadow-cta);
}

 #cartForm .inStockAlert {
	 display: none;
 }

#cartOptions {
	position: absolute;
    top: 25%;
    transform: translate(0, -50%);
	border-radius: var(--card-corners);
	border: var(--card-borders);
	background: var(--card-back);
}


#cartOptions > * {
    min-width: 10px;
    min-height: 10px;
}

.categoryList {
	display: flex;
    flex-direction: row;
	align-items: stretch;
}

.completeBorders, .processOrderButton {
	border: var(--card-borders)!important;
	border-radius: var(--card-corners)!important;
}

#dtNav {
	
display:flex;
flex-direction:row;
	margin:0px!important;
}

	#dtNav > div {
		flex-basis: 16.66vw;
		flex-grow: 1;
		text-align:center;
		background-position:center;
		background-size:contain;
		height:100%;
	}
	
		#dtNav #mNavToggle {
			order: 2;
		}
		
		#dtNav #mobileSearch {
			order: 1;
		}
		
		#dtNav #mobileBasket {
			order: 3;
		}
	
.filterOption, .filterOption * {
	display:flex;
flex-direction: row;
}

.fixedPageContainer {
	display:flex;
flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

	.fixedPageCard {
		display: flex;
		flex-direction: column;
		max-width: 500px;
		max-height: 500px;
		margin: var(--standard-container-margin);
		
	}
	
		.fixedPageCard p {
			height: 100%;
			width: 100%;
			padding: 1%!important;
			margin: 0px!important;
			background: #fff!important;
		}
		
		.fixedPageCard p a,
		p.completeBorders > a {
			color:var(--btx-orange);
			font-weight:bold;
		}
		
		.fixedPageCard p h2 {
			display: none;
		}
		
		.fixedPageCard p input {
			margin-left: var(--standard-container-margin);
			margin-right: var(--standard-container-margin);
			width: 100%;
		}
		
.flex100width {
	max-width: none;
}

#footerColumns {
	display:flex;
flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

	#footerColumns a {
		color: var(--btx-white);
	}

	#footerColumns div, #footerColumns h3 {
		text-align:center;
	}

	#footerColumnsCol3, #footerColumnsCol4 {
		flex-basis: 100%;
	}

#freewheelBanner {
    border: var(--card-borders);
    border-radius: var(--card-corners);
    overflow: hidden;
    background: var(--btx-blue);
	display: flex;
	justify-content: center;
	flex-grow: 1;
	filter: grayscale(1);
	
}
	
		#freewheelBanner a img, #freewheelBanner img {
			width: auto;
			height: auto;
			max-height: 180px;
			max-width: 30vw;
		}

#fullProductLinks {
	display:none;
}

header {
}

.headerLink {
	font-size: 60%;
	color: var(--btx-white);
}

#highlightContainer4Up, 
.offerProduct, 
#productListings > article,
.searchResultProduct { /* Put all product card outer divs here */
	/*flex-basis: var(--standard-width);*/
    width: 320px;
    height: 320px;
    min-width: 320px;
    margin-bottom: var(--standard-container-margin);
}

.hireBikeGroup {
	background: var(--btx-blue)!important;
}

.hireCarousel {
	max-height: 600px;
}

.hireCarouselImage {
	height:var(--master-unit-100);
	width:var(--master-unit-100);
	overflow:hidden;
	margin-right: var(--standard-container-margin);
}

.hireCategoryBanner {
	display: none;
}

#hireModulePage > h1 {
	border-radius: var(--card-corners)!important;
}

#homePanelFullLiner {
	margin:0px;
}

#mainContent {
	margin:0px;
	background: none;
	background-size:cover;
	background-position: fixed;
	position:relative;
	z-index: 10;
}

#mainDisplayImage {
	height: 100%;
	width: 100%;
}

	#mainDisplayImageWrapper {
		height: 100%;
		width: 100%;
	}
	
		#mainDisplayImageWrapper a {
			height:100%;
			width: 100%;
			display:flex;
flex-direction: row;
			justify-content: center;
		}
		
			#mainDisplayImageWrapper a img {
				max-height: 500px;
				max-width: 500px;
				margin: var(--standards-container-width)!important;
				object-fit: cover;
				height: 100%;
				width: auto;
			}

#mainSiteFooter {
	background: var(--btx-black);
	color: var(--btx-white);
}

#masterCategoryBrandPage {
	margin-top: 0px!important;
}

#pagesPanelForProductsFullLiner > h2, #filterPanel h2, #filterPanel h1 {
	margin: var(--standard-container-margin);
	margin-bottom: 0px;
	border: var(--card-borders);
	border-radius: var(--card-corners-top);
	background: var(--btx-black);
	text-align: center;
	color: var(--btx-orange);
}

#masterCategoryBrandPageHeader {
	display:flex;
	flex-direction: row;
	align-items: center;
	background: var(--btx-orange-dark);
	border: var(--card-borders);
	border-top: none;
	border-radius: var(--card-corners-bottom);
	overflow: hidden;
	color: var(--btx-white)!important;
	margin-top: 0px;
	margin-bottom: 0px;
	position: relative;
	margin: var(--standard-container-margin);
    margin-top: 0px!important;
}

	#masterCategoryBrandPageHeader a {
		width: 100%;
		height: 100%;
		max-height: 40px;
		min-height: 40px;
		position: relative;
	}
	
		#masterCategoryBrandPageHeader img {
    height: 100%;
    width: auto;
    /* border-radius: var(--card-corners); */
    border-left: 1px solid var(--btx-black);
	max-height: 40px;
		}
	
	#masterCategoryBrandPageHeader h1 {
		position: absolute;
		color: var(--btx-white)!important;
		width: 100%;
		height: auto;
		text-align: center;
		align-self: center;
		margin: 0px;
		top: 50%;
		transform: translate(0%,-50%);
	}

.masterCategoriesList, 
#offerRecords, 
#productListings,
#searchResults,
#brandsList {
	display:flex;
flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-items: stretch;
	margin: var(--standard-container-margin);
}

	/*.masterCategoryEntry,*/ #masterCategoryPageSubcategorySelections a, #masterCategoryBrandPageSubcategorySelections a {
		/*max-width:var(--standard-width);
		max-height:var(--standard-width);*/
	}
	
	.masterCategoryEntry, 
	.offerCategory,
	.brandRecord {
		min-width: 300px;
		min-height: 300px;
		max-width: 400px;
		max-height: 400px;
		margin: var(--standard-container-margin)!important;
	}
	
	.masterCategoryWrapper, .offerCategoryWrapper {
		overflow:hidden;
	}
	
	.masterCategoryDetail h2 a, 
	.offerCategoryDetail h2 a,
	.brandRecordLiner a *:nth-child(3) {
		/*display: flex;*/
		background-color: var(--btx-black)!important;
		color: var(--btx-orange)!important;
		font-size: 90%!important;	
		position:absolute;
		width:600px;
		max-width: none;
		height: 15%;
		margin:auto;
		top: 50%;
		left: -50px;
		transform-origin:center;
		transform:rotate(-60deg) translate(0,-50%);
		text-align:center!important;
		display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  box-shadow:
	}
	
		.masterCategoryDetail h2 a *, .offerCategoryDetail h2 a *{
			height: 100%;
			width:100%;
		}
	
	.masterCategoryDetail h2 i {
		display:none;
	}
	
	#masterCategoryPage {
		display: flex;
		flex-direction: column;
		max-width: 100%;
		position:relative;
		width:100%;
		background-color: transparent!important;
		margin:0px!important;
		left:0;
	}
	
		#masterCategoryPageBrandSelections {
			display:flex;
			flex-direction: row;
			flex-wrap: wrap;
			width: 100%!important;
			margin: 0px!important;
		}
		
			.masterCategoryPageBrand {
				display:block;
				width: 160px!important;
				height: 115px!important;
				position: relative;
				margin: var(--standard-container-margin);
				border:var(--card-borders);
					overflow:hidden;
					background: var(--btx-logo-back);
					border-radius: var(--card-corners);
					flex-grow:1;
					
			}
			
				.masterCategoryPageBrand a:first-child {
					overflow: hidden;
					height: 115px!important;
					width: 160px!important;
					background: var(--btx-logo-back);
					border: none;
					
				}
				
					.masterCategoryPageBrand a img {
						width:160px;
						height:115px;
						object-fit: cover;
						transform-origin:center;
						transform:rotate(var(--image-rotation)) translate(0px, 0px);
						opacity:0.25;
						filter: grayscale(100%)
					}
					
					.masterCategoryPageBrand a img:hover {
						transform:rotate(0deg) translate(0px, 0px);
						filter: grayscale(0%);
						opacity: 1;
					}
					
					.masterCategoryPageBrand a:nth-child(3) {
						display:none;
					}
			
		#masterCategoryPageHeader,
		#pagesPanelForProductFullLiner > p {
			position:relative;
			background: var(--card-back);
			border-radius: var(--card-corners-bottom);
			border: var(--card-borders);
			border-top: none!important;
			margin: var(--standard-container-margin)!important;
			margin-top:0px!important;
			overflow:hidden;
		}
		
			#masterCategoryPageHeader h1 {
				background: var(--btx-black)!important;
    text-align: center;
    color: var(--btx-orange)!important;
    margin: 0px;
    height: 30px!important;
    display: flex;
    justify-content: center;
    align-items: center;
			}
			
			#masterCategoryPageHeader h2 {
				position:relative;
				width: 100%;
				border: var(--card-borders);
				background: var(--btx-orange);
				text-align:center;
				color: var(--btx-white);
			}
			
				#masterCategoryPageHeader h2 img {
					height: 400%;
					width:auto;
					position:absolute;
					left: var(--standard-container-margin);
					top: 50%;
					transform:translate(0,-50%);
					border-radius: var(--card-corners);
					border: var(--card-borders);
				}
				
				#masterCategoryPageHeader p {
					margin: var(--standard-container-margin)!important;
					font-size: 120%;
				}
				
				#masterCategoryPageSelectionHeaders {
					display:none;
				}
				
				#masterCategoryPageSubcategorySelections, #masterCategoryBrandPageSubcategorySelections {
					display:flex;
					flex-direction: row;
					flex-wrap: wrap;
					width: 100%!important;
				}
				
					#masterCategoryPageSubcategorySelections a, #masterCategoryBrandPageSubcategorySelections a {
						margin: var(--standard-container-margin)!important;
						width: 160px!important;
						font-size: 80%;
						min-width: 160px;
						background: var(--btx-black)!important;
						color: var(--btx-orange)!important;
						text-transform:uppercase;
						font-style:italic;
						font-weight:bolder;
						text-align:center;
						height: 115px;
    					justify-content: center;
    					align-items: center;
    					display: flex;
					}
					
						#masterCategoryPageSubcategorySelections a div, #masterCategoryBrandPageSubcategorySelections a div {
							transform: rotate(var(--image-rotation)) translate(0px, 0px);
						}
						
						#masterCategoryPageSubcategorySelections a div:hover, #masterCategoryBrandPageSubcategorySelections a div:hover {
							transform: rotate(0deg) translate(0px, 0px);
						}
					
					#masterCategoryPageSubcategorySelections > p, #masterCategoryPageSubcategorySelections i, #masterCategoryBrandPageSubcategorySelections > div:first-child, #masterCategoryBrandPageSubcategorySelections i {
						display: none;
						color: var(--btx-orange);
					}

.masterCategoryImage, .offerCategoryImage{
	height: 100%;
	width: 100%;
}
	.masterCategoryImage a img, .offerCategoryImage a img{
			height: 100%;
			width: 100%;
		}

.masterCategoryWrapper, .offerCategoryWrapper {
	background-color: var(--btx-orange);
	background-size: contain!important;
	background-repeat: no-repeat;
	
	height: 100%;
	width: 100%;
	margin: 0px!important;
	max-height: none!important;
}

/* Temporary category image overrides 

	.masterCategoriesList .masterCategoryEntry:first-child .masterCategoryWrapper {
		background-image: url("https://biketrax.co.uk/smsimg/btx-graphics/site-files/categoryimages/bikes.png")!important; 
		background-position: center left!important;
	}
	
	.masterCategoriesList .masterCategoryEntry:nth-child(2) .masterCategoryWrapper {
		background-image: url("https://biketrax.co.uk/smsimg/btx-graphics/site-files/categoryimages/brompton-spares.png")!important; 
		background-position: center left!important;
	}
	
	.masterCategoriesList .masterCategoryEntry:nth-child(3) .masterCategoryWrapper {
		background-image: url("https://biketrax.co.uk/smsimg/btx-graphics/site-files/categoryimages/frames.png")!important; 
		background-position: center left!important;
	}
	
	.masterCategoriesList .masterCategoryEntry:nth-child(4) .masterCategoryWrapper {
		background-image: url("https://biketrax.co.uk/smsimg/btx-graphics/site-files/categoryimages/kids-bikes.png")!important; 
		background-position: center left!important;
	}
	
	.masterCategoriesList .masterCategoryEntry:nth-child(5) .masterCategoryWrapper {
		background-image: url("https://biketrax.co.uk/smsimg/btx-graphics/site-files/categoryimages/workshop.png")!important; 
		background-position: center right!important;
	}
	
	.masterCategoriesList .masterCategoryEntry:nth-child(6) .masterCategoryWrapper {
		background-image: url("https://biketrax.co.uk/smsimg/btx-graphics/site-files/categoryimages/parts.png")!important; 
		background-position: center left!important;
	}
	
	.masterCategoriesList .masterCategoryEntry:nth-child(7) .masterCategoryWrapper {
		background-image: url("https://biketrax.co.uk/smsimg/btx-graphics/site-files/categoryimages/clothing.png")!important; 
		background-position: center right!important;
	}
	
	.masterCategoriesList .masterCategoryEntry:nth-child(8) .masterCategoryWrapper {
		background-image: url("https://biketrax.co.uk/smsimg/btx-graphics/site-files/categoryimages/training.png")!important; 
		background-position: center right!important;
	}
	
	.masterCategoriesList .masterCategoryEntry:nth-child(9) .masterCategoryWrapper {
		background-image: url("https://biketrax.co.uk/smsimg/btx-graphics/site-files/categoryimages/accessories.png")!important; 
		background-position: center right!important;
	}
	
	.masterCategoriesList .masterCategoryEntry:nth-child(10) .masterCategoryWrapper {
		background-image: url("https://biketrax.co.uk/smsimg/btx-graphics/site-files/categoryimages/biketrax.png")!important; 
		background-position: center left!important;
	}
	
	.masterCategoriesList .masterCategoryEntry:nth-child(11) .masterCategoryWrapper {
		background-image: url("https://biketrax.co.uk/smsimg/btx-graphics/site-files/categoryimages/groupsets.png")!important; 
		background-position: center right!important;
	}
	
	.masterCategoriesList .masterCategoryEntry:nth-child(12) .masterCategoryWrapper {
		background-image: url("https://biketrax.co.uk/smsimg/btx-graphics/site-files/categoryimages/groupsets.png")!important; 
		background-position: center right!important;
	}
*/
	.masterCategoryWrapper, 
	#masterCategoryPageSubcategorySelections a, 
	.masterCategoryPageBrand a, 
	#masterCategoryBrandPageSubcategorySelections a, 
	.offerCategoryWrapper,
	.brandRecordLiner  {	/* Standard Card Format */
	border-radius: var(--card-corners);
	border: var(--card-borders);
	position:relative;
	background-position: cover;
	box-shadow: var(--drop-shadow);
	flex-grow: 1;
	}

	.masterCategoryWrapper:hover, #masterCategoryPageSubcategorySelections a:hover, .masterCategoryPageBrand a:hover, #masterCategoryBrandPageSubcategorySelections a:hover, .offerCategoryWrapper {
		box-shadow: var(--drop-shadow-hover);
	}

#mobileBasket {
	position: relative;
	background: url(https://biketrax.co.uk/smsimg/btx-graphics/site-files/icons/mini-cart.png)!important;
	background-size: contain!important;
	background-repeat: no-repeat!important;
	background-position: center!important;
}

#mobileBasketContents {
	position: absolute;
	margin:0px!important;
	top: 50%;
	left: 50%;
	transform: translate(70%,-50%);
	background: var(--btx-black)!important;
	color: var(--btx-orange)!important;
	border-radius: 50%;
	height: 20px;
	width:20px;
}

#mobileSearch {
	position: relative;
	background: url(https://biketrax.co.uk/smsimg/btx-graphics/site-files/icons/search.png)!important;
	background-size: contain!important;
	background-repeat: no-repeat!important;
	background-position: center!important;
}

#mNav {
	position:absolute;
	top:10vh;
	left:29vw;
	width:40vw!important;
	border-radius: var(--rounded-bottom);
	background-color: var(--btx-black)!important;
	z-index:100!important;
	box-shadow: var(--drop-shadow);
	border-left:var(--btx-orange) 1vw solid;
	border-right:var(--btx-orange) 1vw solid;	
}

	#mNav ul {
		list-style-type:none;
	}
	
	#mNav ul li {
		display: flex;
    	justify-content: center;
    	padding: var(--standard-container-margin)!important;
    	border-top: var(--card-borders);
	}
	
		#mNav ul li:first-child {
			border-top: none;
		}

	#mNav ul li a {
		background-color:transparent!important;
		color: var(--btx-orange)!important;
		text-align:center;
		text-transform:uppercase;
		font-style:italic;
		font-weight:bolder;
		border:none!important;
		width: 100%;
	}
	
		#mNav ul li:hover {
			background-color:var(--btx-orange)!important;
			box-shadow: var(--drop-shadow-hover);
			
		}
		
			#mNav ul li:hover a {
				color: var(--btx-black)!important;
			}

#mNavToggle a {
	height: 100%;
}

#mNavToggle a img {
	max-height: 100%;
	object-fit: contain;
}
	
#offerPageHeaderh1 {
	margin: var(--standard-container-margin);
	margin-top: var(--normal-top-margin);
	display:flex!important;
	display:flex;
	flex-direction:column;
	justify-content: center;
	color: var(--btx-orange);
	margin-bottom: 0px;
}

	#offerPageHeaderh1 p.fsd1 {
		background: var(--btx-black);
	}
	
#offerCategories {
	margin: var(--standard-container-margin);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
}

	.offerCategory {
		position: relative;
	}
	
	.offerCategoryDetail h2 {
		border:none!important;
	}
	
	.offerCategory {
		overflow:hidden;
	}
	
	.offerCategoryHeader a {
	background-color: var(--btx-white)!important;
    color: var(--btx-orange)!important;
    font-size: 90%!important;
    position: absolute;
    width: 600px;
    max-width: none;
    height: 10%;
    margin: auto;
    top: 55%;
    left: -20px;
    transform-origin: center;
    transform: rotate(-60deg) translate(0,-50%);
    text-align: center!important;
    display: flex;
    flex-direction: column;
    justify-content: center;
	z-index: 50;
	}

h1.offersPages {
	color: var(--btx-orange);
}

.offerProductWrapper {
	background: #fff;
}

.openTextPanel1 {
	margin:0px!important;
}

#orderPanel {
	margin-top: var(--normal-top-margin);
}

	#orderPanelLiner {
		background: transparent!important;
	}
	
	#orderPanelLiner h1 {
		font-size: 80%;
		border-radius: var(--card-corners);
	}

	#orderPanelLiner form {
		margin: var(--standard-container-margin)!important;
		background: var(--card-back);
		border-radius: var(--card-corners);
		border: var(--card-borders);
		overflow: hidden;
		max-width: 100%
		width: 100%;
	}
	
		#orderPanelLiner fieldset {
			border: none;
			margin: 0px!important;
			text-align: center;
		}

		#orderPanelLiner fieldset legend {
			text-align: center;
			margin: 0px!important;
			border-bottom: var(--card-borders);
			background: var(--btx-dark-orange)!important;
			width: 100%;
			color: var(--btx-white)!important;
		}
		
		#orderPanelLiner fieldset#deliveryRegionSelection legend {
			background: var(--btx-orange)!important;
		}
		
		#orderPanelLiner > main > p.tac {
			border: var(--card-borders);
			background: var(--btx-black);
			color: var(--btx-orange)!important;
			margin: var(--standard-container-margin)!important;
			border-radius: var(--card-corners);
		}
		
			#orderPanelLiner > main > p.tac a {
				color: var(--btx-orange);
			}

#paymentOptionTabs {
	display:flex;
flex-direction: row;
	justify-content: space-between;
}

	.paymentOptionTab {
		margin: var(--standard-container-margin)!important;
		justify-content: center;
		align-items: center;
		align-content: center;
	}
	
	#paymentOptionDescriptions {
		border: none!important;
	}
	
	.paymentOptionDescription {
		border: var(--card-borders);
	}
	
	#paymentOptionDescription_4 {
		display: flex;
		display:flex;
flex-direction: column;
	}
	
		#paymentOptionDescription_4 > div {
			display: inline-block;
			width: 100%;
			border: var(--card-borders)!important;
		}
		
			#paymentOptionDescription_4 > div > * {
				display: flex!important;
				display:flex;
flex-direction: row;
				width: auto!important;
				justify-content: center;
			}
	
#processOrder {
	width: 100%!important;
	margin: auto!important;
	background: transparent!important;
	border: none;
	font-size:130%;
	color: var(--btx-white);
	cursor: pointer;
}

#productSelections table {
	border-collapse:collapse;
	font-size: 80%;
	padding: var(--standard-container-margin);
	width:100%;
}

#productSelections table img {
	border-left: var(--card-borders);
	border-right: var(--card-borders);
}

#productSelections table td,
#productSelections table th {
	border-bottom: var(--card-borders);
}

.placeOrderButton:hover, #processOrder:hover {
	box-shadow: var(--drop-shadow-cta);
}

.productDisclaimer {
	margin: var(--standard-container-margin)!important;
	border: var(--card-borders)!important;
	border-radius: var(--card-corners);
	background: var(--btx-black)!important;
	color: var(--btx-orange);
	text-align: center;
}

#pagesPanelFullLiner {
	background: transparent;
	justify-content: center;
	align-items: center;
	align-items: stretch;
	margin: 0px!important;
}

	#pagesPanelFullLiner article img {
		margin: 0px;
		border-bottom: var(--card-borders);
		border-top: none;
		max-height: 600px;
		width:auto;
		object-fit: cover;
		object-position: 50% 66%;
		box-shadow: var(--drop-shadow);
	}

	#pagesPanelFullLiner h1 {
		background: var(--btx-dark-orange);
		border: var(--card-borders);
		border-radius: var(--card-corners-top);
		color: var(--btx-white);
		text-align: center;
		width: 100%;
		margin: 0px!important;
		box-shadow: var(--drop-shadow);
	}
		
	#pagesPanelFullLiner h2, #randomProductPanelLiner > div > div > div > h2 {
		background: var(--btx-black);
		border: var(--card-borders);
		border-radius: var(--card-corners-top);
		color: var(--btx-orange);
		text-align: center;
		width: 100%;
		margin: 0px!important;
		margin-top: var(--standard-container-margin);
		box-shadow: var(--drop-shadow);
	}
		
	#pagesPanelFullLiner p {
		background: var(--card-back);
		border: var(--card-borders);
		border-top: none;
		border-radius: var(--card-corners-bottom);
		margin: 0px!important;
		margin-bottom: var(--standard-container-margin)!important;
		box-shadow: var(--drop-shadow);
	}

#pagesPanelForProductFull {
	margin: var(--normal-top-margin) 0px 0px 0px!important;
}

#pagesPanelForProductFullLiner {
	margin:0px!important;
	background: transparent!important;
}

#pagesPanelForProductsFull {
	margin: var(--normal-top-margin) 0px var(--normal-bottom-margin) 0px!important;
	display:flex;
flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 100%;
	overflow:hidden;
}

	#pagesPanelForProductsFullLiner {
		display:flex;
flex-direction: column;
		flex-wrap: wrap;
		justify-content: center;
		align-items: stretch;
		margin: 0px!;
		width: 100%;
	}
	
		#pagesPanelForProductsFullLiner > h1 {
			background: var(--btx-black);
			margin: 0px var(--standard-container-margin) 0px var(--standard-container-margin) !important;
			border: var(--card-borders);
			border-top: none;
			color: var(--btx-orange);
			text-align:center;
			padding: var(--standard-container-margin)!important;
		}
		
		#pagesPanelForProductsFullLiner > p {
			background: var(--card-back);
			margin: var(--standard-container-margin)!important;
			margin-top: 0px!important;
			border: var(--card-borders);
			border-top: none;
			border-radius: var(--card-corners-bottom);
		}

.pri {
	max-width: 500px;
	max-height: 500px;
	height: 100%;
	width: 100%;
	object-location: 50% 50%;
}

#productListings > article > div > div.subCategoryProductAlert,
#searchResults > div > div > div.searchResultProductPricing > div.subCategoryProductAlert {
	position: absolute;
	bottom: 20px;
	font-size:9px;
	white-space: nowrap;
	background: var(--btx-blue);
	opacity: 75%;
	color: var(--btx-white);
	width: 100%;
	text-align:center;
}

.processOrderButton, .placeOrderButton {
	background: var(--btx-orange-dark);
	max-width: 300px;
	margin:auto;
	margin-top: var(--standard-container-margin);
	border: var(--card-borders);
	box-shadow: var(--drop-shadow);
	padding: var(--standard-container-margin)!important;
	border-radius: var(--card-corners);
	color: var(--btx-white);
}

.productAlert {
	display: block;
	background: var(--btx-blue)!important;
	color: var(--btx-white)!important;
	margin: var(--standard-container-margin)!important;
	margin-top: 0px!important;
	margin-bottom: 0px!important;
	border: var(--card-borders);
	border-top: none;
	text-align:center;
}

#productDetail td {
    display: inline-table;
}

.producth1 {
	background: var(--btx-black);
	margin: var(--standard-container-margin)!important;
	margin-top: 0px!important;
	margin-bottom: 0px!important;
	border: var(--card-borders);
	border-top: none;
	text-align:center;
	color: var(--btx-orange)!important;
}

#productListings {
	min-height: 288px;
	flex-grow: 1;
}
.productListingOnOffer {
	border: 2px solid var(--btx-blue)!important;
	box-shadow: 0px 10px 34px 12px rgb(0 102 179 / 25%)!important;
}

	.productListingOnOffer .lowPrice {
    	background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(0,102,179,1) 35%, rgba(0,212,255,1) 100%);
    	color: var(--btx-white);
	}

.productListingOnOffer .onOfferPrice {
	display: none;
}

#productImages {
	height:100%;
	width: 100%;
}

#productTabs {
	margin: var(--standard-container-margin)!important;
	justify-content: center;
	align-items: stretch;
}

	#productTabsTabs {
		display:flex;
flex-direction: row;
	}
		
		#productTabsTabs > div {
			background: var(--btx-black);
			color: var(--btx-orange);
			text-transform:uppercase;
			font-style:italic;
			font-weight:bolder;
			border: var(--card-borders);
			border-radius: var(--card-corners-top);
			box-shadow: var(--drop-shadow);
			z-index: 50;
		}
		
			#productTabsTabs > div.activeTabHeading {
				background: var(--btx-orange-dark);
				color: var(--btx-white);
				drop-shadow: var(--drop-shadow-hover);
				z-index: 75;
			}
		
	#productTabContent1, #productTabContent2, #productTabContent3 {
		background: var(--card-back);
		border-radius: var(--card-corners-bottom);
		border: var(--card-borders);
		border-top: none;
		overflow: hidden;
		z-index: 80;
		min-height: var(--master-unit-30);
		font-size: 80%!important;
	}
	
.productSplits {
	background: var(--btx-orange);
	margin: var(--standard-container-margin)!important;
	margin-top: 0px!important;
	border-radius: var(--card-corners-bottom);
	border: var(--card-borders);
	border-top: none;
	overflow:hidden;
	box-shadow: var(--drop-shadow);
}

	.productSplitsWrapper {
		display:flex;
flex-direction: row;
		align-items: stretch;
		flex-wrap: wrap;
	}
	
		.productLeft {
			/*max-width: 500px;*/
			max-height: 500px;
			min-width: 50%;
			width:100%!important;
			background: #fff;
			margin: 1px!important;
		}
		
		.productLeftWrapper {
			height: 100%;
			width: 100%;
		}
		
		.productRight {
			display: flex;
			flex-direction: row;
			flex-grow: 1;
			margin:1px!important;
		}
		
		.productRightWrapper {
			justify-content: space-between;
			height: 100%;
			width: 100%;
			display:flex;
flex-direction: row;
		}
				
			.productRightWrapper a {
				display: flex;
				flex-direction: column;
				justify content: center;
				flex-basis: 50%;
				background: var(--btx-logo-back);
				order: 1;
				flex-grow: 1;
				flex-shrink: 1;
			}
		
				.productRightWrapper a img {
					max-width: 400px;
					max-height: 265px;
					width: 95%!important;
					height: auto;
					object-position: 50% 50%;
					margin: auto;
				}
			
			.productRightWrapper .pricing {
				display: flex;
				flex-direction: column;
				justify content: centre;
				order: 3;
				flex-grow: 1;
				flex-shrink: 1;
				position: relative;
				flex-basis: 50%;
				color: var(--btx-white);
				margin: 0px!important;
			}
			
				.productRightWrapper .pricing div {
					flex-basis: 50%;
					flex-grow: 1;
					line-height:100%;
					text-transform:uppercase;
					font-style:italic;
					display:flex;
flex-direction: column;
					justify-content: center;
				}
				
				.productRightWrapper .pricing div:last-child {
					flex-basis: 50%;
					flex-grow: 2;
					color: var(--btx-orange);
					font-size: 150%;
					line-height: 100%;
					text-transform:uppercase;
					font-style:italic;
					font-weight:bolder;
					background: var(--btx-black)!important;
				}
				
			.productRightWrapper .productPricingComments {
				order: 2;
				flex-grow: 1;
				margin: var(--standard-container-margin)!important;
				border-bottom: var(--card-borders);
			}

#randomProductPanelLiner {
	display:flex;
flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	align-items: stretch;
}

#randomProductPanelLiner > div > div > div > h2 {
	font-size: 80%;
}

#relatedProducts {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	justify-content: center;
	max-width: 100vw;
}

	#relatedProducts h3, #relatedProducts .pricing, #relatedProducts br {
		display: none;
	}
	
	#relatedProducts article {
		margin: var(--standard-container-margin);
    	border-radius: var(--card-corners);
    	border: var(--card-borders);
    	background: #fff;
		position: relative;
		overflow: hidden;
	}
	
		#relatedProducts article a:nth-child(2) img {
			height: 100%;
			width: 100%;
			padding: var(--standard-container-margin)!important;
		}
		
		#relatedProducts article a:nth-child(4) {	
			position: absolute;
    		top: 0px;
   			background: var(--btx-dark-orange);
    		color: var(--btx-white);
    		text-align: center;
		}
		
		#relatedProducts article .relatedAlert {
			position: absolute;
   			bottom: 0px;
    		text-align: center;
    		width: 100%;
    		background: var(--btx-blue);
    		color: var(--btx-white);
    		opacity: 0.7;
		}

#reviewForm > div:nth-child(5) {
	display:flex;
flex-direction: row;
	justify-content: center;
}

#reviewForm > div:nth-child(7) {
	display:flex;
	flex-direction:column;
	justify-content: center;
	/*background: var(--btx-orange-dark);	
	box-shadow: var(--drop-shadow-hover);*/
	text-align: center!important;
	margin: var(--standard-container-margin);
}

	#reviewForm > div:nth-child(7):hover > input {
		box-shadow: var(--drop-shadow-cta)!important;
	}

.required, .optional, .rememberMe {
	display:flex;
flex-direction: row;
	justify-content: center;
}

	.required *, .optional *, .rememberMe * {
		margin: var(--standard-container-margin);
	}
	
.scaledW {
	margin: 0px!important;
	width:100%!important;
}

#scrollDownDiv {
	margin: var(--standard-container-margin);
	background: var(--btx-black);
	border: var(--card-borders);
	border-radius: var(--card-corners);
	color: var(--btx-orange);
	text-align: center;
}

#Search_Form_Full {
	margin: var(--standard-container-margin);
    border: var(--card-borders);
    border-radius: var(--card-corners);
    background: var(--card-back);
    padding: var(--standard-container-margin)!important;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

	#Search_Form_Full fieldset,
	#Search_Form_Full input {
		margin: var(--standard-container-margin);
    padding: var(--standard-container-margin)!important;
	}

.searchResultProductLocation {
	text-align: center;
    /* padding: var(--standard-container-margin)!important; */
    background: var(--btx-orange);
    color: var(--btx-white);
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    font-size: 70%;
	position:absolute;
	top: 0px;
	width: 100%;
}

.searchResultProductImage {
	background: #ffffff;
	background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-around;
    align-content: flex-start;
    height: 100%;
}

.searchResultProductDetail {
	width: 100%;
    background: var(--btx-black);
    /* color: var(--btx-orange); */
    position: absolute;
    top: 20px;
    text-align: center;
    font-size: 80%;
}

	.searchResultProductDetail img {
		display: none;
	}
	
	.searchResultProductDetail a {
		color: var(--btx-orange);
	}


.searchResultProductPricing {
}

.searchResultProductComments {
}

.searchResultProductLink {
	display: none;
}

#selectByCategory, 
#selectByBrand {
	margin: var(--standard-container-margin)!important;
    width: 50px!important;
    font-size: 80%;
    background: var(--btx-blue)!important;
    color: var(--btx-white)!important;
    text-transform: uppercase;
    font-style: italic;
    font-weight: bolder;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
	writing-mode: vertical-rl;
	border-radius: var(--card-corners);
	transform:rotate(180deg);
}

#selectBrandByCategory {
    text-align: center;
    margin: var(--standard-container-margin);
}

select#cartAddVariant {
    position: absolute;
    top: -15px;
    transform: translate(0, -50%);
	z-index: 999;
	max-width:150px;
}

#siteBanner {
	margin: 0%;
	background-color:transparent;
	position:fixed;
	top:0px;
	left:0px;
	height:auto;
	z-index:100;
	width:100%;
}
	
		#siteBannerCenter {
		display:none;
	}
	
	#siteBannerLeft {
		width:100%!important;
	}
	
		#siteBannerLeftLiner { /* REM .liner after header.php update 03/11/2019 */
		}
	
			#siteBannerLeftLiner a{ /* REM .liner after header.php update 03/11/2019 */ 
				width:100%;
				height:var(--banner-height);
				object-fit:contain;
			}
			
				#siteBannerLeftLiner a img{ /* REM .liner after header.php update 03/11/2019 */
					width:var(--banner-width)!important;
					height:var(--banner-height)!important;
				}
		
	#siteBannerNavSearch {
		display:flex;
flex-direction:row;
		height:var(--sub-banner-height);
		border-radius: var(--rounded-bottom);
		border: var(--card-borders);
		background: var(--btx-orange-dark);
		box-shadow: var(--drop-shadow);
	}
	
		#siteBannerNavSearch:hover {
			box-shadow: var(--drop-shadow-hover);
		}
	
	@media (any-hover: hover) {
	
		/*#siteBannerNavSearch:hover #mNav {
			display:flex!important;
		}*/
		
	}
	
	#siteBannerPanels {
			background-color: var(--btx-black);
			display:flex;
flex-direction:row;
			height:var(--banner-height);
		}
		
	#siteBannerRight {
		display:none;
	}

#siteCloseout {
	background: var(--btx-orange-dark);
}

	#siteCloseoutLiner {
		margin-top: var(--standard-container-margin);
		height: var(--standard-container-margin);
	}

		#siteCloseoutLiner form {
			width:100%!important;
			text-align:center;
			display: none;
		}

#siteContacts {
	margin: var(--normal-top-margin) 0px 0px 0px!important;
	background: transparent!important;
	display:flex;
flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

	.siteContactsText,
	#Contact_Form {
		background: var(--card-back);
    border: var(--card-borders);
    border-radius: var(--card-corners);
    margin: var(--standard-container-margin)!important;
    min-width: 300px;
    display: flex;
    flex-direction: column;
    text-align: center;
	}
	
		.siteContactsText,
		#Contact_Form > * {
			padding: var(--standard-container-margin)!important;
			margin: var(--standard-container-margin)!important;
		}
		
		#Contact_Form > h2 {
			border: none;
			border-bottom: var(--card-borders);
		}
		
		#Contact_Form > label {
			font-weight:bold;
		}
	
	.siteContactsForm > .highlight {
		text-align: center;
    padding: var(--standard-container-margin)!important;
    margin: var(--standard-container-margin);
    border-radius: var(--card-corners);
    border: var(--card-borders);
    background: var(--btx-orange);
	}

#siteContainer {
	background-color:transparent;
	margin: 0% 0% 0% 0%!important;		
}		

#slidesContainer {
	margin:0px!important;
	height: 100vh;
}

	#sliderContainer {
		height:100vh!important;
		width:100%!important;
		margin:0%!important;
	}
	
		@media (orientation: portrait) {	
	
			#sliderContainer > div > img, #sliderContainer > div > picture > img {
				height: 100vh;
				width: 100%;
				object-fit:cover;
				object-position: 50% 66%;
			}
			
		}
		
		@media (orientation: landscape) {	
	
			#sliderContainer > div > img, #sliderContainer > div > picture > img {
				height: 75vh;
				width: 100%;
				object-fit:cover;
				object-position: 50% 66%;
			}
			
			#slidesContainer {
				margin:0px!important;
				height: 75vh;
			}
			
		}
		
.socialPlugins {
	display:flex;
flex-direction:row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
}

	.socialPlugins > div {
		margin: var(--standard-container-margin);
		max-width: 500px;
	}

	.socialPlugins > div > div  {
		background: var(--card-back);
		border: var(--card-borders);
		border-top: none;
		border-radius: var(--card-corners-bottom);
		overflow: hidden;
		margin: 0px;
		flex-basis: 400px;
		height: auto!important;
	}
	
		.socialPlugins > div > h2 {
			background: var(--btx-black);
			color: var(--btx-orange);
			border-bottom: var(--card-borders);
			text-align: center;
			margin: 0px;
		}
		
		.socialPlugins > div > p {
			height: 100%;
		}
		
#socialIncludes {
	background: var(--btx-black);
	color: var(--btx-orange);
	border: var(--card-borders);
	border-radius: var(--card-corners);
	display:flex;
flex-direction:row;
	align-content: center;
	justify-content: center;
	max-width: 50%;
}

	#socialIncludes div {
		flex-basis: 50%;
		color: var(--btx-white);
		margin: var(--standard-container-margin);
	}

.stockLevelHolder {
	display:flex!important;
	position:absolute;
	z-index:100;
	font-size: 40%;
	width: 30px;
	height: 30px;
	bottom: 5px;
	left: 5px;
	border-radius: 15px;
    border: 2px solid var(--btx-white);
    background: var(--btx-outStock);
}

	.inWarehouseAlert, .inStockAlert {
		width: 100%;
    	height: 100%;
    	text-align: center;
    	border-radius: 15px;
    	
	}
		
		.inWarehouseAlertLiner, .inStockAlertLiner {
			line-height: 10px;
			padding: 0px;
			margin-top: 50%;
    		transform: translate(0px, -50%);
			margin-left: 1px;
    		margin-right: 1px;
		}
		
		.inWarehouseAlert {
			background: var(--btx-remStock);
			color: var(--btx-black);
		}
		
		.inStockAlert {
			background: var(--btx-inStock);
			color: var(--btx-white);
		}
		
#cartDiv > div.inStockAlert > div {
	line-height:normal;
	margin: auto;
	transform:none;
}
	
.tabLiner {
	background: transparent!important;
	text-align: center;
}

/* This is problematic - used by BROWSE BRANDS on master categories page, but also in blockhighlight liner.
.tac {
	background: var(--card-back);
	border-radius: var(--card-corners);
	border: var(--card-borders);
	max-width: var(--standard-width);
	box-shadow: var(--drop-shadow);
	text-transform:uppercase;
	font-style:italic;
	font-weight:bolder;
	padding: var(--container-padding);
}

	.tac:hover {
		box-shadow: var(--drop-shadow-hover);
	}
*/

	.tac img {
		object-fit:cover;
	}
	
		.tac:hover img {
			object-fit: contain;
		}
		
.tcader {
	position:absolute;
	opacity:0;
	height: 100%;
	width: 100%;
	top:0px;
	width:0px;
}

#timer1 {
	background-color: var(--btx-blue)!important;
    color: var(--btx-white)!important;
    text-align: center!important;
    font-weight: bold!important;
    font-size: 0.8em!important;
    padding: 5px!important;
    margin: 0 0 0 0!important;
    order: 3!important;
    justify-content: center!important;
    align-items: center!important;
    display: flex!important;
    flex-direction: column!important;
}

	#timer1 * {
		background-color: var(--btx-black)!important;
	}

ul {
	display:flex;
	flex-direction: column;
	width:100%;
}
		
#UserControls1, #UserControlSorts {
	position: relative;
	display:flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
    margin: var(--standard-container-margin);
	border-bottom: var(--card-borders);
	flex-wrap: wrap;
}

#UserControls1 {
	border-radius: var(--card-corners-bottom);
    margin-top: 0px;
    border-left: var(--card-borders);
    border-right: var(--card-borders);
    background: var(--btx-white);
}

	#UserControlSorts {
		border: none;
	}
	
	#UserControlSorts > *,
	#UserControlFiltersToggle,
	#stockFilterContainer {
		margin: var(--standard-container-margin);
    	margin-top: 0px;
    	background: var(--card-back);
    	padding: var(--standard-container-margin)!important;
    	border-radius: var(--card-corners);
    	border: var(--card-borders);
	}
	
	#UserControlFiltersToggle {
		max-width:50%;
		minwidth: 50%;
		
	}
	
	#UserControlFilters {
		position: absolute;
    	bottom: 0px;
    	right: 25%;
    	transform: translate(0%,97%);
    	display: flex;
    	flex-direction: column;
    	margin: 0px!important;
    	background: var(--card-back);
    	border-radius: var(--card-corners);
    	z-index: 150;
    	border: var(--card-borders);	
	}
	
		#UserControlFilters > div {
			margin: var(--standard-container-margin)!important;
		}

	#UserControlSorts span {
		min-width: 10vw;
		text-align: center;
		box-shadow: var(--drop-shadow);
		border-radius: var(--card-corners);
		background: var(--card-back)!important;
	}
	
	#UserControlSorts span:hover, #UserControlFiltersToggle:hover, #stockFilterContainer:hover  {
		box-shadow: var(--drop-shadow-hover);
		background: var(--card-back)!important;
		color: var(--btx-black)!important;
	}
	
	.varAvail {
		color: var(--btx-inStock);
	}
	
	/* Hire Page Stuff */
	
	#hireModulePage {
		max-width:500px;
		margin: var(--standard-container-margin);
	}
	 
	#hireModulePage > form {
		display:flex;
flex-direction: row!important;
		flex-wrap: wrap;
		justify-content: center;
	}
	
		#hireModulePage > Form > fieldset {
			width: 100%;
			flex-basis: 100%;
			border: var(--card-borders);
			background: var(--card-back);
			border-radius: var(--card-corners);
		}
		
			/* Address teh children! Reorder the children */
			
			#hireModulePage > Form > #hireWhen {
				/* When? */
				width: 100%;
				display: block;
			}
			
				#hireModulePage > Form > #hireWhen > * {
					display: block;
					
				}
			
			
				#hireModulePage > Form > #hireWhen > * {
					display: inline-block!important;
					margin: var(--standard-container-margin);
				}
			
			#hireModulePage > Form > #hireWhat {
				/* What? */
				width: 100%;
			}
			
				#hireModulePage > Form > #hireWhat img {
					width: 100%!important;
					height: auto!important;
					object-fit: cover;
					max-width: 600px;
				}
			
				#hireablesMaster .thinv {
					display:flex;
					flex-direction: row!important;
					flex-wrap: nowrap;
					justify-content: center;
					text-transform:uppercase;
					font-style:italic;
					font-weight:bolder;
					border-radius: var(--card-corners);
					background: var(--btx-black);
					color: var(--btx-white);
					width: 100%;
					font-size:	130%;
					max-width: 100%;
					height: 40px;
					line-height: 40px;
				}
				
					#hireablesMaster .optionalLabel {
						display: none;
					}
				
					#hireModulePage > Form > #hireWhat .thinv:hover {
						box-shadow: var(--drop-shadow-hover);
						background: var(--btx-orange)!important;
						color: var(--btx-black);
					}
				
					#hireModulePage > Form > #hireWhat .thinv > i {
						display: none;
					}
				
				#hireModulePage > Form > #hireWhat .active {
					background: var(--btx-orange);
						color: var(--btx-black);
				}
				
				/* Can i address the sub divs, and set them to row orientation? */
				
				#hireModulePage > Form > #hireWhat > div > div {
					display:flex;
flex-direction: row;
					flex-wrap: wrap;
					justify-content: stretch;
					align-content: stretch;
					margin: var(--standard-container-margin);
					border-radius: 0px;
				}
				
					#hireModulePage > Form > #hireWhat > div > div > * {
						min-width: 200px;	
						width: 100%;
						height: 100%;
						margin-bottom: var(--standard-container-margin);
					}
					
					#hireablesMaster .parent img {
						border: var(--card-borders);
						border-top: none;
					}
					
					#hireablesMaster .variant {
						display: flex;
						flex-direction: row;
						justify-content: flex-end;
						align-items: center;
						flex-wrap:wrap;
						border-top: var(--card-borders);
						border-bottom: var(--card-borders);
					}
					
						#hireablesMaster .variant > * {
							margin: var(--standard-container-margin);
						}
						
						#hireablesMaster .label {
							flex-grow: 0;
							flex-basis: 45%;
							text-align: left;
							border: none;
						}
						
						#hireablesMaster table {
							border: none;
							width: 100%;
						}
						
							#hireablesMaster tr:first-child th, #hireablesMaster tr:nth-child(2) th  {
								background: var(--btx-black);
								color: var(--btx-orange);
								border-bottom: var(--card-borders);
							}
							
								#hireablesMaster tr:nth-child(2) td {
									border-bottom: var(--card-borders);
								}
								
								#hireablesMaster tr:nth-child(n+3) th, #hireablesMaster tr:nth-child(n+3) td {
									font-size: 70%;
									color: #333;
									border-bottom: var(--card-borders);
								}
					
						#hireablesMaster .variant > span {
							flex-grow: 2;
						}
						
						#hireablesMaster .variant > select {
							flex-basis: 10%;
							flex-grow: 0;
						}
						
						#hireablesMaster .availability {
							border: none!important;
						}
										
					#hireModulePage > Form > #hireWhat > div > div > *:last-child {
						border-bottom: var(--card-borders);
					}
			
			#hireModulePage > Form > #hireSecurity {
				/* Security? */
				max-width: 500px;
				display:flex;
flex-direction: row!important;
				flex-wrap: wrap;
				justify-content: center;
			}
			
				#hireModulePage > Form > #hireSecurity > * {
					margin: var(--standard-container-margin);
				}
			
			#hireModulePage > Form > #hireWho {
				/* Who? */
				max-width: 500px;
			}
			
				#hireModulePage > Form > #hireWho > * {
					margin: var(--standard-container-margin);
				}
				
				#hireModulePage #hireWho div {
					display: flex;
					flex-direction: row;
					flex-wrap: wrap;
					justify-content: space-between;
				}
			
			#hireModulePage > Form > #hireSummary {
				/* Summary */
				display:flex;
				flex-direction: row!important;
				flex-wrap: wrap;
				justify-content: center;
				margin: var(--standard-container-margin);
			}
			
				#hireModulePage > Form > #hireSummary > * {
					display:flex;
					flex-direction: column;
					max-width: 28%;
					border: var(--card-borders);
					border-radius: var(--card-corners);
					margin: var(--standard-container-margin);
					background: var(--btx-black);
					color: var(--btx-orange);
				}
				
				#hireModulePage > Form > #hireSummary > *:nth-child(9) {
					background: var(--btx-orange);
					color: var(--btx-black);
					justify-content: stretch;
				}
				
					#hireModulePage > Form > #hireSummary > *:nth-child(9) > input {
						height: 100%;
						text-align:center;
						background: var(--btx-orange);
						box-shadow: var(--drop-shadow-hover);
						border: none;
						color: var(--btx-white);
						font-size: 120%;
					}
					
					#hireModulePage > Form > #hireSummary > *:nth-child(9) > input:hover {
						box-shadow: var(--drop-shadow-cta);
					}
						
					
				#hireModulePage > Form > #hireSummary > div > * {
					margin: var(--standard-container-margin);
					text-align:center;
					font-style:italic;
					font-weight:bolder;
				}
				
				#hireModulePage .fieldOptions {
					display:flex;
					flex-direction: row;
				}
				
	/* Booking confirmation page */
	
	#hireModulePage #bs1 div {
		text-align:center;
		border-top: var(--card-borders);
		background: var(--card-back);
	}
	
		#hireModulePage #bs1 #bookingDetails {
			display:flex;
			flex-direction: row;
			flex-wrap: wrap;
			font-size:
		}
		
		#hireModulePage #bs1 #bookingDetails div.halfWidth {
			width: 100%;
		}
		
		#hireModulePage #bs1 .dw {
			border-top: var(--card-borders);
			max-width: 100%;
			width:100%;
			font-size: 70%;
		}
		
		#hireModulePage #bookingTermsContainer {
			font-size: 75%;
			text-justify:auto;
		}
		
		#hireModulePage #termsRead {
			border-top: var(--card-borders);
			font-size: 75%;
		}
		
		
		/* Hire Floater */
		
		#hireFloater {
			position: fixed;
			background: var(--btx-black);
			color: var(--btx-orange);
			top: var(--normal-top-margin);
			left: 50vw;
			transform:translate(-50%,0);
			border: var(--card-borders);
			z-index:1000;
			border-radius: var(--card-corners);
			display:flex;
			flex-direction: row;
			align-items: center;
			width: 90%;
		}
		
		#hireFloater > * {
			margin: var(--standard-container-margin);
		}
		
		#hireFloater a {
			border-radius: var(--card-corners);
			color: var(--btx-white);
			background: var(--btx-orange);
			padding-left: var(--standard-container-margin)!important;
			padding-right: var(--standard-container-margin)!important;
		}
		
	/* Hire appointment form */
	
	.appointmentForm {
		max-height:none;
		flex-grow: 2;
	}
	
	/* Custom Pages Header specific CSS */
	
	.absoluteHeader {
		margin-top: calc((100vw/3) + var(--banner-height));
	}
	
	.headerOverlay {
		position: absolute; 
		width: 100%; 
		max-height: calc(100vw / 3);
		z-index:1; 
		top: var(--banner-height);
		pointer-events:none;
	}
	
		.headerOverlay img {
			max-height: calc(100vw / 3)!important;
		}
	
	@media only screen and (max-width: 768px) {
	
	.absoluteHeader {
		margin-top: calc(100vw + var(--banner-height));
	}
	
	.headerOverlay {
		position: absolute; 
		width: 100%; 
		max-height: 50vh;
		z-index:1; 
		top: var(--banner-height);
	}
	
		.headerOverlay img {
			max-height: 100vw!important;
		}
	}