@font-face {
	font-family: 'NeutraConBold';
	src: url('/sites/Regent/fonts/NeutraConBold.otf');
	src: url('/sites/Regent/fonts/NeutraConBold.eot?#iefix');
	src: url('/sites/Regent/fonts/NeutraConBold.ttf') format('truetype'),
				url('/sites/Regent/fonts/NeutraConBold.svg') format('svg'),
				url('/sites/Regent/fonts/NeutraConBold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'NeutraConMed';
	src: url('/sites/Regent/fonts/NeutraConMed.otf');
	src: url('/sites/Regent/fonts/NeutraConMed.eot?#iefix');
	src: url('/sites/Regent/fonts/NeutraConMed.ttf') format('truetype'),
				url('/sites/Regent/fonts/NeutraConMed.svg') format('svg'),
				url('/sites/Regent/fonts/NeutraConMed.woff') format('woff');
	font-weight: medium;
	font-style: normal;
}


html {
    -webkit-font-smoothing: antialiased;
    overflow-y: scroll;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
}

body {
  overflow-x: hidden;
  margin:0 0;
  font-family: Myriad Pro, arial narrow, sans-serif;
  -webkit-font-smoothing: antialiased;
	color:#000;
  font-smoothing: antialiased;
	background-image:
    linear-gradient(
      to top right,
			#961d1e 65%,
      #000000

    );
}

h1 {margin-top:5px;}
h2 {margin-top:5px; margin-bottom:10px;font-size:26px;}

img{border:none;}
a, a:visited{text-decoration:none;  color:#000}

.clear{clear:both;}

#page {width:990px; margin: 0 auto;}
#pageContent{width:100%; min-height:100px; display:block;}
@media screen {#pageContentColumn {margin-top:-50px; width:299px; float:right;}
.title {font-size:40px; letter-spacing:1px; color:#a21e22; padding-top:1px; margin-top:0px; text-transform: uppercase; padding-left: 5px; font-family:'NeutraConBold', 'NeutraConMed', arial narrow, sans-serif;}
.menulist {font-size:35px; letter-spacing:1px; color:#c0715d; padding-top:1px; margin-top:0px; text-transform: uppercase; padding-left: 10px;}}
@media print {#pageContentColumn {visibility:hidden; display: none !important;}}

@media screen {#pageContentBody {min-height:600px; float:left; width:620px;}}
@media print {#pageContentBody {width:940px; float:left; min-height:600px; height:100%}}

#pageContentBody h1 {font-size:31px; letter-spacing:1px; border-top:0px solid #760606; color:#760606; padding-top:1px; margin-top:0px;}

#headerWrapper {
    max-width: 990px;
    margin: 0 auto;
}

@media screen {
	#header {
		height: 270px;
    display: table;
    width: 100%;
	}

	#header .logo{
    margin-top: 40px;
    margin-left: 22px;
    display: table-cell;
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
     width: 60%;
	}

	#header .details {
    margin-top: 35px;
    margin-right: 40px;
    color: #ffffff;
    font-family: 'NeutraConBold';
    font-size: 32px;
    vertical-align: middle;
    display: table-cell;
    text-align: right;
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    width: 20%;
	}

	#header .details a {
		color: #FFFFFF;
	}

	#header .contactimg {
		margin-right: 12px;
		vertical-align: middle;
		display: inline-block;
	}

	#header .contact {
		margin-top: 10px;
	}

	#header .links{
		height:30px;
		width:90px;
		position:absolute;
		margin-top:14px;
		margin-left:900px;
	}

	#header .links a img:hover {
		background: rgba(225,194,110, 0.5);
		-moz-transition: background .2s linear;
		-webkit-transition: background .2s linear;
		-o-transition: background .2s linear;
		transition: background .2s linear;
	}
}

@media print {
	#header {visibility:hidden; display: none !important;}
	#header .links{visibility:hidden; display: none !important;}
	#header .links a img:hover {visibility:hidden; display: none !important;}
	#header .telephone{visibility:hidden; display: none !important;}
	#header .socialLink{visibility:hidden; display: none !important;}
}

#contentWrapper {
max-width:940px;
margin-left:auto;
margin-right:auto;
	background:#fff;
	-webkit-box-shadow: 6px 6px 10px 2px rgba(0,0,0,0.6);
	box-shadow: 6px 6px 10px 2px rgba(0,0,0,0.6);
  padding: 25px;

}

#footer {
  /*height: 100%;*/
  width: 800px;
  margin-top: 0px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-family: 'NeutraConMed';
  font-size: 80px;
  color: #FFFFFF;
}

#footer .coloured {
	color: #c0715d;
}

#address {
	height:auto;
	width:800px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	font-family: 'NeutraConMed';
	font-size: 30px;
  color: #FFFFFF;
	clear:both;
}

#subfooter {
 margin-left:auto;
 margin-right:auto;
 color:#ffffff;
 width:450px;
 margin-top:10px;
 margin-bottom: 20px;
}

#subfooter a {
 margin-left:auto;
 margin-right:auto;
 color:#ffffff;
 text-decoration:underline;
}
@media screen and (max-width: 920px){
  #header .details{
    width: 30%;
    padding: 0px 25px 0px 0px;
  }
}
@media screen and (max-width: 850px) {
  #footer, #address {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 750px) {
  #footer {
    font-size: 50px;
  }
  #address {
    font-size: 21px;
  }
}
@media screen and (max-width: 700px){
  #header .logo {
      display: block;
      margin: 15px auto;
      width: 80%;
  }
  #header .details {
    display: block;
    margin-top: 0px;
    padding: 0 15px 15px 0;
    text-align: center;
    width: 100%;
  }
}
@media screen and (max-width: 650px){
  input, textarea, select, option {
    float: left;
  }
}

@media screen and (max-width: 400px) {
  #header .logo {
      width: 100%;
      padding-left: 3px;
      padding-right: 3px;
  }
  #searchWidth {
    width: 150px;
  }
}
/*=======================================================
Payment page
=======================================================*/
.booking_disclaimer{
  font-size:14px;
}
/*=======================================================
Header Section Navigation
=======================================================*/
@media screen {
	 .menuButton {
    width: 100%;
    background-color: #7a161a;
    height: 56px;
    display: none;
  }
  .menu-link {
    display: none;
  }
  .menu {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #7a161a;
    max-width: 985px;
    padding-left: 5px;
    margin-top: 10px;
    margin-bottom: 20px;
    -webkit-box-shadow: 6px 6px 10px 2px rgba(0, 0, 0, 0.6);
    box-shadow: 6px 6px 10px 2px rgba(0, 0, 0, 0.6);
    font-family: 'NeutraConBold', 'NeutraConMed', arial narrow, sans-serif;
  }
  .menu ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    position: relative;
    display: inline-table;
  }
  .menuSeperator:after {
    content: url('/sites/REGENT/images/menu-seperator.png');
    position: absolute;
    top: 35px;
    margin-left: -5px;
  }
  .menu>li>ul.sub-menu {
    min-width: 10em;
    padding: 4px 0;
    background-color: #f4f4f4;
    border: 1px solid #CCC;
  }
  .menu ul li {
    padding: 0px;
  }
  .menu>ul>li {
    display: inline-block;
  }
  .menu ul li a {
    display: block;
    text-decoration: none;
    color: #000;
    font-size: .9em;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 35px;
    letter-spacing: -1px;
    text-transform: uppercase;
    color: #c0715d;
		text-align:center;
  }
  .menu ul li a:hover {
    color:#fff;
  }
  .menu ul li>a {
    padding: 19px 25px;
  }
  .menu ul ul {
    display: none;
    position: absolute;
    top: 100%;
    min-width: 160px;
    background-color: #f4f4f4;
  }
  .menu ul li:hover>ul {
    display: block;
    z-index: 120;
  }
  .menu ul ul>li {
    position: relative;
  }
  .menu ul ul>li a {
    padding: 5px 15px 5px 10px;
    height: auto;
    background-color: #7a161a;
  }
  .menu ul ul>li a:hover {
    background-color: #7a161a;
    color: #fff;
  }
  .menu ul ul ul {
    position: absolute;
    left: 100%;
    top: 0;
  }
}
@media screen and (max-width: 1024px) {
  .menuButton {
    display: table;
    box-shadow: 6px 6px 10px 2px rgba(0, 0, 0, 0.6);
    margin-bottom: 20px;
  }
  a.menu-link {
    display: block;
    color: #fff;
    background-color: #270707;
    float: right;
    text-decoration: none;
    padding: 19px 19px;
  }
  .menu {
    clear: both;
    min-width: inherit;
    float: none;
  }
  .menu,
  .menu>ul ul {
    overflow: hidden;
    max-height: 0;
    background-color: #f4f4f4;
  }
  .menu>li>ul.sub-menu {
    padding: 0px;
    border: none;
  }
  .menu.active,
  .menu>ul ul.active {
    max-height: 100%;
  }
  .menu ul {
    display: inline;
  }
  .menu>ul {
    border-top: 1px solid #808080;
  }
  .menu li,
  .menu>ul>li {
    display: block;
  }
  .menu li a {
    color: #000;
    display: block;
    padding: 0.8em;
    border-bottom: 1px solid #808080;
    position: relative;
  }
  .menu li.has-sub-menu>a:after {
    content: '+';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    font-size: 1.5em;
    padding-right: 15px;
    padding-top: 7px;
  }
  .menu li.has-sub-menu>a.active:after {
    content: "-";
  }
  .menu ul ul>li a {
    background-color: #e4e4e4;
    padding: 19px 18px 19px 30px;
  }
  .menu ul ul,
  .menu ul ul ul {
    display: inherit;
    position: relative;
    left: auto;
    top: auto;
    border: none;
  }
  .menu ul ul>li {
    background-color: #f4f4f4;
  }
  .menu ul li a {
    font-size: 30px;
  }
  .menu ul li a:hover {
    color: #7a161a;
  }
  .menu ul ul {
    border: 1px solid #CCC;
  }
}

@media print {
	#nav {visibility:hidden; display: none !important;}
	#nav .home {visibility:hidden; display: none !important;}
	#nav .home a:hover {visibility:hidden; display: none !important;}
	#nav .menuSeperator {visibility:hidden; display: none !important;}
	#nav a{visibility:hidden; display: none !important;}
	#nav .selected {visibility:hidden; display: none !important;}
	#nav a:hover {visibility:hidden; display: none !important;}
}

/*=======================================================
SHOW CASE IMAGES and TRAILERS
=======================================================*/

@media screen {
	#showCaseContainer {height:410px; width:100%; position:relative;}

	#showCaseColumn {width:620px; float:left;}
	#showCaseColumn .banner {height:53px; width:100%; z-index:1000; position:relative; background:url(/sites/REGENT/images/nowshowing.jpg) no-repeat;}

	#showCaseColumn h1 {font-size:28px; letter-spacing:1px; border-top:6px solid #a21e22; color:#a21e22; padding-top:1px; margin-top:0px; margin-bottom:10px; font-family: 'NeutraConBold', 'NeutraConMed', arial narrow, sans-serif;}

	#showCaseImage {height:252px; margin-top:-2px; z-index:-1; width:100%; background-size: 100% 100%}

	#showCaseNavigation{height:100px; position:relative; z-index:1001; padding-top:5px; width:100%; background-color: #f6eedb}

	#showCaseLink{font-weight:bold; width:400px; padding-top:12px; float:left}
	#showCaseLinkTitle {font-size:31px; color:#d0ac49; height:35px; width:100%; overflow:hidden; font-family: 'NeutraConBold', 'NeutraConMed', arial narrow, sans-serif;}
	#showCaseLink .readMore{color:#000; font-size:22px; width:auto; float:left; font-family: 'NeutraConBold', 'NeutraConMed', arial narrow, sans-serif;}
	#showCaseLink img {margin-left:10px; float:left}

	#showCaseThumbnails {width:215px; height:93px;	float:right; padding-top:4px; overflow:hidden;}
	#showCaseThumbnails	img{margin-left:8px; width:63px; height:93px; float:left; cursor:hand; cursor:pointer;}

	#homeBannerPreviewStill {
		cursor:hand;
		cursor:pointer;
		width:288px;
		height:164px;
		background-Width:288px;
		background-Height:164px;
		float:left;
		margin-right:10px;
	}

	#trailerColumn {width:299px; float:right; position:relative;}
	#trailerColumn h1 {font-size:28px; letter-spacing:1px; border-top:6px solid #a21e22; color:#a21e22; padding-top:1px; margin-top:0px; margin-bottom:5px; font-family: 'NeutraConBold', 'NeutraConMed', arial narrow, sans-serif;}
	#trailerBox {width:100%; margin-top:53px; height:207px; background:#d0ac49;}
	#trailerImage{z-index:100; width:299px; height:200px; position:absolute; left:0px; top:51px }
	#trailerImageUrl {width:299px; height:200px}
	#trailerImagePlay{margin-top:-180px; margin-left:6px; position:relative; z-index:1000; cursor:pointer}

	#trailerLeft{width:24px; height:24px; position:absolute; left:18px; top:268px; cursor:pointer; background:url(/sites/REGENT/images/trailerleft.png) no-repeat;}
	#trailerRight{width:24px; height:24px; position:absolute; left:265px; top:268px; cursor:pointer; background:url(/sites/REGENT/images/trailerRight.png) no-repeat;}
	#trailerTitle{
		font-family: 'NeutraConBold', 'NeutraConMed', arial narrow, sans-serif;
		width:228px; height:24px;
		text-transform:uppercase;
		text-align:center;
		position:absolute;
		overflow:hidden;
		left:35px; top:265px;
		font-size:18px;
	}

	#popcornSection{width:100%; margin-top:0px; height:auto; background:#edd9d1; margin-bottom: 15px; text-transform: uppercase;}
	#popcornSection .facebook{height:38px; width:299px; font-weight:bold; color:#760606; float:left; padding-top:15px;}
	#popcornSection .email{height:38px; width:299px; font-weight:bold; color:#760606; float:left;}
	#popcornSection .icon{margin-top:-2px; float:left; padding-left:15px; padding-right:10px;}
}

@media print {
	#showCaseContainer {visibility:hidden; display: none !important;}

	#showCaseColumn {visibility:hidden; display: none !important;}
	#showCaseColumn .banner {visibility:hidden; display: none !important;}

	#showCaseImage {visibility:hidden; display: none !important;}

	#showCaseNavigation{visibility:hidden; display: none !important;}

	#showCaseLink{visibility:hidden; display: none !important;}
	#showCaseLinkTitle {visibility:hidden; display: none !important;}
	#showCaseLink .readMore{visibility:hidden; display: none !important;}
	#showCaseLink img {visibility:hidden; display: none !important;}
	#showCaseThumbnails {visibility:hidden; display: none !important;}
	#showCaseThumbnails	img{visibility:hidden; display: none !important;}

	#trailerColumn {visibility:hidden; display: none !important;}
	#trailerBox {visibility:hidden; display: none !important;}
	#trailerImage{visibility:hidden; display: none !important;}
	#trailerImageUrl {visibility:hidden; display: none !important;}
	#trailerImagePlay{visibility:hidden; display: none !important;}

	#trailerLeft{visibility:hidden; display: none !important;}
	#trailerRight{visibility:hidden; display: none !important;}
	#trailerTitle{visibility:hidden; display: none !important;}

	#popcornSection{visibility:hidden; display: none !important;}
	#popcornSection .facebook{visibility:hidden; display: none !important;}
	#popcornSection .email{visibility:hidden; display: none !important;}
	#popcornSection .icon{visibility:hidden; display: none !important;}
}

/*=======================================================
Home Page Movies
=======================================================*/

@media screen {
	#dateNav {
	margin-top:15px;
	width:620px;
	padding-bottom: 7px;
	}

	#dateNavTitle {width:620px; float:left; height:48px}
	#dateNavTitle h1 {font-size:28px; letter-spacing:1px; border-top:6px solid #760606; color:#760606; padding-top:1px; margin-top:0px; margin-bottom:5px; font-family: 'NeutraConBold', 'NeutraConMed', arial narrow, sans-serif;}
	#dateNavTitle .clapper{margin-top:5px; width:50px; height:55px; background:url(/sites/REGENT/images/clapper.png) no-repeat; float:left}
	#dateNavTitle .showtimes{height:40px; float:left; font-weight:bold;}

	#dateNavDates {width:625px; float:left; background-repeat:no-repeat; background-size:620px; background-image: url(/sites/REGENT/images/filmtimes.jpg);}
	#dateNavDates a {
		margin-top:4px;
		padding-top:10px;
		height:51px;
		width:78px;
		float:left;
	}
	#dateNavDates a {color: #997A34}
	#dateNavDates a.selected {color: #760606}
	#dateNavDates a:hover{color: #760606; cursor:pointer}
	#dateNavDates .title {width:100%; font-size:22px;	line-height:20px; font-weight:bold; text-align:center;}
	#dateNavDates .date  {font-family:arial; width:100%; font-size:17px; text-align:center;}
}

@media print {
	#dateNav {
	margin-top:5px;
	height:85px;
	width:940px;
	}

	#dateNavTitle {}
	#dateNavTitle .clapper{}
	#dateNavTitle .showtimes{}

	#dateNavDates {width:940px; float:left; padding-left:35px;}
	#dateNavDates a {
		margin-top:4px;
		padding-top:10px;
		height:70px;
		width:110px;
		float:left;
	}
	#dateNavDates a {color: #d0a747}
	#dateNavDates a.selected {color: #760606; font-size:22px; border-top:2px solid #760606;}
	#dateNavDates a:hover{color: #760606; cursor:pointer}
	#dateNavDates .title {width:100%; font-size:30px;	line-height:28px; font-weight:bold; text-align:center;}
	#dateNavDates .date  {font-family:arial; width:100%; font-size:20px; text-align:center;}
}

/*=======================================================
Movie Item
=======================================================*/

.movieItem {width:100%; margin-top:5px; margin-bottom:5px; border-top:1px solid #760606;}
.movieItem img{width:133px; float:left; margin-top:5px; border:1px solid #d3b256;}

.movieItem .movieItemDetails .movieItemSynopsisScreen a{
	background-image:url('/sites/REGENT/images/rightclick-small.png');
	background-repeat:no-repeat;
	background-position:70px;
	padding-left:4px;
	padding-right:18px;
}
.movieItem .movieItemDetails .movieItemSynopsisScreen a:hover{
	background-image:url('/sites/REGENT/images/rightclick-small.png');
	background-repeat:no-repeat;
	background-position:70px;
	padding-left:4px;
	padding-right:18px;
	background-color: rgba(225,194,110, 0.5);
	-moz-transition: background .2s linear;
	-webkit-transition: background .2s linear;
	-o-transition: background .2s linear;
	transition: background .2s linear;
}

@media screen {.movieItemDetails {width:450px; margin-left:10px; padding-bottom:10px; float:left; overflow:hidden}}
@media print {.movieItemDetails {width:790px; margin-left:10px; float:left; overflow:hidden}}

@media screen {.movieItemTitle {font-size:25px; width:470px; margin:0px; height:32px; font-weight:normal; float:left; overflow:hidden; font-family:'NeutraConBold', 'NeutraConMed', arial narrow, sans-serif;}}
@media print {.movieItemTitle {font-size:25px; width:550px; margin:0px; font-weight:normal; float:left; overflow:hidden}}

.movieItemRunTime {width:470px; height:22px; font-size:16px; padding-top:3px; margin-top:0px; font-weight:normal;float:left; overflow:hidden}

@media screen {.movieItemSynopsisScreen {font-size:14px; padding-top:8px; overflow:hidden;}}
@media print { .movieItemSynopsisScreen {visibility:hidden; display: none !important;}}

@media screen {.movieItemSynopsisPrint {visibility:hidden; display: none !important;}}
@media print { .movieItemSynopsisPrint {font-size:14px; overflow:hidden;}}

.movieItemSeperator{height:2px; width:620px; background-position:center; background:url(/sites/REGENT/images/movieseperator.png) no-repeat}
.movieItemSeperatorTheatre{height:2px; width:620px; background-position:center; background:url(/sites/REGENT/images/movieSeperatorTheatre.png) no-repeat}
.movieItemSeperatorFilm{height:2px; width:620px; background-position:center; background:url(/sites/REGENT/images/movieSeperatorCinema.png) no-repeat}
.movieItemSeperatorConcert{height:2px; width:620px; background-position:center; background:url(/sites/REGENT/images/movieSeperatorLiveMusic.png) no-repeat}
.movieItemSeperatorBroadcast{height:2px; width:620px; background-position:center; background:url(/sites/REGENT/images/movieseperatorBroadcast.png) no-repeat}
.movieItemSeperatorOtherVenue{height:2px; width:620px; background-position:center; background:url(/sites/REGENT/images/movieseperatorOtherVenues.png) no-repeat}
.movieItemSeperatorExhibitions{height:2px; width:620px; background-position:center; background:url(/sites/REGENT/images/movieseperatorExhibitions.png) no-repeat}
.movieItemSeperatorRegularEvent{height:2px; width:620px; background-position:center; background:url(/sites/REGENT/images/movieseperatorRegularEvents.png) no-repeat}

.bookNowBlock{margin-left:170px; margin-top:-70px; width:475px;}
.bookNowLink{height:64px; width:108px; margin-right:10px; margin-bottom:10px; color:#fff; background:#d0ac49; float:left; text-align:center; padding-top:6px;}
.bookNowLink:hover{color:#fff; background:#debc5f;}
.bookNowLinkTime{font-size:24px; font-weight:bold; line-height:30px; letter-spacing:1px;}
.bookNowLinkText{font-size:18px;}

.bookNowLinkDate{font-size:16px; letter-spacing:1px;}
.bookNowLinkTime_allShowings{font-size:16px; letter-spacing:1px;}
.bookNowLinkText_allShowings{font-size:16px;}

/*=======================================================
Left Hand Buttons
=======================================================*/
.test {
position:absolute;
margin-top:-11px;
margin-left:-40px;
width: 0px;
height: 0px;
border-top: 26px solid #fff;
border-bottom: 26px solid #fff;
border-left: 0px solid transparent;
border-right: 26px solid transparent
}

@media screen {
	a.redButton {letter-spacing:1px; color:#A21E22; width:284px; font-size:30px; padding-left:15px; border-bottom:thick solid #FFFFFF; display:block; background:#EDD9D1; font-family:'NeutraConBold', 'NeutraConMed', arial narrow, sans-serif; }

	a:hover.redButton {background:#931111; color:#FFFFFF;}

	a#selected.redButton {background-repeat:no-repeat; background-position:0px 20px; padding-left:40px; width:259px; background-color:#510404;}

	a.compButton {width:250px; height:69px; font-size:25px; font-weight:bold; margin-bottom:10px;
		display:block; padding-top:15px; padding-left:40px; text-transform:uppercase; background:url(/sites/REGENT/images/compbutton.png) no-repeat}

	.specialEvents {height:295px; margin-top:20px;}
	.specialEvents h1 {font-size:28px; letter-spacing:1px; border-top:6px solid #760606; color:#760606; padding-top:1px; margin-top:0px; margin-bottom:5px;}
	.specialEvents a:first-of-type img{margin-right:8px;}
	.moviePick {width:145px; height:205px; margin-bottom:10px; display:block; float:left;}

	.readMore{color:#000; font-size:18px; width:auto; float:left}

	.sideBannersContainer {padding-top:10px;}
	.sideBannersContainer a{padding-bottom:10px;}
	.sideBannersContainer a img{max-width:299px;}
}

@media print {
	a.redButton {visibility:hidden; display: none !important;}
	a.compButton {visibility:hidden; display: none !important;}
	.specialEvents {visibility:hidden; display: none !important;}
	.specialEvents a:first-of-type img{visibility:hidden; display: none !important;}
	.moviePick {visibility:hidden; display: none !important;}
	.readMore{visibility:hidden; display: none !important;}
}

/*=======================================================
Article
=======================================================*/
#article {width:100%; font-size:20px; font-weight:normal; }
#article .content {margin-top:10px; font-weight:normal; font-family: Myriad Pro, arial narrow, sans-serif !important; }
#article p [style]{font-size:20px; line-height:25px; font-weight:normal; font-family: Myriad Pro, arial narrow, sans-serif !important; }
#article h1 {font-family: 'NeutraConBold', 'NeutraConMed', arial narrow, sans-serif !important; }
.content span [style]{font-size:20px; line-height:25px; font-weight:normal; font-family: 'NeutraConBold', 'NeutraConMed', arial narrow, sans-serif !important; }
.content p [style]{font-size:20px !important; line-height:25px; font-weight:normal; font-family: Myriad Pro, arial narrow, sans-serif !important; }
.content p {font-size:20px !important; line-height:25px; font-weight:normal; font-family: Myriad Pro, arial narrow, sans-serif !important; }
.content strong {font-size:20px !important; line-height:25px; font-weight:normal; font-family: Myriad Pro, arial narrow, sans-serif !important; }
.content span {font-size:20px !important; line-height:25px; font-weight:normal; font-family: Myriad Pro, arial narrow, sans-serif !important; }
.content td {font-size:20px !important; line-height:25px; font-weight:normal; font-family: Myriad Pro, arial narrow, sans-serif !important; }
.content em {font-size:20px !important; line-height:25px; font-weight:normal; font-family: Myriad Pro, 'NeutraConMed', arial narrow, sans-serif !important; }
.content h1 h3 h2[style]{font-size:25px; line-height:25px; font-weight:normal; font-family: 'NeutraConBold', 'NeutraConMed', arial narrow, sans-serif !important; }
#article a{font-size:20px; line-height:25px; font-weight:normal; font-family: Myriad Pro, arial narrow, sans-serif !important; text-decoration:underline; }
/*=======================================================
Registration
=======================================================*/
@media screen and (max-width: 750px){
  .groupOuter {
    width: 100% !important;
  }

}

/*=======================================================
New Seat Plan Overrides
=======================================================*/
.seatsButton {
  display: table-cell;
  cursor: pointer;
  margin: 2px;
  min-width: 80px;
  padding: 10px;
  font-weight: bold;
  color: #FFF;
  text-decoration: none;
  text-align: center;
  margin: 0 5px;
  border: 10px solid transparent;
  border-top: 0px;
  border-bottom: 0px;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.seatsButton:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537));
	background:-moz-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-webkit-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-o-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:-ms-linear-gradient(top, #c62d1f 5%, #f24537 100%);
	background:linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537',GradientType=0);
	background-color:#c62d1f;
}
.seatsButton:active {
  position:relative;
	top:1px;
}
.registerBtns {
  text-decoration: none !important;
  color: #fff !important;
}
.personal_det .groupInner {
  display: table;
}
.personal_det .groupInner div {
  display: flex !important;
}
.positive {
  background-color: #19672b;
}
.neutral {
  background-color: #000000;
}
.negative {
  background-color: #961d1e;
}
@media (max-width: 500px) {
  .seatsButton, .neutral {
    display: block;
    float: none;
    width: 80%;
    margin: 0 auto 10px auto;
  }
}
/*=======================================================
Contact Us
=======================================================*/
.formItem {clear:both; margin-bottom:5px}
.formItem input, textarea {max-width:530px;}

.comingSoonDates {}
.comingSoonDates a:link {color:#000; padding:5px;}
.comingSoonDates a:hover {color:#333; background-color:#ffc064;}

.kidsClub {
width:620px;
padding-top:15px;
}

.kidsClub img {
	float: left;
	margin-right: 15px;
}

#kids-club {
margin:0px;
padding:0px;
}

#kids-club li {
	border:1px solid #000;
	background:#f3e7e7;
	padding:10px;
	width:598px;
	overflow: hidden;
	list-style:none;
	margin-bottom:10px;
}

#kids-club li h3 {
margin:0px;
padding:0px;
}

#kids-club p {
margin:0px;
padding:0px;
padding-top:5px;
}

input, textarea, select, option {
	font-family: 'NeutraConBold', 'NeutraConMed', arial narrow, sans-serif;
	font-size:16px;
	resize: none;
	padding:4px;
	background: #FAFAFA;
	outline:none;
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border:1px solid rgba(0,0,0, 0.2);
}

input:focus, textarea:focus, select:focus, option:focus {
	background: #FFFFFF;
	box-shadow: 0 0 5px rgba(118,6,6, 1);
	-webkit-box-shadow: 0 0 5px rgba(118,6,6, 1);
	-webkit-box-shadow: 0 0 5px rgba(118,6,6, 1);
	-moz-box-shadow: 0 0 5px rgba(118,6,6, 1);
	border:1px solid rgba(118,6,6, 0.8);
}

.giftCardFormPage {padding: 10px; margin-bottom: 10px;}
.giftCardFormItem {clear:both; padding-left:20px; padding-bottom:5px}
.giftCardFormItem label{float:left; width:150px; padding-top:4px; text-align:left}

.fullField {width:866px}
.halfField {width:423px}

@media screen {
	.formButton {
		letter-spacing:1px;
		text-align:center;
		margin-top:20px;
		color:#fff;
		width:284px;
		height:41px;
		font-size:22px;
		display:block;
		background:#760606;
		cursor:hand;
		cursor:pointer;
	}

	.arrowImg {}
}

@media print {
 	.formButton {visibility:hidden; display: none !important;}
	.arrowImg {visibility:hidden; display: none !important;}
}

#map_canvas { height: 100% }

#bookingContent h1 {font-size:15px; }

#bookingContent a {text-decoration:underline;}

.basketButton {
-webkit-appearance: none;
-webkit-font-smoothing: auto;
-webkit-transition-delay: 0s;
-webkit-transition-duration: 0.2s;
-webkit-transition-property: all;
-webkit-transition-timing-function: ease-in-out;
-webkit-writing-mode: horizontal-tb;
align-items: flex-start;
background-color: rgb(202, 55, 67);
background-position: 215px -882px;
background-repeat: no-repeat;
border-bottom-color: rgb(255, 255, 255);
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-style: none;
border-bottom-width: 0px;
border-image-outset: 0px;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: rgb(255, 255, 255);
border-left-style: none;
border-left-width: 0px;
border-right-color: rgb(255, 255, 255);
border-right-style: none;
border-right-width: 0px;
border-top-color: rgb(255, 255, 255);
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-top-style: none;
border-top-width: 0px;
bottom: -20px;
box-sizing: border-box;
color: rgb(255, 255, 255);
cursor: pointer;
display: inline-block;
font-family: bold, sansfont, 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: bold;
height: 38px;
letter-spacing: 0.5px;
line-height: normal;
list-style-type: none;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 12px;
padding-left: 15px;
padding-right: 15px;
padding-top: 12px;
position: relative;
text-align: center;
text-indent: 0px;
text-shadow: none;
text-transform: uppercase;
transition-delay: 0s;
transition-duration: 0.2s;
transition-property: all;
transition-timing-function: ease-in-out;
vertical-align: middle;
white-space: nowrap;
width: 301.5625px;
word-spacing: 0px;
writing-mode: lr-tb;
}
#sectionInfo {
  max-width: 400px;
}

/*=======================================================
Customer Registration
=======================================================*/
.groupInner div[style="padding-top:5px; display:inline-block;"] input{
  margin: 0 2px 0 0;
}
@media screen and (max-width: 430px) {
  .groupInner input {
    width: 150px;
  }
  .groupInner div[style="padding-top:5px; display:inline-block;"] input{
    width: auto;
  }
}
@media screen and (max-width: 320px) {
  .groupInner div {
    font-size: 80%;
    vertical-align: middle;
  }
}
@media screen and (max-width: 320px) {
  body {
    width: 320px;
  }
}
@media screen and (max-width: 550px) {
  #footer, #address, #subfooter {
    padding: 0px 10px;
    width: 88%;
    text-align: center;
  }
  #subfooter a {
    display: block;
  }

}