/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/277e9a");

@font-face {font-family: 'MundoSansStd';
  src: url('/sites/exetercc/fonts/277E9A_0_0.eot');
	src: url('/sites/exetercc/fonts/277E9A_0_0.eot?#iefix') format('embedded-opentype'),
	     url('/sites/exetercc/fonts/277E9A_0_0.woff') format('woff'),
			 url('/sites/exetercc/fonts/277E9A_0_0.ttf') format('truetype');
}

@font-face {font-family: 'MundoSansStd-Bold';
  src: url('/sites/exetercc/fonts/277E9A_1_0.eot');
	src: url('/sites/exetercc/fonts/277E9A_1_0.eot?#iefix') format('embedded-opentype'),
	     url('/sites/exetercc/fonts/277E9A_1_0.woff') format('woff'),
			 url('/sites/exetercc/fonts/277E9A_1_0.ttf') format('truetype');
}

@font-face{
	font-family:'FontAwesome';
	src:url('/sites/exetercc/fonts/fontawesome-webfont.eot?v=3.2.1');
	src:url('/sites/exetercc/fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),
		url('/sites/exetercc/fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg'),
	    url('/sites/exetercc/fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'),
	    url('/sites/exetercc/fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype');
	font-weight:normal;
	font-style:normal;
}

html{
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
}

body {font-family: "MundoSansStd", Arial, sans-serif; line-height:1; border:0; padding: 0; margin:0; background-color:#fff; font-size:50%}
ul, li, h1, h2, h3, h4 { -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 0; display:inline-block}

a:hover {text-decoration: underline;}
a {text-decoration: none; color: #000;}
a {outline: none;}

h1 { font-family: "Battersea Bold", Arial, sans-serif; font-weight:normal; font-size:1.5em; text-transform:uppercase; color:#a88a46; text-align:center;}

h2 {font-family: "Battersea Bold", Arial, sans-serif; font-weight: bold;
   font-style: normal; color: #FFF; font-size: 2em; display: block; border-bottom: 1px solid #858585;
   padding-bottom: 3px; width: 100%; margin: 0 0 16px 0; clear: both;}

h3 { font-family: "Battersea Bold", Arial, sans-serif; font-weight:normal; font-size:1.3em; line-height:1.5em; text-transform:uppercase; text-align:left;}
h4 {font-size:14px; line-height:16px;}

h5 {font-family: "Battersea Bold", Arial, sans-serif; font-weight: bold;
   font-style: normal; color: #fd7723; font-size: 1em; display: block; border-bottom: 1px solid #858585;
   padding-bottom: 3px; width: 100%; margin: 0 0 16px 0; clear: both;}

.bggreen {background-color: #bed534}
.bgcyan {background-color: #19abd0}
.bgviolet {background-color: #8a87d2}
.bgpurple {background-color: #7f1996}
.bgpink {background-color: #e31c99}
.bgred {background-color: #ed111c}
.bgorange {background-color: #fd7723}
.bgyellow {background-color: #fec935}

#pageContainer{width:950px; margin:0 auto 10px}
#main {width: 100%; display:block; clear: both; background: #fff; padding-bottom: 10px;margin-top:120px;}

div#breadcrumb {height:30px; width:950px; font-size:10px; line-height:30px;}
ul {list-style-type: none;}
ul.breadcrumbs li {float: left; margin: 0 5px 0 0;}

#leftColumn {float: left; overflow: hidden; width: 200px; border:1px solid yellow; padding-bottom: 20px; min-height:200px;}
#mainColumn {margin-left: 20px; float: left; width: 725px;}

#siteContainer {width:100%; color:#000; background-color:#fff}

#header {width:100%; height:174px; display:block; background-color:#1c1b1b}
#headerText a:link, #headerText a:hover, #headerText a:visited {color:#fff; text-decoration: none}
#accessibility {width:100%; height:33px; display:block}

#menuNavigation{width:955px; margin:auto; height:24px}
#menuNavigation ul {list-style:none}
#menuNavigation li {display: block; float: left; margin-right: 4px; height: 24px; line-height: 24px; font-size: 0.9em;}
#menuNavigation ul li a {font-family: 'Battersea Bold'; text-decoration: none; font-size:0.9em; width: 108px; display: block; font-weight:bold; text-align: left; padding-left: 7px}

/* main Page Accordian */
#accordion {margin-top:20px; text-align:left}
#accordion h1 {text-align:left;}
#accordion h3 {background-image:url('/sites/BACARDI/images/maximize_icon.png'); background-repeat:no-repeat; background-position:2px; padding-left:30px;}
#accordion h3:hover {background-image:url('/sites/BACARDI/images/maximize_icon-hover.png'); background-repeat:no-repeat; background-position:2px; padding-left:30px;cursor:hand; cursor:pointer;}
#accordion h3.ui-state-active {background-image:url('/sites/BACARDI/images/minimize_icon.png'); background-repeat:no-repeat; background-position:2px; padding-left:30px; cursor:hand;}

#progressStage {text-align:center;}
.stage {background-color:#e6e6e6; color:#969696; border:1px solid #e6e6e6;}
.stageLink:link, .stageLink:visited {color:#a88a46; text-decoration:none}
.stageLink:hover {color:#a88a46; text-decoration:none;}
.stageselected {border:1px solid #fd7723; color:#fd7723; background-color:#fff}
.stagecompleted {border:1px solid #fd7723; background-color:#fd7723; color:#8b744e}

.clear {clear:both}
.required::after{font-size:1em; content:" *"; color: red}

.OLCT_pageOuterWrapper {}

.OLCT_pageInnerWrapper {}

.OLCT_pageInnerWrapper.voucherWrapper {
  margin-bottom: 100px;
}

.alert {
	background-color: #fefed6;
	border: 1px solid #e8b72d;
	margin-top:15px;
	margin-bottom:15px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	font-size:12px;
	color:red;
	font-weight:bold;
}

/*=======================MOVIE TIMES CONTANER */
#processContainer { margin:auto; font-family: "MundoSansStd", Arial, sans-serif; width:100%;margin-bottom:20px;}
#processContainer p {font-weight:normal; text-align:left;}

#customEventImage {width: 30%;min-height:240px;display:inline-block;vertical-align:top;float:left;}
#customEventSynopsis {
	display:inline-block;
	/* min-height:240px; */
	width: 50%;
	padding-left:15px;
	padding-right:15px;
	vertical-align:top;
	font-size:14px;
	line-height:16px;
	text-align:left;
	float:left;
	font-family: "MundoSansStd", Arial, sans-serif;
}
.eventLocation {
	width: 65%;
}
.eventLocationMap {
	width:35%;
}

.OLCT_movieTimes {
	width:20%;
	padding:5px;
	display:inline-block;
	vertical-align:top;
	background-color:#545759;
	color:#FFF;
}

table {margin-top:10px; margin-bottom:10px; vertical-align: none; border:none; width:100%;}

/* CALENDAR
#calendarTable td {width:14%} */
#calendarTable .activeArrow{cursor:pointer; cursor:hand;}
.monthArrow {height:30px; text-align:center; border-bottom:1px solid #779cba;}
.monthHeader { font-weight:bold; font-size:1.2em; padding-bottom:10px; text-align:center; border-bottom:1px solid #779cba;}
.dayHeader {height:50px; text-align:center; font-size:1em; border-bottom:1px solid #e6e6e6; font-weight:normal;}
.dayAvail {background-color:#a88a46; height:48px; text-align:center; font-size:20px; border-bottom:1px solid #e6e6e6; color:#fff}
.dayAvail:hover {background:#f9c81f;}
.dayAvail a:link, .dayAvail a:hover, .dayAvail a:visited {color:#fff;}
.dayAvail a:hover {color:#031246; text-decoration:none;}
.daySoldOut {height:48px; text-align:center; font-size:20px; border-bottom:1px solid #e6e6e6; background-color:#c80000; color:#ffffff;}
.dayOutOfScope {height:48px; background-color:#ffffff; border-bottom:1px solid #e6e6e6;}
.dayUnavail {height:48px; text-align:center; font-size:20px; background-color:#ffffff; color:#c8c8c8; border-bottom:1px solid #e6e6e6;}

.timeAvail {background-color:#a88a46; height:48px; text-align:center; font-size:20px; border-bottom:1px solid #e6e6e6; color:#fff;}
.timeAvail:hover {background:#f9c81f;}
.timeAvail a:link, .timeAvail a:hover, .timeAvail a:visited {color:#fff;}
.timeAvail a:hover {color:#031246; text-decoration:none;}
.timeUnAvail {height:48px; text-align:center; font-size:20px; background-color:#ffffff; color:#c8c8c8; border-bottom:1px solid #e6e6e6;}
.timeSoldOut {height:48px; text-align:center; font-size:20px; border-bottom:1px solid #e6e6e6; background-color:#c80000; color:#ffffff;}

/* Event Times */
.event-image {width: 300px; float: left; margin: 0 10px 10px 0;}
#event-column-left {float: left; width: 525px; margin-right: 20px; font-size: 13px; line-height: 1.5em;}
#event-column-right {float: left; width: 174px}

#vouchers { width:100%; margin-top:20px;}
#vouchers .row {background:#f0f0f0; height:41px; padding-top:8px; border-bottom:1px dotted #e6e6e6; border-top:1px dotted #e6e6e6;}
#vouchers label {width:45%; float:left; font-size:0.9em}
#vouchers input {width:45%; float:left; }

/*Voucher Page*/
.bookingNext {
    width: 100%;
    margin-top: 20px;
    padding-top: 12px;
    padding-left: 5px;
    height: 38px;
    background: #dc2b90;
    border: none;
    color: #FFF;
    font-size: 1em;
    cursor: pointer;
}
.bookingPrev {
    width: 100%;
    margin-top: 20px;
    padding-top: 12px;
    padding-left: 5px;
    height: 38px;
    background: #102263;
    border: none;
    color: #FFF;
    font-size: 1em;
    cursor: pointer;
}

/* PAYMENT PAGE */
#paymentPage {}
#paymentPage .orderTotal {background:#779cba; width:100%; height:42px; margin-top:20px; color:#fff; padding-top:10px; font-size:1.2em}
.requiredFields{font-size:0.7em; text-align:left; font-style:italic}
.requiredFields::before{font-size:0.7em; content:"* "; color: red; font-style:italic}
.sectionDivider {border-bottom:1px solid #c8c8c8; height:30px; margin-bottom:10px; }

#cardExpiry {width:100%}
#cardExpiry td{text-align:left}
#cardExpiry select{width:40% !important; float:left !important; margin-right:5% !important}
#cardExpiry input{width:100% !important}
#cardExpiry .label{width:100% !important}
#paymentPage p {text-align:left; font-style:italic; width:100%; font-size:0.8em; margin-top:15px; line-height:1em}
.cardTypes {margin-top:5px; margin-bottom:5px; text-align:left;}

#payNowButton {width:100%; margin-top: 20px; padding-top:10px; height:35px; background:#102263; color:#a18548; font-size:1.2em; font-weight:bold; cursor:pointer;}

.OLCT_paymentProcessTime{text-align:center; font-size:1.2em; margin-bottom:10px}

/* SUCCESS */
.successInfo {margin-top:10px}
.successDivider {padding-top:30px; margin-top:20px; border-top:1px solid #779cba; }
.successSocialBlock {height:70px; width:100%; color:#fff; margin-bottom:10px; text-align:left}
.facebook {background: url(/sites/bacardi/images/fb.png) no-repeat #3c599b; background-position:10px 10px; background-size:50px, 50px;}
.twitter {background: url(/sites/bacardi/images/tw.png) no-repeat #4098fc; background-position:10px 10px; background-size:50px, 50px;}
.successSocialLink {padding-left:70px !important; padding-top:20px; font-size:1.2em; overflow:hidden; width:100%; text-align:left !important}

#patronCapture {}
#patronCapture h1 {text-align:left; margin-bottom:5px;}
#submitPatronButton {width:100%; margin-top: 0; padding-top:10px; height:35px; background:#102263; color:#a18548; font-size:1.2em; font-weight:bold; cursor:pointer;}

body{font-size:13px}

#header{}

#headerContainer {width:980px; padding:7px; height:136px; margin-left:auto; margin-right:auto; background-repeat:no-repeat; background-position:22px 0px;}
#headerLogo {width:50%; float:left; height:100px; background:url(/sites/exetercc/images/ramm_logo.gif) no-repeat; background-position:41px 26px;}
#headerText {width:49%; float:left; height:100px; background: url(/sites/exetercc/images/header_text.gif) no-repeat; background-position:185px 3px}

.stagePrefix::before{content: "Step "}

#ticketTable select{padding-left:30%}
#AdmitOne a {text-decoration:none; color:#fff}

#paymentPage .label {width:30%; float:left; text-align:left}
#paymentPage select, #paymentPage input {width:60%; float:left}

#patronCapture .label {width:30%; float:left; text-align:left}
#patronCapture select, #patronCapture input {width:60%; float:left}

#accordion .synopsis {font-size:0.8em}
#accordion td {padding:10px}
#accordion .bookTickets{text-align:center; cursor: hand; cursor: pointer; width:100%; margin-top: 5px; padding-top:10px; height:35px; background:#102263; color:#a18548; font-size:1em; font-weight:bold;}
#accordion img {width:210px; height:140px}

#menuBlock {width:100%; height:60px; background:rgba(3,23,74,0.7); width:100%; margin-top:25px}
#menuContainer {width:930px; padding-top:10px; margin:auto; height: 100%}

#language {float: left; width:200px; }
#language select {height: 42px; width:100%; background:#f9c921}

.OLCT_paymentProcess {width:450px; margin-left:auto; margin-right:auto; margin-top:20px;}

#header {width:100%; height:auto; display:block}
#logo { text-align:center; position: relative; margin-left:auto; margin-right: auto}

/* main Page Accordian */
#accordion {margin-top:5px; text-align:left; margin-bottom:60px}
#accordion .ui-accordion-content {padding: 0 4px !important}
#accordion h1 {text-align:left;}
#accordion h3 {overflow:hidden; font-size:21px; background-image:url('/sites/EXETERCC/images/maximize_icon.png'); background-repeat:no-repeat; background-position:2px; padding-left:35px; padding-top:26px; border:none; font-weight:normal; color:#102263; text-align:left;}
#accordion h3:hover {background-color:transparent; background-image:url('/sites/EXETERCC/images/maximize_icon-hover.png'); background-repeat:no-repeat; background-position:2px; padding-left:35px; padding-top:26px; cursor:hand; cursor:pointer;}
#accordion h3.ui-state-active {background-image:url('/sites/EXETERCC/images/minimize_icon.png'); background-repeat:no-repeat; background-position:2px; padding-left:35px; padding-top:26px; cursor:hand;}
#accordion .ui-state-default {border-bottom: 1px solid #E6E6E6; height:44px; -webkit-appearance: none; -webkit-border-radius: 0px; border-radius:0px;}
#accordion .ui-state-active {border-bottom: none;}
#accordion .ui-accordion-content-active {border-bottom: 1px solid #E6E6E6; -webkit-appearance: none; -webkit-border-radius: 0px; border-radius:0px; padding-top:0px; margin-top:0px;}

#progressStage td {padding-right:3px;}
#progressStage td:nth-last-child(1) {padding-right:0px;}
#progressStage div {padding-top:7px; padding-bottom:7px; padding-left:5px;}
.stage {background-color:#e6e6e6; color:#969696; border:1px solid #e6e6e6;}
.stageLink:link, .stageLink:visited {text-decoration:none}
.stageLink:hover {text-decoration:none;}
.stageselected {border:1px solid #DC2B90; color:#FFF; background-color:#DC2B90; font-weight:bold;}
.stagecompleted {border:1px solid #DC2B90; background-color:#DC2B90; color:#FFF}
.stagecompleted:hover {color:#031246; background-color:#f9c81f; border-color:#f9c81f;}
.stagePrefix {font-size:16px;}

.clear {clear:both}
.required::after{font-size:1em; content:" *"; color: red}

.alert {
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	font-size:1em;
	color:red;
}

/*=======================MOVIE TIMES CONTANER */

.homeUpAndComing {}
.homeUpAndComing a:link, .homeUpAndComing a:visited {color:#031246; background-color:#FBE294; text-decoration:none;}
.homeUpAndComing a:hover {color:#06153b; background-color:#F9C81F; text-decoration:underline;}
.homeUpAndComingBold {}

h1 { font-family: "Battersea Bold", Arial, sans-serif; font-weight: bold; font-style: normal; font-size: 2em; display: inline-block; border-bottom: 1px solid #858585; padding-bottom: 3px; margin: 0 0 16px 0; text-align:left; color:#fd7723; text-transform:none;}
h2 { font-weight:normal; font-size:22px; text-align:center; margin-top:10px; margin-bottom:10px;}
h3 { font-weight:normal; font-size:1.4em; line-height:1.5em; text-transform:uppercase; text-align:center;}
h4 {font-size:14px; line-height:16px;}

#headsoc {display:inline-block; float:left; width:100%; border-bottom: 1px solid #858585; color: #000; margin-bottom:15px;}
#headsoc h1 {display:inline-block; float:left; text-align:left; border-bottom:none; color: #000;}

#customEventSynopsis {font-size: 1.2rem;color: #545759;text-align:left;font-family: 'Open sans',sans-serif;}

/* custom check boxes */
#smsCheckContainer,
#termsCheckContainer,
#justadropCheckContainer,
#newsCheckContainer {line-height:150%; font-size:12px; margin-top:20px; width:100%; cursor:pointer; border:1px solid #C8C8C8}

#smsCheckImage,
#termsCheckImage,
#justadropCheckImage,
#newsCheckImage {margin-left:10px; width:18px; height:18px; background:url(/sites/EXETERCC/images/hollow-tick.png) no-repeat #fff;}

#smsCheckText,
#termsCheckText,
#justadropCheckText,
#newsCheckText {font-size:12px; text-align:left; font-style:normal; padding-top:10px; padding-bottom:10px; padding-left:8px; padding-right:6px;}

#smsCheckInput,
#justadropCheckInput,
#newsCheckInput{display: none; visibility:hidden;}


/* CALENDAR
#calendarTable td {width:14%} */
#calendarTable .activeArrow{cursor:pointer; cursor:hand;}
.monthArrow {cursor:hand; cursor:pointer; height:30px; border-bottom:1px solid #779cba;}
.monthArrow img {height:20px;cursor:hand; cursor:pointer; }
.monthHeader {font-size:1em; padding-bottom:10px; text-align:center; border-bottom:1px solid #779cba;}
.dayHeader {height:50px; text-align:center; font-size:1em; border-bottom:1px solid #e6e6e6; font-weight:normal; color:#06153b;}
.dayAvail {cursor:pointer; cursor:hand; background-color:#a88a46; height:37px; padding-top:11px; text-align:center; font-size:1em; border-bottom:1px solid #e6e6e6; color:#fff}
.dayAvail:hover {cursor:pointer; cursor:hand; background:#f9c81f;color:#031246;}
#calendarTable a:link, #calendarTable a:hover, #calendarTable a:visited {color:#fff;text-decoration:none;}
#calendarTable a:hover {color:#031246; text-decoration:none;}
.daySoldOut {height:48px; text-align:center; font-size:1em; border-bottom:1px solid #e6e6e6; background-color:#c80000; color:#ffffff;}
.dayOutOfScope {height:48px; background-color:#ffffff}
.dayUnavail {height:48px; text-align:center; font-size:1em; background-color:#ffffff; color:#c8c8c8; border-bottom:1px solid #e6e6e6;}

#soldOutIndicator {display:inline-block; width:220px; font-size:14px; margin-bottom:30px}

#timesTable td {width:14%}
#timesTable .activeArrow{cursor:pointer; cursor:hand;}
.timeAvail {background-color:#a88a46; height:37px; padding-top:11px; text-align:center; font-size:1em; border-bottom:1px solid #e6e6e6; color:#fff;}
.timeAvail:hover {background:#f9c81f; color:#031246;}
#timesTable a:link, #timesTable a:hover, #timesTable a:visited {color:#fff;text-decoration:none;}
#timesTable a:hover {color:#031246; text-decoration:none;}
.timeUnAvail {height:48px; text-align:center; font-size:1em; background-color:#ffffff; color:#c8c8c8; border-bottom:1px solid #e6e6e6;}
.timeSoldOut {height:48px; text-align:center; font-size:1em; border-bottom:1px solid #e6e6e6; background-color:#c80000; color:#ffffff;}

/* TICKETLIST */
#ticketTable {width:100%; font-size: 14px; text-align:center}
#ticketTable .ticketRow {margin-top:10px; border-bottom: 1px dashed #646464}
#ticketTable .ticketRow:last-child {border-bottom: none;}
#ticketTable .otherTicketRow {height:55px; border-bottom: 1px dashed #646464;}
#ticketTable .otherTicketRow:first-child {border-top: 1px dashed #646464; margin-top:30px;}
#ticketTable .otherTicketRow:last-child {margin-bottom:30px;}
#ticketTable .desc {padding-top:8px; padding-left:10px; width:100px; text-align:left; float:left}
#ticketTable .otherDesc {padding-top:17px; padding-left:10px; width:100px; text-align:left; float:left}
#ticketTable .price {padding-top:8px; width:55px; vertical-align: middle; text-align:left; float:left}
#ticketTable .otherPrice {padding-top:17px; width:55px; vertical-align: middle; text-align:left; float:left}
#ticketTable .qtyLabel {padding-top:8px; width:20px; text-align:right; float:left}
#ticketTable .qtyValue {margin-top:2px; margin-bottom: 2px; width:54px; text-align:center; float:left}
#ticketTable select{text-align:left; height:26px; width:100%; padding:0px; cursor:pointer;}

#ticketTable .timeRow {min-height:30px; padding-top:5px; padding-bottom:5px; border-bottom: 1px dashed #646464; clear:both;}
#ticketTable .timeRow:last-child {border-bottom: none; padding-bottom:10px;}
#ticketTable .perfDate {padding-top:8px; padding-left:2px; width:30%; text-align:center; float:left; font-weight:bold; min-height:30px; display:inline;}
#ticketTable .perfTime {width:45%; padding-top:8px;vertical-align: middle;float:left;background-color:#dc2b90; color:#fff; padding-bottom:8px;font-weight:bold;display:inline;margin-left: 5px;}
#ticketTable .perfTime:hover {background-color:#FF389D; color:#000;}
div .clear {clear:both;}
#vouchers {width:100%; margin-bottom:15px;}
#vouchers .row {background:#f0f0f0; height:51px; padding-top:9px; padding-right:10px; border-bottom:1px dotted #e6e6e6; border-top:1px dotted #e6e6e6; margin:0px;}
#vouchers label {width:45%; float:left; font-size:0.9em; font-weight:normal; text-align:left; padding-left:10px; padding-top:8px;}
#vouchers input {width:45%; float:right; height:40px; padding:0 0 0 8px;}

#orderTotal {background: #FFF;padding-top: 10px;padding-bottom:10px;text-align: center;margin-top:20px;color: #000;}
#orderTotalMobile {background:#d1143c;line-height:26px;text-align: center;color:#fff;}

.OLCT_formButtons {clear:both}
.OLCT_formButtons input[type="submit"] {width:100%; margin-top:20px; height:50px; background:#DC2B90; border:none; color:#fff; font-size:14px; font-weight:bold; cursor:pointer; -webkit-appearance: none; -webkit-border-radius: 0px; border-radius:0px;}
.OLCT_formButtons input[type="submit"]:hover{background:#DC2B90; color:#000;}

/* PAYMENT PAGE */
#paymentPage {}
.requiredFields{font-size:0.7em; margin-top:10px; amrgin-bottom:10px; text-align:left; font-style:italic}
.requiredFields::before{font-size:0.7em; content:"* "; color: red; font-style:italic}
.sectionDivider {border-bottom:1px solid #c8c8c8; height:20px; margin-bottom:10px; }

#paymentPage h3 {text-align:left !important; float:left; padding-right:20px}

#paymentPage select {
  -webkit-appearance: none;  /*Removes default chrome and safari style*/
  -moz-appearance: none; /* Removes Default Firefox style*/
  text-indent: 0.01px; /* Removes default arrow from firefox*/
  text-overflow: "";  /*Removes default arrow from firefox*/
}

#cardExpiry {width: 83%;}
#cardExpiry td{text-align:left}
#cardExpiry select{height:50px;width: 50% !important;float:left !important;margin-right: 0% !important;}
#cardExpiry input{width:100% !important}
#cardExpiry .label{width:100% !important}
#paymentPage p {text-align:left; font-style:normal; width:100%; font-size:0.8em; margin-top:10px; margin-bottom:20px; line-height:1em}
.cardTypes {margin-top:5px; margin-bottom:5px; text-align:left; float:left}

#payNowButton {width:100%; margin-top:20px; padding-top:12px; padding-left:5px; height:38px; background:#dc2b90; border:none; color:#FFF; font-size:1em;
 cursor:pointer;}
#payNowButton:hover {background:#FF389D; color:#000;}

.OLCT_paymentProcess {font-size:14px; line-height:18px; border:1px solid #06153B; padding-top:200px; padding-left:0px; padding-right:0px; padding-bottom:15px; background:url(/sites/EXETERCC/img/logo.png) no-repeat top center #ffffff;}
.OLCT_paymentProcess table {background:transparent;}
.OLCT_paymentProcess td {padding-top:15px;}
.OLCT_processLogo {width:290px; height:85px; position:absolute; top:100px; margin-left:155px;}

.OLCT_paymentProcessTime{width:100%; display:inline-block; text-align:center; font-size:16px; font-weight:bold;}

/* SUCCESS */
.successInfo {margin-top:10px}
.successDivider {padding-top:30px; margin-top:20px; border-top:1px solid #779cba; }
.successSocialBlock {height:114px; width:220px; color:#fff; margin-bottom:10px; text-align:left; display:inline-block;}
.facebook {background-image:url(/sites/EXETERCC/images/fb.png); background-repeat:no-repeat; background-color:#3c599b; background-position:85px 15px; background-size:50px, 50px; cursor:pointer;}
.facebook:hover {background-color:#f9c81f; color:#102263;}
.twitter {background-image:url(/sites/EXETERCC/images/tw.png); background-repeat:no-repeat; background-color:#4098fc; background-position:85px 15px; background-size:50px, 50px; cursor:pointer;}
.twitter:hover {background-color:#f9c81f; color:#102263;}
.successSocialLink {padding-top:70px; font-size:1.1em; overflow:hidden; width:100%; text-align:center !important; color:#fff; text-decoration:none}
.successSocialLink:hover {color:#102263;}

#patronCapture {}
#patronCapture h1 {text-align:left; margin-bottom:5px;}

#patronCapture select {
  -webkit-appearance: none;  /*Removes default chrome and safari style*/
  -moz-appearance: none; /* Removes Default Firefox style*/
  text-indent: 0.01px; /* Removes default arrow from firefox*/
  text-overflow: "";  /*Removes default arrow from firefox*/
}

#submitPatronButton {width:100%; margin-top:20px; padding-top:12px; height:38px; background:#102263; border:none; color:#A88A46; font-size:1em; cursor:pointer;}
#submitPatronButton:hover {background:#f9c81f; color:#031246;}

/* Confirmation Email */

#emailConfirmationPage {width:640px; margin:auto; background:#fff;}
.emailContainer {margin-left:20px; margin-right:20px;}
.emailHeader {height:200px; background-image:url('/sites/EXETERCC/images/emailConfirmHeader.jpg'); background-repeat:no-repeat;}
.emailContent {padding:10px;}
.emailSummary {padding:10px;}
.emailEventDetails {padding:10px;}
.emailInstructions {padding:10px;}
.emailReminders {padding:10px;}
.emailConnectWithUs {padding:10px;}
.emailFooter {padding:10px;}

  .homeCaption{width:68%; text-align:left; font-size:40px; line-height:40px; color:#06153b; float:left; height:40px;}
  .homeUpAndComing{height:25px; padding-top:15px; width:32%; text-align:right; font-size:0.85em; float:left; color:#06153b; vertical-align:bottom;}

	.stagePrefix::before{content: "Step "}

	#progressStage {text-align:center; width:100%; margin-bottom:5px}

	#paymentPage .label {width:140px; float:left; text-align:left; font-size:14px; padding-top:6px;}
  #paymentPage select::-ms-expand {display: none;}
	#paymentPage select {
		width: 83%;
		float:left;
		height:30px;
		background: url('/sites/EXETERCC/images/dropdownarrow.png') no-repeat;  /*Adds background-image*/
		background-position: 99% 9px;  /*Position of the background-image*/
		margin-bottom: 10px;
	}

	#paymentPage input {width: 83%;height:26px;float:left;margin-bottom: 10px;}

	#patronCapture .label {width:140px; float:left; text-align:left; font-size:14px; padding-top:6px;}
  #patronCapture select::-ms-expand {display: none;}
	#patronCapture select {width:310px; float:left; height:40px;
    background: url('/sites/EXETERCC/images/dropdownarrow.png') no-repeat;  /*Adds background-image*/
    background-position: 96% 14px;  /*Position of the background-image*/
	}
	#patronCapture input {width:300px; height:26px; float:left}

	#accordion .eventImage {display:inline-block; padding-right:30px; vertical-align:top;}
	#accordion .eventImage img {display:inline-block;}
	#accordion .synopsis {font-size:14px; display:inline-block; width:624px;}
  #accordion td {padding:10px; vertical-align:top;}
  #accordion .bookTickets{text-align:center; cursor: hand; cursor: pointer; width:200px; padding-top:12px; height:35px;
	           background:#102263; color:#A88A46; font-size:1.2em; margin-bottom:40px; margin-top:40px}
	#accordion .bookTickets:hover{background:#f9c81f; color:#031246;}

  #accordion img {width:210px; height:140px}

 .OLCT_paymentProcess {width:600px; margin:auto; margin-top:50px; }

 #timesTable {table-layout: inherit;}
/*------------------------------------------*/

#main-events
{
	display:inline-block;
	overflow:hidden;
	position:relative;
	width:79%;
  float:none;
  vertical-align:top;
}

#main-events *
{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#main-events .event a
{
	text-decoration:none;
}

#main-events .event a:hover
{
	text-decoration:underline;
	color:#000;
}

#main-events .event
{
	float:none;
	padding-top:2px;
	margin-bottom:10px;
	display:inline-block;
	font-family: "MundoSansStd", Arial, sans-serif;
	width: 48% !important;
	border-top: 8px solid #545759;
	-webkit-transform: translateZ(0) !important;
}

#main-events .event:nth-child(odd) {
	margin-right: 2%;
}

 .synopsis {
	max-height:80px;
	overflow:hidden;
	min-height:80px;
}

#main-events .event img
{
	width:100%;
	height: auto;
	margin-bottom: 20px;
}

#main-events .header
{
	color:#555759;
	font-size:1em;
	font-weight:bold;
	margin:0px;
	border:none;
	overflow: hidden;
	height: 1.1em;
	margin-bottom: 5px;
	font-family: 'Open sans', sans-serif;
	color: #000;
}

#main-events p
{
	font-size:0.9em;
	margin:0;
	height:80px;
	overflow:hidden;
}

div#footer {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	height: 86px;
	border-top: solid 1px #000;
}

/** FOOTER **/
div.footer-logo {
	position: absolute;
}

div.footer-logo a {
	display: block;
}

div.footer-logo img {
	display: block;
}

div.footer-logo.right {
	top: 15px;
	right: 15px;
}

div.footer-logo.left {
	top: 15px;
	left: 15px;
}

ul#footer-navigation li a {
	font-size: 12px;
	color: #333;
}

div#footer-copyright {
	position: absolute;
	top: 28px;
	left: 254px;
	font-size: 10px;
	line-height: 20px;
}

div#footer div#footer-address {
	text-align: left;
	position: absolute;
	left: 15px;
	top: 15px;
	font-size: 1.1em;
	line-height: 1.4em;
}

div#footer div#footer-contact {
	position: absolute;
	left: 254px;
	top: 15px;
}

div#footer div#footer-contact p {
	font-size: 1.1em;
	line-height: 1.4em;
}

div#footer div#footer-contact p a {
	color: #333;
	font-weight: bold;
}

p.extra_links {
	clear: both;
	float: left;
}

p.adminMessage {
	padding: 20px 10px;
	font-size: 16px;
	line-height: 140%;
	color: #555;
}

/*** FOOTER NAVIGATION ***/
ul#footerNav {
	text-align: center;
	list-style: none;
}

ul#footerNav li {
	display: inline;
}

ul#footerNav li a {
	font-size: 9px;
	padding: 0px 8px;
	color: #000;
}

div#footer ul#footer-navigation {
	display: block;
	position: absolute;
	left: 254px;
	top: 15px;
	font-weight: bold;
}

div#footer ul#footer-navigation li {
	display: block;
	float: left;
	margin-right: 5px;
	padding-right: 5px;
	border-right: 1px solid #666;
}

div#footer ul#footer-navigation li.last {
	margin-right: 0;
	padding-right: 0;
	border-right: none;
}


#basket {
	text-align:left;
	padding-top:5px;
	font-size:1.4em;
	font-family:"MundoSansStd", Arial, sans-serif;
	background:#545759;
	padding:5px;
	color: #FFF;
}

#basket h3 {
	font-family:"MundoSansStd", Arial, sans-serif !important;
	color:#dc2b90
	font-size: 22px;
	/* font-weight:bold; */
}
#basket .iVal {
	font-family:"MundoSansStd", Arial, sans-serif;
	font-size:1em;
	line-height:1.5em;
}

.pLine {
    font-size: 14px;
}

.iLine {
    font-size: 14px;
		margin-top: 5px;
}

#basket img {
	float:left;
	margin-left:0px !important;
	width:15%;
}

#login {
	float:right;
	padding:5px;
	color:#ffffff;
}

#login a{
	color:#ffffff;
	padding-botom:5px;
}

#formlayout {
	text-align:left;
	padding-top:5px;
	font-size:1.4em !important;
	font-family:"MundoSansStd", Arial, sans-serif !important;
	background: #545759;
	color: #FFF;
	padding:5px;
}

#formlayout a {
	font-size:1em !important;
	font-family:"MundoSansStd", Arial, sans-serif;
	font-weight:normal !important;
	line-height:1em;
	color:#FD7723 !important;
}


form p {
	margin-bottom:5px !important;
	font-family:"MundoSansStd", Arial, sans-serif;
	font-size:1em !important;
}

small {
	font-size:0.8em
}

#timesfilters {
	width:20%;
  display:inline-block;
  vertical-align:top;
	/* margin-top:115px; */
	background-color: #545759;
	color: #FFF;
  float:none;
}

.OLCT_movieTimesContainer {
	float:left;
	width:720px;
}

.Timefilter {
	padding-top:8px;
	vertical-align: middle;
	float:left;
	background-color:#dc2b90;
	color:#fff;
	padding-bottom:8px;
	font-weight:bold;
	display:inline;
	padding-left:7px;
}

.Timefilter:hover {
	background-color:#FF389D;
}


.eventgo {
	width:60% !important;
	background:#fd7723;
	color:#000000;
	text-align:left;
  margin-right: 10% !important;
	margin-top:10px !important;
	margin-bottom:10px !important;
	height:25px !important;
	font-family: "Battersea Bold", Arial, sans-serif;
	padding-left:18px;
	line-height:25px;

}

.eventgo:hover {
	background:#f9c81f;
	width:60% !important;
}

.dateselect {
	text-align:left;
}

.dateselect span{
  float:left;
}

.dateselect input  {
	margin: 8px 8px 8px 0px;
	width:20px;
	height:20px;
}

.dateselect .title {
	padding-top: 8px;
  width: 100%;
  vertical-align: middle;
  float: left;
  background-color: #dc2b90;
  color: #FFF;
  padding-bottom: 8px;
  font-weight: bold;
  display: inline;
	font-size:18px;
	padding-left:7px;

}

.dateselect-title {
	width:80px;
	display: inline-block;
}

.typeSelection {
	-webkit-appearance: checkbox;
}

#mc_embed_signup{
	background:none !important;
	line-height:25px;

}

#mc_embed_signup h2 {
	margin:2px 0 10px 0 !important;
}

#mc-field-group input-group {
	vertical-align:top;
}

.filterRow {
	min-height:30px;
	padding-top:5px;
	clear:both;
	background-color:#545759;
	margin-top: 10px;
}

#mce-success-response {
	color: #000000 !important;
}

#mce-error-response {
	color: #000000 !important;
}

#mc_embed_signup .mc-field-group .asterisk {
  position:inherit !important;
  top: 30px;
  right: 10px;
	display:inline-block;
	font-size:16px !important;
}

#mc_embed_signup .mc-field-group label {
	font-size:14px;
}

#mc_embed_signup .mc-field-group.input-group ul li {
	display:inline-block !important;
}

.selecttimes {
	float:left;
	width:100%;
}

.selecttimes h2 {
	text-align:center !important;
}

.pdf-link {
	float:lelft;
	color:#FD7723;
	width:30%;
}

.pdf-link a {
	color:#FD7723;
}

.fa {
    display: inline-block;
    font: normal normal normal 4px/1 FontAwesome;
    font-size: inherit;
		font-size:12px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
.fa-play:before {
    content: "\f04b";
}

.concessions {


}

.concessions ol {
	list-style-type:decimal !important;
}

.concessions ol li {
  margin-left: 25px;
}

#eventdate {
	font-size:1em;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
	clear:both;
}

.ui-widget-header {
	background: #F6A829 url(http://exeterramm.admit-one.eu/sites/EXETERCC/images/ui-bg_gloss-wave_35_f6a828.png) 50% 50% repeat-x;
}

.ui-datepicker .ui-datepicker-title {
	margin: 0 !important;
}
.dateselect .Timefilter {
	margin-bottom: 10px;
}
.mobileBar {
	display:none;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}
.mobileBasket {
	background-color:#dc2b90;
	color:#fff;
	font-weight:bold;
	float:left;
	width: 99.9%;
	height: 30px;
	line-height: 30px;
	margin-bottom: 5px;
}
.mobileDateslong {
	width:100%;
}
.mobileDates {
	width:100%;
}
.purpleBox {
	float:left;
	width: 24.2%;
	height: 30px;
	line-height:30px;
	background-color:#dc2b90;
	color:#fff;
	font-weight:bold;
	margin-right: 1%;
}
.purpleBox:last-child {
	margin: 0;
}
.mobileBackLink {
		display:none !important;
}
.perfTimeWrapper {
	float: right;
	width: 66%;
}
.movieTimes {
	width: 100%;
	display: none;
	background-color: #545759;
	margin-top: 10px;
	color:#FFF;
}
.mobileTickets {
	width: 100%;
	padding-top: 10px;
}
.paymentEntryWrapper {
	display:inline-block;
	width: 100%;
	vertical-align:top;
}
#paymentPage select, #paymentPage input, #cardExpiry {
	width: 62% !important;
}
#termsCheckInput{width: 20% !important;}
select#expMonth, select#expYear {
	width: 50% !important;
}
#paymentPage .label {
	width: 38% !important;
}
.barCodeMsg {
		display: none !important;
}
input.typeSelection {
	margin: 8px 8px 8px 8px;
}
input#email {
    width: 80%;
}

label {
    width: 20%;
}

input[type="password"] {
    width: 80%;
}

@media screen and (max-width: 1024px) {
	#timesfilters {
		display:none;
		margin-top:100px;
	}
	#main {
		width: 100%;
		margin-top:155px;
	}
	#main-events {
		width: 100% !important
	}
	.mobileBar {
		display: block;
	}
	.mobileBackLink {
		display:inline-block !important;
	}
	.nonmobileBackLink {
		display: none !important;
	}
	.mobileFilter {
		width: 12%;
	}
	/*#whatson {
		display: none !important;
	}*/
	header .header-label {
		display: none !important;
	}
	.OLCT_movieTimes {
		display: none !important;
	}
	#customEventSynopsis {
		width: 70%;
	}
	.movieTimes {
		display: block;
	}
	#processContainer p {
		text-align: center;
	}
	.barCode {
		display: none !important;
	}
	.barCodeMsg {
		display: block !important;
	}
	#ticketTable .desc {
		width: 33.33% !important;
		text-align: center !important;
	}
	#ticketTable .price {
		width: 33.33% !important;
		text-align: center !important;
	}
	#ticketTable .qtyValue {
		width: 33.33% !important;
		text-align: center !important;
	}
}

@media screen and (max-width: 510px) {
	#timesfilters {
		display:none;
		margin-top:100px;
	}
	#main {
		width: 100%;
		margin-top:125px;
	}
	#main-events .event {
		width: 100% !important
	}
	.mobileBar {
		display: block;
	}
	.mobileBackLink {
		display:inline-block !important;
	}
	.nonmobileBackLink {
		display: none !important;
	}
	.mobileFilter {
		width: 12.5%;
		font-size:10px;
	}
	/*#whatson {
		display: none !important;
	}*/
	header .header-label {
		display: none !important;
	}
	.OLCT_movieTimes {
		display: none !important;
	}
	.eventLocation {
		width: 100%;
	}
	.eventLocationMap {
		display: none !important;
	}
	#customEventSynopsis {
		width: 70%;
	}
	.movieTimes {
		display: block;
	}
	#processContainer p {
		text-align: center;
	}
	.barCode {
		display: none !important;
	}
	.barCodeMsg {
		display: block !important;
	}
	#ticketTable .desc {
		width: 33.33% !important;
		text-align: center !important;
	}
	#ticketTable .price {
		width: 33.33% !important;
		text-align: center !important;
	}
	#ticketTable .qtyValue {
		width: 33.33% !important;
		text-align: center !important;
	}
	#ticketTable select {
		width: 90% !important;
	}
}
}