/*

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
Arial,sans-serif = Arial,sans-serif
Arial,sans-serif = Arial,sans-serif

8pt = 8pt
10pt = 10pt
12pt = 12pt
14pt = 14pt
16pt = 16pt
20pt = 20pt
24pt = 24pt

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

rgb(221, 0, 0)  = #808080
#ffffff = #ffffff
#808080 = #808080
#dd3737 = #86B44B
#ffffff = #ffffff
#808080 = #808080
25px = 25px
0px = 0px

rgb(221, 0, 0)  = #003333
rgb(255, 255, 255) = #507373
rgb(255, 255, 255) = #94d214
#ffffff = #ffffff
#dbdbc7 = #dbdbc7
#ffffff = #ffffff
#e0e0e0 = #e0e0e0

rgb(221, 0, 0)  = #99cc33
#022626 = #022626
#045454 = #045454

rgb(255, 221, 221) = #f1f1eb
rgb(221, 0, 0)  = #003333
	
#f1f1eb = #f1f1eb
#99cc33 = #ffffff
#ffffff = #99cc33
	
#000000 = #000000
#99cc33 = #000000
	
#94d214 = #94d214
rgb(221, 0, 0)  = #003333

rgb(221, 0, 0)  = #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 {
	font-family: Arial,sans-serif;
	font-size: 10pt;
}

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

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

h3 {
	font-size: 16pt;
	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(221, 0, 0) ;
	color: rgb(255, 255, 255);
	text-align: center;
	vertical-align: middle;
	padding: 0px;
	font-family: Arial,sans-serif;
}

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

.productsSlider {
	font-size: 16pt;
	font-family: Arial,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: rgb(255, 255, 255);
	display: none;
	font-size: 16pt;
	font-weight: bold;
	padding: 12px 0px 8px 12px;
	vertical-align: top;
	text-align: left;
	cursor: pointer;
}

.topBarCompanyName, .topBarMenuMobile, .topBarMenuMobileRight {
	color: rgb(221, 0, 0) ;
	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: rgb(255, 255, 255);
	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: 12pt;
	font-weight: bold;
	padding: 6px 6px 6px 10px;
	text-align: left;
	font-family: Arial,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: 16pt;
}

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

#hamburgerMenu .menuShopItem {
	color: #ffffff;
	background-color: #f1f1eb;
}

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

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

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

.menuShopItemSelected {
	color: #94d214;
	border-left: 2px solid rgb(255, 255, 255);
	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: 24pt;
}

.basketBar {
	width: 100%;
	padding: 10px 0px 10px 0px;
	background-color: rgb(255, 221, 221);
	font-size: 24pt;
	font-weight: bold;
	color: rgb(221, 0, 0) ;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	text-align: center;
	align-items: center;
	font-family: Arial,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: 14pt;
	text-align: center;
	align-items: center;
}

.topbarButtonSelected {
	color: rgb(255, 255, 255);
}

.topbarButton:hover, .topbarButtonSelected:hover {
	background-color: #dbdbc7;
	color: rgb(221, 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: 12pt;
	font-weight: normal;
}

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

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

.topbarLink:hover {
	color: #e0e0e0;
}

.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: rgb(255, 221, 221);
	cursor: pointer;
	width: 90%;
	text-align: center;
	padding: 10px;
	vertical-align: bottom;
}

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

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

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

.costCentreLogosImage {
	height: 100px;
}

.socialMediaBar {
	width: 100%;
	background-color: rgb(221, 0, 0) ;
	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 #e0e0e0;
	height: 0px;
	width: 95%;
	padding: 0px;
	margin: 12px 0px 0px 0px;
}

.upcomingEvent, .upcomingEventDisabled {
	border-top: 1px solid #e0e0e0;
	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%;
}

.upcomingEventDisabled, upcomingEventDisabledOver {
	background-color: #EEEEEE;
}

.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: rgb(221, 0, 0) ;
	border-radius: 20px;
	height: 30px;
	width: 40px;
	padding-top: 10px;
	text-align: center;
	vertical-align: middle;
}

#footerbar {
	width: 100%;
	background-color: rgb(221, 0, 0) ;
	color: #022626;
	text-align: center;
	display: block;
	padding: 10px 0px 10px 0px;
	font-size: 10pt;
}

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

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

h3 {
	font-size: 16pt;
	margin: 8px 0px 8px 0px;
	color: #000000; /* rgb(255, 255, 255); - this was white in e.g. ASFC, FGR, so invisible - need an additional one */
	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;
}

.menu {
	width: 210px;
	background-color: rgb(255, 221, 221);
	color: rgb(221, 0, 0) ;
	border: 0px solid #cccccc;
	float: left;
	font-size: 12pt;
	text-align: left;
	margin-bottom: 12px;
	font-weight: bold;
	font-family: Arial,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: rgb(221, 0, 0) ;
	background-image: url(../../images/menuItemWhite.png);
}


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

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

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

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

.basketEventTitle {
	font-family: inherit;
	font-size: 10pt;
	font-weight: bold;
	color: rgb(221, 0, 0) ;
	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;
}

.infoContent2Col .infoContentCentralise {
	display: table-cell; /* 30/1/25 added to make LeighArea CMS Merchandise pages fit side by side */
}

.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: 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: 12pt;
	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;
}

.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: rgb(221, 0, 0) ;
	border-radius: 25px;
	border-width: 0px;
	border-style: solid;
	border-color: #808080;
	color: #ffffff;
	padding: 8px;
	cursor: pointer;
	font-weight: bold;
	font-size: 14pt;
	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: #dd3737;
	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: 14pt;
	font-weight: bold;
	padding-top: 20px;
	color: #000000;
}

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

.registerSubHeader {
	font-size: 14pt;
	font-weight: bold;
	color: rgb(221, 0, 0) ;
}
	
.curvedBox {
		display: block;
	}

.basketLayout
{
	vertical-align: top;
}

.crossSellingContainer {
	margin-bottom: 10px;
}

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

.productPrimaryHeader {
	font-size: 24pt;
	text-align: center;
}

.productSecondaryHeader {
	font-size: 16pt;
	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%;
}

.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: 16pt;
	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: rgb(221, 0, 0) ;
	vertical-align: bottom;
	font-weight: bold;
}

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

.productSecondaryPrice {
	font-size: 12pt;
}

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

.productPrimaryPriceReducedFrom {
	font-size: 16pt;
}

.productSecondaryPriceReducedFrom {
	font-size: 12pt;
}

.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: 14pt;
	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: 0px;
	border-style: solid;
	border-color: #808080;
	color: #ffffff;
	font-size: 14pt;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: right center;
}

.shopButton, .shopSmallButton {
	background-color: rgb(221, 0, 0) ;
}

.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: 16pt;
	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: 14pt;
	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: 12pt;
	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: -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: 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;
}

.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: 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: 12pt;
	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: 12pt;
	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: 16pt;
	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: 14pt;
	color: #202020;
}

.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: #ffffff;
	font-size: 12pt;
	text-align: center;
	cursor: pointer;
	background-color: rgb(221, 0, 0) ;
}

.modernButton:hover {
	border-top: 4px solid #bab3b3;
	padding-top: 0px;
	background-color: #dd3737;
	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;
}

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

#Bookings2VenueName, .Bookings2Dropdown,
.Bookings2DivCalendarShowMore, .Bookings2DivCalendarShowMoreOver,
.Bookings2ErrorMessage {
	font-size: 16pt;
}

.Bookings2DivCalendarTimes, .Bookings2DivCalendarTimesOver,
.Bookings2DivCalendarNoTimes {
	font-size: 10pt;
}

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

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


#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: 24pt;
	font-family: Arial,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: 0px;
}

.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: 20pt;
	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: 20pt;
	}

	.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: 10pt;
			}

			.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: 20pt;
			}

			.remove {
				display: none;
			}

			.wholepageBorder {
				border: 0px;
			}

			#CountryOfBirthID {
				font-size: 8pt;
			}

			.costCentreLogosImage {
				height: 80px;
			}

			.costCentreLogosName {
				font-size: 10pt;
			}

			.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: 0px;
			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: 12pt;
			font-weight: bold;
			display: block;
			margin-bottom: 5px;
		}

		.divBookingSelectorImageSplit {
			display: flex;
			border: 2px solid white;
			width: 100%;
			max-width: 300px;
			border-radius: 10px;
			margin: auto;
			margin-bottom: 6px;
			box-sizing: border-box;
			text-align: center;
		}

		.divBookingSelectorImageSplitImage {
			display: inline-block;
			flex: 1;
			box-sizing: border-box;
		}

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

		.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: 16pt;
			cursor: pointer;
			min-width: 20px;
			font-weight: bold;
		}

			.divBookingSubSelectorTextButton:hover, .divBookingSubSelectorTextButtonSelected:hover {
				border-color: rgb(221, 0, 0) ;
			}

		.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: 10pt;
		}

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

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

		#divBookingCalendarMonth {
			font-weight: 600;
			font-size: 16pt;
		}

		#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: 16pt;
			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: 16pt;
			width: 100%;
			padding: 10px;
			margin: 10px 0px 0px 0px;
		}

		.bookingButtonGreenOutlineSmall {
			border: 1px solid #42983c;
			background-color: #ececec;
			border-radius: 10px;
			color: #42983c;
			font-size: 8pt;
			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: 16pt;
			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: 10pt;
			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;
			}
		}