/* @group reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* @end */
body {
	background-color: #110e09;
	color: #ffffff;
	font-size:62.5%;
	height: 100%;
	min-height: 100%;
	width: 100%;
}

.hidden {
    display: none !important;
}

.hide span {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}

h1, h2, legend {
    text-transform: uppercase;
}

h1 {
	font-size: 1.5em; /* 18px (18 / 12) */
	font-weight: normal;
    text-align: center;	
}

h2,
legend {
    font-size: 1.1666em;
    font-weight: normal;
    letter-spacing: 0.1em;
}


p, ul, ol, dl, table, fieldset, blockquote, pre, .button, button {
    margin-bottom: 15px;
}

h1, h2, h3, h4, h5, h6, legend {
    margin-bottom: 5px;
}

a {
    color: #00AEEF;
}

.loading {
    background: url(/content/images/ajax-loader.gif) no-repeat center;
    min-height: 16px;
    min-width: 16px;
}

* html .loading {
    height: 16px;
}

.text-right {
    text-align: right;
}

.invert {
    background-color: #fff;
    color: #000;
}

.invert h2 {
    color: #000;
}

p.footnote,
.footnote li,
.footnote p {
    font-size: 0.75em;
    text-transform: uppercase;
}

ul.footnote {
    list-style-type: disc;
    padding-left: 15px;
}

.footnote li {
    margin-bottom: 3px;
}

.small em,
.footnote em {
    color: #F14720;
    font-weight: bold;
}

.small {
    font-size: 0.91666em;
    line-height: 1.2;
}

.price-3d {
    color: #F14720;
}

table .price-3d {
    display: block;
}

table th .price-3d {
    display: inline;
}

p .price-standard,
p .price-3d {
    display: inline-block;
    padding: 0 5px;
}

.disabled {
    opacity:.5; /* FX/Opera/Safari/Chrome */
    -ms-filter:"alpha(opacity=50)"; /* IE8 */
    filter:alpha(opacity=50); /* IE6/IE7 */
    cursor: not-allowed !important;
}

.icon {
    padding-left: 20px;
    background-position: left 2px;
    background-repeat: no-repeat;
}

.icon-right {
    padding-right: 20px;
    background-position: right 2px;
    background-repeat: no-repeat;
}

.icon.arrow {
    /*background-image: url();*/
}

.icon-right.arrow {
    background-image: url(/content/images/blue_arrow.gif);
    padding-right: 40px;
    padding-bottom: 3px;
}

.boxofficemanager-ticketsbyscreening #screenings li li  {
    display: inline;
    margin-right: 20px;
}

/* @end */

/* @group tables */

table {
    border-collapse: collapse;
}

table thead th,
table tbody th, 
table tbody td {
    border: 1px solid #000;
    background-color: #fff;
    color: #000;
}

table thead th {
    text-transform: uppercase;
    text-align: center;
}

table tbody td {
    text-align: center;
}

table tfoot td {
    padding-top: 10px;
    padding: 10px 0 0 0;
    font-size: 0.9166em; /* 11px (11 / 12) */
}

table th,
table td {
    padding: 3px 10px;
}

table th {
    font-weight: bold;
}

.divider {
    border-bottom: 2px solid #fff;
    padding-bottom: 20px;
}

.divider-top {
    border-top: 2px solid #fff;
    padding-top: 20px;
}

.divider-dotted {
   	background: url(/Content/Images/master/dotted_border_150.png) no-repeat center bottom;
   	padding-bottom: 10px;
}

.divider-dotted-top {
    background: url(/Content/Images/master/dotted_border_150.png) no-repeat center top;
    padding-top: 20px;
}

.invert .divider,
.invert .divider-top {
    border-color: #000;
}

.invert .divider-dotted,
.invert .divider-dotted-top {
    background-image: url(/Content/Images/master/dotted_border_black.gif);
    background-repeat: repeat-x;
}

h1.divider-dotted {
	background: url(/Content/Images/master/dotted_border.gif) repeat-x center bottom;
}

h1.divider-dotted,
h2.divider-dotted {
    margin-bottom: 15px;
}

p.divider-dotted {
    padding-bottom: 20px;
}

fieldset.divider-dotted {
    border-top: 0 solid transparent; /* IE fix */
}

/* @end */

/* @group form elements */

form fieldset p {
    clear: both;
}

form fieldset legend {
    text-align: left;
    margin-left: -7px !ie;
}

form fieldset label,
form fieldset input,
form fieldset select,
form fieldset textarea {
    margin: 0 0 5px;
}

form fieldset label {
    float: left;
    display: block;
    width: 140px;
    margin-right: 10px;
    cursor: pointer;
    line-height: 1.0833em;
}

form fieldset input,
form fieldset select,
form fieldset textarea {
    border: 1px solid #fff;
    padding: 0 5px;
    font-family: inherit;
    font-size: inherit;
    width: 150px;
    vertical-align: middle;
}

form fieldset select {
    padding-right: 0;
    padding-left: 1px;
    width: 160px;
}

form fieldset textarea {
    width: 240px;
    border-right: 0;
    padding-right: 2px;
}

form fieldset input.digit {
    width: 25px;
}

form fieldset select.digit {
    width: 60px;
}

form fieldset input.checkbox,
form fieldset input.radio {
    border: 0;
    padding: 0;
    margin: 0;
    height: 13px;
    width: 13px;
}

form fieldset .field-align {
    margin-left: 150px !important;
}

form fieldset input.checkbox.left,
form fieldset input.radio.left {
    float: left;
    margin-right: 5px;
}

form .field-validation-error {
    color: #EE1C25;
}

form .input-validation-error {
    border-color: #EE1C25;
}
ul.button-list {
    margin: 20px 0 20px -30px;
}

ul.button-list.divider {
    padding-top: 10px;
}

ul.button-list li {
    display: inline;
    vertical-align: middle;
    margin-left: 30px;
}

ul.button-list.right {
    text-align: right;
}

ul.button-list li a {
    color: #fff;
    text-transform: uppercase;
}

.invert ul.button-list a {
    color: #000;
}

ul.button-list li .button,
ul.button-list li button {
    margin-bottom: 0;
}

.invert ul.button-list .button,
.invert ul.button-list button {
    color: #fff;
}

.button, 
button {
    padding: 2px 5px;
    display: inline-block;
    background-color: #232020;
    border: 1px solid #fff;
    color: #fff;
    text-transform: uppercase;
    overflow: visible;
    font-weight: bold;
    font-size: inherit;
    font-family: inherit;
    cursor: pointer;
    text-decoration: none;
}

button {
    font-size: 1em !ie;
    line-height: 1.2 !ie;
}

.button.highlight,
button.highlight {
    border: 1px solid #F14720;
    background-color: #fff;
    color: #F15C23 !important; /* !important is IE6 fix */
}

button.ui-datepicker-trigger {
    border: 0;
    background-color: transparent;
    padding: 0;
}
.feedback,
#validationSummary {
    text-transform: uppercase;
    font-weight: bold;
}

form fieldset .feedback {
    margin-left: 150px;
}

.feedback.success * {
    color: #88B44A;
}

.feedback.error *,
#validationSummary.validation-summary-errors * {
    color: #EE1C25;
}

.feedback.loading {
    background-position: left center;
    text-indent: -9999em;
}

/* @end */

/* @group feedback */

dl.data-pairs {
    overflow: hidden;
    display: inline-block;
    padding-left: 150px;
    width: 250px; /* 400px - 150px */
}

dl.data-pairs dt,
dl.data-pairs dd {
    float: left;
    text-align: left;
}

dl.data-pairs dt {
    clear: both;
    width: 140px;
    margin-right: -100%;
    padding-right: 10px;
    position: relative;
    left: -150px;
}

dl.data-pairs dd {
    width: 100%;
}

dl.data-pairs .split {
    margin-bottom: 20px;
}

dl.data-pairs .divider {
    padding-bottom: 8px;
}

dl.data-pairs .divider-top {
    padding-top: 8px;
}

/* @end */

#outer_wrapper {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:  auto !important;
	height: 100%;
	min-height: 100%;
	font-size: 1.2em; /* 12px */
	line-height: 1.5; /* 18px (18 / 12) */ 
	text-align: center;
}

#inner_wrapper {
	text-align: left;
	display: inline-block;
	width: 1100px;

	padding: 0 0 80px 0;
	margin: 0 auto;
}

#flash_container {
	float: left;
	width: 120px;
	height: 530px;
	margin-top: 10px;
	background: url(/Content/Images/master/glow.gif) no-repeat;
}
#page_container {
	position: relative;
	float: left;
	width: 780px;
	margin-top: 10px;
	background-color: #110e09;
}

#left_nav_area {
	float: left;
	width: 170px;
}

.redchurch {
	float: left;
	width: 150px;
	margin: 0 12px 0 8px;
	height: 98px;
	background: url(/Content/Images/master/redchirch_st.gif) no-repeat;
	display: inline;
}

.redchurch a{
	float: left;
	width: 100%;
	height: 100%;
}

#left_nav_area ul {
	float: left;
	width: 150px;
	margin: 0 12px 8px 8px;
	border-top: 2px solid #f14720;
	border-bottom: 2px solid #f14720;
	display: inline;
}

#left_nav_area li {
	float: left;
	width: 100%;
	height: 22px;
}

#left_nav_area li a{
	float: left;
	width: 100%;
	height: 100%;
}

#left_nav_area li.active{
	
}

li.home {
	background: url(/Content/Images/master/nav/nav_matrix.gif) no-repeat;
}

li.programme {
	background: url(/Content/Images/master/nav/nav_matrix.gif) no-repeat 0 -22px;
}

li.booking {
	background: url(/Content/Images/master/nav/nav_matrix.gif) no-repeat 0 -44px;
}

li.experience {
	background: url(/Content/Images/master/nav/nav_matrix.gif) no-repeat 0 -66px;
}

li.barfood {
	background: url(/Content/Images/master/nav/nav_matrix.gif) no-repeat 0 -88px;
}

li.hire {
	background: url(/Content/Images/master/nav/nav_matrix.gif) no-repeat 0 -110px;
}

li.members {
	background: url(/Content/Images/master/nav/nav_matrix.gif) no-repeat 0 -132px;
}

#left_nav_area li:hover a{
	background: url(/Content/Images/master/nav/overlay.png) no-repeat;
}

/* @end */

.aubinwills_link {
	float: left;
	width: 150px;
	margin: 0 12px 0 8px;
	height: 20px;
	background: url(/Content/Images/master/aubinwills_link.gif) no-repeat;
	display: inline;
}

.shoreditch_house_link {
	float: left;
	width: 150px;
	margin: 16px 12px 0 8px;
	height: 85px;
	background: url(/Content/Images/master/shoreditch_house_logo.png) no-repeat;
	display: inline;
}

.pizzaeast {
	float: left;
	width: 150px;
	margin: 16px 12px 0 8px;
	height: 34px;
	background: url(/Content/Images/master/pizza.png) no-repeat;
	display: inline;
}

.electric {
    float:left;
    width:150px;
    height:47px;
    margin: 16px 12px 0 8px;
    background:url(/Content/Images/master/electric.png) no-repeat;
}

.aubinwills_link a,
.shoreditch_house_link a,
.pizzaeast a,
.electric a {
	float: left;
	width: 100%;
	height: 100%;
}
#page_content_area {
	float: left;
	width: 400px;
}

.master_heading {
	height: 98px;
	margin-bottom: 0;
	background: url(/Content/Images/master/master_heading.gif) no-repeat;
	border-bottom: 2px solid #f14720;
}

.master_heading a {
	float: left;
	width: 100%;
	height: 100%;
}

#page_content {
	float: left;
	width: 100%;
}

.white_box {
	display: inline-block;
	width: 100%;
	margin: 0 0 1em 0;
	background-color: #e7e8e9;
	color: #000000;
}
.order-searchorders table {
	margin-top: 50px;
}

.drinks_list {
    width:400px;
    height:554px;
    background:url(/Content/Images/drinks_list.png) no-repeat 0 0;
    border-bottom:2px solid #F14720;
    }
    
.food_list {
    width:190px;
    height:233px;
    background:url(/Content/Images/food_list.png) no-repeat 0 0;
    border-bottom:2px solid #F14720;
    border-top:2px solid #F14720;
    }

.about-private-hire #page_content ul,
.about-members #page_content ul {
	list-style-type: disc;
	list-style-position: outside;
}

.about-private-hire #page_content ul,
.about-members #page_content ul li {
	margin-left: 2em;	
}

.film_details {
	float: left;
	width: 400px;
}

.film_details h2 {
	float: left;
	width: 370px;
	margin:  0 0 5px 15px;
	padding: 0 0 0 0;
	
	font-size: 0.8333em;
	line-height: 1.8;
	text-align: center;
	display: inline;
}

.film_details h2 span {
	display: inline-block;
	width: 25px;
	height: 20px;
}

.film_details h1,
.film_details h2.divider-dotted {
	float: left;
	width: 370px;
	margin:  0 0 5px 15px;
	padding: 0 0 5px 0;
	background: url(/Content/Images/master/dotted_border_black.gif) repeat-x 0 bottom;
	display: inline;	
	font-size: 1.5em; /* 18px (18 / 12) */
	font-weight: normal;
    text-align: center;	
}

.film_details .text_wrapper {
	float: left;
	width: 370px;
	margin:  0 0 5px 15px;
	display: inline;
	
	
}

.film_details .credits {
	overflow: auto;
}

.film_details .credits dt,
.film_details .credits dfn {
	float: left;
	width: 180px;
}

.film_details .credits dt {
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 10px 10px 10px;
	display: inline;
}

.film_details .credits dfn {
	font-weight: normal;
	text-transform: none;
	font-style: normal;
	display: inline;
}

.film_details .credits .wide,
.film_details .credits .wide dfn {
	float: left;
	width: 380px;
}

.film_details .credits .parallel {
	font-weight: normal;
	font-size: 0.8333em;
}

.film_details .credits .parallel dfn {
	float: none;
	margin-left: 0.25em;
}
#seating_chart_container {
	float: left;
	display: block;
}

#seating_chart_container h1 {
	float: left;
	width: 400px;
	font-size: 1em;
	font-weight: normal;
	text-align: left;
}

#seating_chart_container h2 {
	float: left;
	width: 300px;
	font-size: 1em;
	font-weight: normal;
	text-align: left;
}

#seating_chart_container  h2 a {
	color: #ffffff;
	text-decoration: none;
}
#seating_chart_container  h2 a:hover {
	text-decoration: underline;
}

#seating_chart_container .seat_select_time {
	float: left;
	width: 100px;
	font-size: 1em;
	font-weight: bold;
	text-align: right;
}

#seating_chart_container .small {
	float: left;
}

#seating_chart {
	float: left;
	width: 400px;
	height: 344px;
	background: url(/Content/Images/screen.gif) no-repeat;
}

#seating_chart li {
	float: left;
	clear: both;
	display: inline;
}

#seating_chart li li {
	float: left;
	clear: none;
	margin: 1px;
	display: inline;
}

#seating_chart li li a {
	float: left;
	width: 100%;
	height: 100%;
	text-align: center;
	text-decoration: none;
	color: #F14720;
	cursor: pointer !important;
}

#seating_chart li.Wheelchair_Space span {
	display: none;
}

#seating_chart li li a span {
	float: left;
	width: 20px;
	height: 20px;
	margin: 4px 0 0 0;
	font-size: 0.6666em;
}
#seating_chart ul li,
#aside #basket .items span {
    background-image: url(/Content/Images/seating_matrix.gif);
    background-repeat: no-repeat;
}

#aside #basket .items span.price {
    background: none;
}

#seating_chart ul li,
#seating_chart ul li.Single,
#seating_chart ul li.Wheelchair_Space,
#aside #basket .items span,
#aside #basket .items span.Single,
#aside #basket .items span.Wheelchair_Space {
	width: 20px;
	height: 20px;
}

#aside #basket .items span.price {
    width: auto;
    height: auto;
}

#seating_chart ul li.Double,
#aside #basket .items span.Double {
	width: 38px;
	height: 38px;
}

#seating_chart ul li.Double_Deluxe,
#aside #basket .items span.Double_Deluxe {
	width: 58px;
	height: 38px;
}


ul .Single {
	background-position: 0 0;
}

ul .Wheelchair_Space {
    background-position: -20px 1px;
}

ul .Double {
	background-position: -40px 0;
}

ul .Double_Deluxe {
	background-position: -80px 0;
}

ul .Angled_View {
	background-position: 0 -160px;
}
#seating_chart .booked {
    background-image: url(/Content/Images/seating_matrix.gif);
    background-repeat: no-repeat;
    background-position: 0 -40px;
}

#seating_chart .Single.booked {
	background-position: 0 -40px;
}

#seating_chart .Wheelchair_Space.booked {
	background-position: -20px -39px;
}

#seating_chart .Double.booked {
	background-position: -40px -40px;
}

#seating_chart .Double_Deluxe.booked {
	background-position: -80px -40px;
}

#seating_chart .booked a {
    cursor: not-allowed;
}
#seating_chart .selected {
    background-image: url(/Content/Images/seating_matrix.gif);
    background-repeat: no-repeat;
    background-position: 0 -80px;
}

#seating_chart .Single.selected {
	background-position: 0 -80px;
}

#seating_chart .Wheelchair_Space.selected {
	background-position: -20px -79px;
}

#seating_chart .Double.selected {
	background-position: -40px -80px;
}

#seating_chart .Double_Deluxe.selected {
	background-position: -80px -80px;
}

#seating_chart .selected a {
    cursor: not-allowed;
}


/* @end */

#row_A {
	width: 330px;
	padding: 0 0 0 70px;
	margin-top: 15px;
}

#row_B {
	width: 350px;
	padding: 0 0 0 50px;
	margin-top: 5px;
}

#row_C {
	width: 340px;
	padding: 0 0 0 60px;
	margin-top: 10px;
}

#row_D {
	width: 350px;
	padding: 0 0 0 50px;
	margin-top: 10px;
}

#row_D .no2 {
	margin-right: 175px;
}

#row_E {
	width: 360px;
	padding: 0 0 0 40px;
	margin-top: 45px;
}
.now_showing h1 {
	background-color: #110e09;
	padding: 2px 8px ;
	margin: 5px 6px;
	letter-spacing: 0.05em;
	font-size: 1em;
	font-weight: normal;
	text-align: left;
	color: #ffffff;
}

.now_showing img {
	float: left;
	margin: 5px 10px;
}

.now_showing .text_wrapper {
	float: left;
	width: 185px;
	margin: 5px;
	color: #000000;
}
.now_showing .text_wrapper p {
	margin: 0;
}
.now_showing .text_wrapper a {
	text-decoration: none;
}
.now_showing .text_wrapper a.movietitle {
	color: #000000;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.now_showing .text_wrapper a:hover {
	text-decoration: underline;
}
.now_showing .text_wrapper ul {
	margin: 0;
}
.more_info_link {
	float: right;
	text-transform: uppercase;
}
.schedule_tabs_title {
	float: left;
	text-align: left;
	margin: 1em 0 0 0;
	padding: 0 3px;
	font-weight: normal;
	font-size: 0.8333em;
}

.schedule_tabs {
	float: left;
	width: 100%;
	margin: 0 0 0.25em 0;
	font-weight: normal;
	font-size: 1.1666em;
	text-transform: uppercase;
}

.schedule_tabs li {
	float: left;
	display: inline;
	margin: 0 3px;
}
.schedule_tabs a {
	color: #ffffff;
	text-decoration: none;
}
.schedule_tabs a:hover {
	text-decoration: underline;
}
.week {
	display: inline-block;
	width: 100%;
	margin: 0 0 1em 0;
	background-color: #e7e8e9;
}
.week h2 {
	background-color: #232020;
	padding: 2px 0 ;
	margin: 5px 10px;
	letter-spacing: 0.1em;
	font-size: 1em;
	font-weight: normal;
	text-align: center;
}
.day {
	float: left;
	width: 370px;
	margin:  5px 0 0 15px;
	padding: 5px 0 0 0;
	background: url(/Content/Images/master/dotted_border_black.gif) repeat-x;
}
.day h3 {
	float: left;
	width: 125px;
	color: #000000;
	font-size: 1em;
}
.day h3 span {
	float: left;
	width: 125px;
}
.day li a{
	float: left;
	text-decoration: none;
}
.day li a.movietitle {
	color: #000000;
}
.day li a:hover {
	text-decoration: underline;
}
.day ul {
	float: left;
	width: 245px;
	margin: 0;
}
.day ul li {
	float: left;
	margin: 0;
}
.day ul ul {
	margin: 0 0 0 -5px;
}

.day ul ul li{
	float: left;
	display: inline;
	margin: 0 0 0 5px;
	color: #000000;
}

.sold_out {
	color: #F14720;
}

.screen_note {
	padding: 0 3px;
    color: #000;
    text-transform: uppercase;
    font-size: 0.8333em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
h2.screen_note {
    margin-top: 20px;
}
a.cert {
	padding: 2px 28px 0 0;
}
.certificate_U a.cert,
h2 span.certificate_U {
	background: url(/Content/Images/U_blue.gif) no-repeat right bottom;
}
.certificate_PG a.cert,
h2 span.certificate_PG {
	background: url(/Content/Images/PG_blue.gif) no-repeat right bottom;
}

.certificate_12 a.cert,
h2 span.certificate_12 {
	background: url(/Content/Images/12A_blue.gif) no-repeat right bottom;
}

.certificate_12A a.cert,
h2 span.certificate_12A {
	background: url(/Content/Images/12A_blue.gif) no-repeat right bottom;
}

.certificate_15 a.cert,
h2 span.certificate_15 {
	background: url(/Content/Images/15_blue.gif) no-repeat right bottom;
}

.certificate_18 a.cert,
h2 span.certificate_18 {
	background: url(/Content/Images/18_blue.gif) no-repeat right bottom;
}
.movie #image_slider {
    clear: both;
    text-align: center;
    margin-bottom: 20px;
}
.movie #image_slider > div {
    margin: 0 auto;
}
.movie #image_slider div {
    width: 180px;
    height: 135px;
    overflow: hidden;
}
.movie #image_slider .caption {
    text-transform: uppercase;
    font-size: 0.8333em;
}
#overlay.movie-trailer,
#overlay.movie-trailer div {
    background-image: url(/content/images/master/trailer-frame.png);
    background-repeat: no-repeat;
}
#overlay.movie-trailer {
    background-position: left 60px;
    background-color: #231F20;
    padding: 0;
}
#overlay.movie-trailer div {
    background-position: right 60px;
    padding: 0 56px;
}
#overlay.movie-trailer div div {
    padding: 0;
    background-image: none;
}
#overlay.movie-trailer h3 {
    width: 508px;
    height: 222px;
    background: url(/content/images/master/trailer-title.png) no-repeat;
    text-indent: -99999em;
    margin-bottom: 0;
}
#overlay.movie-trailer .video {
    background: #000 url(/content/images/master/trailer-curtain.jpg) no-repeat center;
    padding: 0 16px;
}
#overlay.movie-trailer .close-overlay {
    color: #f15d22;
    position: absolute;
    right: 15px;
    top: 20px;
    text-transform: uppercase;
    text-decoration: none;
}
.ticket #page_content {
    padding-top: 10px;
}
.checkout.js #validate-member,
.checkout.js #validate-member-kiosk {
    display: inline-block;
}
.checkout #validate-member,
.checkout #validate-member-kiosk {
    display: none;
}
.checkout.js #validate-member,
.checkout.js #validate-member-kiosk {
    display: inline-block;
}
.checkout-order-complete #page_content {
    text-align: center;
}
.checkout-order-complete h1 {
    margin-bottom: 0;
}
.checkout-order-complete h2 {
    font-size: 1.5em;
    font-weight: normal;
    letter-spacing: 0;
}

.checkout-order-complete .data-pairs {
    width: 160px;
}

.checkout-order-complete .data-pairs .total {
    margin-top: 20px;
}
#aside {
	float: left;
	width: 195px;
	padding: 0 0 0 10px;
	margin: 98px 0 0 5px;
	display: inline;
}
.aside_heading {
	float: left;
	width: 195px;
	height: 21px;
	border-top: 2px solid #f14720;
	border-bottom: 2px solid #f14720;
	margin: 0;
	background: url(/Content/Images/aside_header_bg.gif) repeat-y;
	font-size: 1.1666em;
	line-height: 1;
}
.tech_info {
	height: 36px;
	text-align: center;
	font-weight: normal;
	padding-top: 4px;
}
.ticket #aside,
.about-private-hire #aside,
.about-the-experience #aside {
	background: url(/Content/Images/master/dotted_border.gif) repeat-y;
}
.tech_info_detail {
	float: left;
	padding: 5px;
	font-size: 0.8333em;
}
.tech_info_detail dt {
	margin-top: 1em;
	font-weight: bold;
	text-transform: uppercase;
}
.tech_info_detail dd {

}
.the_exp {
	height: 36px;
	text-align: center;
	font-weight: normal;
	padding-top: 4px;
}
.the_exp_detail {
	float: left;
	padding: 5px;
}
.gallery_logo {
	float: left;
	width: 190px;
	height: 75px;
	background: url(/Content/Images/gallery_logo.gif) no-repeat;
}

.how_to_container dl {
	text-align: center;
	margin: 0;
	color: #110e09;
	background-color: #ffffff;
	clear: both;
	padding: 10px 0
}
.how_to_container .arrow {
	float: right;
	margin-top: 5px;
	margin-right: 5px;
	text-decoration: none;
}
.how_to_container .arrow:hover {
	text-decoration: underline;
}
.how_to {
	height: 21px;
	background: url(/Content/Images/aside_special_screening.gif) no-repeat;
}
.coming_soon {
	height: 40px;
	background: url(/Content/Images/aside_coming_soon.gif) no-repeat;
}
.coming_soon_container {
	float: left;
	width: 175px;
	padding: 5px 10px;
	margin: 0;
	background-color: #ffffff;
	color: #000000;
	text-transform: capitalize;
	font-size: 0.8333em;
}
.coming_soon_container li {
	font-weight: bold;
	text-transform: uppercase;
}
.coming_soon_container a {
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin-left: 15px;
	text-transform: none;
}

.coming_soon_container a:hover {
	text-decoration: underline;
}

.coming_soon_container ul {
	padding: 0;
	margin: 0;
}
.follow {
	height: 21px;
	margin-top:15px;
	background: url(/Content/Images/aside_follow.gif) no-repeat;
}
.newsletter {
	height: 21px;
	margin-top:15px;
	margin-bottom:10px;
	background: url(/Content/Images/aside_newsletter.gif) no-repeat;
}
.newsletter_signup {
    text-align:center;
    float:left;
    }
.newsletter_signup .button {
    float: right;
    margin: 10px 4px 0 0;
    }
#formNewsletter label {
     font-size:11px;
     }
.error {
    float:left; padding: 4px
    }
.follow_container {
    overflow: hidden;
    clear: both;
}

.follow_container li {
    float: left;
}

.follow_container li a {
	background: url(/Content/Images/follow_icons.gif) no-repeat scroll;
	display: block;
	width: 39px;
	height: 39px;
	text-indent: -9999px;
}
.follow_container li.follow_facebook a {
	background-position: 0 0;
	margin: 10px 0 0 43px;
}
.follow_container li.follow_twitter a {
	margin: 10px 0 0 32px;
	background-position: -51px 0;
}
.follow_container li.follow_facebook a:hover {
	background-position: 0 -42px;
}
.follow_container li.follow_twitter a:hover {
	background-position: -51px -42px;
}
.preview {
	background: url(/Content/Images/aside_preview.gif) no-repeat;
}
.preview_container {
	float: left;
	width: 100%;
	margin-bottom: 16px;
}
.preview_container .preview_image {
	float: left;
	width: 100%;
	height: 147px;
	padding: 0;
	margin: 0;
	background-repeat: no-repeat;
	background-position: center center;
	text-decoration: none;
}
.preview_container .icon.play{
	float: left;
	width: 30px;
	height: 30px;
	padding: 0;
	margin: 52px 0 0 82px;
	background: url(/Content/Images/play.gif) no-repeat;
	text-decoration: none;
}

.preview_container .movie_controls{
	float: left;
	width: 100%;
	height: 12px;
	margin: 53px 0 0 0;
	background: url(/Content/Images/movie_controls.gif) no-repeat;
}

.preview_container .preview_title {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	background-color: #ffffff;
}
.preview_container .preview_title h3 {
	float: left;
	color: #000000;
	font-weight: normal;
	font-size: 0.8333em;
	text-transform: uppercase;
	padding: 5px 5px 0  5px;
}
.preview_container .preview_title h3 a {
	margin-left: 1em;
	margin-bottom: 0;
}
.book_ticket {
	background: url(/Content/Images/aside_book_ticket.gif) no-repeat;
}
#aside .day {
	width: 188px;
	margin:  5px 0 3px 0;
	padding: 0 0 12px 0;
	background: url(/Content/Images/master/dotted_border.gif) repeat-x 0 bottom;
}

#aside .aside_this_week {
	text-align: center;
}

#aside .aside_this_week, #aside .day h3 {
	float: left;
	width: 100%;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
}
#aside .aside_this_week {
	font-size: 0.8333em;
}
#aside .aside_this_week_ext {
	font-size: 0.8333em;
	font-weight: normal;
}
#aside .day h3 {
	margin-bottom: 0;
	font-size: 1em;
}
#aside .day h3 span {
	float: none;
	margin-left: 0.4em;
}
#aside .day li {
	float: left;
	width: 100%;
	text-transform: uppercase;
}
#aside .day li li {
	width: auto;
	color: #ffffff;
}
#aside .day li a{
	background-image: none;
}
#aside .day li a.movietitle {
	color: #ffffff;
}
#aside .day ul {
	float: left;
	width: 100%;
	display: block;
}

#aside #basket {
    padding: 5px 15px 1px;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 1%;
}

#aside #basket h2 {
    text-align: center;
}

#aside #basket .basket-total {
    padding: 15px 0 0;
    font-weight: bold;
    font-size: 1.1666em; /* 14px (14 / 12) */
    text-align: right;
}

#aside #basket .basket-total strong {
    color: #F14720;
    margin-left: 80px;
}

#aside #basket .items span {
    display: inline-block;
    text-indent: -9999em;
}

#aside #basket .items span.price {
    text-indent: 0;
    display: inline;
}

#aside #basket .items span {
    background-position: 0 -120px;
}

#aside #basket .items span.Single {
    background-position: 0 -120px;
}

#aside #basket .items span.Double {
    background-position: -41px -120px;
}

#aside #basket .items span.Double_Deluxe {
    background-position: -81px -120px;
}

#aside #basket .items span.Wheelchair_Space {
    background-position: -21px -120px;
}

#aside #basket .items {
    margin-left: -10px;
}

#aside #basket .items li {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}

#aside #basket .items a {
    margin-bottom: 0;
}

#aside #basket .items .button {
    font-size: 0.8333em;
    line-height: 1em;
    padding: 1px 2px;
    margin: 0 2px 0 0;
    vertical-align: baseline;
}
#aside #basket .price {
    font-weight: bold;
    float: right;
    color: #F14720;
}
#aside #basket .price del {
    font-weight: normal;
    color: #000;
    display: block;
    width: 1%;
    white-space: nowrap;
}

#bg_container {
	float: left;
	width: 200px;
	min-height: 650px;
	height: 100%;
	margin-top: 10px;
	background: url(/Content/Images/master/house.jpg) no-repeat;
}

.jqmOverlay {
    background-color: #000;
}
#alert, #confirm, #overlay {
    position: absolute;
    top: 50%;
    left: 50%;
	font-size: 1.2em; /* 12px */
	line-height: 1.5; /* 18px (18 / 12) */
	padding: 20px;
	display: none;
}
#alert, #confirm {
    padding-bottom: 0;
    width: 250px;
}
#alert h3, #confirm h3 {
    background-color: #000;
    color: #fff;
    left: -18px;
    margin-right: -36px;
    margin-top: -18px;
    padding: 0 5px;
    position: relative;
    margin-bottom: 10px;
}
#alert h3 .close-overlay {
    background-color: #fff;
    color: #000;
    display: inline-block;
    line-height: 1;
    margin-left: 10px;
    padding: 0 3px;
    cursor: pointer;
    position: absolute;
    right: 3px;
    top: 3px;
}

/* @group add ticket */

#overlay.add-ticket img {
    float: left;
    margin: 0 30px 0 0;
}

#overlay.add-ticket form fieldset p {
    clear: none;
}

#overlay.add-ticket .prices {
    color: #F14720;
    font-weight: bold;
    margin-bottom: 10px;
    display: inline-block;
}

#overlay.add-ticket .details {
    float: left;
    width: 155px;
}

#overlay.add-ticket input, #overlay.add-ticket label {
    color: #000;
    font-weight: normal;
}

#overlay.add-ticket label {
    cursor: pointer;
    position: relative;
    margin-right: 0;
    width: 135px;
}
#overlay.add-ticket label span {
    color: #F14720;
    font-weight: bold;
    position: absolute;
    right: 0;
    top: 0;
}
#overlay.add-ticket fieldset {
    padding-bottom: 20px;
}
/* _________________ Footer ______________________ */
#footer_container {
	position: absolute;
	z-index: 0;
	bottom: 0;
	left: 0;
	clear: both;
	overflow: hidden;
	width: 100%;
	background-color: #110e09;
}
#footer_container div {
	width: 1100px;
	margin: 0 auto;
}
#footer_container div div {
	float: left;
	width: 775px;
	padding: 0 0 0 0px;
	margin: 0 0 0 125px;
	display: block;
	background: url(/Content/Images/master/dotted_border.gif) repeat;
}
#footer_container ul{
	float: left;
	width: 765px;
	margin: 5px 5px 0 5px;
	padding: 4px 0 6px 0;
	display: inline;
	background-color: #110e09;
	text-transform: uppercase;
	text-align: center;
}
#footer_container li {
	font-size: 0.8333em; /* 10px (10 / 12) */
	margin: 0 6em;
	display: inline;
}
#footer_container li a, #footer_container li a:link, #footer_container li a:visited {
	color: #ffffff;
	text-decoration: none;
}
#footer_container li a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/* _______________________ SPECIAL EVENT - LAURA ____________________________ */

.laura h1,
.laura h3 {
    background: none;
    text-transform: uppercase;
    color: #F14720;
    font-size: 18px;
    }
    
.laura h1 {
    font-weight: bold;
}   
.laura h3 span  {
    text-transform:lowercase;
}
.laura h3 {
    font-weight: normal;
    font-size: 16px;
}
.laura h2 {
    font-size: 12px;
    letter-spacing: 0;
    }
.laura h1.dotted {
    border-bottom: 1px dotted #000;
    margin-top: 5px;
    margin-bottom: 5px;
    }
.laura h1.dottedtop {
    border-top:1px dotted #000;
    margin-top: 5px;
    margin-bottom: 5px;
}
.laura p {
    font-size: 11px;
    font-style: italic;
    }
.laura h1 {
    margin-top: 15px;
    font-size: 15px;
    margin-bottom: 0;
    }
.laura p,
.laura h2,
.laura h3 {
    margin: 1px 6px;
    padding: 0 8px;
    }
.actors {
    text-transform: none;
    margin: 0 6px!important;
    }
.actors span {
    color: #aaa;
    font-style: italic;
    }
.laura_description {
    margin-top: 8px!important;
    font-style: normal!important;
    font-size: 12px!important;
    margin-bottom: 10px!important;
    }
.red_arrow_link {
    text-transform: uppercase;
    font-style: normal;
    text-decoration: none;
    background: url(/Content/Images/special_event/red_arrow.png) no-repeat right 4px;
    padding-right: 25px;
    color: #F14720;
    }
/* _______________________ / SPECIAL EVENT - LAURA ____________________________ */




/* _______________________ Image fader styles ____________________________ */

#slideshow {
    position:relative;
    height:300px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	border:2px solid #FFF;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/* _______________________ / Image fader styles ____________________________ */

/* _______________________ Print All Tickets _______________________________ */

.print_ticket {
    clear:both;
    margin-top:5px;
    float:left;
    }

/* _______________________ / Print All Tickets______________________________ */
