/* font for whole site =======================================================*/

/* @font-face { */
   /* font-family: qedFont; */
   /* src: url("../fonts/Gotham Rounded Book.otf") format("opentype"); */
/* } */

/* * { */
   /* font-family: qedFont; */
/* } */

@font-face {
   font-family: qedFont2;
   src: url("../fonts/Proxima Nova Regular.ttf") format("truetype");
}

* {
   font-family: qedFont2;
   font-size: 12pt;
}

body {
	margin: 0px;
	/* margin-top: auto; */
}

fieldset {
	border: none;
}

p {
	margin: 0px;
}

.deleteText {
	color: #e2231a;
	text-decoration: none;
	font-weight: bold;
}

.tinyPic {
	max-height: 32px;
	max-width: 32px;
}

.iFrame {
	width: 400px;
	height: 400px;
	border: 1px solid #e2231a;
	border-radius: 5px;
}

.bodyContainer {
	display: flex;
	justify-content: space-evenly;
	flex-flow: row;
}

.cursorBusy {
	cursor: progress;
}

/* .bodyContent {
	max-width: 1230px;
} */

.M2 {
	max-width: 40%;
}

.M8M9 {
	/* width: 25%; */
	/* border: solid 1px #e2231a; */
	/* border-radius: 5px; */
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;

	height: revert;
	
	/* allow space for editor above */
	/* margin-top: 40px; */
}

.M8M9upper {
	height:360px;
}

.blockMenu {
	/* border: solid 1px #e2231a; */
	/* border-radius: 5px; */
	margin-top: 5px;
	display: flex;
	justify-content: space-between;
	top: 0px;
	position: sticky;
	/* position: -webkit-sticky; */
	z-index: 2;			/* so it's on top of the carousel and product page image */
	/* background-color: #f0f0f1; */
	background-color: white;
	align-items: center;
}

.menuLogo {
	display: none;
}

.navLink {
	padding-bottom: 20px;
}

.stickySubMenus {
	position: sticky;
	position: -webkit-sticky;
	top: 57px;
	z-index: 2;
}

.productNav {
	margin-left: 5px;
	margin-right: 5px;
}

.cartIcon {
	margin-right: 5px;
	margin-top: 5px;
}

.smallLogo {
	max-height: 32px;
}

.cartMenu {
	margin-right: 5px;
	display: flex;
}

.cartHint {
	display: none;
	width: max-content;
	border: 1px solid #e2231a;
	border-radius: 4px;
	background-color: #f0f0f1;
	position: absolute;
	padding: 4px;
}

/* styling for top logo strip ================================================*/
.top {
	display: flex;
	justify-content: space-between;
	/* position: fixed; */
	width: 100%;
	/* border: solid 1px #e2231a; */
	/* border-radius: 5px; */
	background-color: white;
	align-self: center;
	z-index: 10;
}

.topSearch {
	width: max-content;
	border: none;
	/* border-radius: 5px; */
	/* border: solid 1px #e2231a; */
}

.searchText {
	width: 150px;
}

.searchIcon {
	transform: translateX(-6px) translateY(7px);
	height: 22px;
}

.search {
	margin-bottom: 5px;
}

.logoImage {
	height: 90px;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
}

.logoSmall {
	display: none;
}

.topMenu {
	margin-right: 10px;
}

/*
.manufacturersContainer {
	display: flex;
	justify-content: center;
}
*/

.manufacturers {
	/* display: flex; */
	justify-content: center;
	/* border: solid 1px #e2231a; */
	/* border-radius: 5px; */
}

a {
	color: #e2231a;
	text-decoration: none;
	font-weight: bold;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.href {
	color: #e2231a;
	text-decoration: none;
	font-weight: bold;
}

.href:visited {
	text-decoration: none;
}

.href:hover {
	text-decoration: underline;
	cursor: pointer;
}

.notbold {
	font-weight: normal;
}

.topNav {
	color: #e2231a;
	background-color: transparent;
	display: block;
	float: right;
	padding-right: 3px;
	padding-left: 3px;
	font-size: 12pt;
	border-right: 1px solid;
	text-decoration: none;
	font-weight: bold
}

.productMenu {
	align-self: flex-end;
	/* padding-bottom: 8px; */
}

.subMenu {
	display: none;
	flex-flow: row;
	justify-content: space-evenly;
	justify-content: flex-end;
	/* border: 1px solid #e2231a; */
	/* border-radius:10px; */
	background-color: white;
	margin: 10px;
	margin-top: -10px;
	position: absolute;
	width: 98%;
	background-color: #e7e9eb;
	z-index: 15;					/* appear on top of carousel */
}

.subMenu2 {
	width: auto;
	margin-left: 10px;
}

.subMenu3 {
	width: 300px;
	margin-left: 125px;
	flex-flow: none;
	justify-content: unset;
}

.subMenuColumn {
	flex-flow: column;
}

.subMenuItem {
	list-style: none;
	font-size: 12pt;
	padding: 3px;
}

.menuRight {
	text-align: right;
}

.dealsContainer {
	/* border: 1px solid #e2231a; */
	/* border-radius: 5px; */
	margin-top: 5px;
}

.deal {
	padding: 5px;
	text-align: center;
	font-size: 12pt;
}

.colourSubMenuItem {
	list-style: none;
	font-size: 12pt;
	padding: 10px;
}

.menuColumn {
	display: block;
	margin-left: 10px;
	margin-right: 10px;
}

.noPad {
	padding-inline-start: 0px;
}

/*
li {
  font-size: 12px;
}
*/

.mainMarketing {
	display: flex;
	flex-direction: column;
	margin: 5px;
	margin-bottom: 5px;
	/* display: none; */
}

.flexMarketingContainer {
	display: flex;
	justify-content: space-evenly;
	flex-flow: wrap;
}

.marketingLineContainer {
	display: flex;
	/* justify-content: space-around; */
	justify-content: space-evenly;
	margin-top:5px;
	flex-flow: wrap;
}

.bottomMarketing {
	display: flex;
	justify-content: space-around;
	margin: 5px;
}

.marketingLineContainerLast {
	display: flex;
	justify-content: space-around;
	align-self: center;
	text-align: center;
	width: 80%;
}

.smallText {
	font-size: 12pt;
}

.marketingLine {
	padding: 5px;
	/* z-index: -1; */
	/* don't force it to fill the width */
	/* width: 100%; */
}

.marketingGroup {
	display: flex;
	justify-content: space-between;
	margin-top: 5px;
}

.marketing {
	width: 31%;
	padding: 5px;
}

.markeditContainer {
	display: flex;
	flex-flow: row;
	align-items: center;
}

.colours {
	text-align: center;
	border: 1px solid grey;
	border-radius: 5px;
	margin: 5px;
}

.margin {
	margin: 5px;
}

.redButton {
	background-color: #e2231a;
	border: 1px solid;
	border-color: white;
	border-radius: 5px;
	box-shadow: 0em 0.2em 0.2em #9e9e9e;
	color: white;
	margin: 5px;
}

.wideRedButton {
	background-color: #e2231a;
	/* background-color: lightgrey; */
	border: 1px solid;
	border-color: white;
	border-radius: 5px;
	box-shadow: 0em 0.2em 0.2em #9e9e9e;
	color: white;
	/* color: black; */
	margin: 5px;
	width: 160px;
}

.veryWide {
	width: 200px;
}

.logoButton {
	width: 244px;
	background-color: lightgrey;
	border-color: darkgray;
}

.lineButton {
	transform: translateY(-2px);
	width: 20px;
	margin: 1px;
}

.lineItemImage {
	height: 16px;
	width: 16px;
	transform: translateY(2px);
}

.labelButton {
	padding: 6px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.bigProductContainer {
	display: flex;
	justify-content: space-around;
	margin-top: 5px;
	flex-wrap: wrap;
	/* border: 1px solid #e2231a; */
	/* border-radius: 5px; */
}

.bigProductImageContainer {
	width: 30%;
	text-align: center;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	/* border: 1px solid green; */
	margin: 5px;
	max-width: 300px;
}

.bigImage {
	/* border: 1px solid #e2231a; */
	height: 100%;
	display: flex;
	flex-flow: column;
	justify-content: space-around;
}

.bigProductImage {
	width: 99%;
	margin-top: 5px;
	object-fit: scale-down;
}

.bigProductDetails {
	width: 30%;
	text-align: left;
	margin: 5px;
	display: flex;
	flex-flow: column;
	align-self: flex-start;
	margin-left: 0px;
	margin-right: 0px;
	/* border: 1px solid blue; */
	max-width: 300px;
}

.productWords {
	margin-top: 10px;
}

.productBuyNow {
	/* position: absolute; */
	/* transform: translate(15px, -5px); */
	margin-left: 10px;
	width: max-content;
}

.thumbnails {
	display: flex;
	flex-flow: wrap;
	align-self: center;
	margin: 5px;
	justify-content: space-around;
	/* border: 1px solid orange; */
}

.thumbnail {
	/* max-width: 40px; */
	/* max-height: 40px; */
	margin: 5px;
	/* object-fit: scale-down; */
	border: 1px solid #c0c0c1;
	border-radius: 3px;
	font-size: 12pt;
	padding: 5px;
	cursor: pointer;
	width: 52px;
}

.thumbLink {
	margin: 5px;
	max-height: 50px;
	border: 1px solid #c0c0c1;
}

.thumbnailContainer {
	display: flex;
	flex-flow: column;
	/* justify-content: center; */
	align-items: center;
}

.detailThumbnails {
	display: flex;
	justify-content: center;
	align-self: center;
}

.thumbnailCaption {
	font-size: 12pt;
	color: #404041;
	/* font-weight: bold; */
	text-align: center;	
}

.detailsContainer {
	display: flex;
	flex-flow: wrap;
	/* text-align: left; */
	/* border: 1px solid #e2231a; */
	/* border-radius: 5px; */
	margin-top: 5px;
	/* width: 50%; */
	justify-content: space-between;
}

.categoryList {
	columns: 4;
	list-style-type: none;
}

.flexCategory {
	display: flex;
	justify-content: center;
	/* align-self: left; */
	/* flex-flow: column; */
}

.flexCategoryItem {
	flex-flow: column;
}

.moreInformationHeader {
	margin-left: 10px;
	/* max-width: 600px; */
}

.moreInformationTitle {
	font-weight: bold;
	font-size: 15pt;
	text-align: left;
	margin-bottom: 5px;
	margin-top: 5px;
}

.moreInformation {
	/* width: 60%; */
	padding-left: 5px;
	/* border: 1px solid #404041; */
	/* border-radius: 5px; */
	margin-left: 5px;
	overflow: auto;
	max-height: 400px;
}

.embeddedVideoIframe {
	width: 560px;
	height: 315px;
	border: 1px solid #e2231a;
	border-radius: 5px;
	margin: 2px;
	padding: 2px;
}

.dumpster {
	font-size: 10pt;
	max-width: 600px;
	/* padding-top: 32px; */
}

.monospace {
	font-family: monospace;
}

.comments {
	width: 90%;
}

.currencyLogo {
	width: 24px;
	padding: 4px;
	border: none;
	border-radius: 5px;
	margin-left: 10px;
	float: right;
}

.payByCC {
	display: flex;
	align-items: center;
	flex-flow: column;
	margin: 10px;
}

.currencyLogoSelected {
	padding: 3px;
	border: 1px solid #e2231a;
}

.currencyLogoHamburgerSelected {
	border: 1px solid white;
}

.otherDocuments {
	/* width: 40%; */
	display: flex;
	flex-flow: column;
	margin-left: 10px;
}

.fixedWidth {
	width: 100px;
}

wide {
	font-weight: bold;
}

.siblingsTable {
	width: 35%;
	/* mmcp changed 10Aug23 */
	/* min-width: 300px; */
	min-width: 428px;
}

.siblings {
	border: none;
	margin: 5px;
	/* width: 45%; */
	align-self: flex-start;
	/* border: 1px solid green; */
}

.siblings th {
	text-align: left;
	color: black;
}

.siblings td {
	border: none;
}

.siblingButton {
	/* transform: translate(-125px, -8px); */
	position: unset;
}

.addNumber {
	width: 36px;
	margin-top: 5px;
	font-size: 13.5pt;
}

.lineQuantity {
	font-size: 12pt;
	width: 20px;
	margin-top: 0px;
}

.productImage {
	width: 99%;
	max-width: 200px;
	max-height: 130px;
	min-height: 130px;
	margin-top: 5px;
	object-fit: scale-down;
}

.productImageSmall {
	width: 99%;
	max-width: 90%;
	max-height: 100%;
	margin-top: 5px;
	object-fit: scale-down;
}

.productDecoration {
	position: static;
	width: 240px;
	margin-top: -20px;
	z-index: 1;
	/* flex-flow: row; */
}

.decorateLeft {
	margin-right: -114px;
}


/* .decorateCentre { */
	/* border: 1px solid #e2231a; */
	/* transform: rotate(-30deg); */
/* } */

.decorateRight {
	margin-right: -216px;
}

.productContainer {
	display: flex;
	justify-content: space-around;
	margin-top: 5px;
	flex-wrap: wrap;
}

.product {
	/* border: 1px solid #e2231a; */
	/* border-radius: 5px; */
	width: 240px;
	height: 320px;
	text-align: center;
	margin-bottom: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-flow: column;
}

.productDescription {
	font-size: 15pt;
	font-weight: bold;
	color: #e2231a;
	margin-left: 5px;
}

h1 { /* keeps MOZ happy */
	font-size: 15pt;
	font-weight: bold;
	color: #e2231a;
	margin-left: 5px;
}

.breadcrumbs {
	font-size: 12pt;
	margin: 5px;
}

.sku {
	text-align: left;
	margin-left: 5px;
	/* align-self: flex-end; */
	/* margin-bottom: 0px; */
}

/*
.stockCodeText {
}
*/

.stockCode {
	font-weight: bold;
	/* color: #e2231a; */
}

.price {
	text-align: left;
	margin-left: 5px;
}

/*
.priceText {
}
*/

.priceCost {
	font-size: 15pt;
	font-weight: bold;
	/* color: #e2231a; */
}

.productSmall {
	width: 320px;
	width: 240px;
	height: 320px;
}

.productLink {
	max-width: 240px;
	max-height: 240px;
	/* border: 1px solid #c0c0c1; */
	/* border-radius: 5px; */
	color: #404041;
	object-fit: scale-down;
	cursor: pointer;
}

.productBorderBox {
    border: 1px solid #a7a9ab;
    border-radius: 3px;
}

.smallProductDescription {
	margin-left: 5px;
	font-weight: bold;
	/* color: #404041; */
	text-align: left;
	height: 40px;
}

.tiny {
	font-size: 12pt;
}

.databaseOutput {
	margin-left: 5px;
	margin-top: 5px;
	font-family: monospace;
	font-size: 10pt;
}

.footerContainer {
	display: flex;
	text-align: center;
	margin-top: 5px;
	/* border: 1px solid #e2231a; */
	/* border-radius: 5px; */
	flex-direction: column;
	/* margin: 5px; */
}

.footer {
	width: 99%;
	display: flex;
	text-align: left;
	justify-content: space-between;
	padding: 5px;
	font-size: 12pt;
}

.leftFooter {
	width: 30%;
}

.centreFooter {
	width: 30%;
}

.rightFooter {
	width: 30%;
	font-size: 12pt;
}

.leftFooterHeader {
	border: 0px solid #e2231a;
	border-bottom-width: 5px;
	font-weight: bold;
	font-size: 12pt;
}

.centreFooterHeader {
	border: 0px solid #e2231a;
	border-bottom-width: 5px;
	font-weight: bold;
	font-size: 12pt;
}

.rightFooterHeader {
	border: 0px solid #e2231a;
	border-bottom-width: 5px;
	font-weight: bold;
	font-size: 12pt;
}

.followUs {
	margin: 0px;
	margin-bottom: -10px;
}

.mtype {
	font-weight: bold;
	font-size: 12pt;
	text-align: center;
}

.mainContentHeader {
	background-color: #a7a9ab;
	border: solid;
	border-color: black;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-width: 1px;
	border-radius: 5px;
	box-shadow: 0em 0.2em 0.2em #9e9e9e;
	color: black;
	font-size: 12pt;
	font-weight: normal;
	line-height: 18px;
	margin: 5px;
	margin-top: 10px;
	padding: 5px;
	text-align: left;
	display: flex;
	flex-flow: column;
}

.mainContentMouse {
	cursor: pointer;
}

.mainButton {
	float: right;
	/* transform: translateY(-5px); */
	height: 28px;
	margin-top: -24px;
	margin-bottom: -8px;
}

.verbiage {
	font-size: 12pt;
	/* border: solid 1px #e2231a; */
	/* border-radius: 5px; */
	margin: 5px;
	padding: 5px;
	margin-top: 10px;
	background: white;
}

table {
	border-collapse: collapse;
}

/* just for excel import/export */
/*==============================*/
/* .excelTable, th, td {
	border: 1px solid #808081;
	border-collapse: collapse;
	margin: 6px;
} */

.qedTable {
	border-collapse: collapse;
	font-size: 12pt;
	padding: 5px;
	margin: 10px;
	border: 1px solid #808081;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

.logfileTable {
	font-size: 10pt;
}

.qedTableBorders {
	border: 1px solid #808081;
}

.qedTH {
	border: 1px solid #808081;
	border-left: none;
	border-right: none;
	text-align: center;
	color: #e2231a;
	padding: 5px;
}

.qedTD {
	border: 1px solid #808081;
	border-left: none;
	border-right: none;
	color: black;
	padding: 5px;
}

.qedTDwrap {
	word-break: break-word;
	max-width: 200px;
}

.smallTable {
	width: auto;
	padding: 0px;
}

tr:nth-child(even) {
	background-color: #e7e9eb; /* */
}

.borderTop {
	border-top: 1px solid #808081;
	border-bottom: none;
	padding: 5px;
}

.adminMap {
	display: none;
}

.scrollTableContainer {
	overflow-x: auto;
	max-height: 400px;
	margin-bottom: 10px;
}

.scrollTable {
	margin-left: 5px;
}

.scrollTableHead {
	inset-block-start: 0;
	background: #e7e9eb;
	position: sticky;
	/* z-index: -1; */
}

.scrollTableBody {
	padding: 10rem 2rem 50rem;
}

.infoPopUp {
	width: 30%;
	height: 30%;
	position: fixed;
}

.addresses {
	display: flex;
	flex-flow: row;
	justify-content: flex-end;
}

.tableRight {
	text-align: right;
}

.tableLeft {
	text-align: left;
}

.tableSums {
	border: 1px solid #808081;
	text-align: right;
	border-left: none;
	border-right: none;
	/* font-family: monospace; */
}

.discounted {
	color: #e2231a;
	font-weight: bold;
}

.tableTotal {
	background-color: #a7a9ab;
	font-weight: bold;
	color: white;
	text-align: right;
	padding-right: 5px;
}

.tableTrailer {
	font-weight: bold;
	font-size: 12pt;
	text-align: right;
	border: none;
}

.tableBold {
	font-weight: bold;
}

.orderTable {
	margin: 5px;
	width: 100%;
}

.orderTableRef {
	width: 200px;
	text-align: left;
}

.orderTableName {
	width: 300px;
	text-align: left;
}

.orderTablePrice {
	width: 80px;
}

.noborder {
	border: none;
	padding: 5px;
}

.noFill {
	background-color: white;
	padding: 5px;
}

.POnoFill {
	background-color: white;
	width: 17%;
	/* padding: 5px; */
}

.cc {
	height: 32px;
}

.POpad {
	width: 200px;
}

.POcenter {
	text-align: center;
}

/* position buttons ==========================================================*/
/*
.buyNow {
	position: absolute;
	transform: translate(-157px, 275px);
	align-self: flex-end;
}
*/

.bottomGroup {
	align-self: flex-end;
	margin-bottom: -15px;
	width: 100%;
}

/*
.offers {
	position: absolute;
	transform: translate(-106px, 175px);
}
*/

/*
.look {
	position: absolute;
	transform: translate(-106px, 175px);
}
*/

.priceBubble {
	width: 100px;
	height: 100px;
	line-height: 100px;
	border-radius: 50px;
	margin-top: -102px;
	transform: translate(198px, 300px) rotate(30deg);

	color: white;
	text-align: center;
	border: 1px solid;
	font-weight: bold;
	border-color: transparent;
}

.bigPriceBubble {
	transform: translate(-85px, 0px) rotate(30deg);
	align-self: baseline;
	/* background-color: rgba(226, 35, 26, .5) */
}

.priceBubbleOffer {
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 30px;
	margin-top: -52px;
	font-size: 12pt;
	transform: translate(148px, 200px) rotate(30deg);

	color: white;
	text-align: center;
	border: 1px solid;
	font-weight: bold;
	border-color: transparent;
}

.priceBubbleLook {
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 30px;
	margin-top: -52px;
	font-size: 12pt;
	transform: translate(148px, 200px) rotate(30deg);

	color: white;
	text-align: center;
	border: 1px solid;
	font-weight: bold;
	border-color: transparent;
}

.redButton:hover {
	color: #cccccc;
}

.redbutton:active {
	transform: translateY(2px);
	box-shadow: 0em 0.1em 0.1em #9e9e9e;
}

.disabledButton {
	background-color: lightgrey;
	color: black;
	border: 1px solid;
	border-color: white;
	border-radius: 5px;
	box-shadow: 0em 0.2em 0.2em #9e9e9c;
	margin: 5px;
	margin-left: 10px;
	width: 94px;
}

.cartContainer {
	display: flex;
	justify-content: space-around;
}

.cartButton {
	margin-right: 10px;
	margin-bottom: 10px;
	float:	right;
}

.cart {
	/* border: 1px solid #e2231a; */
	/* border-radius: 5px; */
	margin-top: 10px;
	padding: 5px;
	overflow-x: auto;
	width: fit-content;
	align-self: center;
	max-width: 800px;
	width: 100%;
}

.cartText {
	padding-top: 9px;
}

.cartForm {
	display: flex;
	flex-direction: column;
	margin: 10px;
}

.orderContainer {
	display: flex;
	justify-content: space-around;
}

.orders {
	/* border: 1px solid #e2231a; */
	/* border-radius: 5px; */
	margin-top: 10px;
	padding: 5px;
	/* overflow-x: auto; */
	width: fit-content;
	align-self: center;
	max-width: 800px;
	width: 100%;
}

.addToCartForm {
	/* display: flex; */
	/* flex-direction: column; */
	margin-top: 10px;
	/* border: solid 1px #e2231a; */
	/* border-radius: 5px; */
	/* margin-top: auto; */
	/* align-self: flex-end; */
	width: 175px;
}

.addToCartFields {
	/* width: fit-content; */
	border: none;
	display: flex;
}

.selectOrder {
	/* border: 1px solid #e2231a; */
	/* border-radius: 5px; */
	font-size: 12pt;
	margin-top: 10px;
	padding-top: 10px;
}

.PO {
	font-size: 15pt;
	font-weight: bold;
	text-align: center;
}

.orderNumberTitle {
	font-size: 12pt;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 5px;
}

.orderNumber {
	color: #e2231a;
	font-weight: bold;
}

.orderDateTitle {
	font-size: 12pt;
	padding-right: 10px;
	padding-top: 10px;
	float: right;
	margin-top: -26px;
}

.boldData {
	font-weight: bold;
}

.delivery {
	font-size: 12pt;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 5px
}

.loginContainer {
	display: flex;
	justify-content: space-around;
	/* line-height: 24px; */
}

.login {
	/* border: 1px solid #e2231a; */
	/* border-radius: 5px; */
	margin-top: 5px;
	width: 90%;
	max-width: 600px;
	align-self: center;
}

.loginForm {
	/* display: flex; */
	/* flex-direction: column; */
	/* margin: 10px; */

	background: #f5f5f5;
	/* border: 1px solid #e2231a; */
	/* border-radius: 5px; */
	margin: 5px;
	padding: 5px;
	align-self: center;
	margin-bottom: 0px;
}

.registerField {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 5px;
}

.registerReport {
	display: flex;
	justify-content: center;
	margin-bottom: 5px;
}

.registerText {
	width: 200px;
	margin-left: 5px;
}

.registerButton {
	margin: 0px;
	margin-right: 5px;
}

.fieldSet {
	border: none;
	font-size: 12pt;
	display: flex;
	flex-flow: column;
}

.checkout {
	display: flex;
	justify-content: center;
	font-size: 12pt;
	flex-flow: column;
}

.adminSection {		/* outer div for settings ================================*/
	display: flex;
	justify-content: center;
	font-size: 12pt;
	flex-flow: wrap;
}

.adminText {
	margin-left: 5px;
	width: 200px;
}

.adminResult {
	margin: 5px;
	color: #e2231a;
	font-weight: bold;
	max-width: 300px;
}

.datePicker {
	width: 203px;
}

.formButtons {
	margin-left: 15px;
	margin-bottom: 10px;
	display: flex;
	justify-content: flex-end;
}


form {
	border: none;
	box-shadow: none;
}

.adminForm {
	/* display: flex; */
	/* flex-direction: column; */
	/* box-shadow: 0em 0.2em 0.2em #9e9e9e; */
	background: #f5f5f5;
	/* border: 1px solid #e2231a; */
	/* border-radius: 5px; */
	margin: 5px;
	padding: 5px;
	align-self: center;
}

.adminFieldSet {
	border: none;
	font-size: 12pt;
	display: flex;
	flex-flow: column;
	text-align: left;
}

.exportFieldList {
	align-self: center;
	background-color: #f5f5f5;
	padding-left: 5px;;
	padding-right: 5px;
}

.excelLabel {
	width: 16px;
}

.excelBlank {
	width: 20px;
}

.excelTitleBlank {
	width: 32px;
}

.excelWideLabel {
	width: 200px;
}

.excelCaption {
	width: 200px;
}

.adminLabel {
	/* float: left; */
	/* text-align: right; */
	transform: translateY(-2px);
	/* width: 120px; */
	margin-left: 5px;
	margin-top: 5px;
}

.adminSelect {
	margin-left: 5px;
	width: 208px;
}

.adminSelectWide{
	width: 308px;
}

.wide {
	width: 300px;
}

/*
.adminCheckboxLabel {
}
*/

.adminCheckbox {
	margin-right: 195px;
}

.adminCheckBox {
	margin-top: 8px;
}

.carouselCheckbox {
	margin-right: 195px;
	margin-left: 5px;
}

.productCheckbox {
	margin-right: 295px;
	transform: translate(2px, 4px);
}

.adminTextArea {
	margin-left: 5px;
}

.adminBusinessCard { /* business card for settings ===========================*/
	display: flex;
	flex-flow: wrap;
	font-size: 12pt;
	line-height: 24px;
	padding: 5px;
	/* width: 45%; */
	min-width: 300px;
	/* border: solid 1px #e2231a; */
	/* border-radius: 5px; */
	height: fit-content;
	margin: 5px;
}

/* text for business card in settings ============*/
/*
.adminBusinessCardDetails { 
	border: solid 1px #cccccc;
	border-radius: 5px;
	margin: 5px;
	width: 100%;
}
*/

.marketingFieldSet {
	border: none;
	font-size: 12pt;
	display: flex;
	flex-flow: column;
	text-align: left;
	align-items: start;
}

.staffHeading {
	font-weight: bold;
	margin-bottom: 32px;
}

.staffImage {
	float: left;
	margin: 5px;
}

.staffDetails {
	margin: 10px;
	margin-left: 110px;
}

.staffName {
	font-weight: bold;
	font-size: 12pt;
}

.staffMobile {
	font-weight: bold;
	font-size: 12pt;
}

.staffRegion {
	font-size: 12pt;
}

.staffEmail {
	font-size: 12pt;
}


.social {
	font-size: 12pt;
	margin-bottom: 10px;
}

.socialIcon {
	transform: translateY(10px);
}

.linkedInIcon {
	height: 24px;
	transform: translateY(6px);
}

.craftedBy {
	font-size: 12pt;
	text-align: center;
	margin: 5px;
	color: #a7a9ab;
}

.siteMap {
	display: flex;
	justify-content: center;
}

.siteMapBlock {
	/* border: solid 1px #e2231a; */
	/* border-radius: 5px; */
	margin: 5px;
}

.hidden {
	display: none;
}

.last {
	border: none;
	padding-right: 0px;
}

.hamburgerContainer {
	display: none;
}

.topLogo {
	display: none;
	/* padding: 8.5px; */
}

.map {
	/* border: solid 1px #e2231a; */
	/* border-radius: 5px; */
	margin: 10px;
	padding: 5px;
	width: 96%;
}

.upperCase {
	text-transform: uppercase;
}

.buyerName {
	font-weight: bold;
}

.buyerText {
	text-align: center;
}

.buyer {
	/* border: solid 1px #e2231a; */
	/* border-radius: 5px; */
	text-align: center;
	font-size: 12pt;
}

.aboutUsStaff {
	display: flex;
	flex-flow: wrap;
	font-size: 12pt;
	line-height: 24px;
	padding: 5px;
	width: 100%
}

/*
.staff {
}
*/
.importContainer {
	display: flex;
	flex-flow: column;
	width: 100%;
	/* border: solid 1px #e2231a; */
	/* border-radius: 5px; */
	padding: 5px;
}

.exportContainer {
	display: flex;
	flex-flow: column;
	width: 100%;
	/* border: solid 1px #e2231a; */
	/* border-radius: 5px; */
	padding: 5px;
}

.picturesContainer {
	min-height: 200px;
	width: 98%;
	text-align: center;
}

.dropzone {
	height: 100%;
	min-height: 200px;
	background-color: #f0f0f1;
	border: 1px solid #e0e0e1;
	border-radius: 5px;
}

.darker {
	background-color: #e0e0e1;
}

.dz-message {
	font-weight: bold;
	font-size: 13.5pt;
}

.staffPictureForm {
	width: 200px;
	height: 200px;
	margin: 5px;
}

.searchTableContainer {
	display: flex;
	/* justify-content: space-around; */
	margin: 5px;
	flex-flow: column;
	align-items: center;
}

.searchTableInner {
	/* border: 1px solid #e2231a; */
	/* border-radius: 5px; */
	margin-top: 5px;
}

.searchTable {
	border: none;
	margin: 5px;
}

.searchHeader {
	color: black;
}

.searchForContainer {
	z-index: 50;
	background: white;
	border: 1px solid #a7a9ab;
	position: absolute;
	width: auto;
	/* left: 10%; */
	/* margin-left: 15px; */
	font-size: 12pt;
	/* border-radius: 5px; */
	transform: translateY(-12px);
}

.searchForItem {
	list-style: none;
	margin-right: 5px;
	margin-left: -35px;
}

.report {
	width: 100%;
	height: 75%;
}

.reportContainer {
	margin: 5px;
	padding: 5px;
	background: #f5f5f5;
}

.reportTitle {
	font-weight: bold;
	font-size: 18pt;
	display: flex;
	flex-flow: wrap;
	justify-content: space-around;
}

.right {
	float: right;
}

.buyMore {
	font-size: 12pt;
	font-weight: bold;
}

.postcodeLookup {
	display: flex;
	flex-flow: column;
	width: 208px;
	height: 50px;
	margin-left: 109px;
}

.exportMargin {
	margin-left: 10px;
	margin-top: 10px;
}

.exportHeading {
	font-weight: bold;
	font-size: 18pt;
}

.longDescription {
	width: 530px;
	height: 400px;
	margin-left: 5px;
	border: 1px solid #404041;
	border-radius: 2px;
	background-color: white;
	padding: 5px;
	overflow: auto;
	align-self: end;
}

/*
.productCopyButton {
	height: 20px;
}
*/

#getaddress_button {
	width: 72px;
	margin-left: -80px;
	margin-top: -27px;
}

#getaddress_input {
	width: 200px;
}

#getaddress_dropdown {
	width: 208px;
	margin-bottom: 5px;
}

#getaddress_error_message {
	margin: 0px;
}

.copyright {
	background-color: #a7a9ab;
	border-radius: 5px 5px 0px 0px;
	color: white;
	font-size: 12pt;
	padding: 3px;
	text-align: center;
}

.marketingDisplay {
	width: 100%;
	margin: 5px;
}

.marketingPicture {
	width: 90%;
}

/*
.marketingSmallPicture {
	width: 50%;
}
*/

.marketingShadowPicture {
	box-shadow: 5px 5px 5px #9e9e9e;
}

.box {
	border: 1px solid #e2231a;
	border-radius: 5px;
}

.strikethrough {
	text-decoration: line-through;
	color: grey;
	font-size: 12pt;
}

.smallStrike {
	font-size: 12pt;
}

.brand {
	text-align: left;
	margin-left: 5px;
	display: none;
}

.subCategory {
	text-align: left;
	margin-left: 5px;
	display: none;
}

.brandScroller {
	overflow: auto;
	height: 900px;
}

.brandFilter {
	color: black;
	text-align: right;
	/* margin-top: -19px; */
}

.subCategoryFilter {
	text-align: right;
}

.brandSelect {
	width: 200px;
}

.subCategorySelect {
	width: 200px;
}

.autoHeight {
	height: auto;
}

.unscroll {
	max-height: 999999px;
	overflow-x: initial;
}

.thin {
	margin: 1px;
}

.fileSize {
	display: inline-block;
	width: 120px;
	text-align: end;
}

/*
.fullprice {
}
*/

.tooltip {
  position: relative;
  display: inline-block;
  /* border-bottom: 1px solid black; */
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 300px;
  background-color: #e1e1e3;
  border-radius: 5px;
  padding: 5px;
  opacity: 0;
  transition: opacity 0.5s;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: 18px;
  left: 100%;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.loading {
	/* busy cursor feedback */
	/*======================*/
    cursor: wait; 
}

.loading * {
    /* disable all mouse events on subElements */
	/*=========================================*/
    pointer-events: none; 
}

.iconImage {
	height: 16px;
	margin-top: 3px;
	cursor: pointer;
}

.flowColumn {
	flex-flow: column;
}

.customerTrailer {
	align-self: center;
}

.addressFrame {
	/* border: 1px solid #e2231a; */
	border-radius: 5px;
	padding: 5px;
	margin-right: -6px;
	margin-top: 10px;
}

.flexEnd {
	align-self: flex-end;
}

.eyeIcon {
	width: 24px;
	transform: translateX(276px);
}

.eyeIconLogin {
	width: 24px;
	transform: translateX(290px);
}

.topContainer {
	max-width: 1024px;
	display: flex;
	flex-flow: column
}

.topContent {
	display: flex;
	justify-Content: space-around;
}

.productHeart {
	margin-bottom: -8px;
}

.emailLogo {
	height: 24px;
	margin-top: 5px;
	margin-bottom: -8px;
}

.buttons {
	display: flex;
	flex-flow: wrap;
	justify-content: center;
}

.hamburgerColors {
	color: white;
	font-weight: normal;
	text-decoration: none;
}

@media print{
	.noPrint {
		display: none;
	}
}

@media print {
	footer {
		page-break-after: always;
	}
}

.cookieIcon {
	height: 32px;
	width: 32px;
}

.cookieButton {
	background-color: #f5f5f5;
	border: 1px solid;
	border-color: white;
	border-radius: 5px;
	box-shadow: 0em 0.2em 0.2em #9e9e9e;
	margin: 5px;
}

.cookiesYes {
    color: green;
}

.cookiesNo {
    color: #e2231a;
}

.boldRedText {
    color: #e2231a;
	font-weight: bold;
}

.linkText {
	color: black;
	font-weight: bold;
	font-size: 14pt;
}

/* responsive media settings =====================================================================================================*/

/* phone/fax/advice "buttons" ================================================*/
.hoverButton {
	text-align: start;
	flex-grow: 0;
}

/* hamburger =================================================================*/
.hamburgerContainer {
	/* display: none; */
  	margin: auto;
	font-size: 12pt;
	color: white;
	position: absolute;
	z-index: 5;
	margin-left: -128px;
	left: -100%;
	background-color: transparent;
	width: 128px;
	border-right: 1px solid #e2231a;
	/* border-radius: 0 5px; */
}

.hamburgerContainer:hover {
	display: block;
}

/*============================================================================*/
/* the trick here is hover over container renders child (buttons) visible ====*/
/*============================================================================*/
.hamburgerContainer:hover .hamburgerButton {
	display: block;
}

.hamburgerImage {
	/* hamburger menu not normally visible */
	display: none;
	height: 50px;
	float: right;
	/* position: relative; */
	z-index: 10;
	position: fixed;
	right: 8px; 
	top: 4px;
}

.hamburgerImage:mouseout {
	display: none;
}

.hamburgerItems {
	/* width: 128px; */
	/* float: right; */
	z-index: 5;
	display: none;
	position: fixed;
	right: 8px;
	top: 52px;
	flex-flow: column;
}

.hamburgerButton {
	padding: 7px;
	float: right;
	border-style: none none solid none;
	border-width: 1px;
	border-color: white;
	border-radius: 0px;
	color: white;
	background-color: #e2231a;
	text-align: left;
	font-size: 12pt;
	width: 154px;
	box-shadow: none;
	display: none;
	margin: 0px;
}

.hamburgerButton:hover {
	color: #cccccc;
}

.hamburgerButton:focus {
	transform: none;
	/* border-color: green; */
	text-decoration: none;
	color: blue;
	border: none;
}

/* check for hover not available =============================================*/
/*
@media (hover:none) {
	.hamburgerItems {
		display: hidden;
	}
}
*/

@media (max-width: 1200px) {
	.siblingsTable {
		width: 75%;
	}
	.siblings {
		width: auto;
	}
}

@media (max-width: 1000px) {
	.siblingsTable {
		width: 90%;
	}
	.siblings {
		width: auto;
	}
	/*
	.right, .left {
		display: none;
	}
	*/
	.hideNarrowText {
		display: none;
	}
	.flexFast {
		flex-grow: 0;
	}
	.cherry {
		height: 76px;
	}
	.cherry_left {
		width: 40%;
	}
	
	/* hide big logo when width gets narrow */
	/*======================================*/
	.logo { 
		display: none;
	}
	
	/* show tiny logo at the same time */
	/*=================================*/
	.logoSmall { 
		display: block;
	}
}

/* vertical footers once the screen gets too narrow ==========================*/
@media (max-width: 815px) {
	.footer {
		flex-flow: column;
	}
	.leftFooter, .centreFooter, .rightFooter {
		width: 95%;
	}
	.categoryList {
		columns: 3;
	}
}

@media (max-width: 775px) {
	.topLogo {
		display: unset;
	}
	.logo {
		display: none;
	}
}

@media (max-width: 700px) {
	.bigProductContainer {
		flex-wrap: wrap;
	}
	.detailsContainer {
		flex-wrap: wrap;
		flex-flow: column;
	}
	.PO {
		font-size: 12pt;
	}
}

/* hide M8 and M9 on narrower screens */
/*====================================*/
/* @media screen and (max-width: 1050px) { */
@media screen and (max-width: 1200px) {
	.M8M9 {
		display: none;
	}
}

@media (max-width: 675px) {
	.addresses {
		flex-flow: column;
	}
}

@media (max-width: 650px) {
	.PO {
		font-size: 12pt;
	}
	.orderNumberTitle {
		font-size: 12pt;
	}
	.orderNumber {
		font-size: 12pt;
	}
	.orderTable {
		font-size: 12pt;
	}
	.cart {
		font-size: 12pt;
	}
}

/* hide the cart =============================================================*/
/* hide the block menu, move to hamburger ==================================*/
@media (max-width:600px) {
	.cartMenu {
		display: none;
	}
	.logo {
		display: none;
	}
	.productMenu {
		display: none;
	}
	.categoryList {
		columns: 2;
	}
	.orderNumberTitle {
		font-size: 12pt;
	}
	.orderNumber {
		font-size: 12pt;
	}
	.boldData {
		font-size: 12pt;
	}
	.POnoFill {
		width: initial;
	}
	.hamburgerContainer {
		display: block;
		left: unset;
		right: 6px;
	}
	.hamburgerImage {
		display: block;
	}
	.topMenu {
		display: none;
	}
	.blockMenu {
		display: none;
	}

	
	/*
	.top {
		position: sticky;
		top: 0px;
	}
	*/

	.logoImage {
		display: none;
	}
	.smallLogo {
		display: block;
	}
	.carouselContainer {
		display: none;
	}
	.orderTable {
		font-size: 12pt;
	}
	.cart {
		font-size: 12pt;
	}
	.orderButton {
		display: none;
	}
	.qedTD {
		font-size: 12pt;
	}

	/*
	.scrollTableHead {
		z-index: -1;
	}
	*/

	.embeddedVideoIframe {
		width: 95%;
		max-width: 500px;
		align-self: center;
	}
}

@media (max-width: 500px) {
	.PO {
		display: none;
	}
	.bigProductContainer {
		flex-flow: column;
	}
	.bigProductImageContainer {
		align-self: center;
		width: 90%;
	}
	.bigProductDetails {
		align-self: center;
		width: 90%;
	}
	.siblings {
		align-self: center;
	}
	.moreInformation {
		align-self: center;
	}
	.otherDocuments {
		align-self: center;
	}

	/*
	.detailsContainer {
		flex-flow: column;
	}
	*/

	.brandFilter {
		margin-top: 0px;
	}
	.dumpster {
		display: none;
	}
	.favLess {
		display: none;
	}
	.favList {
		display: none;
	}
	.qedTD {
		font-size: 12pt;
	}
	.qedLess {
		display: none;
	}
	.addNumber {
		font-size: 12pt;
		width: 24px;
	}
	.tableSums {
		font-size: 12pt;
	}
	.orderTablePrice {
		width: 50px;
	}
	.embeddedVideoIframe {
		width: 95%;
		max-width: 400px;
		align-self: center;
	}
}


@media (max-width: 490px) {
	/* form labels need to be left aligned ===================================*/
	.adminLabel {
		text-align: left;
		padding-left: 6px;
	}
	.fullprice {
		display: none;
	}
}

/* hide chat and the carousel on very short screens (phone on its side =======*/
/*
@media (max-height: 450px) {
	.carouselContainer {
	}
	#carousel_next-btn,
	#carousel_prev-btn {
		padding-bottom: 20px;
	}
	
}
*/

@media (max-width: 400px) {
	.buyMore {
		display: none;
	}
	.siblingsTable {
		font-size: 12pt;
	}
	.categoryList {
		columns: 1;
	}

	/* move the hamburger menu on tiny screens ===============================*/
	/*
	.hamburgerItems {
		margin-top: -50px;
	}
	*/

	.favTable {
		height: 300px;
		font-size: 12pt;
	}
	.redButton {
		margin: 0px;
	}
	.embeddedVideoIframe {
		width: 95%;
		max-width: 300px;
		align-self: center;
	}
}

/* shrink some of the text so it doesn't wrap on very narrow screen ==========*/	
@media (max-width: 325px) {
	.copyright {
		font-size: 12pt;
	}
	.cherrypick {
		font-size: 15pt;
	}

	/*
	.carouselContainer {
	}
	*/

	.embeddedVideoIframe {
		width: 95%;
		align-self: center;
	}
}

@media (max-width: 242px) {
	.cherrypick {
		font-size: 12pt;
	}
}

/* adjust column visibilities to reveal left/right, hide centre ==============*/
.showLeftPane {
	display: block;
	width: 40%;
}
.showRightPane {
	display: block;
	width: 60%;
}
.showCentrePane {
	display: block;
}
.hideLeftPane {
	display: none;
}
.hideRightPane {
	display: none;
}
.hideCentrePane {
	display: none;
}

.paymentPopup {
	/* style for payment link popup box */
	align-self: center;
	position: fixed;
	top: 65%;
	z-index: 3;
	padding: 20px;
	background: lightgray;
	border-radius: 5px;
	width: 350px;
	height: 150px;
	display: none;
}

/* styling for background when pop up is visible */
/*===============================================*/
.overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.2);
	z-index: 3;
}

.overlay:target {
	visibility: visible;
	opacity: 1;
}

/* the welcome pop up box */
/*========================*/
.popup {
	margin: 70px auto;
	padding: 20px;
	background: #fff;
	border-radius: 5px;
	width: 75%;
	max-width: 500px;
	position: relative;
	/* transition: all 5s ease-in-out; */
	overflow: auto;
	max-height: 75%;
}

.welcomeContent {
	margin: 5px;
}

.imageSelect {
	border: none;
	background: transparent;
	width: 36px;
	padding: 0px;
}

.closeButton {
	align-self: end;
	margin-left: -56px;
	z-index: 99;
}

/* the product pop up box */
/*========================*/
.productPopup {
	margin: 70px auto;
	/* padding-bottom: 32px; */
	background: #fff;
	width: 80%;
	position: relative;
	height: 80%;
	border-radius: 5px;
	display: flex;
}

.productPopupContent {
	height: 100%;
	width: 100%;
}

.productPopupImage {
	width: 100%;
	height: 95%;
	object-fit: scale-down;
}

/* ensure marketing edit button bat is on top of blockMenu */
/*=========================================================*/
.tox {
	z-index: 9;
}

/* media width================================================================*/
@media (max-width: 600px) {
	.productPopup {
		padding-bottom: 16px;
		font-size: 16px;
	}
	.productPopupDescription {
		margin-top: -16px;
	}
}

@media (max-width: 500px) {
	.productPopup {
		/* padding-bottom: 32px; */
		font-size: 16px;
	}
	.productPopupDescription {
		margin-top: -32px;
	}
}

/* media height===============================================================*/
@media (max-height: 800px) {
	.productPopup {
		padding-bottom: 16px;
	}
}

@media (max-height: 500px) {
	.productPopup {
		height: 75%;
	}
}

@media (max-height: 400px) {
	.productPopup {
		height: 70%;
		padding-bottom: 32px;
	}
}

@media (max-height: 350px) {
	.productPopup {
		height: 65%;
	}
}

@media (max-height: 300px) {
	.productPopup {
		height: 60%;
	}
}