/* 
Headers 36pt Bold -> 2.25rem
Navigation / Sub Headers 18pt Bold -> 1.125rem
Body Txt 16pt  -> 1rem
 
Table Header 14pt Bold -> 0.875rem
Table Rows 12 pt -> 0.75rem
 
Forms Header 18pt Bold -> 1.125rem
Forms rows 16pt -> 1rem
*/
body {
	font-family: "Roboto", "Arial", sans-serif;
	font-size: 1rem;
	border: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #fafafa;
	background-image: url('');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center bottom;
	background-size: cover;
	box-sizing: border-box;
	line-height: 1.5rem;
}

div, img, input, a, p, table, tr, th, td, span, ul, li, ol, h1, h2, h3, hr, .CPUBigHeading {
	box-sizing: border-box;
	/* font-family: "Roboto", "Arial", sans-serif; */
}

p {
	font-size: 1rem;
}

input, button {
	padding: 5px;
	font-size: 1rem;
}

	input[type=submit], input[type=button], button, .icoButton, .icoButtonOver, .ibBookNow, .ibBookNowOver, .ibBookNowTall, .ibBookNowOverTall, .headerImageButton, .headerImageButtonCenter {
		background-color: #fed304;
		color: #ffffff;
		padding: 1rem 2rem 1rem 2rem;
		border: 0px;
		border-radius: 5px;
		cursor: pointer;
		min-width: 150px;
		font-weight: bold;
		text-align: center;
	}

	input[type=submit]:hover, input[type=button]:hover, button:hover, .icoButtonOver, .ibBookNowOver, .ibBookNow:hover, .ibBookNowOverTall, .headerImageButton:hover, .headerImageButtonCenter:hover {
		background-color: #000040;
	}

.textField, .textFieldNumeric {
	font-family: "Roboto", "Arial", sans-serif;
	font-size: 1rem;
}

.content .textField {
	font-size: 1rem;
}

a {
	font-size: 1rem;
}

a:link, a:visited, a:active {
	text-decoration: underline;
	font-weight: normal;
	color: #166dc8;
}

a:hover {
	text-decoration: underline;
	color: #000040;
}

.wholepage {
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	/*color: #000040; */
	color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}

.wholepageLogin {
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	background-color: #a8abab;
	margin: 0px 0px 0px 0px;
	padding: 10vh 0px 10vh 0px;
	border: none;
	height: 100vh;
}

#imgLogo, #imgLogoMobile {
	height: 70px;
}

.contentLogin {
	width: 95%;
	max-width: 800px;
	color: #000000;
	background-color: #ffffff;
	padding: 15px;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.contentLogin input[type=text] {
	border: 1px solid #75797b;
	padding: 5px;
}

.contentOther {
	width: 98%;
	color: #000000;
	background-color: #ffffff;
	padding: 15px;
	margin: 10px;
}

.content input[type=text] {
	border: 1px solid #75797b;
	padding: 5px;
	color: black;
	margin: -5px 0px 6px 0px;
}

.loginLogo {
	width: 90%;
	max-width: 200px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.content {
	text-align: left;
	/* z-index: -1; set in function scrollFunction to allow editor to work */
	position: relative;
}

.topbar {
	/* background-image: url(/edincare/PublicFiles/image/edincareWatermark.png);
	background-repeat: no-repeat;
	background-position: top right;	
	*/
	background-color: white;
	text-align: center;
	vertical-align: middle;
	padding: 0px;
	position: fixed;
	width: 100%;
	max-width: 1800px;
	color: #122454;
	font-size: 1rem;
	line-height: normal;
}

.topPhone {
	font-size: 2rem;
	font-weight: bold;
}

.topPhone a {
	font-size: 2rem;
	font-weight: bold;
	color: #122454;
	text-decoration: none;
}

.topAddress a {
	text-decoration: none;
	color: #122454;
	font-weight: normal;
}

.topAddress a:hover {
	text-decoration: underline;
}

.topSocialMedia {
	padding-top: 0.5rem;
}

.topbarSpacer {
	height: 120px;
}

.topbarEM {
	background-color: #000040;
	width: 100%;
	color: white;
	text-align: left;
	padding: 15px 25px 15px 20px;
	vertical-align: middle;
	display: flex;
	position: relative;
	z-index: 99999;
}

.topbarLogoEM {
	display: inline-block;
}

.topbarMenuEM {
	background-color: #000040;
	display: inline-block;
	text-align: center;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	width: 100%;
}

.topbarMenuEM a {
	color: white;
	font-weight: normal;
}

.topbarContent {
	display: inline-block;
	text-align: left;
	padding: 0px;
	font-size: 24pt;
	vertical-align: bottom;
	width: 90%;
}

.topbarLogoMobile {
	cursor: pointer;
	display: inline-block;
	-webkit-flex: 1;
	flex: 2;
	vertical-align: top;
	text-align: left;
}
.topbarLogoMobile img {
	height: 70px;
}

.topbarContentMobile {
	display: -webkit-flex;
	display: flex;
	display: none;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 100%;
	padding: 15px 0px 10px 10px;
	vertical-align: top;
}

.topbarContentMobileAddress {
	display: none;
	text-align: center;
	width: 100%;
	padding: 15px 0px 10px 10px;
	vertical-align: top;
}


.topbarDepartmentMobile, .topbarDepartmentMobileMicro {
	color: #ffffff;
	display: none;
	font-size: 1rem;
	font-weight: bold;
	padding: 12px 0px 8px 12px;
	vertical-align: top;
	text-align: left;
	cursor: pointer;
}

.topBarCompanyName, .topBarMenuMobile, .topBarMenuMobileRight {
	color: #917b4c;
	display: inline-block;
	-webkit-flex: 1;
	flex: 1;
	vertical-align: top;
}

.topBarMenuMobile {
	text-align: right;
	padding: 25px 10px 0px 10px;
	flex: 1;
}

.topBarMenuMobileRight {
	text-align: right;
	padding-right: 20px;
}

.topBarDepartment {
	color: #c0c0c0;
	display: inline-block;
	-webkit-flex: 1;
	flex: 1;
	text-align: right;
	vertical-align: bottom;
}

.addTickets {
	padding-bottom: 9px;
}

.deliveryOption {
	width: 20px;
}

#backToTop {
	display: block; /* Hidden by default */
	position: fixed; /* Fixed/sticky position */
	bottom: 20px; /* Place the button at the bottom of the page */
	right: 20px; /* Place the button 30px from the right */
	z-index: 99; /* Make sure it does not overlap */
	border: none; /* Remove borders */
	outline: none; /* Remove outline */
}

.menuShopItemSelected {
	color: #000000;
	border-left: 2px solid #ffffff;
	padding-left: 0px;
}

#venueMap  {
	overflow-x: auto;
}


.topMenuButtons {
	display: inline-block;
	vertical-align: bottom;
}

.topbarButton, .topbarButtonSelected {
	display: inline-block;
	vertical-align: bottom;
	cursor: pointer;
	color: #917b4c;
	padding: 15px 20px 5px 20px;
	font-weight: bold;
}

.basketBar {
	width: 100%;
	padding: 10px 0px 10px 0px;
	background-color: #f1f1eb;
	font-size: 24pt;
	font-weight: bold;
	color: #333333;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	text-align: center;
	align-items: center;
}

.basketArrow {
	display: inline-block;
	-webkit-flex: 1;
	flex: 1;
	text-align: center;
	align-items: center;
}
.basketTotal {
	display: inline-block;
	-webkit-flex: 1;
	flex: 1;
	text-align: center;
	align-items: center;
}
.basketView {
	display: inline-block;
	-webkit-flex: 1;
	flex: 1;
	font-size: 0.875rem;
	text-align: center;
	align-items: center;
}

.topbarButtonSelected {
	color: #ffffff;
}

.topbarButton:hover, .topbarButtonSelected:hover {
	background-color: #ffffff;
	color: #333333;
}

.topbarButtonSeparator
{
	display: inline-block;
	vertical-align: middle;
	padding-left: 15px;
	padding-right: 15px;
}

.topbarDivider
{
	display: inline-block;
	padding: 0px 50px 0px 50px;
}

.topbarLink, .topbarLinkMobile {
	display: inline-block;
	vertical-align: bottom;
	cursor: pointer;
	color: #917b4c;
	text-decoration: underline;
	font-size: 0.75rem;
	font-weight: normal;
}

.topbarLink {
	padding: 10px 0px 10px 10px;
}

.topbarLinkMobile {
	padding: 10px 0px 10px 0px;
	font-size: 10pt;
	display: block;
}

.topbarLink:hover {
	color: #ffffff;
}

.costCentreLogos {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 100%;
	padding: 15px 0px 0px 0px;
	vertical-align: bottom;
	align-items: top;
	text-align: center;
}

.costCentreLogo {
	color: #000000;
	display: inline-block;
	-webkit-flex: 1;
	flex: 1;
	vertical-align: bottom;
	padding: 10px;
	text-align: center;
	cursor: pointer;
}

.costCentreLogoImageHolder, .costCentreLogoImageHolderSelected {
	background-color: #f1f1eb;
	cursor: pointer;
	width: 90%;
	text-align: center;
	padding: 10px;
	vertical-align: bottom;
}

.costCentreLogoImageHolder:hover {
	background-color: #333333;
}

.costCentreLogoImageHolderSelected {
	background-color: #ec6d0c;
	cursor: default;
}

.costCentreLogosName {
	display: block;
	background-color: white;
	text-align: center;
	width: 90%;
	padding-top: 10px;
	font-size: 1.2em;
}

.costCentreLogosImage {
	height: 100px;
}

.socialMediaBarContainer {
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	background-color: #000040;
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 40px;
	padding-left: 20px;
	padding-bottom: 50px;
}

.socialMediaBar {
	width: 100%;
	color: white;
	vertical-align: middle;
	text-align: center;
	display: flex;
	box-sizing: border-box;
	max-width: 1800px;
	display: block;
	margin: 0 auto;
	display: flex;
	padding: 10px 16px 0px 16px;
}

.socialMediaBarLeft {
	text-align: left;
	display: inline-block;
	flex: 1;
}

.socialMediaBarRight {
	text-align: right;
	display: inline-block;
	padding-top: 16px;
	flex: 1;
}


.upcomingEventsContainer1 {
	width: 100%;
	text-align: center;
}
.upcomingEventsContainer2 {
	max-width: 800px;
	margin: 0 auto; /* center align div! */
	text-align: left;
}

.upcomingEventDivder {
	border-top: 0px solid #ffffff;
	height: 0px;
	width: 95%;
	padding: 0px;
	margin: 12px 0px 0px 0px;
}

.upcomingEvent {
	border-top: 1px solid #ffffff;
	margin-top: 0px;
	padding: 12px 12px 0px 12px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	align-items: flex-start;
	text-align: left;
	width: 95%;
}

.upcomingEventTextContainer {
	display: inline-block;
	-webkit-flex: 5;
	flex: 5;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	align-items: flex-start;
	vertical-align: top;
}

.upcomingEventImageContainer {
	display: inline-block;
	-webkit-flex: 1;
	flex: 1;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	vertical-align: top;
	align-items: flex-start;
	text-align: center;
}

.frontPageAnnouncementTitle {
	margin-top: 36px;
	font-weight: bold;
	padding: 0px 10px 0px 10px;
}

.frontPageMessage {
	padding: 0px 10px 0px 10px;
}

.noEvents {
	padding-top: 20px;
}

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

.matchDescriptionLine {
	padding-bottom: 10px;
}

.matchDateLine {
  padding-bottom: 10px;
}

.tickTransparent {
	background-color: #917b4c;
	border-radius: 20px;
	height: 30px;
	width: 40px;
	padding-top: 10px;
	text-align: center;
	vertical-align: middle;
}

#footerbar {
	margin-top: 30px;
	width: 100%;
	/*background-color: #122454;
	color: #ffffff; */
	text-align: center;
	display: block;
	padding: 1rem 0px 1rem 0px;
	/*font-size: 0.9rem;
	line-height: 1.5rem;*/
}
/*
#footerbar a, #footerbar a:visited {
	text-decoration: none;
	color: #ffffff;
	padding: 0px 30px 0px 0px;
	display: inline-block;
	font-weight: normal;
	
}

#footerbar a:hover {
	text-decoration: underline;
	color: #ffffff;
}
*/

h3 {
	font-size: 1rem;
	margin: 8px 0px 8px 0px;
	color: #c0c0c0;
	font-weight: normal;
}

.searchButton
{
	border: 1px solid #000000;
	border-radius: 10px;
	width: 100px;
	height: 25px;
	background-image: url(../../images/icoSearch.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 26px;
}
.sliderContainer
{
	background-color: white;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 2px;
}
.slider
{
	width: 100%;
	text-align: center;
	display: inline-block;
}

.mainContentContainer
{
	display: block;
	width: 100%;
	background-color: white;
	text-align: center;
	vertical-align: top;
	padding: 20px 0px 0px 0px;
}

.mainContent {
	width: 90%;
	text-align: center;
	display: inline-block;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
}

.menuShopItem, .menuShopItemSelected, .menuSearchItem {
	padding: 10px 10px 10px 10px;
	background-image: url(../../images/menuItem.png);
	background-repeat: no-repeat;
	background-position: right center;
	text-align: left;
	cursor: pointer;
}
.menuShopItem:hover, .menuShopItemSelected:hover, .menuSearchItem {
	color: white;
	background-color: #917b4c;
	background-image: url(../../images/menuItemWhite.png);
}


.menuShopItem:hover, .menuShopItemSelected:hover, .menuSearchItem:hover {
	color: white;
	background-color: #917b4c;
	background-image: url(../../images/menuItemWhite.png);
}

.menuSearchItem {
	background-image: none;
	background-color: #333333;
}

.menuSearchItem:hover {
	background-image: none;
	background-color: #333333;
}

.menuItemSeparator
{
	width: 100%;
	display: block;
	height: 2px;
	background-color: white;
}

.infoContentCentralise {
	color: #000000;
	width: 100%;
	max-width: 1000px;
	display: inline-block;
	text-align: center;
}

.infoContent {
	text-align: left;
	display: inline-block; /* fit to content so content is centralised as a block */
	width: 100%;
}

.infoImage
{
	display: inline-block;
	padding-right: 6px;
	padding-bottom: 10px;
	vertical-align: top;
	cursor: pointer;
}

.infoImageColumn
{
	display: inline-block;
	vertical-align: top;
}

.subjectButtonsContainer
{
	display: block;
	width 100%;
	color: #585858;
	font-weight: bold;
}

.subjectImage
{
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
}

.subjectImageSeparator
{
	width: 3px;
	height: 85px;
	display: inline-block;
	background-image: url(../../images/subjectImageDivider.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.subjectImageSeparatorWide
{
	width: 3px;
	height: 85px;
	display: inline-block;
	background-image: url(../../images/subjectImageDividerWide.png);
	background-repeat: no-repeat;
	background-position: left center;
}

.subjectImage:hover
{
	color: #0085cf;
}

.productsUnder
{
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
	padding: 10px 4px 10px 4px;
}

.productsUnder:hover
{
	color: #0085cf;
}

.productsUnderValue
{
	font-size: 24pt;
	color: #1a90da;
}

.footerContainer
{
	display: block;
	width 100%;
	color: #585858;
	font-weight: bold;
	text-align: center;
	padding-top: 14px;
}

.footerBlock {
	width: 284px;
	height: 345px;
	display: inline-block;
	vertical-align: top;
	background-color: #000000;
	text-align: left;
	padding: 10px 0px 0px 0px;
	margin-right: 2px;
	color: white;
	font-size: 0.75rem;
	font-weight: normal;
	overflow-y: auto;
	margin-top: 5px;
}
.footerBlockTitle
{
	display: inline-block;
	top: 10px;
	left: 10px;
	position: relative;
	text-align: left;
	padding: 0px 0px 18px 0px;
}
.photoLeftArrow
{
	width: 18px;
	height: 27px;
	display: inline-block;
	background-image: url(../../images/photoLeftArrow.png);
	background-repeat: no-repeat;
	background-position: top left;
	top: 30px;
	left: -162px;
	position: relative;
	z-index: 999;
	cursor: pointer;
}
.photoRightArrow
{
	width: 18px;
	height: 27px;
	display: inline-block;
	background-image: url(../../images/photoRightArrow.png);
	background-repeat: no-repeat;
	background-position: top left;
	top: 30px;
	left: 55px;
	position: relative;
	z-index: 999;
	cursor: pointer;
}
.footerBlockImage
{
	display: inline-block;
	top: -40px;
	left: 2px;
	position: relative;
	text-align: left;
	width: 280px;
	height: 280px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 0px 0px 0px 0px;
	z-index: 0;
	cursor: pointer;
}
.footerBlockPrice {
	font-size: 24pt;
	color: #000000;
	display: inline-block;
	text-shadow: -1px 0 #0b5b89, 0 1px #0b5b89, 1px 0 #0b5b89, 0 -1px #0b5b89;
	top: 225px;
	left: 170px;
	position: relative;
	z-index: 999;
}

.footerBlockPair
{
	width: 284px;
	height: 345px;
	display: inline-block;
	vertical-align: top;
}

.footerBlockSmall
{
	width: 100%;
	height: 165px;
	display: inline-block;
	vertical-align: top;
	background-color: #000000;
	text-align: left;
	padding: 10px 0px 0px 0px;
	margin-bottom: 0px;
	color: white;
	line-height: 18px;
	font-weight: normal;
margin-top: 5px;
}

.socialMediaButton
{
	padding-right: 8px;
	padding-left: 8px;
	display: inline-block;
	cursor: pointer;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #808080;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: #808080;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #808080;
}
::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #808080;
}

.contactButton
{
	border: 1px solid #000000;
	border-radius: 10px;
	width: 235px;
	height: 25px;
	padding-left: 10px;
	margin-bottom: 9px;
	vertical-align: top;
	font-size: 12px;
}

.sendButton
{
	padding-right: 22px;
	font-weight: bold;
	cursor: pointer;
}
.sendButton:hover
{
	color: #0a354e;
}

.twitterLink
{
	cursor: pointer;
}
.twitterLink:hover
{
	color: #0a354e;
}

.feature
{
	display: inline-block;
	width: 95%;
	padding-left: 40px;
	padding-top: 0px;
	text-align: center;
}

.productResultsContainer
{
	display: inline-block;
	width: 100%;
	max-width: 1100px;
	text-align: left;
	vertical-align: bottom;
}

.productResult, .productResultOver {
	display: inline-block;
	vertical-align: bottom;
	text-align: center;
	width: 200px;
	height: 230px;
	border: 1px solid white;
	cursor: pointer;
	padding: 0px 5px 0px 5px;
}

.productResultOver
{
	border: 1px solid #000000;
}

.productResultPhotoContainer {
	display: inline-block;
	height: 180px;
	width: 100%;
	vertical-align: middle;
	text-align: center;
	/*
	display: block;
	height: 180px;
	width: 190px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	*/
}

.productResultPhoto
{
	display: inline-block;
	max-height: 180px;
	max-width: 180px;
}

.productResultTitle
{
	display: block;
	width: 100%;
	vertical-align: bottom;
}

.productResultPrice {
	display: block;
	width: 100%;
	font-weight: bold;
	color: #ec6d0c;
	vertical-align: bottom;
}

.tbPublic, .tbPublicError {
	height: 30px;
	font-size: 13pt;
}

.tbPublicError, .tbPublicError input[type=text] {
	border-style: solid !important;
	border-width: 1px !important;
	border-color: #AAAAAA !important;
	padding: 0px 2px 0px 2px !important;
	border: solid red 3px !important;
}

li {
	padding-top: 6px;
	padding-bottom: 6px;
}

#cbxFullBasket
{
	padding-left: 10px;
	padding-top: 10px;
}

.sectionTitle, .curvedBoxHeader, .registerHeader, .registerHeaderBlue {
	font-size: 0.875rem;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 12px;
	color: #000000;
}

.curvedBoxHeader, .registerHeader, .registerHeaderBlue {
	padding-bottom: 16px;
}

h2, .registerSubHeader {
	/* font-family: "Roboto Condensed", "Arial", sans-serif; */
	font-weight: bold;
	font-size: 1.125rem;
	text-transform: uppercase;
}
	
.curvedBox {
		display: block;
	}

.basketLayout
{
	vertical-align: top;
}

.productForm
{
	display: inline-block;
	text-align: left;
	vertical-align: top;
	width: 100%;
}

.photoWithThumbnailsContainer
{
	width: 70%;
	display: inline-block;
	border: 0px solid red;
	text-align: center;
	vertical-align: top;
}

.photoWithThumbnailsThumbnailColumn
{
	display: inline-block;
	border: 0px solid blue;
	vertical-align: top;
	width: 100%;
	text-align: left;
}

.photoWithThumbnailsMainImageContainer
{
	display: inline-block;
	width: 65%;
	text-align: center;
}

.photoWithThumbnailsMainImage
{
	display: inline-block;
	border: 0px solid green;
	vertical-align: top;
	text-align: center;
}

.photoWithThumbnailsThumbnailImage
{
	display: inline-block;
	max-width: 186px;
	max-height: 126px;
	padding: 3px 3px 3px 3px;
	vertical-align: top;
	border: 1px solid white;
	cursor: pointer;
}
.photoWithThumbnailsThumbnailImage:hover
{
	border: 1px solid #000000;
}

.productTitle
{
  font-size: 1rem;
  color: #000000;
  padding-bottom: 12px;
  text-align: left;
}

.productOptionsContainer
{
	width: 30%;
	display: inline-block;
	max-width: 380px;
	background-color: #f1f2f2;
	border-radius: 5px;
}

.productPrice {
	box-sizing: border-box;
	background-color: #000000;
	color: white;
	border-radius: 5px;
	font-size: 1rem;
	font-weight: bold;
	padding: 10px 10px 10px 15px;
}

.productPriceReducedFromTitle {
	display: inline-block;
	color: #ff4747;
	font-size: 0.75rem;
	font-weight: bold;
	padding-left: 12px;
}

.productPriceReducedFrom {
	display: inline-block;
	color: #ff4747;
	text-decoration: line-through;
}

.productOptions
{
	padding: 10px 10px 10px 15px;
}


#cbxMyAccount
{
	padding-left: 20px;
}

.menuMobile {
	text-align: left;
	display: none;
	color: #0085cf;
	font-size: 0.875rem;
	cursor: pointer;
	vertical-align: bottom;
}

.menuMobile:hover {
	color: #015e91;
}

.largeImageContainer {
  width: 100%;
  height: 3600px;
  position:fixed;
  top: 0px;
  left: 0px;
  background-color: #4a4a6d;
  opacity: 0.8;
  filter: alpha(opacity=80); /* For IE8 and earlier */
  display: none;
  text-align: center;
}

.largeImageInner
{
  width: 100%;
  height: 3600px;
  position:absolute;
  background-color: white;
  top: 0px;
  left: 0px;
  display: none;
  text-align: center;
}

.largeImage
{
  display: inline-block;
}

.shopButton {
	background-color: #917b4c !important;
	color: white !important;
	border: 2px solid #917b4c !important;
	border-radius: 3px !important;
	text-align: left;
	font-size: 11pt;
	font-weight: bold;
	background-image: url(../../images/shopButtonIcon.png);
	background-repeat: no-repeat;
	background-position: right center;
	width: 180px;
	padding: 10px 10px 10px 10px !important;
	margin: 0px 0px 12px 0px !important;
	text-transform: uppercase;
	cursor: pointer;
}

.shopSmallButton {
	background-color: #917b4c !important;
	color: white !important : border: 1px solid #f1f1eb !important;
	border: 2px solid #917b4c !important;
	border-radius: 3px !important;
	text-align: left;
	font-size: 10pt;
	font-weight: bold;
	background-image: url(../../images/eye.png);
	background-repeat: no-repeat;
	background-position: right center;
	width: 150px;
	padding: 5px 10px 5px 10px !important;
	margin: 0px 0px 0px 0px !important;
	text-transform: uppercase;
	cursor: pointer;
}

.shopButton:hover {
	border: 2px solid black !important;
}

.wishlistButton
{
	background-color: #00c1c4 !important;
	color: white !important:
	border: 1px solid #96c584 !important;
	border-radius: 3px !important;
	text-align: left;
	font-size: 10pt;
	font-weight: bold;
	background-image: url(../../images/wishlist.png);
	background-repeat: no-repeat;
	background-position: right center;
	width: 180px;
	padding: 10px 10px 10px 10px !important;
	margin: 0px 0px 0px 0px !important;
	text-transform: uppercase;
	display:none
}

%.wishlistButton:hover {
	border: 2px solid black !important;
	padding: 9px 9px 9px 9px !important;
}

.productButtons {
	padding-top: 40px;
}

.sizeChartContainer {
	cursor: pointer;
	display: block;
	clear: both;
	padding-top: 12px;
}
.sizeChartTitle {
	color: #000000;
	display: block;
	padding-bottom: 6px;
}
.sizeChartImage {
	display: block;
	background-image: url(../../../images/sizeChart2.png);
	background-repeat: no-repeat;
	background-position: left center;
	width: 100px;
	height: 34px;
}
.selectOptionTitle, .rateThisProductTitle, .productTagsTitle {
	color: #000000;
	display: block;
	padding-bottom: 6px;
	font-weight: bold;
	display:none;
}
.productTagsTitle {
	padding-top: 12px;
}
.productTags {
	color: #000000;
	display: inline-block;
	font-weight: bold;
}
.productLink {
	color: #000000;
	cursor: pointer;
}
.rateThisProductTitle {
	padding-top: 22px;
	cursor: pointer;
	display:none;
}
.rateThisProductRating {
	cursor: pointer;
	display:none;
}
.selectQuantity {
	display: block;
	clear: both;
	vertical-align: top;
}
.selectQuantityButton {
	display: inline-block;
	background-color: #c9c9c9;
	color: #666666;
	width: 40px;
	height: 30px;
	border: 1px solid #c9c9c9;
	border-radius: 3px;
	vertical-align: top;
	text-align: center;
	padding: 0px 0px 0px 0px;
	cursor: pointer;
}
.selectQuantityMinus {
	background-image: url(../../images/minus.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.selectQuantityPlus {
	background-image: url(../../images/plus.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.selectQuantityEntry {
	display: inline-block;
	background-color: #000000;
	color: white;
	font-size: 1rem;
	width: 60px;
	height: 30px;
	border: 1px solid #000000;
	border-radius: 3px;
	vertical-align: top;
	text-align: center;
	padding: 0px 0px 0px 0px;
}

.productOutOfStock {
	font-size: 0.875rem;
	color: red;
}

.productPersonalisationBox {
	margin-top: 18px;
}

div.productDetailsContainer {
	background-color: white;
	color: #000000;
	border: 0px solid #f1f2f2;
	border-radius: 3px;
	overflow: hidden;
	margin-top: 6px;
}

div.productDetailsContainer button {
	color: #000000;
	font-weight: bold;
    background-color: #d8d8d8;
    float: left;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
	border: 0px solid #f1f2f2;
	border-radius: 3px;
	border-bottom: 0px solid white;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	margin-right: 5px;
}

/* Change background color of buttons on hover */
div.productDetailsContainer button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.productDetailsContainer button.active {
	background-color: #f1f2f2;
}

/* Style the tab content */
.tabcontent {
	background-color: #f1f2f2;
	display: none;
	padding: 6px 12px;
	border: 1px solid #f1f2f2;
	border-radius: 3px;
	border-top: none;
	color: #000000;
	text-align: left;
	min-height: 100px;
	padding: 10px 10px 10px 15px;
}

.postShare {
	float: right;
	padding-bottom: 12px;
}

.backLink {
	padding-top: 12px;
	padding-bottom: 12px;
}

.addReview {
	display: none;
	clear: both;
	margin-right: 10px;
}
.addReviewTitle  {
	color: #000000;
	display: block;
	clear: both;
	padding-top: 6px;
	padding-bottom: 6px;
}
.addReviewTextbox, .addReviewTextarea {
	width: 100%;
}
.addReviewTextarea {
	height: 200px;
}

.addReviewButton
{
	background-color: #6db44a !important;
	color: white !important:
	border: 1px solid #96c584 !important;
	border-radius: 3px !important;
	text-align: center;
	font-size: 11pt;
	font-weight: bold;
	width: 100px;
	padding: 10px 10px 10px 10px !important;
	margin: 0px 0px 12px 40px !important;
	text-transform: uppercase;
}

.star, .starSelected {
	display: inline-block;
	width: 18px;
	height: 16px;
	background-image: url(../../images/star.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.starSelected {
	background-image: url(../../images/starSelected.png);
}

.reviewContainer {
	display: block;
	padding-top: 12px;
}

.reviewRating {
	display: inline-block;
}

.reviewDate {
	display: block;
	clear: both;
	color: #777575;
}

.reviewText {
	display: inline-block;
}

.reviewName {
	display: block;
	clear: both;
	color: #777575;
}

#map {
	height: 500px;
}


.selectActivityType {
	font-size: 20pt;
	padding: 0px 0px 12px 0px;
}

select.selectActivityType {
	background-color: #fffeac;
	padding: 0px 0px 0px 0px;
}

.bookingsButton {
	display: inline-block;
	background-color: #fffeac;
	border: 1px solid #a7a65a;
	padding: 6px 6px 6px 6px;
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
}

.calNav {
	font-weight: bold;
	cursor: pointer;
}

.calCell {
	background-color: white;
	border: 1px solid gray;
	cursor: pointer;
	height: 20px;
}

.calCellOtherMonth {
	background-color: #F5F5F5;
	border: 1px solid gray;
	height: 20px;
	cursor: pointer;
}

.calendarFrame2 {
	font-size: 10pt;
	background-color: #F4FAFF;
	border-style: solid;
	border-width: 1px;
}

.timeCell {
	padding-right: 1ex;
}

.timeDiv {
	position: relative;
	margin-top: -18px;
	padding-top: 3px;
	font-size: 9pt;
	color: #080808;
	/*background-color: #FFF;*/
}

.headerCell {
	vertical-align: top;
	padding: 2px 2px 2px 2px;
	text-align: center;
}

.calendarFrame {
	font-size: 8pt;
	background-color: #FDF6B3;
	border-style: solid;
	border-width: 1px;
	z-index: 9999999;
}

.calendarDayOutsideMonth {
	background-color: #EEEEEE;
	color: #777777;
	border-top-style: solid;
	border-left-style: solid;
	border-width: 1pt;
	border-color: #CCCCCC;
	cursor: default;
}

.calendarDayToday {
	background-color: #FFFFFF;
	font-weight: bold;
	border-top-style: solid;
	border-left-style: solid;
	border-width: 1pt;
	border-color: #CCCCCC;
	cursor: pointer;
}

.calendarDaySelected {
	background-color: #882222;
	color: #FFFFFF;
	font-weight: bold;
	border-top-style: solid;
	border-left-style: solid;
	border-width: 1pt;
	border-color: #CCCCCC;
	cursor: pointer;
}

.calendarDay {
	background-color: #FFFFFF;
	border-top-style: solid;
	border-left-style: solid;
	border-width: 1pt;
	border-color: #CCCCCC;
	cursor: pointer;
}

.calendarWeekend {
	background-color: #DDDDFF;
	border-top-style: solid;
	border-left-style: solid;
	border-width: 1pt;
	border-color: #CCCCCC;
	cursor: pointer;
}

.calendar {
	font-size: 8pt;
	vertical-align: middle;
	text-align: center;
}

.calendarOver {
	background-color: #4444AA;
	border-top-style: solid;
	border-left-style: solid;
	border-width: 1pt;
	border-color: #CCCCCC;
	color: #FFFFFF;
	cursor: pointer;
}


.cellYellow, .Yellow, .S99, .SYellow {
	background-color: #fffd4d;
	border: 1px solid #74CF7E;
}

.cellGreen, .Green, .S5, .SGreen {
	background-color: #84E08E;
	border: 1px solid #74CF7E;
}

.cellAmber, .Amber, .S9, .SAmber {
	background-color: #F4C770;
	border: 1px solid #E3B660;
}

.cellRed, .Red, .S2, .SRed {
	background-color: #E07A70;
	border: 1px solid #CF6960;
}

.cellSilver, .Silver, .S1, .SSilver {
	background-color: #e8b6b6;
	border: 1px solid #AAAAAA;
}

.cellWhite, .White, .W1, .SWhite {
	background-color: #e8b6b6;
	border: 1px solid #AAAAAA;
}

.bookingVenueDetailsContainer {
	width: 100%;
	display: inline-block;
	clear: both;
	vertical-align: top;
	padding-top: 12px;
}

.bookingVenueDetails {
	display: inline-block;
	padding-right: 25px;
	vertical-align: top;
	padding-bottom: 12px;
}

.bookingVenuePhotos {
	display: inline-block;
	vertical-align: top;
}

.bookingTitle {
	display: inline-block;
	clear: both;
	color: White;
	background-color: #015545;
	width: 100%;
	padding: 10px 0px 10px 0px;
	font-size: 20pt;
}

.bookingError {
	color: #FFF;
	background-color: #DC0F0F;
	margin-bottom: 2px;
	padding: 2px;
	border: 1px solid #C80C0C;
}

.bookingsLayer .bookingBlock {
	position: absolute;
	z-index: 101;
	width: 70px;
	line-height: normal;
	height: 14px;
	overflow: hidden;
	cursor: pointer;
	font-size: 11px;
	padding: 2px;
	text-align: center;
}

.bookingsLayerIE .bookingBlock {
	position: absolute;
	z-index: 101;
	width: 76px;
	line-height: normal;
	height: 20px;
	overflow: hidden;
	cursor: pointer;
	font-size: 11px;
	padding: 2px;
	text-align: center;
}

.bookingResultsTable {
	border: 0px solid grey;
	border-collapse: collapse;
}

.bookingResultsTableHeader {
	border: 1px solid grey;
	background-color: #f0f0f0;
}

#timesAxisHolder {
	border: 1px solid grey;
	border-right: 0px solid grey;
	background-color: #f0f0f0;
}

#resultsGridHolder {
	border: 1px solid grey;
}

.selectMembershipType {
	font-size: 1rem;
	padding: 6px 6px 6px 6px;
	border: 1px solid #cccccc;
	background-color: #d0d5e8;
	cursor: pointer;
	text-align: left;
	margin-bottom: 6px;
}

	.selectMembershipType:hover {
		background-color: #c4c6d7;
	}

.selectMembershipTypeDescription {
	font-size: 0.875rem;
	color: #202020;
}

.error {
	color: red;
	font-size: 0.875rem;
}

.errorLarge {
	color: red;
	font-size: 1.5rem;
	padding-top: 0.5rem;
}

.message {
	color: #fed304;
	font-size: 0.875rem;
}

.nonActiveLink {
	FONT-SIZE: 10pt; COLOR: #c0c0c0; font-style: italic;
}
.modernButton
{
  display: table-cell;
  vertical-align: middle;
  margin: 0px 0px 0px 0px;
  padding: 3px 5px 3px 5px;
  border:1px solid #bab3b3;
  height:32px;
  text-decoration: none;
  color:#000000;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  background-color: #917b4c;
}

.modernButton:hover {
  border-top: 4px solid #bab3b3;
	padding-top: 0px;
	background-color: #f8f8f8;
  cursor: pointer;
}

.ibAreaSelect {
	border-style: none;
	cursor: pointer;
}

.normalTextTDCenter {
	font-size: 8pt;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	line-height: 8pt;
	padding: 2px 2px 2px 2px;
}

.psGadget {
	border-style: solid;
	border-width: 1px;
	border-color: #AAAAAA;
	background-color: #F9F3C7;
	padding: 5px 5px 5px 5px;
}

.psGadgetMeter {
	width: 33%;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: #888888;
	font-size: 10pt;
}

.divAgreeTerms {
	padding-top: 4px;
	padding-bottom: 4px;
}

.curvedBox {
	overflow-x: hidden;
	border: 0px;
}

.advertTopBar {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


.advertBottomBar {
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.advertImage {
	display: inline-block;
}

.menuLogo {
	height: 90px;
}

.topbarDepartmentMobileMicroContainer {
	display: none;
}

.wholepageBorder {
	box-sizing: border-box;
	width: 100%;
	max-width: 1800px;
	display: block;
	margin: 0 auto;
	padding: 0px 16px 0px 16px;
}

.topbar {
	z-index: 9999;
}

.topbarDesktop {
	width: 100%;
	max-width: 1800px;
	display: block;
	margin: 0 auto;
	display: flex;
	padding: 10px 10px 0px 0px;
}

.topbarDesktopMenuContainer {
	box-sizing: border-box;
	width: 100%;
	max-width: 1800px;
	display: block;
	margin: 0 auto;
	padding: 10px 16px 0px 16px;
	text-align: right;
	height: 70px;
}


.topBarSocialMedia {
}

.topBarLogo {
	padding-top: 10px;
}

.topbarLeft {
	text-align: left;
	display: inline-block;
	flex: 1;
}

.topbarRight {
	text-align: right;
	display: inline-block;
	padding-right: 20px;
	flex: 3;
}

.useTool {
	color: #00e0a1;
	padding-top: 12px;
	cursor: pointer;
	font-size: 1.2rem;
	font-weight: bold;
}

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

.videoButton {
	margin-top: 4px;
	margin-bottom: 4px;
	margin-right: 5px;
	height: 30px;
}

	.videoButton:hover {
		height: 38px;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-right: 0px;
	}

.menu {
	font-size: 1.1em;
	margin-top: 10px;
	cursor: pointer;
	width: 100%;
	float: right;
}

.menuSelected {
	font-weight: bold;
	text-decoration: underline #fed304 4px !important;
	text-underline-offset: 8px;
}

.menu ul {
	display: block;
	align-content: space-between;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: right;
}

.menu li {
	display: inline-block;
	padding-right: 30px;
}

.menu ul li a {
	font-family: "Roboto Condensed", "Arial", sans-serif;
	font-weight: bold;
	font-size: 1.5rem;
	text-transform: uppercase;
	text-decoration: none;
	color: black;
}

.menu ul ul {
	display: block;
	list-style-type: none;
	padding: 10px;
	margin: 10px 0px 0px 0px;
	background-color: white;
	display: block;
	font-weight: normal;
	position: absolute;
}

.menu ul ul li {
	display: block;
	text-align: left;
}

.menu ul ul li a {
	color: #000040;
	font-weight: normal;
}

.search {
	float: right;
	margin-top: 4px;
}

.headerImageContainer {
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	background-color: #f5f4fb;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	padding-top: 40px;
	padding-left: 20px;
	padding-bottom: 50px;
}

.headerImageTextblock {
	box-sizing: border-box;
	width: 95%;
	max-width: 1800px;
	display: block;
	margin: 0 auto;
}

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

.headerImageText {
	width: 350px;
	text-align: left;
	padding-top: 15px;
	background-color: #F5F4FB;
	opacity: 0.85;
}

.headerImageButtonCenter {
	margin: 0 auto;
	margin-top: 20px;
}

.threeColumnContainerFooter {
	text-align: center;
}

.threeColumnBlockFooter {
	width: 340px;
	display: inline-block;
	text-align: left;
	vertical-align: top;
}


.textContainer {
	width: 100%;
	max-width: 1800px;
	display: block;
	padding: 20px 40px 20px 40px;
	margin: 0 auto;
	text-align: center;
}

.newsContainer {
	width: 100%;
	max-width: 1800px;
	display: block;
	padding: 20px 40px 20px 40px;
	margin: 0 auto;
	text-align: left;
}

.newsArticle {
	padding-bottom: 40px;
}

.faqCategory {
	color: #00e0a1;
	font-size: 2rem;
	font-weight: bold;
	vertical-align: middle;
	margin-bottom: 20px;
	padding-bottom: 12px;
	border-bottom: 2px solid #000040;
	cursor: pointer;
}

.faqNavImage {
	vertical-align: middle;
	height: 50px;
	margin-right: 20px;
	margin-top: -4px;
}

.faqCategoryQuestions {
	display: none;
	padding-left: 60px;
	cursor: default;
}

.faqCategoryQuestionTitle {
	vertical-align: middle;
	padding-bottom: 12px;
	cursor: pointer;
}

.faqCategoryQuestion {
	display: none;
	cursor: default;
	padding-bottom: 10px;
}

.faqCategoryQuestionEnd {
	border-bottom: 2px solid #000040;
	margin-bottom: 20px;
}


.first {
}

.textButton {
	width: 250px;
	background-color: white;
	border: 4px solid #00e0a1;
	display: block;
	margin: 0 auto;
	margin-top: 20px;
	padding: 10px;
	font-weight: bold;
	cursor: pointer;
}

	.textButton:hover {
		border: 4px solid #42a68b;
		color: #000020;
	}

.textButton:hover:after {
	content: '>>';
}


h1, .CPUBigHeading, .headerImageTitle, .registerHeader, .registerHeaderBlue, .newsTitle {
	font-size: 2.25rem;
	font-weight: bold;
	line-height: 3rem;
}

.registerHeader, .registerHeaderBlue {
	padding-top: 0px;
	margin-top: 0px;
	text-align: left;
}

.normalTextLarger {
	font-size: 1.3rem;
}

.curvedBox {
	line-height: normal;
}

.curvedBoxHeader {
	padding: 0px;
	margin: 0px;
	font-size: 2rem;
	line-height: 2.5rem;
}

.loginFrame {
	text-align: left;
	padding: 5px;
}

.emFrame {
	padding: 30px 20px 50px 20px;
}

.registerSubHeader {
	text-align: left;
}

.threeColumnBlock {
	flex: 1;
	text-align: left;
	max-width: 300px;
}


.learnMoreBlock {
	flex: 1;
	text-align: center;
}

.learnMoreBlock img {
	margin-top: 15px;
	height: 150px;
	padding: 15px;
}

.learnMoreTitle {
	font-weight:bold;
}

.learnMoreDetails {
	padding: 0px 10% 0px 10%;
}

.learnMoreBlock div ul {
	display: none;
	text-align: left;
	margin: 0px 20px 0px 20px;
}

.learnMoreBlock:hover > img {
	padding: 0px;
}

.learnMoreBlock:hover > div ul {
	display: block;
}

.learnMoreBlock div ul {
	list-style: none; /* Remove default bullets */
	margin: 20px 0px 20px 20px;
	padding: 0;
}

.learnMoreBlock div ul li::before {
	content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
	color: #00e0a1; /* Change the color */
	font-weight: bold; /* If you want it to be bold */
	display: inline-block; /* Needed to add space between the bullet and the text */
	width: 1em; /* Also needed for space (tweak if needed) */
	margin: 0;
	padding: 0;
	margin-left: -1em; /* Also needed for space (tweak if needed) */
}


.newsMenuBlock {
		flex: 1;
		text-align: center;
		margin: 0 auto;
		max-width: 300px;
	}

.newsMenuBlock img {
	width: 100%;
	padding: 0px 5px 0px 5px;
}

.newsBlockTitle {
	font-size: 1.5rem;
	line-height: 2rem;
	padding-bottom: 15px;
	text-align: left;
}

.newsBlockText {
	padding-bottom: 15px;
	text-align: left;
}

.newsBlockLink {
	padding-bottom: 15px;
	text-align: left;
}

.newsMenuBlock ul {
	list-style: none; /* Remove default bullets */
	margin: 0px 0px 0px 20px;
	padding: 0;
}

.newsMenuBlock ul li::before {
	content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
	color: #00e0a1; /* Change the color */
	font-weight: bold; /* If you want it to be bold */
	display: inline-block; /* Needed to add space between the bullet and the text */
	width: 1em; /* Also needed for space (tweak if needed) */
	margin: 0;
	padding: 0;
	margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.mobileOnly {
	display: none;
}

.desktopOnly {
	display: block;
}

.divider {
	box-sizing: border-box;
	width: 90%;
	margin: 25px 20px 10px 20px;
	height: 3px;
	color: #000040;
	background-color: #000040;
}

.twocols, .twocolsV2 {
	padding-top: 30px;
	display: flex;
}

.twocolsleft {
	flex: 1;
	width: 500px;
}

.twocolsV2left {
	flex: 1;
	padding: 25px 55px 5px 5px;
}

.twocolsleft img, twocolsV2right img {
	width: 100%;
	max-width: 635px;
}
	
.twocolsright {
	flex: 1;
	padding: 15px 5px 5px 55px;
}

.twocolsV2right {
	flex: 1;
}

.progressBar {
	width: 100%;
	background-color: white;
	text-align: center;
	padding: 10px 15px 10px 15px;
	vertical-align: middle;
	position: relative;
	z-index: 99999;
}

.progressBarSeparator, .progressBarSeparatorFuture {
	display: inline-block;
	margin: 0px 20px 0px 20px;
	padding-top: 0px;
	height: 1px;
	width: 80px;
	background-color: #000040;
	vertical-align: middle;
}

.progressBarSeparatorFuture {
	background-color: #e8e7e8;
}

.progressBarElement, .progressBarElementFuture {
	display: inline-block;
	height: 35px;
	vertical-align: middle;
}

.progressBarElementFuture {
	color: #e8e7e8;
}

.progressBarLeft, .progressBarLeftDisabled {
	float: left;
	vertical-align: middle;
	height: 35px;
}

.progressBarLeftDisabled {
	color: #e8e7e8;
	cursor: auto;
}

.progressBarRight, .progressBarRightDisabled {
	float: right;
	vertical-align: middle;
	height: 35px;
}

.progressBarRightDisabled {
	color: #e8e7e8;
	cursor: auto;
}

.progressBarNavImage {
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}

.progressBarNav {
	background-color: white;
	height: 35px;
	display: inline-block;
	vertical-align: middle;
	padding: 0px 10px 0px 10px;
	cursor: pointer;
}

.designerContainer {
	display: flex;
	position: relative;
}

@media (max-width: 1000px) {
	.designerContainer {
		display: none;
	}
}

.designerContainerMobile {
	display: none;
	text-align: left;
	max-width: 600px;
}

@media (max-width: 1000px) {
	.designerContainerMobile {
		display: block;
	}
}


.designerComponents {
	flex: 1;
	display: flex;
}

	.designerLayout {
		position: relative;
		flex: 1;
		text-align: center;
		color: #aeadae;
		background-color: #f4f4f9;
		margin: 0px 0px 0px 10px;
		padding: 15px 0px 0px 0px;
	}

	.designerLayoutTitle, .designerLayoutWarning {
		width: 100%;
		text-align: center;
		padding-bottom: 0px;
	}

	.designerLayoutWarning {
		color: #be433d;
	}

	.designerLayoutPCB {
		padding-top: 10px;
		width: 100%;
		text-align: center;
	}

	.designerLayoutPCBY {
		display: inline-block;
		height: 30vh;
		line-height: 30vh;
		vertical-align: top;
		padding-right: 10px;
		padding-left: 10px;
		float: left;
		position: relative;
		z-index: 999998;
	}

	.designerLayoutPCBBoardHolder {
		position: absolute;
		display: inline-block;
		left: 80px;
		padding: 10px;
	}

	.designerLayoutPCBBoard {
		position: absolute;
		background-color: #00e0a1;
		width: 30vw;
		height: 30vh;
		left: 0vw;
	}

	.designerLayoutPCBBoardComponents {
		position: absolute;
		bottom: 1vh;
		left: 1vw;
		background-color: #00966c;
		width: 40vw;
		height: 20vh;
		/* opacity: 0.8; causes problems with z-index */
		padding: 5px;
		text-align: left;
	}

	.designerLayoutPCBX {
		display: block;
		position: absolute;
		top: 32vh;
		left: 15vw;
		z-index: 999998;
	}

	.designerLayoutPCBTools {
		position: absolute;
		bottom: 6vh;
		display: block;
		width: 100%;
		text-align: center;
		z-index: 99999;
	}

	.designerLayoutPCBTool {
		display: inline-block;
		padding: 0px 10px 0px 0px;
		text-align: center;
	}

	.designerComponentsLevels {
		flex: 1;
		display: inline-block;
		width: 120px;
		color: #000040;
	}

	.designerComponentsLevel, .designerComponentsLevelSelected {
		display: block;
		width: 100%;
		background-color: #f4f4f9;
		border-right: 7px solid white;
		margin-bottom: 10px;
		height: 27vh;
		vertical-align: middle;
		line-height: 200px;
		font-weight: bold;
		cursor: pointer;
		padding-left: 10px;
	}

		.designerComponentsLevel:hover {
			background-color: #b7b7bb;
		}

	.designerComponentsLevelSelected {
		background-color: #b7b7bb;
		border-right: 0px solid white;
	}

	.designerComponentsSelect {
		flex: 5;
		display: inline-block;
		width: 100%;
		background-color: #b7b7bb;
		padding: 10px 5px 10px 10px;
	}

	.designerComponentsSearch {
		width: 92%;
		border-radius: 25px;
		background-color: #e8e7e8;
		color: #676767;
		margin: 0px 200px 10px 20px;
		padding: 0px;
		display: flex;
	}

	.designerComponentsSearchOptions {
		flex: 1;
		white-space: nowrap;
		padding: 5px 15px 5px 15px;
	}

	.designerComponentsSearchOptionsRadio {
		font-size: 70%;
		display: inline-block;
	}

		.designerComponentsSearchOptionsRadio input {
			filter: grayscale(1);
		}

	.designerComponentsSearchTextHolder {
		flex: 3;
		display: flex;
		border-radius: 25px;
		background-color: #ffffff;
		padding-left: 20px;
		margin: 0px;
	}

	.designerComponentsSearchText {
		border: 0px;
	}

	.designerComponentsSearchMagnifier {
		padding: 5px;
	}

	.designerComponentsCategoriesHolder {
		display: flex;
		color: #ffffff;
	}

	.designerComponentsCategories {
		flex: 1.5;
		background-color: #a8a8ac;
		background-image: linear-gradient(#b7b7bb, #a8a8ac, #b7b7bb);
		padding: 0px 20px 0px 20px;
	}

	.designerComponentsScroll {
		overflow-y: scroll;
		overflow-x: hidden;
		height: 69vh;
		padding-right: 10px;
		max-width: 200px;
	}

	.designerComponentsComponents {
		flex: 4;
		padding: 0px 10px 0px 10px;
	}

	.designerComponentsCategory {
		display: block;
		background-color: #e8e7e8;
		color: #000000;
		border-radius: 5px;
		padding: 8px;
		margin-bottom: 10px;
		font-size: 80%;
		text-align: center;
		line-height: normal;
	}

		.designerComponentsCategory:hover {
			background-color: #0000F0;
			color: white;
			cursor: pointer;
		}

	.designerComponentsCategoriesTitle {
		padding-bottom: 10px;
	}

.designerComponentsCategoryImage {
	width: 100%;
	max-width: 60px;
	max-height: 100px;
}

	.designerComponentsCategoryTitle {
		bottom: 0px;
		overflow: hidden;
		padding-top: 5px;
	}

	.designerComponentsComponentsFlex {
		display: flex;
		flex-wrap: wrap;
		overflow-y: scroll;
		overflow-x: hidden;
		height: 69vh;
		line-height: normal;
	}

	.designerComponentsView {
		width: 140px;
		height: 200px;
		background-color: #0000F0;
		color: white;
		position: absolute;
		display: none;
		border-radius: 5px;
		padding: 8px;
		cursor: pointer;
		font-size: 70%;
		text-align: center;
		line-height: normal;
	}

		.designerComponentsView > .designerComponentsCategoryMoreHolder > .designerComponentsCategoryMore {
			display: block;
		}

		.designerComponentsView > .designerComponentsCategoryUsage {
			color: #aeadae;
		}

	.designerComponentDetails {
		width: 60vw;
		height: 80vh;
		background-color: white;
		color: black;
		display: none;
		border: 4px solid #e0e0e0;
		border-radius: 10px;
		padding: 20px;
		text-align: center;
		line-height: normal;
		margin: 10vh 20vh 10vh 20vh;
		position: fixed;
		overflow-y: scroll;
	}

.designerComponentDetailsImage {
	max-width: 100px;
	max-height: 100px;
}

	.designerComponentDetailsTitle {
		font-size: 130%;
		font-weight: bold;
		padding-bottom: 15px;
		padding-top: 5px;
	}

	.designerComponentDetailsSection {
		font-size: 110%;
		font-weight: bold;
		padding-bottom: 10px;
		padding-top: 15px;
	}

	.designerComponentDetailsList {
		padding-bottom: 6px;
	}

	.designerComponentsComponent, .designerComponentsComponentOnBoard {
		flex: 1;
		background-color: #e8e7e8;
		color: #000000;
		border-radius: 5px;
		padding: 8px;
		margin: 0px 5px 10px 5px;
		width: 30%;
		min-width: 30%;
		max-height: 200px;
		font-size: 70%;
		text-align: center;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		line-height: normal;
		display: inline-block;
		position: relative;
		cursor: pointer;
		overflow: hidden;

	}

	.designerComponentsComponent:hover {
		background-color: #0000F0;
		color: white;
	}
		
	.designerComponentsComponentOnBoard {
		width: 60px;
		height: 60px;
		position: absolute;
		min-width: inherit;
		font-size: 50%;
		overflow: hidden;
		z-index: 999;
	}

	.designerComponentsComponentOnBoard:hover {
		width: 100px;
		height: 125px;
		margin-left: -15px;
		margin-bottom: -15px;
		z-index: 2000;
		background-color: #0000F0;
		color: white;
		opacity: 1;
		font-size: 70%;
	}

	.categorySelected {
		background-color: #2020F0;
		color: white;
	}

.designerComponentsComponentOnBoard:hover > .designerComponentsCategoryMoreHolder > .designerComponentsCategoryMore {
	display: block;
}

	.designerComponentsComponentImage, .designerComponentsComponentOnBoardImage {
		height: 50px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}

	.designerComponentsComponentOnBoardImage {
		height: 3vh;
		z-index: 999;
	}

	.designerComponentsComponentOnBoardRemove {
		display: none;
		position: absolute;
		right: 0px;
		cursor: pointer;
		z-index: 2000;
	}

	.designerComponentDetailsRemove {
		position: absolute;
		right: 10px;
		cursor: pointer;
	}

	.designerComponentsDrag {
		background-color: #000040;
		color: #ffffff;
		overflow: hidden;
		text-align: center;
		vertical-align: bottom;
		z-index: 8888;
		opacity: 0.9;
	}

.designerComponentsCategoryMoreHolder {
	width: 100%;
	text-align: center;
	padding-top: 8px;
}

.designerComponentsCategoryMore {
	display: none;
	color: #aeadae;
	width: 50px;
	margin: auto;
}

	.designerComponentsCategoryUsage {
		color: #080808;
		padding-top: 8px;
		font-size: 85%;
	}

	.mountingHole {
		background-color: black;
		position: absolute;
		z-index: 100;
	}

	.mountingHoleBorder {
		background-color: #00e0a1;
		position: absolute;
		z-index: 99;
	}

	.emFooterBar {
		width: 100%;
		display: flex;
		bottom: 0px;
		position: fixed; /* Fixed/sticky position */
		bottom: 0px; /* Place the button at the bottom of the page */
		line-height: normal;
		background-color: white;
		padding: 5px 20px 5px 20px;
		color: #000000;
	}

	.emFooterBarLeft {
		flex: 1;
		text-align: left;
		font-size: 60%;
		font-weight: bold;
		vertical-align: top;
		cursor: pointer;
	}

	.emFooterBarMid {
		flex: 2;
		text-align: center;
		font-size: 60%;
		color: #676767;
	}

	.emFooterBarTipTitle {
		display: inline-block;
		font-weight: bold;
		color: black;
	}

	.emTipBullet {
		width: 8px;
		margin: 5px 20px 0px 0px;
		cursor: pointer;
	}

	.emFooterBarRight {
		flex: 1;
		text-align: right;
		font-size: 80%;
		color: #000040;
		font-weight: bold;
		cursor: pointer;
	}

	.emFooterBarLeftImage {
		display: inline-block;
		height: 25px;
		vertical-align: top;
	}

	.emFooterBarLeftText {
		display: inline-block;
		height: 25px;
		vertical-align: top;
		padding-left: 6px;
	}

	.designerToolGroup {
		background-color: #e8e7e8;
		padding: 2px;
	}

	.designerTool, .designerToolSelected {
		background-color: #aeadae;
		height: 30px;
		vertical-align: middle;
		text-align: center;
		display: inline-block;
		margin: 0px 2px 0px 0px;
		padding: 0px 5px 0px 5px;
		color: white;
		white-space: nowrap;
		font-size: 60%;
		line-height: 30px;
	}

	.designerToolSelected {
		background-color: #676767;
	}

	.designerToolImage {
		padding-top: 5px;
		vertical-align: top;
		display: inline-block;
	}

	.toolTextbox {
		background-color: white;
		border: 0px;
		color: #aeadae;
		height: 20px;
	}

	.toolTextboxInline {
		display: inline-block;
		background-color: white;
		border: 0px;
		color: #aeadae;
		height: 20px;
		vertical-align: middle;
	}


	.reviewContainer {
		display: flex;
	}

	.reviewLeft {
		display: inline-block;
		flex: 2;
		text-align: left;
	}

	.reviewRight {
		display: inline-block;
		flex: 1;
		text-align: center;
		position: relative;
		width: 100%;
	}

	.reviewTip {
		padding-top: 30px;
		font-size: 80%;
	}

	.reviewElementHolder {
		display: table;
	}

	.reviewElementRow {
		display: table-row;
		vertical-align: middle;
	}

	.reviewElementCell {
		display: table-cell;
		vertical-align: middle;
		padding-right: 20px;
		padding-bottom: 20px;
	}

	.reviewElementTitle {
		font-weight: bold;
		font-size: 110%;
	}

	.reviewElementImage {
		cursor: pointer;
	}

	.reviewManufacture {
		display: none;
	}

	.threeImageContainer, .threeColumnContainer {
		display: flex;
		text-align: center;
		margin-top: 15px;
		width: 100%;
	}

#hamburgerMenu {
	color: #000040;
	background-color: #e8f6fc;
	display: none;
	font-weight: bold;
}

		#hamburgerMenu ul {
			margin: 0px;
			padding: 20px 0px 0px 0px;
		}

			#hamburgerMenu ul ul li a {
				color: #000090;
			}

		#hamburgerMenu li {
			list-style-type: none;
			padding: 10px 0px 10px 0px;
		}

		#hamburgerMenu a {
			color: #000040;
		}

	.search img {
		height: 30px;
		margin-top: 5px;
	}

	.searchField {
		right: 100px;
		margin-top: 3px;
		position: absolute;
		display: none;
	}

		.searchField input {
			height: 30px;
			width: 300px;
			border: 2px solid #00e0a1;
			color: black;
			background-color: #ffffff;
		}

	.searchFieldMobile {
		display: none;
	}

		.searchFieldMobile input {
			height: 30px;
			width: 300px;
			border: 2px solid #00e0a1;
			background-color: white;
			margin-bottom: 20px;
		}

	.servicesLeftImageContainer, .servicesRightImageContainer {
		width: 100%;
		max-width: 1800px;
		display: block;
		padding: 20px 40px 20px 40px;
		margin-top: 40px;
		margin-bottom: 10px;
		text-align: center;
		background-image: url('/EM/PublicFiles/image/emServicesImageBackground.png');
		background-repeat: no-repeat;
		background-position-y: center;
		display: flex;
		text-align: left;
	}

	.servicesRightImageContainer {
		background-image: url('/EM/PublicFiles/image/emServicesImageBackgroundRight.png');
		background-repeat: no-repeat;
		background-position-x: right;
	}

	.servicesLeftImageImage, .servicesRightImageImage {
		flex: 1;
		text-align: center;
	}

		.servicesLeftImageImage img, .servicesRightImageImage img {
			width: 80%;
		}

	.servicesLeftImageText, .servicesRightImageText {
		flex: 1;
	}

	.searchFAQ {
		text-align: left;
		vertical-align: middle;
	}

		.searchFAQ input {
			height: 50px;
			width: 80%;
			font-size: 2rem;
			border: 2px solid #000040;
			vertical-align: middle;
		}

		.searchFAQ img {
			height: 80px;
			vertical-align: middle;
			cursor: pointer;
		}

	.designerTooltip {
		width: 400px;
		height: 110px;
		background-color: white;
		color: black;
		display: none;
		border: 4px solid #e0e0e0;
		border-radius: 10px;
		padding: 5px;
		text-align: center;
		line-height: normal;
		text-align: center;
		position: absolute;
		top: 300px;
		left: 100px;
		overflow-y: scroll;
		z-index: 999999;
		font-size: 0.8rem;
	}

	.moduleTooltip {
		width: 300px;
		height: 100px;
		background-color: white;
		color: red;
		display: none;
		border: 4px solid #e0e0e0;
		border-radius: 10px;
		padding: 5px;
		text-align: center;
		line-height: normal;
		text-align: center;
		position: absolute;
		top: 300px;
		left: 100px;
		overflow-y: scroll;
		z-index: 999999;
		font-size: 1rem;
	}

li.menuFinal {
	padding-right: 0px;
}

.twoCol {
	display: flex;
	vertical-align: top;
	padding-bottom: 12px;
}

.twoCol1 {
	display: block;
	flex: 1;
	vertical-align: top;
}

.twoCol2 {
	display: block;
	flex: 1;
	vertical-align: top;
	padding-left: 20px;
}

.twoCol2wide {
	display: block;
	flex: 3;
	vertical-align: top;
	padding-left: 10px;
}

@media (max-width: 800px) {
	.twoCol {
		display: block;
	}
	.twoCol2, .twoCol2wide {
		padding-left: 0px;
		padding-top: 8px;
	}
}


.loggedInUser {
	font-size: 1rem;
}

.standardTableHeader {
	background-color: #75797b;
	color: white;
	cursor: pointer;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: normal;
	font-size: 0.875rem;
}

.standardTableHeader a {
	text-decoration: none;
}

table, tr, td {
	font-size: 0.75rem;
}

.standardTable table tr td {
	padding: 10px 5px 10px 5px;
	color: red;
}

#divFilterPopupOK, #divFilterPopupCancel {
	height: 27px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.pumpInfo {
	padding-right: 15px;
	width: 100%;
}

	.pumpContainer {
		display: flex;
	}

	.pumpLeft {
		flex: 4;
		padding-right: 30px;
	}

	.pumpRight {
		flex: 3;
	}

	.pumpInfoContainer {
		display: flex;
	}

	.pumpInfoItem {
		flex: 1;
	}

@media (max-width: 800px) {
	.pumpInfo {
		padding-right: 2px;
	}

	.pumpLeft {
		padding-right: 0px;
	}
}

	.cmsSubMenuContainer {
		width: 100%;
		text-align: center;
	}

	.cmsSubMenu {
		margin: auto;
		display: block;
	}

.cmsSubMenuItem, .cmsSubMenuItemSelected {
	padding: 6px 10px 6px 10px;
	border: 0px;
	display: inline-block;
	color: black;
	/* font-family: "Roboto Condensed", "Arial", sans-serif; */
	font-size: 1.125rem;
	font-weight: bold;
	cursor: pointer;
}

	.cmsSubMenuItemSelected {
		text-decoration: underline #fed304 4px !important;
		text-underline-offset: 8px;
	}

	.cmsSubMenuSeparator {
		border-right: 2px solid #a0a0a0;
		display: inline-block;
		height: 18px;
	}

	@media (max-width: 900px) {
		.pumpContainer {
			display: block;
		}
	}

	@media (min-width: 1400px) {
		.photoWithThumbnailsMainImage {
			height: 400px;
		}

		.photoWithThumbnailsMainImageContainer {
			height: 400px;
		}
	}

	@media (min-width: 1600px) {
		.infoContentCentralise {
			max-width: 1200px;
		}
	}

	@media (max-width: 750px) {
		.venueMapSwipe {
			display: block;
		}
	}

	@media (max-width: 1100px) {
		.twocols {
			display: block;
		}

		.twocolsright {
			padding: 15px 5px 5px 15px;
		}
	}


	@media (max-width: 400px) {

		.curvedBox, #footerbar, #backToTop, #miniCalendar {
			// display: none;
		}

		.socialMediaBar {
			// display: none;
		}

		.topbar {
			// display: none;
		}

		.topbarLogoMobile {
			// display: none;
		}

		.costCentreLogos {
			// display: none;
		}

		.costCentreLogosName {
			font-size: 0.8em;
		}

		.costCentreLogo {
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
		}

		.costCentreLogoImageHolder, .costCentreLogoImageHolderSelected {
			padding: 0px;
		}

		.thumbnailImage {
			width: 80px;
			padding-left: 5px;
		}
	}


	@media (max-width: 1400px) {

		.productOptionsContainer {
			width: 85%;
			max-width: 85%;
			display: inline-block;
			clear: both;
		}

		.photoWithThumbnailsContainer {
			width: 100%;
			clear: both;
		}

		.photoWithThumbnailsThumbnailColumn {
			width: 100%;
			clear: both;
		}

		.photoWithThumbnailsMainImageContainer {
			width: 100%;
			clear: both;
		}

		.photoWithThumbnailsMainImage {
			width: 100%;
			display: block;
			clear: both;
		}

		.topbarDepartmentMobile {
			display: flex;
		}

		.topbarContent {
			display: none;
		}

		.topbarDivider {
			clear: both;
			display: block;
		}

		.topMenuButtons {
			display: none;
		}
	}

	@media (min-width: 800px) {

		.photoWithThumbnailsDesktop {
			display: block;
			text-align: left;
		}

		.photoWithThumbnailsMobile {
			display: none;
		}

		.topbarDepartmentMobileMicroContainer {
			display: none;
		}

		.topbarLinkMobile {
			padding-right: 20px;
		}
	}

	@media (max-width: 1200px) {
		.threeColumnBlockFooter {
			width: 280px;
		}
	}

	@media (max-width: 900px) {
		.threeColumnBlockFooter {
			width: 220px;
		}
	}

@media (max-width: 800px) {

	#footerbar a {
		/*font-size: 0.8rem;*/
	}


	.threeColumnBlockFooter {
		padding: 0px 0px 15px 30px;
		width: 100%;
		max-width: initial;
		display: block;
	}


	@media (max-width: 800px) {

		.topbarDesktop {
			display: none;
		}

		.topbarContentMobile {
			display: flex;
		}

		.topbarContentMobileAddress {
			display: block;
		}

		.servicesLeftImageContainer, .servicesRightImageContainer {
			display: block;
		}

		.servicesLeftImageImage img, .servicesRightImageImage img {
			padding-top: 15px;
			width: 90%;
		}

		.headerImageTitle {
			width: 100%;
			font-size: 1.5rem;
		}

		.headerImageText {
			width: 60%;
			font-size: 1.2rem;
		}

		.headerImageButton {
			display: none;
		}

		.mobileOnly {
			display: block;
		}

		.desktopOnly {
			display: none;
		}

		.topbarDesktopMenuContainer {
			width: 100%;
			background-color: #00e0a1;
			display: none;
			text-align: center;
			height: auto;
		}

		.menu {
			float: none;
		}

		.search {
			float: none;
		}

		.menu ul {
			display: block;
			list-style-type: none;
			margin: 0;
			padding: 0;
			text-align: center;
		}

		.menu li {
			display: block;
			padding: 30px;
		}

		.menu ul ul {
			display: block;
			padding: 10px;
			margin: 10px 0px 0px 0px;
			font-weight: normal;
			position: relative;
			background-color: #cdd2d3;
		}

			.menu ul ul li {
				display: block;
			}

				.menu ul ul li a {
					color: #000040;
					font-weight: normal;
				}


		.threeImageContainer, .threeColumnContainer {
			display: block;
			text-align: center;
		}

		.threeColumnBlock, .threeColumnBlockFooter {
			padding: 0px 0px 15px 30px;
			max-width: initial;
		}

		.learnMoreBlock {
			border: 1px solid #000040;
			padding-bottom: 20px;
			margin-bottom: 20px;
		}

		.footerLogo {
			width: 80%;
		}

		.socialMediaBarRight {
			padding-top: 0px;
		}

		.newsBlockTitle, .newsBlockText, .newsBlockLink {
			padding-left: 5px;
		}

		#footerbar {
			/*font-size: 1.3rem;
				line-height: 2.5rem;*/
			padding-left: 20px;
		}

		.productTitle {
			padding-left: 5px;
		}

		.photoWithThumbnailsDesktop {
			display: none;
		}

		.productPrice {
			width: 100%;
		}

		.productOptionsContainer {
			width: 100%;
			max-width: 100%;
		}

		.photoWithThumbnailsMobile {
			display: block;
		}

		.menuLogo {
			height: 50px;
		}

		.hamburgerMenu {
			height: 28px;
		}

		.topbarLinkMobile {
			padding-top: 6px;
			padding-bottom: 6px;
			padding-right: 5px;
		}

		.topBarMenuMobile {
			padding-top: 0px;
			padding-bottom: 0px;
		}

		.topbarDepartmentMobileMicro {
			padding: 1px 0px 2px 0px;
			display: block;
		}

		.topbarDepartmentMobileMicroContainer {
			display: block;
			padding: 0px;
			margin: 0px;
		}

		.topbarDepartmentMobileContainer {
			display: none;
			padding: 0px;
			margin: 0px;
		}

		.topbarDepartmentMobile {
			display: none;
		}

		div.feature {
			padding: 0px;
			width: 100%;
		}

		.productResult, .productResultOver {
			padding: 0px 0px 0px 0px;
		}

		.productResultPhoto {
			display: inline-block;
			max-height: 180px;
			max-width: 150px;
		}

		.productResult, .productResultOver {
			/*		width: 165px; */
			width: 165px;
			padding: 0px 15px 0px 5px;
		}

		.mainContentContainer {
			padding: 15px 0px 0px 0px;
		}

		.mainContent {
			width: 100%;
		}

		#receipt {
			width: 100%;
		}

		.basketView {
			-webkit-flex: 3;
			flex: 3;
		}

		.basketBar {
			font-size: 1.125rem;
		}

		.remove {
			display: none;
		}

		#CountryOfBirthID {
			font-size: 8pt;
		}

		.costCentreLogosImage {
			height: 50px;
		}

		.costCentreLogosName {
			font-size: 0.8em;
		}

		.costCentreLogos {
			padding: 0px;
		}

		.costCentreLogo {
			padding: 0px 0px 0px 0px;
			margin: 0px 10px 0px 0px;
		}

		.costCentreLogoImageHolder, .costCentreLogoImageHolderSelected {
			padding: 5px;
		}
	}

	@media (max-width: 380px) {

		.productResult, .productResultOver {
			padding: 0px 5px 0px 5px;
		}
	}

	@media (max-width: 354px) {

		.productResult, .productResultOver {
			padding: 0px 0px 0px 0px;
		}
	}

	.label {
		padding-top: 0.75rem;
		padding-bottom: 0.25rem;
	}

	@media (max-width: 600px) {
		#commonCMSDisplayDevicesListAppT {
			width: 100%;
		}
	}

	dialog {
		text-align: center;
	}

	.actions, .about {
		width: 100%;
		text-align: center;
		padding-bottom: 1rem;
	}

		.actions button {
			margin: auto;
			margin-bottom: 1rem;
		}

		.about h1, .about p {
			width: 100%;
			text-align: center;
			margin: auto;
		}


	.toolbar {
		width: 100%;
		display: flex;
		margin-top: 16px;
		justify-content: center;
	}

	.instructions {
		text-align: center;
		margin-bottom: 16px;
	}

	output {
		display: block;
		color: gray;
		margin: 32px 16px;
		text-align: center;
		border: 1px silver dashed;
		padding: 16px;
		border-radius: 16px;
	}

	.versionError {
		color:red;
		padding-bottom: 12px;
		display: none;
	}