/*

This file is copied to /[customer]/PublicFiles/css/baseShopTemplate[brandingurl].css
so any image links must be ../../images/ to get to the /[customer]/images folder
'Open Sans', sans-serif = Arial,sans-serif
Brunches, sans-serif = Arial,sans-serif

0.8rem = 8pt
1rem = 10pt
1.125rem = 12pt
1.2rem = 14pt
1.3rem = 16pt
1.4rem = 20pt
1.5rem = 24pt

#fafafa = #fafafa
#000000 = #000000;
#e5e5e5 = #e5e5e5
	
#0000ee = #0000ee
#004eff = #004eff

#bf1e2e = #808080
#ffffff = #ffffff
#bf1e2e = #808080
#b52121 = #86B44B
#ffffff = #ffffff
#808080 = #808080
25px = 25px
2px = 0px

rgb(153, 0, 0) = #003333
#507373 = #507373
#000000 = #94d214
#ffffff = #ffffff
#dbdbc7 = #dbdbc7
#ffffff = #ffffff
#b52121 = #e0e0e0

#252525 = #99cc33
#ffffff = #022626
#045454 = #045454

#f1f1eb = #f1f1eb
rgb(153, 0, 0) = #003333
	
#252525 = #f1f1eb
#f1f1eb = #ffffff
white = #99cc33
	
#000000 = #000000
#bf1e2e = #000000
	
#000000 = #94d214
rgb(153, 0, 0) = #003333

#ec6d0c = #808080

#808080 = #808080
0px = 0px
	
#ff4747 = #ff4747
#ffffff = #ffffff

#b13bb1 = #b13bb1
#ffffff = #ffffff

#409cc5 = #409cc5
#ffffff = #ffffff

 = ""
*/

@font-face {
	font-family: myRift;
	src: url('Fort-Foundry-Rift-Bold.woff');
}

@font-face {
	font-family: myDinPro;
	src: url('DinProLight.woff');
}

@font-face {
	font-family: myDinProBold;
	src: url('DINProBold.woff');
}

@font-face {
	font-family: myDinProRegular;
	src: url('D-DIN-PRO-400-Regular.woff');
}

@font-face {
	font-family: 'myNotoSans';
	src: url(NotoSans-Regular.woff) format('woff');
	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: 'myNotoSans';
	src: url(NotoSans-SemiBold.woff) format('woff');
	font-style: normal;
	font-weight: 600;
}

@font-face {
	font-family: 'myNotoSans';
	src: url(NotoSans-Italic.woff) format('woff');
	font-style: italic;
	font-weight: normal;
}

@font-face {
	font-family: 'myNotoSans';
	src: url(NotoSans-Bold.woff) format('woff');
	font-style: normal;
	font-weight: bold;
}

@font-face {
	font-family: 'myNotoSans';
	src: url(NotoSans-BoldItalic.woff) format('woff');
	font-style: italic;
	font-weight: bold;
}


body {
	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;
}

select, input, div, p, h1, h2, h3, .matchDescriptionLine, .matchDateLine, .textField, .normalText, .tbPublic {
	font-family: colfax-web,Arial,Helvetica,Geneva,sans-serif;
	font-size: 1.125rem;
}
.normalTextLarger {
	font-size: 1.3rem;
}
.basketBar, .basketTotal {
	font-size: 1.5rem;
}

h1 {
	font-size: 1.6rem;
	margin-bottom: 1rem;
}

h2 {
	font-size: 1.5rem;
	margin-bottom: 1rem;
}

h3 {
	font-size: 1.3rem;
	margin-bottom: 1rem;
}

a:link, a:visited, a:active, a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #0000ee;
}

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

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

.wholepageBorder {
	display: block;
	width: 100%;
	max-width: 1600px;
	border-right: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	text-align: center;
	margin: 0 auto;
}

.topbar {
	background-color: rgb(153, 0, 0);
	color: #507373;
	text-align: center;
	vertical-align: middle;
	padding: 0px;
	font-family: colfax-web,Arial,Helvetica,Geneva,sans-serif;
}

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

.productsSlider {
	font-size: 16pt;
	font-family: colfax-web,Arial,Helvetica,Geneva,sans-serif;
	padding: 20px 10px 20px 10px;
	background: url('../../images/background.jpg');
	color: white;
}

.topbarLogo
{
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	margin: 8px 50px 0px 5px;
}

.topbarLogoMobile img {
	height: 90px;
}

.topbarLogoMobile
{
	cursor: pointer;
	display: inline-block;
	-webkit-flex: 1;
	flex: 1;
	vertical-align: top;
	text-align: center;
}

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

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

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

.topBarMenuMobile {
	text-align: left;
	padding-left: 20px;
	padding-top: 20px;
}

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

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

.addTickets {
	padding-bottom: 9px;
}

.deliveryOption {
	width: 20px;
}

.searchTitle, .searchTitleMobile {
	font-size: 1.125rem;
	font-weight: bold;
	padding: 6px 6px 6px 10px;
	text-align: left;
	font-family: colfax-web,Arial,Helvetica,Geneva,sans-serif;
}

.searchTitleMobile {
	padding-left: 25px;
}

#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 */
}

#hamburgerMenu {
	display: none;
}

#hamburgerMenu .topbarButton, #hamburgerMenu .topbarButtonSelected {
		display: block;
		text-align: left;
		font-size: 1.3rem;
}

#hamburgerMenu .menuShopItem, #hamburgerMenu .menuShopItemSelected {
	padding: 5px 5px 5px 25px;
	background-image: none;
}

#hamburgerMenu .menuShopItem {
	color: white;
	background-color: #252525;
}

#hamburgerMenu .menuShopItem:hover {
	background-color: #f1f1eb;
	background-image: url(../../images/menuItemWhite.png);
}

#hamburgerMenu .menuShopItemSelected {
	padding-left: 23px;
	background-image: none;
}

#hamburgerMenu .menuItemSeparator {
	height: 1px;
	background-color: #bf1e2e;
}

.menuShopItemSelected {
	color: #000000;
	border-left: 2px solid #000000;
	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: #ffffff;
	padding: 15px 20px 5px 20px;
	font-weight: bold;
	font-size: 1.5rem;
}

.basketBar {
	width: 100%;
	padding: 10px 0px 10px 0px;
	background-color: #f1f1eb;
	font-size: 1.5rem;
	font-weight: bold;
	color: rgb(153, 0, 0);
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	text-align: center;
	align-items: center;
	font-family: colfax-web,Arial,Helvetica,Geneva,sans-serif;
	box-sizing: border-box;
}

.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: 1.5rem;
	text-align: center;
	align-items: center;
}

.topbarButtonSelected {
	color: #000000;
}

.topbarButton:hover, .topbarButtonSelected:hover {
	background-color: #dbdbc7;
	color: rgb(153, 0, 0);
}

.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: #ffffff;
	text-decoration: underline;
	font-size: 1.125rem;
	font-weight: normal;
}

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

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

.topbarLink:hover {
	color: #b52121;
}

.costCentreLogos {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap; /* needed for many logos on mobile phones */
	-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: #b52121;
}

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

.costCentreLogosName {
	display: block;
	background-color: white;
	text-align: center;
	width: 90%;
	padding: 10px 5px 10px 5px;
	font-size: 1.3rem;
}

.costCentreLogosImage {
	height: 100px;
}

.socialMediaBar {
	width: 100%;
	background-color: #252525;
	color: white;
	vertical-align: middle;
	text-align: center;
	padding: 10px 0px 10px 0px;
}

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

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

.upcomingEvent {
	border-top: 1px solid #b52121;
	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: #252525;
	border-radius: 20px;
	height: 30px;
	width: 40px;
	padding-top: 10px;
	text-align: center;
	vertical-align: middle;
}

#footerbar {
	width: 100%;
	background-color: #252525;
	color: #ffffff;
	text-align: center;
	display: block;
	padding: 10px 0px 10px 0px;
	font-size: 1rem;
}

#footerbar a, #footerbar a:visited {
	text-decoration: underline;
	color: #ffffff;
	padding: 0px 10px 0px 10px;
}

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

h3 {
	font-size: 1.3rem;
	margin: 8px 0px 8px 0px;
	color: #507373;
	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: black;
	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;
}

.menu {
	width: 210px;
	background-color: #f1f1eb;
	color: rgb(153, 0, 0);
	border: 0px solid #cccccc;
	float: left;
	font-size: 1.125rem;
	text-align: left;
	margin-bottom: 12px;
	font-weight: bold;
	font-family: colfax-web,Arial,Helvetica,Geneva,sans-serif;
	display: table-cell;
	vertical-align: top;
	margin-right: 30px;
}

.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: #252525;
	background-image: url(../../images/menuItemWhite.png);
}


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

.menuSearchItem {
	background-image: none;
	background-color: rgb(153, 0, 0);
}

.menuSearchItem:hover {
	background-image: none;
	background-color: rgb(153, 0, 0);
}

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

.basketEventTitle {
	font-family: inherit;
	font-size: 1.125rem;
	font-weight: bold;
	color: #bf1e2e;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #A7C0E5;
	padding: 5px 0px 0px 0px;
}

.infoContentCentralise, .infoContentCentraliseInlineBlock {
	color: #000000;
	width: 100%;
	max-width: 1000px;
	text-align: center;
	vertical-align: top;
}

.infoContentCentraliseInlineBlock {
	/*display: table-cell; - 15/5/24 - causing problems with cambridgeunitedtest2 products - and mobile version slick images not being centralised e.g. tuafc. check others */
	width: 100%;
	display: inline-block;
}

.infoContent2Col {
	display: table-row;
}

.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: 1.5rem;
	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: 1.125rem;
	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: 1.5rem;
	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;
}

.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;
}

input[type=button], input[type=submit], button, .icoButton, .icoButtonOver, .ibBookNow, .ibBookNowOver, .ibBookNowTall, .ibBookNowOverTall, .ibBookNowSelected,
.Bookings2DivCalendarTimes, .Bookings2DivCalendarTimesOver, .Bookings2DivCalendarShowMore, .Bookings2DivCalendarShowMoreOver,
.ibShowMoreTickets, .ibShowMoreTicketsOver, .ibMoveSeatSpace, .ibMoveSeatSpaceOver {
	background-color: #bf1e2e;
	border-radius: 25px;
	border-width: 2px;
	border-style: solid;
	border-color: #bf1e2e;
	color: #ffffff;
	padding: 8px;
	cursor: pointer;
	font-weight: bold;
	font-size: 1.2rem;
	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box
}

#sectionLinks2 input[type=submit] {
	width: 87%;
}

input[type=button]:hover, input[type=submit]:hover, button:hover, .icoButtonOver, .ibBookNowOver, .ibBookNowOverTall, .ibBookNowSelected,
.Bookings2DivCalendarTimesOver, .Bookings2DivCalendarShowMoreOver,
.ibShowMoreTicketsOver, .ibMoveSeatSpaceOver {
	background-color: #b52121;
	color: #ffffff;
	border-color: #808080;
}

.Bookings2DivCalendarArrowsContainer {
	padding-top: 10px;
}

.tbPublic, .tbPublicError {
	height: 30px;
}

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

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

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

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

.registerSubHeader {
	font-size: 1.2rem;
	font-weight: bold;
	color: rgb(153, 0, 0);
}
	
.curvedBox {
		display: block;
	}

.basketLayout
{
	vertical-align: top;
}

.crossSellingContainer {
	margin-bottom: 10px;
}

.productPrimaryHeader, .productSecondaryHeader {
	color: #000000;
	padding-bottom: 3px;
}

.productPrimaryHeader {
	font-size: 1.5rem;
	text-align: center;
}

.productSecondaryHeader {
	font-size: 1.3rem;
	text-align: left;
}

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

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

.productPrimaryPhotoContainer, .productSecondaryPhotoContainer, .photoWithThumbnailsContainer {
	display: inline-block;
	text-align: center;
	vertical-align: top;
}

.productPrimaryPhotoContainer, .photoWithThumbnailsContainer {
	width: 70%;
	border: 0px solid red;
}

.productSecondaryPhotoContainer {
	position: relative;
	height: 180px;
}

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

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

.productPrimaryPhotoThumbnailImage:hover, .photoWithThumbnailsThumbnailImage:hover {
	border: 1px solid #000000;
}

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

.productPrimaryPhotoMainImage, .photoWithThumbnailsMainImage {
	vertical-align: top;
	text-align: center;
}

.productPrimaryPhotoMainImage {
	display: block;
}

.photoWithThumbnailsMainImage {
	display: inline-block;
}

.productPrimaryLargeImageContainer, .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;
}

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

.productPrimaryLargeImage, .largeImage {
	display: inline-block;
}

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

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

.productPrimaryOptionsContainer {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
	width: 30%;
	max-width: 380px;
	background-color: #f1f2f2;
	border-radius: 5px;
}

.productSecondary {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 200px;
	height: 240px;
	cursor: pointer;
	padding: 1px 6px 1px 6px;
}

.productSecondary:hover {
	padding: 0px 5px 0px 5px;
	border: 1px solid #000000;
}

.productSecondaryPhotoDotContainer {
	position: absolute;
	top: 0px;
	right: 0px;
}

.productSecondaryPhotoDotSale, .productSecondaryPhotoDotNewIn, .productSecondaryPhotoDotAuction {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	width: 50px;
	border-style: solid;
	border-color: #808080;
	border-width: 0px;
	border-radius: 50%;
}

.productSecondaryPhotoDotSale {
	background-color: #ff4747;
}

.productSecondaryPhotoDotNewIn {
	background-color: #b13bb1;
}

.productSecondaryPhotoDotAuction {
	background-color: #409cc5;
}

.productSecondaryPhotoDotSaleText {
	color: #ffffff;
}

.productSecondaryPhotoDotNewInText {
	color: #ffffff;
}

.productSecondaryPhotoDotAuctionText {
	color: #ffffff;
}

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

.productPrimaryPrice, .productSecondaryPrice {
	color: #ec6d0c;
	vertical-align: bottom;
	font-weight: bold;
}

.productPrimaryPrice {
	font-size: 1.3rem;
	padding: 10px 10px 10px 15px;
	box-sizing: border-box;
	background-color: #000000;
	border-radius: 5px;
}

.productSecondaryPrice {
	font-size: 1.125rem;
}

.productPrimaryPriceReducedFrom, .productSecondaryPriceReducedFrom {
	display: inline-block;
	color: #ff4747;
	vertical-align: bottom;
	font-weight: normal;
	padding-left: 12px;
}

.productPrimaryPriceReducedFrom {
	font-size: 1.3rem;
}

.productSecondaryPriceReducedFrom {
	font-size: 1.125rem;
}

.productPrimaryPriceReducedFromPrice, .productSecondaryPriceReducedFromPrice {
	font-weight: bold;
	text-decoration: line-through;
}

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

#cbxMyAccount
{
	padding-left: 20px;
}

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

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

.shopButton, .shopSmallButton, .wishlistButton {
	display: block;
	padding: 10px 10px 10px 10px !important;
	margin: 0px 12px 12px 0px !important;
	width: 90%;
	max-width: 300px;
	border-radius: 25px;
	border-width: 2px;
	border-style: solid;
	border-color: #bf1e2e;
	color: #ffffff;
	font-size: 1.2rem;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: right center;
}

.shopButton, .shopSmallButton {
	background-color: #bf1e2e;
}

.shopButton {
	background-image: url(../../images/shopButtonIcon.png);
}

.shopSmallButton {
	background-image: url(../../images/eye.png);
}

.wishlistButton {
	background-color: #00c1c4 !important;
	background-image: url(../../images/wishlist.png);
}

.shopButton:hover, .shopSmallButton:hover, .wishlistButton:hover {
	padding: 8px 8px 8px 8px !important;
	border: 2px solid black;
}

.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;
	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: 1.3rem;
	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: 1.2rem;
	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: 1.125rem;
	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: 1.4rem;
	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: 1rem;
	background-color: #F4FAFF;
	border-style: solid;
	border-width: 1px;
}

.timeCell {
	padding-right: 1ex;
}

.timeDiv {
	/*position: relative;
	margin-top: -19px;
	padding-top: 3px;
	font-size: 9pt;
	color: #080808;*/
	/*background-color: #FFF;*/
	color: #080808;
	height: 21px;
	padding: 0px;
	margin: 0px;
	box-sizing: border-box; 
}

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

.calendarFrame {
	font-size: 0.8rem;
	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: 0.8rem;
	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;
}

.cellPink, .Pink, .S98, .SPink {
	background-color: #FFC0CB;
	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: 1.4rem;
}

.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: 1.125rem;
	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: 1.125rem;
	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: 1.3rem;
	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: 1.2rem;
	color: #202020;
}

.nonActiveLink {
	font-size: 1.125rem; 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: #ffffff;
	font-size: 1.125rem;
	text-align: center;
	cursor: pointer;
	background-color: #bf1e2e;
}

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

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

.normalTextTDCenter {
	font-size: 0.8rem;
	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: 1rem;
}

#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;
}

#Bookings2VenueName, .Bookings2Dropdown,
.Bookings2DivCalendarTimes, .Bookings2DivCalendarTimesOver,
.Bookings2DivCalendarShowMore, .Bookings2DivCalendarShowMoreOver,
.Bookings2DivCalendarNoTimes, .Bookings2ErrorMessage {
	padding: 10px 20px 10px 20px;
	box-sizing: border-box;
}

#Bookings2VenueName, .Bookings2Dropdown,
.Bookings2DivCalendarShowMore, .Bookings2DivCalendarShowMoreOver,
.Bookings2ErrorMessage {
	font-size: 1.3rem;
}

.Bookings2DivCalendarTimes, .Bookings2DivCalendarTimesOver,
.Bookings2DivCalendarNoTimes {
	font-size: 1rem;
}

.Bookings2DivCalendarArrowsDisabled, .Bookings2DivCalendarArrows {
	font-size: 1.2rem;
	padding-top: 10px;
	padding-bottom: 10px;
}

@media (max-width: 350px) {
	#Bookings2VenueName, .Bookings2Dropdown,
	.Bookings2DivCalendarShowMore, .Bookings2DivCalendarShowMoreOver,
	.Bookings2ErrorMessage,
	.Bookings2DivCalendarDays, .Bookings2DivCalendarArrowsDisabled, .Bookings2DivCalendarArrows {
		font-size: 1rem;
	}
}


#Bookings2Heading, #Bookings2VenueName, .Bookings2Dropdown, .Bookings2ErrorMessage, .Bookings2DivCalendarNoTimes {
	width: 100%;
}

#Bookings2Heading {
	margin-block-start: 0.3em;
	margin-block-end: 0.3em;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}

#Bookings2Heading, .Bookings2DivCalendarDays, .Bookings2DivCalendarArrowsDays, .Bookings2DivCalendarArrowsDisabled,
.Bookings2DivCalendarTimes, .Bookings2DivCalendarTimesOver, .Bookings2DivCalendarShowMore,
.Bookings2DivCalendarShowMoreOver, .Bookings2DivCalendarNoTimes, .Bookings2ErrorMessage {
	text-align: center;
	vertical-align: middle;
	justify-content: center;
}

#Bookings2Heading, .Bookings2DivCalendarDays, .Bookings2DivCalendarArrowsDays, .Bookings2DivCalendarArrowsDisabled,
.Bookings2DivCalendarNoTimes {
	font-weight: bold;
}

#Bookings2Heading {
	font-size: 1.5rem;
	font-family: colfax-web,Arial,Helvetica,Geneva,sans-serif;
}

.Bookings2DivCalendarArrowsDays {
	cursor: pointer;
}

.Bookings2DivCalendarArrowsDisabled {
	cursor: default;
	color: grey;
}

.Bookings2DivCalendarTimes, .Bookings2DivCalendarTimesOver,
.Bookings2DivCalendarShowMore, .Bookings2DivCalendarShowMoreOver,
.Bookings2DivCalendarNoTimes {
	margin: 5px 5px 5px 5px;
}

.Bookings2DivCalendarNoTimes {
	border-style: solid;
	border-color: white;
	border-width: 2px;
}

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

.tblETicketDetailsMain, .trETicketDetailsMain {
	width: 410px;
}

.tblETicketDetailsDatamatrixAndNumber, .trETicketDetailsDatamatrixAndNumber {
	width: 80px;
}

.trETicketDetailsMain, .trETicketDetailsEmpty, .trETicketDetailsDatamatrixAndNumber {
	display: table-cell;
}

.ibShowMoreTickets, .ibShowMoreTicketsOver {
	width: 540px;
}

.ibMoveSeatSpace, .ibMoveSeatSpaceOver {
	width: 530px;
}

[id^=butCarParkNow], [id^=butCarParkUpdateInfo] {
	width: 200px;
}

.parkingFieldTitle {
	display: inline-block;
	width: 180px;
	padding-right: 6px;
	text-align: left;
}

@media (max-width: 600px) {
	.parkingFieldTitle {
		width: 280px;
	}
}

.parkingFieldInput {
	display: inline-block;
	width: 280px;
	padding-right: 6px;
	text-align: left;
}

.LatestContainer {
	width: 100%;
	margin: 20px 20px 30px 0px;
	padding: 20px;
	background-color: #e0e0e0;
}

.LatestNewsHeading {
	font-size: 1.4rem;
	font-weight: bold;
	margin-bottom: 1rem;
}

.LatestNewsContent {
}

.divWalletButton {
	background-color: none;
	border: none;
}

.walletButton {
}

.walletButtonImg {
	width: 154px;
}


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

	.productPrimaryPhotoMainImageContainer, .photoWithThumbnailsMainImageContainer {
		height: 400px;
	}
}

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

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

	#Bookings2Heading {
		font-size: 1.4rem;
	}

	.topbarLogoMobile img {
		max-width: 200px;
		height: auto;
	}
}

.thumbnailImage {
	max-width: 118px;
	max-height: 100px;
}

@media (max-width: 400px) {
	.wholepage {
		width: 100%;
	}

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

	.socialMediaBar {
		// display: none;
	}

	.topbar {
		// display: none;
	}

	.topbarLogoMobile {
		// display: none;
	}

	.topbarLogoMobile img {
		max-width: 150px;
		height: auto;
	}

	.costCentreLogos {
		// display: none;
	}

	.costCentreLogosName {
		font-size: 1rem;
	}

	.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) {
	.menu {
		display: none;
	}

	.productPrimaryOptionsContainer {
		width: 100%;
		max-width: 100%;
		clear: both;
		margin-top: 10px;
	}

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

	.productPrimaryPhotoThumbnailColumn, .photoWithThumbnailsThumbnailColumn {
		clear: both;
	}

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

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


	.topbarContentMobile {
		display: flex;
	}

	.topbarDepartmentMobile {
		display: flex;
	}

	.topbarContent {
		display: none;
	}

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

	.topMenuButtons {
		display: none;
	}
}

@media (min-width: 611px) {
	.productPrimaryPhotoDesktop, .photoWithThumbnailsDesktop {
		display: block;
		text-align: left;
	}

	.productPrimaryPhotoMobile, .photoWithThumbnailsMobile {
		display: none;
	}

	.topbarDepartmentMobileMicroContainer {
		display: none;
	}

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

@media (max-width: 610px) {
	.productPrimaryPhotoDesktop, .photoWithThumbnailsDesktop {
		display: none;
	}

	.productPrimaryPhotoMobile, .photoWithThumbnailsMobile {
		display: block;
	}

	.productPrimaryTitle, .productSecondaryTitle {
		padding-left: 5px;
	}

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

	.productPrimaryPrice, .productSecondaryPrice {
		width: 100%;
	}

	.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;
	}

	.topbarContentMobile {
		padding-top: 8px;
	}

	div.feature {
		padding: 0px;
		width: 100%;
	}
	
	.productSecondary {
		/*		width: 165px; */
		width: 165px;
	}

	.productSecondaryPhoto {
		max-width: 150px;
	}

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

	.mainContent {
		padding-left: 5px;
		width: 100%;
	}

	#receipt {
		width: 100%;
	}

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

	.basketBar {
		font-size: 1.4rem;
	}

	.remove {
		display: none;
	}

	.wholepageBorder {
		border: 0px;
	}

	#CountryOfBirthID {
		font-size: 0.8rem;
	}

	.costCentreLogosImage {
		height: 80px;
	}

	.costCentreLogosName {
		font-size: 1rem;
	}

	.costCentreLogos {
		padding: 0px;
	}

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

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

	.trETicketDetailsMain, .trETicketDetailsDatamatrixAndNumber {
		display: table-row;
	}

	.tblETicketDetailsMain, .trETicketDetailsMain, .tblETicketDetailsDatamatrixAndNumber, .trETicketDetailsDatamatrixAndNumber {
		width: 320px;
	}

	.ibShowMoreTickets, .ibShowMoreTicketsOver {
		width: 330px;
	}

	.ibMoveSeatSpace, .ibMoveSeatSpaceOver {
		width: 320px;
	}

	[id^=butCarParkNow], [id^=butCarParkUpdateInfo] {
		width: 150px;
	}
}

.divWalletButton {
	border-radius: 25px;
	border-width: 2px;
	border-style: solid;
	border-color: #ffffff;
	background: none;
	width: 170px;
	height: 56px;
	padding: 0px;
	cursor: pointer;
}

.walletButton {
	border: none;
	background: none;
	width: 170px;
	height: 56px;
	padding: 0px;
	cursor: pointer;
}

.walletButton {
width: 170px;
height: 56px;
}

/* Booking3 CSS */

.divBookingSelector {
	width: 100%;
	border-radius: 20px;
	background-color: #ffffff;
	background-image: linear-gradient(#d1d3d4, #ffffff);
	margin-bottom: 30px;
	padding: 10px;
	position: static;
	overflow-x: auto;
}

.containerNonSlider .divBookingSelector {
	top: 30px;
}

.divBookingSelectorInner {
	width: 100%;
	min-width: 1000px;
	display: flex;
}

.divBookingSelector::-webkit-scrollbar {
	height: 10px;
}

.divBookingSelector::-webkit-scrollbar-track {
	box-shadow: inset 0 0 10px #d1d3d4;
	border-radius: 50px;
}

.divBookingSelector::-webkit-scrollbar-thumb {
	background-image: linear-gradient(to right, #ec8e52,#ee7933);
	border-radius: 50px;
}


.divBookingSelectorImageContainer {
	flex: 1;
	text-align: center;
	margin: 0px 10px 0px 10px;
}

.divBookingSelectorImageTitle {
	font-size: 1.125rem;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
}

.bookingSelectorImage {
	border: 2px solid white;
	width: 100%;
	max-width: 300px;
	border-radius: 10px;
}

.bookingSelectorImage:hover {
	border: 2px solid #ec8e52;
}

.divBookingSubSelectorContainer {
	display: flex;
	width: 100%;
	text-align: center;
}

.divBookingSubSelectorImageContainer {
	flex: 1;
}

.bookingSubSelectorImage {
	display: inline-block;
	border: 2px solid white;
	margin: auto;
	width: 100%;
	max-width: 70px;
	border-radius: 10px;
}

.bookingSubSelectorImage:hover {
	border: 2px solid #ec8e52;
}

.bookingSubSelectorSeparator {
	border-right: 2px solid #231f20;
	margin: 30px 0px 30px 0px;
}

.divBookingSubSelectorTextButton, .divBookingSubSelectorTextButtonSelected {
	padding: 3px 6px 3px 6px;
	background-color: #339933;
	border: 3px solid white;
	border-radius: 10px;
	color: white;
	font-size: 1.3rem;
	cursor: pointer;
	min-width: 20px;
	font-weight: bold;
}

.divBookingSubSelectorTextButton:hover, .divBookingSubSelectorTextButtonSelected:hover {
	border-color: #bf1e2e;
}

.divBookingSubSelectorTextButtonSelected {
	background-color: #8dc63f;
}

#divBookingCalendar {
	display: flex;
	border-radius: 20px;
	background-color: #ffffff;
	box-sizing: border-box;
	padding: 30px 20px 30px 20px;
	flex: 1;
}


#divBookingCalendarDaySelector {
	display: block;
	margin-top: 6px;
	text-align: center;
}

#divBookingCalendarMonthSelector {
	display: block;
	vertical-align: top;
	text-align: center;
	height: 20px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}

#divBookingCalendarDaySelectorInner {
	display: table;
	margin: auto;
}

#divBookingCalendarMonthPrevious, #divBookingCalendarMonthNext, #divBookingCalendarMonth {
	display: inline-block;
	vertical-align: top;
	margin: 0px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
	height: 20px;
	line-height: 20px;
	font-size: 1rem;
}

#divBookingCalendarMonthPrevious {
	float: left;
	cursor: pointer;
}

#divBookingCalendarMonthNext {
	float: right;
	cursor: pointer;
}

#divBookingCalendarMonth {
	font-weight: 600;
	font-size: 1.3rem;
}

#divCalendarDaysHeader {
	display: table-row;
	color: #d1d3d4;
}

.calendarDaysHeaderDay {
	display: table-cell;
	text-align: center;
	padding: 10px 0px 10px 0px;
}

.calendarDaysRow {
	display: table-row;
}

.calendarDaysDay, .calendarDaysDaySelected, .calendarDaysDayDisabled {
	display: table-cell;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	padding: 10px;
	margin: 5px 0px 5px 0px;
	text-align: center;
	border: 1px solid #ffffff;
	cursor: pointer;
	vertical-align: middle;
	font-weight: 600;
}

.calendarDaysDayDisabled {
	color: #d1d3d4;
}

.calendarDaysDaySelected {
	background-color: #ee7933;
}

.calendarDaysDay:hover {
	border: 1px solid #ee7933;
}

#divBookingCalendarHoursSelector {
	display: block;
	flex: 1;
	text-align: center;
}

.bookingArrow {
	width: 20px;
}

.bookingCalendarAndBasket {
	display: flex;
	width: 100%;
	margin-top: 30px;
}

#divBookingBasket {
	padding: 30px;
	flex: 1;
}

@keyframes maskFadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 0.3;
	}
}

.mask {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #808080;
	opacity: 0.3;
	z-index: 999999;
	background-image: url('../../Images/waitWheel.gif');
	background-repeat: no-repeat;
	background-position: center;
	animation-name: maskFadeIn;
	animation-duration: 1s;
}

#divMask {
	display: none;
	position: fixed;
	background-color: #808080;
	opacity: 0.3;
	position: fixed;
	top: 0vh;
	height: 100vh;
	left: 0vh;
	width: 100vh;
}

#divBookingBasketClose {
	display: none;
}

#divBookingBasketTitle {
	font-size: 1.3rem;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
}

.bookingBasketDivider {
	height: 1px;
	width: 100%;
	background-image: linear-gradient(to right, #ebebeb,#404040,#ebebeb);
	padding: 1px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}

.bookingCalendarDivider {
	height: 100%;
	width: 2px;
	background-image: linear-gradient(#ffffff,#d1d3d4,#ffffff);
	padding: 0px 0px 0px 0px;
	margin: 0px 20px 0px 20px;
}

#divCalendarHoursSelector {
}

#divCalendarHoursUp, #divCalendarHoursDown {
	cursor: pointer;
}

#divCalendarHoursInner {
	overflow-y: scroll;
	height: 300px;
	/* scrollbar-color: #ffd55a #143d59; needed for firefox, but then overrides the webkit */
}

	#divCalendarHoursInner::-webkit-scrollbar {
		width: 10px;
	}

	#divCalendarHoursInner::-webkit-scrollbar-track {
		box-shadow: inset 0 0 10px #d1d3d4;
		border-radius: 50px;
	}

	#divCalendarHoursInner::-webkit-scrollbar-thumb {
		background-image: linear-gradient(to right, #ec8e52,#ee7933);
		border-radius: 50px;
	}

.calendarSlotHolder1 {
	width: 100%;
	padding: 0px 15px 0px 0px;
}

.calendarSlotHolder2, .calendarSlotHolder2NotAvailable {
	width: 100%;
	font-weight: 600;
	border: 1px solid #d1d3d4;
	border-radius: 10px;
	padding: 10px 5px 10px 5px;
	display: table;
	margin: 10px 0px 10px 0px;
}

.calendarSlotHolder2 {
	cursor: pointer;
}

	.calendarSlotHolder2:hover {
		border: 1px solid #ec8e52;
	}

.calendarSlotHolder2NotAvailable {
	color: #d1d3d4;
}

.calendarSlotTime {
	display: table-cell;
	vertical-align: middle;
	padding: 0px 10px 0px 10px;
}

.calendarSlotSeparator {
	display: table-cell;
	height: 100%;
	width: 1px;
	background-image: linear-gradient(#ffffff,#d1d3d4,#ffffff);
	padding: 0px 1px 0px 0px;
	margin: 0px 10px 0px 10px;
}

.calendarSlotDescription {
	display: table-cell;
	vertical-align: middle;
	padding: 0px 10px 0px 10px;
}

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

.bookingBasketRowTitle {
	float: left;
	font-weight: 600;
	padding-bottom: 10px;
}

.bookingBasketRowValue {
	float: right;
	padding-bottom: 10px;
}

.bookingButtonGreen {
	background-color: #42983c;
	border-radius: 10px;
	color: #ffffff;
	font-weight: 600;
	font-size: 1.3rem;
	width: 100%;
	padding: 10px;
	margin: 10px 0px 0px 0px;
}

.bookingButtonGreenOutlineSmall {
	border: 1px solid #42983c;
	background-color: #ececec;
	border-radius: 10px;
	color: #42983c;
	font-size: 0.8rem;
	width: 100%;
	padding: 5px;
	margin: 5px 0px 5px 0px;
}

.bookingButtonGreenOutline {
	border: 1px solid #42983c;
	background-color: #ececec;
	border-radius: 10px;
	color: #42983c;
	font-weight: 600;
	font-size: 1.3rem;
	width: 100%;
	padding: 10px;
	margin: 10px 0px 0px 0px;
}

#divBookingBasket input[type=text] {
	border: 1px solid #42983c;
	background-color: #ececec;
	border-radius: 10px;
	color: #42983c;
	font-size: 1rem;
	width: 100%;
	padding: 10px;
	margin: 5px 0px 5px 0px;
}

#divCalendarHoursButtons {
	display: flex;
	justify-content: space-between;
	min-height: 20px;
}

	#divCalendarHoursButtons button {
		background-color: #a9d9ea;
		border-radius: 10px;
		color: #231f20;
		border: 1px solid #d1d3d4;
		margin: 5px;
	}

		#divCalendarHoursButtons button:hover {
			border: 1px solid #ec8e52;
		}


@media (max-width: 1150px) {
	@keyframes fadeIn {
		from {
			top: 100vh;
			height: 0vh;
		}

		to {
			top: 40vh;
			height: 60vh;
		}
	}

	#divBookingBasket {
		display: none;
		position: fixed;
		width: 100vw;
		top: 40vh;
		height: 60vh;
		left: 0vw;
		animation-name: fadeIn;
		animation-duration: 0.6s;
		background-color: #e0e0e0;
		padding: 50px;
	}

	.bookingCalendarAndBasket {
		display: block;
	}

	#divBookingBasketClose {
		display: block;
		width: 100%;
		text-align: right;
	}

	#divBookingBasketClose img {
		cursor: pointer;
	}

	.headerNavLabel {
		display: none;
	}
}

@media (max-width: 960px) {
	#divBookingCalendar {
		display: block;
	}

	#bookingCalendarDivider {
		display: none;
	}

	#divCalendarHoursContainer {
		display: block;
		margin-top: 30px;
	}

	#divBookingSelector {
		background-image: none;
		background-color: #ececec;
	}
}

@media (max-width: 800px) {
	#divCalendarHoursButtons {
		display: block;
	}
	#divCalendarHoursButtons button {
		font-size: 80%;
	}
}

@media (max-width: 410px) {
	.calendarDaysDay, .calendarDaysDaySelected {
		width: 40px;
		height: 40px;
		border-radius: 20px;
		padding: 5px;
		margin: 5px 0px 5px 0px;
	}
	#divCalendarHoursButtons button {
		float: none !important;
	}
}

.venueMapSwipe {
	display: none;
	padding: 6px 0px 6px 0px;
}

@media (max-width: 750px) {
	.venueMapSwipe {
		display: block;
	}
	.topbarLogoMobile img {
		max-width: 200px;
		height: auto;
	}
}

#divPromoCode {
	display: flex;
	align-items: center;
}

.divPromoCodeElement {
	margin: 5px;
}

.gallery {
	columns: 3 auto;
	width: 100%;
}

.galleryItem {
}

.galleryItem img {
	width: 100%;
}

@media (max-width: 600px) {
	.gallery {
		columns: 2 auto;
	}
}