/*
-----------------------------------------------
Filmhouse styles (layout) 
----------------------------------------------- */

/* Wrapper
----------------------------------------------- */
#wrapper {
	width:1000px;
	position:relative;
}

/* Links (default colours, overwritten in page)
----------------------------------------------- */
a { color: #B98F2E; text-decoration: none; outline:0; }
a:link { color: #B98F2E; text-decoration: none;}
a:hover { color: #DCC796; text-decoration: underline;}
a:active { color: #5C4717; text-decoration: none;}
a:visited { color: #B98F2E; }


/* Header
----------------------------------------------- */
#header {
	height:178px;
	padding:0 20px;
	margin-bottom:35px;
	text-align:center;
	border-bottom:1px solid #000;
	background-color:#B98F2E;	/* default colour, over-written in page */
}

#header #logo a { /* header links */
	opacity: 1;
}

#logo-image {
  margin-top: 30px;
}

#header a,
#search a,
#address a,
#download a span {
	color: #fff !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}
#header a:hover,
#search a:hover,
#address a:hover,
#download a span:hover {
	color: #fff !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1 !important;
	text-decoration: none;
}
h1#logo, h2#logo {
	margin:0;
	padding:0;
}
h1#logo a, h2#logo a {
	outline:0;
	padding-left: 5px;
}
#buyOnline {
	position:absolute;
	top:106px;
	right:43px;
}
#address {
	position:absolute;
	top: 138px;
	right: 20px;
}
#search {
	position:absolute;
	top:130px;
	left:348px;

}
#search label {
	display:block;
	margin:0 0 2px 0;
}
#search input#movieSearch {
/*	width:194px;*/
	width:250px;
	border:1px solid #fff;
  	padding:1px 3px 2px 3px;
	margin:1px 4px 0 0;
	background-color:#DCC796;	/* default colour, over-written in page */
}
#search input#topGo {
	vertical-align:top;
}
#search #topAdvanced, #search #topAdvanced:visited {
	position:absolute;
	top:0;
	right:2px;
	font-size:0.85em;
/*	color:#DCC796;	/* default colour, over-written in page */
}

#download {
	position:absolute;
	top:20px;
	right:33px;
	margin-top:3px;
	text-align:center;
	width: 215px;
}
#download ul {
	margin: -10px 0 0 0;
	padding:0;
	clear: left;
	float: left;
	position: relative;
}
#download ul li {
	margin:0;
	padding:0;
	list-style:none;
	text-align:left;
	float:left;
	font-size:0.85em;
	position:absolute;
	left: 85px;
	z-index: 10;
}

#download ul li a {
	display: block;
}
#download ul li.latest {
	text-align:right;
	left:68px;
	z-index: 0 !important;
}
#download ul li.latest:hover {
	z-index: 20 !important;
}
#download ul li.latest .prog {
	left: 50px;
}
#download ul li.latest .program-date {
	top: 13px;
}
#download ul li .program-date {
    left: -85px;
    position: absolute;
}
#download ul li a span {
    display: block;
    float: left;
    width: 90px;
	margin-top: 18px;
}
#download ul li .prog {
    left: -10px;
	top: -30px;
    position: absolute;
}
#download a {
	color:#DCC796;	/* default colour, over-written in page */
}
#download a:hover {
	color:#fff;
	text-decoration:none;
}
#download img{
	float: left;
}

#basket {
	position:absolute;
	top:192px;
	right:6px;
	padding:0 20px 0 0;
	background:url(../img/basketR.gif) no-repeat top right;
	z-index:100;
	font-weight:bold;
}
#basket .inner {
	padding:0 0 0 20px;
	background:url(../img/basketL.gif) no-repeat;
}
#basket .details {
	border:2px solid #fff;
	border-left:0;
	border-right:0;
	background-color:#000;
	height:62px;
	min-width:110px;
/*	max-width:140px;*/
	max-width:200px;
	text-transform: uppercase;
	overflow: hidden;
}

#basket #inBasket {
	border-bottom:1px solid #2e2e2e;
/*	background:url(../img/basket.gif) no-repeat 5px 7px;*/
	padding:10px 10px 9px 10px;
	text-align: center;
}
#basket .contactBox {
	text-align: center;
}
#basket .contactBox span{
	padding: 13px 3px;
	display: block;
}
#basket .contactBox .bookOnline {
	border-bottom: 1px solid #2e2e2e;
}
#basket #account {
	margin:5px 0 0 0;
	background:url(../img/padlock.gif) no-repeat 7px 1px;
	padding:4px 2px 5px 25px;
}
#basket #account li {
	margin:0;
	padding:0 2px 0 0;
	list-style:none;
	float:left;
	border-right:1px solid #2e2e2e;
}
#basket #account li.last {
	border:0;
	padding:0 0 0 2px;
}
#basket a {
	display:block;
	text-align:center;
	padding:25px 0;
}
#basket a:hover {
	background-color:#B98F2E;	/* default colour, over-written in page */
	color:#000;
	text-decoration:none;
}


/* Main Nav
----------------------------------------------- */
#nav {
	width:1000px;
	position:absolute;
	top:180px;
	left:0;
	border-bottom:1px solid #fff;
	border-top:2px solid #B98F2E;	/* default colour, over-written in page */
	height:31px;
}
#nav ul {
	position:absolute;
	z-index:20;
}
#nav ul li {
	margin-top:4px;
}
#nav ul li a {
	height:27px;
}

#nav a { background-position:0 -5px; }
#nav .on a { background-position:0 -36px; }
#nav a:hover { background-position:0 -67px; }
#nav .on a:hover { background-position:0 -98px; }

/* images are colour defaults - new colours generated on fly */
#nav ul #nav-home, ul#nav #nav-home a { margin-left:2px; width:97px; background-image:url(../img/nav/whatson.gif); }
#nav ul #nav-shop, ul#nav #nav-shop a { width:100px; background-image:url(../img/nav/shop.gif); }
#nav ul #nav-news, ul#nav #nav-news a { width:66px; background-image:url(../img/nav/news.gif); }
#nav ul #nav-friends, ul#nav #nav-friends a { width:79px; background-image:url(../img/nav/friends.gif); }
#nav ul #nav-bar, ul#nav #nav-bar a { width:90px; background-image:url(../img/nav/bar.gif); }
#nav ul #nav-hire, ul#nav #nav-hire a { width:100px; background-image:url(../img/nav/hire.gif); }
#nav ul #nav-eventhire, ul#nav #nav-eventhire a { width:83px; background-image:url(../img/nav/eventhire.gif); }
#nav ul #nav-advrtsng, ul#nav #nav-advrtsng a { width:77px; background-image:url(../img/nav/advrtsng.gif); }
#nav ul #nav-about, ul#nav #nav-about a { width:91px; background-image:url(../img/nav/about.gif); }
#nav ul #nav-contact, ul#nav #nav-contact a { width:87px; background-image:url(../img/nav/contact.gif); }
#nav ul #nav-player, ul#nav #nav-player a { width:87px; background-image:url(../img/nav/player.gif); }




/* Main
----------------------------------------------- */
#main {
	min-height:650px;
}




/* Second Level pages
----------------------------------------------- */
#headline {
	background-color:#222;
	width:830px;
	padding:20px 0 0 20px;
}
#headline h1 {
	margin:0 20px 6px 0;
	padding:0;
	font-size:2em;
	font-weight:normal;
	width: 500px;
/*	float:left;	*/
}
#contentWrapper {
	width:850px;
}
#contentWrapper p {
	line-height:1.5em;
}
#content {
	padding:20px 30px 20px 20px;
	width:520px;
	float:left;
}
#content h2 {
	padding:0;
	margin:0;
	font-size:1.6em;
	font-weight:normal;
}
.pull {
	float:left;
	width:245px;
	border:3px solid #B98F2E;	/* default colour, over-written in page */
	margin:20px 0 0 0;
	padding:12px;
}
.pull h2, .pull h3, .pull h4, .pull h5 {
	font-weight:normal;
	margin:0 0 0.6em 0;
	padding:0;
}
.pull h2 {
	font-size:1.6em;
}
.pull h3 {
	font-size:1.4em;
}
.pull h4 {
	font-size:1.2em;
}
.pull h5 {
	font-size:1.1em;
}
.pull .boxOffice {
	margin-bottom:0;
}
p#boxOffice {
	font-size:2em;
	margin:0 0 0.7em 0;
}
#shopgifts {
	float: left;
	display: inline;
	margin-left: -20px;
	position: relative;
	width: 540px;
}
#shopgifts p.premier {
	float: left;
	margin: 0;
	padding-left: 20px;
	width: 340px;
}
a.visitshop_large {
	float: left;
}
#shopgifts .pull {
	border: 3px solid #333;
	display: inline;
	margin-right: 20px;
	width: 220px;
}
#shopgifts .pull ul {
	margin: 0.4em 0 0.5em 0;
	padding-left: 15px;
}
#shopgifts .pull ul li {
	padding-bottom: 0.8em;
}
#shopgifts_pulls {
	float: left;
}
.pull.memberships {
	background: url(../img/pull_memberships.png) no-repeat bottom right;
}
.pull.vouchers {
	background: url(../img/pull_vouchers.png) no-repeat bottom right;
}
.pull.dvds {
	background: url(../img/pull_dvds.png) no-repeat bottom right;
}
.pull.merchandise {
	background: url(../img/pull_merchandise.png) no-repeat bottom right;
}
.pull.merchandise p {
	margin-top: 0;
	width: 110px;
}
a.visitshop {
	background-image: url(../img/visitshop.png);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 86px;
	text-indent: -9999em;
}
a.visitshop_large {
	background-image: url(../img/visitshop_large.png);
	background-repeat: no-repeat;
	display: inline;
	float: right;
	height: 31px;
	margin-right: 20px;
	margin-top: 15px;
	width: 132px;
	text-indent: -9999em;
}
span.comingsoon {
	background: url(../img/comingsoon.png) no-repeat 0 0;
	display: block;
	height: 21px;
	text-indent: -9999em;
	width: 89px;
}
.pull.dvdtitles {
	border: 3px solid #333;
}
.pull.dvdtitles ul {
	list-style-type: none;
	margin: 0 0 0.6em 0;
	padding: 0;
}
.pull.dvdtitles ul li {
	padding-bottom: 0.8em;
}



/* Subnav
----------------------------------------------- */
#subnav {
	margin:-0.8em 0 0 0;
	padding:0;
}
#subnav li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
#subnav li a {
	display:block;
	padding:7px 10px 10px 10px;
}
#subnav li.on {
	background:url(../img/subNavLeft.gif) no-repeat top left #000;
}
#subnav li.on a {
	background:url(../img/subNavRight.gif) no-repeat top right;
	color:#fff;
}




/* Pagination
----------------------------------------------- */
ul.pagination {
	margin:0;
	padding:0;
}
ul.pagination li {
	margin:0;
	padding:0;
	list-style:none;
	display:inline;
}
ul.pagination li a {
	padding:0 0.2em;
}
ul.pagination li.on {
	font-weight:bold;
	padding:0 0.2em;
}
ul.pagination li.previous {
	border-right:1px solid #666;
	padding-right:0.6em;
	margin-right:0.2em;
}
ul.pagination li.next {
	border-left:1px solid #666;
	padding-left:0.6em;
	margin-left:0.2em;
}
ul.pagination li.previous a, ul.pagination li.next a {
	padding:0;
}
ul.pagination li.previous, ul.pagination li.next {
	color:#999;
}




/* Film Information
----------------------------------------------- */
dl.filmDetails {
	margin:0.6em 0 0 0;
	padding:0;
}
dl.filmDetails dt {
	display:none;
}
dl.filmDetails dd {
	margin:0;
	padding:0 1em 0 0;
	display:inline;
	font-size:1.05em;
	background: url(../img/film/ddBg.gif) no-repeat right 0.1em;
}
dl.filmDetails dd.noslash {
	background: none;
}
dl.filmDetails dd.cert {
	margin:0;
	padding:0;
	display:block;
	background:none;
}
dl.filmDetails dd.cert span {
	font-size:0.9em;
}
dl.filmDetails dd.cast {
	margin:0;
	padding:0;
	display:block;
	color:#ccc;
	font-size:1em;
	background:none;
}
p.notes {
	margin:0.6em 0;
	color:#999;
}





/* Calendars
----------------------------------------------- */
.month h4 {
	margin:0 0 0.8em 0;
	padding:0;
	font-weight:bold;
	font-size:1em;
	text-transform:uppercase;
}
.month .grid {
	font-size:0.9em;
}
.month .grid th {
	text-align:center;
	color:#999;
	font-weight:normal;
	padding:2px 2px 3px 2px;
}
.month .grid td {
	text-align:center;
	padding:2px;
}
.month .grid td.been, .month .grid td.noData {
	border:1px solid #333;
	color:#999;
}
.month .grid td a, .month .grid td a:visited {
	color:#fff;
	display:block;
	margin:-2px;
	padding:2px;
	border:1px solid #B98F2E;	/* default colour, over-written in page */
}
.month .grid td a:hover {
	color:#000;
	text-decoration:none;
	background-color:#DCC796;	/* default colour, over-written in page */
	border:1px solid #DCC796;	/* default colour, over-written in page */
}
.month .grid td a.displayed, .month .grid td a.displayed:visited {
	color:#000;
	text-decoration:none;
	background-color:#B98F2E;	/* default colour, over-written in page */
	border:1px solid #B98F2E;	/* default colour, over-written in page */
}
.month .grid td.blank {
	border:0;
}




/* Small navigation options
----------------------------------------------- */
ul.options {
	margin:0;
	padding:0;
}
ul.options li {
	list-style:none;
	display:inline;
	margin:0 10px 0 0;
	padding:0 10px 0 0;
	border-right:1px solid #888;
}
ul.options li a {
	font-weight:bold;
}
ul.options li.last {
	border:0;
}




/* Puffs
----------------------------------------------- */
#puffs .puff {
	float:left;
	margin:0 15px 15px 0;
	background-position:10px 40px;
}
#puffs .puff p {
	padding:3px 4px 6px 70px;
}
#puffs .last {
	margin-right:0;
}
#puffAbout { background:url(../img/icons/info.gif) no-repeat; }
#puffCafe { background:url(../img/cafe/drink.gif) no-repeat 10px 30px; }
#puffFriends { background:url(../img/icons/friends.gif) no-repeat; }
#puffEmail{ background:url(../img/icons/emailList.gif) no-repeat; }
#puffs p {
	line-height:1.5em;
}
#puffs h3 {
	margin:0;
	padding:0 4px 6px 4px;
	font-size:1.1em;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom:2px solid #808080;
}
#puffs h3 a, #puffs h3 a:visited {
	color:#fff;
}




/* Ratings
----------------------------------------------- */
.certificate {
	width:18px;
	height:14px;
	display:block;
	text-indent:-10000em;
	background-repeat:no-repeat;
	float:left;
	margin:4px 0 0 1em;
}
.rated-R18 {
	background-image:url(../img/rating/r18.gif);
}
.rated-18 {
	background-image:url(../img/rating/18.gif);
	background-position:3px 0;
}
.rated-15 {
	background-image:url(../img/rating/15.gif);
	background-position:3px 0;
}
.rated-12 {
	background-image:url(../img/rating/12.gif);
	background-position:3px 0;
}
.rated-12a {
	background-image:url(../img/rating/12a.gif);
	background-position:3px 0;
}
.rated-PG {
	background-image:url(../img/rating/pg.gif);
	background-position:2px 0;
}
.rated-U {
	background-image:url(../img/rating/u.gif);
	background-position:2px 0;
}
.rated-Uc {
	background-image:url(../img/rating/uc.gif);
	background-position:2px 0;
}




/* Forms
----------------------------------------------- */
form label, form .row.multi legend {
	width:200px;	/* use additional class of container at start of this arguement to target any difference to this site-wide standard */
}
form .row.submit {
	margin:1em 0 0 206px;
}
form .textbox input, form .textarea textarea {
	width:250px;
}
form .row.multi fieldset label {
	width:auto;
}
form .textButton {
	border:0;
	background:none;
	color:#B98F2E;	/* default colour, over-written in page */
}
form select {
	border:1px solid #ccc;
}
.button {
	margin:0;
	padding:0;
	vertical-align:middle;
	background-color:#B98F2E;	/* default colour, over-written in page */
}



/* Footer
----------------------------------------------- */
#footer {
	font-size:0.85em;
	margin:22px 0;
	padding:14px 20px;
	color:#777;
	border-top:1px solid #B98F2E;	/* default colour, over-written in page */
}
#legals1 {
	width:19%;
	float:left;
}
#legals2 {
	width:18%;
	float:left;
}

#logoBanner {
	float: left;
        width: 63%;
        text-align: center;
}
#logoBanner img{
	margin-top: -13px;
}
#legals1 ul {
	overflow: hidden;
}
#legals1 ul, #legals1 li,
#legals2 ul, #legals2 li {
	margin:0;
	padding:0;
}
#legals1 li,
#legals2 li {
	list-style:none;
	float:left;
	margin-right:8px;
	padding-right:8px;
}
#legals2 li {
	border-right:1px solid #444;
	margin-bottom: 15px;
}
#legals2 li.last {
	margin-right:0;
	padding-right:0;
	border:0;
}
#legals2 li.addthis {
	border:0;
	float:right;
	margin-right:0;
	padding-right:0;
}

#credits {
	float:right;
	width:12%;
	text-align:right;
	color:#777;
}
#credits a {
	display:block;
}
#line {
	float:right;
	text-align:right;
	color:#777;
/*	padding-right:1em;
	margin-right:1em;*/
	border-right:0px solid #333;
	margin-top: -1em;
}
#line a, #line a:visited {
	background:url(../img/line-logo.png) 0px -60px no-repeat; 
	color:#666;
        width: 75px;
        height: 20px;
}
#line a strong {
	display:none;
}

#eqsn {
	float:right;
	text-align:right;
	color:#777;
}
#eqsn a, #eqsn a:visited {
	background:url(../img/logo-eqsn.gif) no-repeat 100% 0px;
	padding:4px 56px 4px 0;
	color:#666;
}
#eqsn a strong {
	display:none;
}
#eqsn a:hover {
	text-decoration:none;
	background-position:100% -20px;
}



/* Headings
----------------------------------------------- */
h1.replace {
	font-size:20px;
	margin:0;
}
h2.replace {
	font-size:16px;
	margin:0;
}




/* Miscellaneous
----------------------------------------------- */
.inline {
	display:inline;
}
#sky {
	position:absolute;
	top:270px;
	right:21px;
}
.pull.transport {
	border-color:#444;
}
.transport h5 {
	margin:1em 0 0 0;
}
.transport p {
	margin:0;
}
#buses, #buses li, ul#stations, ul#stations li {
	margin:0;
	padding:0;
}
#buses li {
	list-style:none;
	display:inline;
}
ul#stations li {
	list-style-position:inside;
	margin-top:0.2em;
}




/* Accessibility page
----------------------------------------------- */
dl#accessList dt, dl#accessList dd {
	float:left;
	margin-bottom:0.4em;
}
dl#accessList dt {
	clear:left;
}
.translation {
	font-size:0.85em;
}




/* Sales offline
----------------------------------------------- */
.offline {
	color:#3f3f3f;	/* sales offline */
}
.callOffline {
	color:#fff;
	display:block;
	text-align:center;
	margin-top:1em;
}
#basket .callOffline {
	margin-top: 0.25em;
}

.googlemap p {
  margin:0;
  padding:0;
}

#social-media {
	background:url(../img/tweets.png) no-repeat 0px 0px;
	padding-top: 32px;
    position: absolute;
    text-align: left;
    top: 18px;
    width: 235px;
	left: 20px;
	height: 120px;
}
#social-media .follow-us {
	position: absolute;
	bottom: 7px;
	left: 0;
	width: 100%;
}
#social-media .follow-us p {
	margin: 0;
	width: 100%;
}
#social-media .follow-us span {
	float: left;
	display: inline;
}
#social-media .follow-us span.or {
	margin: 0 7px;
}
#social-media .follow-us .follow-us-on {
	margin-right: 7px;
}
#social-media .posted-on {
	font-size: 0.907em;
}
#social-media .follow-us a {
	color: #fff;
	width: 15px;
	height: 15px;
	padding-left: 20px;
}
#social-media a:hover {
	text-decoration: none;
	color: #fff;
}
#social-media a#tw-icon {
	background:url(../img/tw.png) no-repeat 0px 0px;
}

#social-media a#fb-icon {
	background:url(../img/fb.png) no-repeat 0px 0px;
}

.tweet {
	margin-bottom: 0;
}
.tweet .latest-tweets {
	line-height: 1.2;
}
.tweet .latest-tweets .highlight, #social-media .follow-us a span {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}
.tweet_list {
	list-style: none;
	padding-left: 0px;
	margin-top: 7px;
	margin-left: 0px;
	display: inline;
	float: left;
}
.tweet_text {
	display: block;
}
.tweet_time a {
	padding-left: 0px !important;
	padding: 0px;
}
#social-media .follow-us a span {
	float: none;
}
	
.transparent {

}
