body {
background-color: #fff;
}
	a, ul.menu li.account ul li a {
    color:#E30022;
}
a:hover, ul.menu li.account ul li a:hover {
    color:#000;
}

h1, h2, h3 {
	text-shadow: none;
}

.fblike.card-body {
    width: fit-content;
}

#crumbs {background-color: transparent; width:auto;}
#crumbs li a, ul.menu li.account ul li a, ul.menu li.cart a {color:#333;}
#crumbs li a:hover, ul.menu li.account ul li a:hover, ul.menu li.cart a:hover, #crumbs li {color:#777;}
#crumbs li a {background: url(../images/crumbs.png) no-repeat right -83px;}
li.crumb.first a:after {
    content:"What's On";
}
li.crumb.first a span {
    display:none;
}


#page-footer-wrapper {
    background: url("../images/footer_bg.jpg") no-repeat;
}
#page-title-wrapper {
	background:url("../images/hd_bg.jpg") no-repeat;
    margin: 0 auto;
    width: 980px;
    height:150px;
    padding:10px 0;
}
#page-title {
    background:url("../images/hd_content.png") no-repeat;
}
#above-content {
    background-color: #ccc;
    border: 1px solid #ccc;
    height: 30px;
}
#page-content {
    width: auto;
}
#page-title-wrapper h1 {
    padding:0;
}
#page-title h1 a {
    background:url("../images/back.png") no-repeat 0 24px;
    height: 300px;
    display: block;
}

#crumbs {
    background-color: #ccc;
}
    #crumbs li a {
    background: url(../images/crumb.gif) no-repeat right 9px;
    }
    #crmbs li.crumb.first a:before {
    content: "Box Office ";
    }


ul.menu li.account {
    background-color: #ccc;
}

/* Rounded buttons */
.button, .event-date-list a, input[type="submit"], a.checkout-home, #formSeatSelection .button {
    background-color: #E40025;
    border: 2px solid #E40025;
    color: #fff;
    font-weight:700;
    margin-bottom: 5px;
    padding: 8px 16px;
    font-size: 14px;
    }
    .button:hover, #formSeatSelection .button:hover, .content #formConfirm .button:hover, .content .button:hover, .event-date-list a:hover, input.button:hover, input[type="submit"]:hover, a.checkout-home:hover, a.checkout-home:hover {
    background-color: #888;
    border: 2px solid #888;
    color:#fff;
    -webkit-transition: all 0.3s linear;
    -ms-transition: available 0.3s linear;
    transition: all 0.3s linear;
    }
    a.details, .empty-cart-wrapper a {
    background-color: #fff;
    border: 2px solid #E40025;
    color:#E40025;
    }
    a.details:hover, .empty-cart-wrapper a:hover {
    background-color: #fff !important;
    border: 2px solid #888 !important;
    color: #888 !important;
    -webkit-transition: all 0.3s linear;
    -ms-transition: available 0.3s linear;
    transition: all 0.3s linear;
    }
    a.button.buttonM.bDefault.tableButton, a.button.buttonM.bRed.tableButton, a.checkout-home, .voucher-activate a  {
    background-color: #fff;
    border: 2px solid #E40025;
    color: #E40025;
    }
    a.button.buttonM.bDefault.tableButton:hover, a.button.buttonM.bRed.tableButton:hover, a.checkout-home:hover, .voucher-activate a:hover {
    background-color: #fff;
    border: 2px solid #888;
    color: #888;
    -webkit-transition: all 0.3s linear;
    -ms-transition: available 0.3s linear;
    transition: all 0.3s linear;
    }
#formSeatSelection .button {
	padding-bottom: 24px;
}

    .voucher-activate a {
    width:140px;
    padding: 7px 0 7px 2px;
    text-align: center;
    margin-left:5px;
    }
    .voucher-activate .field label {
    width:138px;
    }
    .voucher-activate input[type=text] {
    width:100px;
    }
    .voucher-activate .field {
    border: 2px solid #98091F;
    padding: 0px 0 0px 10px;
    width: fit-content;
    margin:0 5px 10px;
    }
    .voucher-activate .field label {
    margin-top:2px;
    }
    .voucher-activate .field label span:before {
    content: "Enter ";
    }
    .voucher-activate input[type="submit"] {
    padding: 3px 7px 4px;
    border-radius: 0px;
    margin: 2px 2px 2px 1px;
    }
/***/


.image {
    margin: 0px 10px 0 0;
}

#drawing-board-container {
	background-color: #fff;
}


.seat_select {
  text-align: center;
	}
	.seat_select:after {
	content: "If you need to book a wheelchair space, please contact the box office on 01760 755 800";
	}

#page-footer-wrapper {
    margin:10px auto;
    color: #777;
    background: none;
    width:auto;
}
	#page-footer-wrapper #page-footer {
	color:#777;
	}
    #page-footer-wrapper #page-footer a{
    color: #777;
    cursor: default;
    }
    #page-footer-wrapper #page-footer a:hover{
    color: #777;
    cursor: default;
    }
    #page-footer-wrapper #page-footer a.contact-us-link, #page-footer-wrapper #page-footer a.terms-link, #page-footer-wrapper #page-footer a.privacy-link{
    color: #E30022;
    cursor: pointer;
    }
    #page-footer-wrapper #page-footer a.contact-us-link:hover, #page-footer-wrapper #page-footer a.terms-link:hover, #page-footer-wrapper #page-footer a.privacy-link:hover {
    color: #000;
    }

li.crumb.first:before a{
    content: "Box Office ";
}



.custom_fields .formRow textarea {
    width: 210px;
    height: 70px;
    border: 1px solid #ccc;
    }

    #formConfirm > div.custom_fields > div:nth-child(2) > div.grid3 > label {
    float: left;
    margin: 5px 86px 0 10px;
    }
    #formConfirm > div.custom_fields > div:nth-child(2) > div.grid9 {
    margin: 8px 0 0;
    }
    #formConfirm > div.custom_fields > div:nth-child(3) > div.grid3 > label {
    float: left;
    margin: 5px 128px 0 10px;
    }
    #formConfirm > div.custom_fields > div:nth-child(3) > div.grid9 {
    margin: 10px 0 20px;
    }

/*** event specific ***/

table.parent-id-26252 .event-date-list-start-date,
table.parent-id-26252 .event-date-list-start-time,
table.parent-id-26252 .event-date-list-available,
.item-date-event-id-26252,
.item-time-event-id-26252 {
    display: none;
}
table.event_26252 th.header_ticket_title,
table.event_26252 td.ticket_title,
table.event_26252 th.header_ticket_admittance,
table.event_26252 td.ticket_admittance,
table.event_26252 th.header_ticket_available,
table.event_26252 td.ticket_available {
    display: none;
}

table.event_26252 th.header_ticket_price:before {
    content: "Gift Voucher ";
}

.parent-id-45761 .event-date-list-available,
.event_45761 .header_ticket_admittance,
.event_45761 .header_ticket_available,
.event_45761 .ticket_admittance,
.event_45761 .ticket_available,
.seat_select .title a {
    display: none;
}

.parent_event_45761 h3 a {
    color: #2B649B;
}
.parent_event_45761 h3 a:hover {
    color: #333;
}

.parent_event_45761 .button {
    background-color: #F06C00;
    border: 1px solid #F06C00;
}

.event_45761 tbody tr:nth-child(2) td,
.event_45761 tbody tr:nth-child(6) td,
.event_45761 tbody tr:nth-child(10) td,
.event_45761 tbody tr:nth-child(11) td,
.event_45761 tbody tr:nth-child(14) td,
.event_45761 tbody tr:nth-child(16) td {
    padding-top: 25px;
}


th.plan-select-available,
.header_ticket_available span {
	font-size: 0 !important;
	}
	th.plan-select-available::after,
	.header_ticket_available span::after {
	font-size: 19px;
	content: "Availability";
	}



	/* responsive code */
	@media only screen and (max-width: 599px) {
	    .menu {
	        display: none;
	    }
	    div.fblike {
	        width:100% !important;
	        margin-bottom: 15px;
	    }
	    #above-content {
	        margin: 0;
	    }

	}

	@media only screen and (min-width: 980px) {

	    #page-title {
	        padding-top:0px;
	    }
	    #page-content {
	        width:930px;
	    }
	    #page-footer-wrapper {
	        width:900px;
	    }
	}



/***/

.category_1118 .plan-select {
	display: revert !important;
}
.category_1118 .plan-select .content{
	display: block !important;
}
.category_1118 .plan-select label {
	background: none !important;
	padding:0;
	}
.category_1118 .seat_select label,
.header_ticket_admittance,
.ticket_admittance {
	display: none;
}
.category_1118 .plan-select label a {
	font-size:0;
	}
	.category_1118 .plan-select label a::before {
		font-size:26px;
		content: "Options"
		}



.category_1118 .plan-select-191111 .plan-select-name a::before,
.category_1118 .plan-select-191112 .plan-select-name a::before {
	content:"Book your ";
}

/***/



.category_1117.parent_event.card {
	background: linear-gradient(135deg, #d1001f, #FDE152);
	padding:10px 13px 10px 10px;
	width: calc(100% - 23px);
}

.category_1117.parent_event.card .image {
	display: none;
}

.category_1117.parent_event.card .button {
	background-color: #333;
	border: 2px solid #333;
	font-size: 0;
	}
	.category_1117.parent_event.card .button::after {
		content:"Buy";
		font-size: 14px;
		}
	.category_1117.parent_event.card .button:hover {
		background-color: #666;
		border: 2px solid #666;
		color:#fff;
		-webkit-transition: all 0.3s linear;
		-ms-transition: available 0.3s linear;
		transition: all 0.3s linear;
	}

.category_1117.parent_event.card .button.details {
	background-color: #fff;
	border: 2px solid #333;
	color: #333;
	font-size: 0;
	}
	.category_1117.parent_event.card .button.details::after {
		content:"Details";
		font-size: 14px;
		}
	.category_1117.parent_event.card .button.details:hover {
    background-color: #fff !important;
    border: 2px solid #888 !important;
    color: #888 !important;
    -webkit-transition: all 0.3s linear;
    -ms-transition: available 0.3s linear;
    transition: all 0.3s linear;
    }

.category_1117.parent_event.card h3 a span{
	color:#fff;
	font-size: 36px
}
.category_1117.parent_event.card .teaser{
	color:#fff;
	font-size: 16px
}

/***/

.category_92.parent_event.card {
	background: linear-gradient(135deg, #f1f1f1, #fff4f6);
	padding:10px 13px 10px 10px;
	width: calc(100% - 23px);
	border-bottom: none;
}

.category_92.parent_event.card h3::before {
	content:"Weekly Class // ";
}

.category_92 th.event-date-list-start-date::before {
	content: "Term ";
}
.category_92 td.event-date-list-start-date::before {
	content: "Ending ";
}
.category_92 .item-date::before {
	content: "Term ending ";
}

.category_92.category_1189.parent_event.card h3::before {
	content:"";
}

.category_92.category_1189 th.event-date-list-start-date::before {
	content: "";
}
.category_92.category_1189 td.event-date-list-start-date::before {
	content: "";
}
.category_92.category_1189 .item-date::before {
	content: "";
}

/***** Hide drop down option *****/
option[value="1189"]{
    display:none;
}


/***/

.plan-select .plan-select-name a {
	text-transform: capitalize;
	}
	.plan-select--seat .plan-select-name a::after {
		content:"Booking (For the performance)";
		text-transform: none;
		}