/*
-----------------------------------------------
Filmhouse styles (home / what's on)
----------------------------------------------- */

#todayWrapper {
	background:url(../img/home/todayWrapperBg.gif) top left repeat-y;
}
#showingToday {
	width:370px;
	margin:0 0 0 20px;
	position:relative;
	border-top:4px solid #000;
	float:left;
}
#showingToday h1 {
	background-repeat:no-repeat;
	background-position:0 2px;
	text-indent:-10000em;
	height:20px;
	margin:0;
	padding:4px 0 6px 0;
}
#showingToday h1.isToday {
	background-image:url(../img/home/showingToday.gif);
}
#showingToday h1.notToday {
	background-image:url(../img/home/screeningsFor.gif);
}
#showingToday .intro {
	background:url(../img/home/showingBg.gif) repeat-x #1e1e1e;
	padding:10px 22px 9px 17px;
	height:45px;
	border-bottom:1px dotted #000;
}
#showingToday #date {
	position:absolute;
	top:10px;
	right:22px;
	width:60px;
}
#showingToday #date .day {
	font-size:0.85em;
	font-weight:bold;
	display:block;
	text-align:center;
}
#showingToday #date .number {
	font-size:3.4em;
	font-weight:bold;
	display:block;
	text-align:center;
	margin-top:-4px;
}
#dayNav {
	margin:0 0 0 0;
	padding:2px 0 0 0;
}
#dayNav li {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:0.85em;
	float:left;
	font-weight:bold;
}
#dayNav li.previous a {
}
#dayNav li.previous a img {
	/*margin:-3px 6px 0 0;	*/
	padding:0;
	vertical-align:middle;
		/*background-color:#B98F2E; default colour, over-written in page */
}
#dayNav li.previous span.null {
	background:url(../img/home/prev0.gif) no-repeat;
	color:#404040;
	padding:1px 0 3px 19px;
}
#dayNav li.previous {
	border-right:1px solid #999;
	padding-right:8px;
	margin-right:8px;
}
#dayNav li.next a.text {
	float:left;
	margin:0 0.7em 0 0;
}
#dayNav li.previous a.text {
	float:left;
	margin:0 0 0 0.7em;
}
#dayNav li.next a img {
/*	margin:-3px 0 0 6px;	*/
	padding:0;
	vertical-align:middle;
		/*background-color:#B98F2E; default colour, over-written in page */
}
#dayNav li.next span.null {
	background:url(../img/home/next0.gif) no-repeat top right;
	color:#404040;
	padding:1px 19px 3px 0;
}
#dayNav .circle {
	width:13px;
	height:13px;
	display:block;
	float:left;
}



/* Day's movies
----------------------------------------------- */
#todaysMovies {
	margin:0;
	padding:0;
}
#todaysMovies li {
	margin:0;
	padding:0;
	list-style:none;
}
#todaysMovies li.film {
	margin:0;
	list-style-type:none;
	background-color:#1c1c1c;
	border-bottom:1px dotted #000;
	padding:7px 49px 7px 35px;
	position:relative;
	min-height:28px;
	height:auto;
}
#todaysMovies li.on {
	background-color:#000;
}
#todaysMovies li.film:hover {
	background-color:#111;
}
#todaysMovies li li {
	border-bottom:0;
}
#todaysMovies li.film .title {
	font-size:1.1em;
	font-weight:bold;
}
#todaysMovies .screeningTimes {
	margin:0;
	padding:0;
}
#todaysMovies .screeningTimes li {
	float: left;
	width: 24%;
}
#todaysMovies .screeningTimes li.exception {
	margin-top: -2px;
	position: relative;
}
#todaysMovies .screeningTimes li.exception sup,
#special_cases_key ul.inline li sup {
	color: #666;
	font-size: 0.75em;
	text-transform: uppercase;
}
#todaysMovies .screeningTimes li .cinemaNumber {
	color:#888;
	font-size: 0.8em;
	margin-top: -2px;
	position: relative;
}
#todaysMovies li.film .buyButton {
	position:absolute;
	top:13px;
	right:13px;
	background-color:#B98F2E;	/* default colour, over-written in page */
	/* background-color:#252525;	 no sales */
}
#todaysMovies li.film .buyButton:hover {
	background-color:#f00;	/* default colour, over-written in page */
	/* background-color:#292929;	no sales */
}
#special_cases_key {
	padding: 6px 12px 6px 16px;
}
#special_cases_key p {
	font-weight: bold;
	padding-right: 0.4em;
}
#special_cases_key ul.inline {
	padding: 0;
	margin: 0;
}
#special_cases_key ul.inline li {
	color: #aaa;
	padding:0 4px 0 0;
	margin:0 4px 0 0;
	display:inline;
}
#special_cases_key ul.inline li.last {
	padding:0;
	margin:0;
	border:0;
}




/* Ratings
----------------------------------------------- */
#todaysMovies li.film .certificate {
	position:absolute;
	top:4px;
	left:3px;
}
#todaysMovies li.film .rated-R18 {
	background-image:url(../img/rating/r18.gif);
}
#todaysMovies li.on .rated-R18 { background-image:url(../img/rating/r18k.gif); }
#todaysMovies li.film .rated-18 {
	background-image:url(../img/rating/18.gif);
	background-position:3px 0;
}
#todaysMovies li.on .rated-18 { background-image:url(../img/rating/18k.gif); }
#todaysMovies li.film .rated-15 {
	background-image:url(../img/rating/15.gif);
	background-position:3px 0;
}
#todaysMovies li.on .rated-15 { background-image:url(../img/rating/15k.gif); }
#todaysMovies li.film .rated-12 {
	background-image:url(../img/rating/12.gif);
	background-position:3px 0;
}
#todaysMovies li.on .rated-12 { background-image:url(../img/rating/12k.gif); }
#todaysMovies li.film .rated-12A {
	background-image:url(../img/rating/12a.gif);
	background-position:3px 0;
}
#todaysMovies li.on .rated-12a { background-image:url(../img/rating/12ak.gif); }
#todaysMovies li.film .rated-PG {
	background-image:url(../img/rating/pg.gif);
	background-position:2px 0;
}
#todaysMovies li.on .rated-PG { background-image:url(../img/rating/pgk.gif); }
#todaysMovies li.film .rated-U {
	background-image:url(../img/rating/u.gif);
	background-position:2px 0;
}
#todaysMovies li.on .rated-U { background-image:url(../img/rating/uk.gif); }
#todaysMovies li.film .rated-Uc {
	background-image:url(../img/rating/uc.gif);
	background-position:2px 0;
}
#todaysMovies li.on .rated-Uc { background-image:url(../img/rating/uck.gif); }






/* Featured Film
----------------------------------------------- */
#featuredFilm {
	float:left;
	margin:0 0 0 6px;
	width:584px;
	min-height:63px;
	padding-bottom:6px;
}
#featuredFilm h2 {
	margin:20px 10px 7px 10px;
	padding:0;
	font-size:1.5em;
	font-weight:bold;
	width:450px;
}
#featuredFilm h2 a, #featuredFilm h2 a:visited {
	color:#fff;
}
#featuredFilm ul.options {
	margin:0;
	padding:0;
}
#featuredFilm ul.options li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	border:0;
}
#featuredFilm #featuredOptions ul {
	margin:0 0 0 10px;
	padding:0;
}
#featuredFilm #featuredOptions ul li {
	margin:0 10px 0 0;
	padding:0 10px 0 0;
	border-right:1px solid #888;
}
#featuredFilm #featuredOptions ul li a {
	font-weight:bold;
}
#featuredFilm #featuredTimes ul li {
	margin:0 0 0 10px;
	padding:0 0 0 10px;
	border-left:1px solid #888;
}
#featuredFilm #featuredOptions ul li.last {
	border:0;
}
#featuredFilm #featuredTimes {
	font-size:0.9em;
}
#featuredFilm #featuredTimes {
	padding-top:0.2em;
}
#featuredFilm #featuredTimes ul {
	margin:0;
	padding:0;
}
#featuredFilm #featuredTimes ul li.first {
	border:0;
	padding:0;
}
#featuredPic {
	margin:0 0 0 6px;
	padding:0;
	float:left;
	position:relative;
}
#featuredPic ul {
	margin:0;
	padding:0;
}
#featuredPic ul li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:110px;
}
#featuredPic ul li.previous {
	left:0;
}
#featuredPic ul li.next {
	right:0;
}
#featuredPic ul li .chevron {
	position:absolute;
	top:14px;
	background-color:#B98F2E;	/* default colour, over-written in page */
}
#featuredPic ul li.previous .chevron {
	left:0;
}
#featuredPic ul li.next .chevron {
	right:0;
}
#featuredPic ul li a:hover .chevron, #featuredPic ul li:hover a .chevron {
	background-color:#DCC796;	/* default colour, over-written in page */
}






/* Diary panel
----------------------------------------------- */
#calendar {
	border:3px solid #1c1c1c;
	border-top-width:6px;
	margin:0 0 0 20px;
	width:346px;
	background:url(../img/home/diaryBg.gif) repeat-x left bottom #0f0f0f;
	padding:20px 6px 16px 12px;
	float:left;
	min-height:178px;
}
#calendar ul.inline {
	padding:0;
	margin:0 0 0 0.3em;
}
#calendar ul.inline li {
	padding:0 8px 0 0;
	margin:0 4px 0 0;
	border-right:1px solid #999;
	display:inline;
}
#calendar ul.inline li.last {
	padding:0;
	margin:0;
	border:0;
}
#calendar #monthWrapper {
	margin:0 0 18px 10px;
}
#calendar .month {
	float:left;
	width:49%;
}
#calendar .month h4 {
	background-repeat:no-repeat;
	text-indent:-10000em;
	height:13px;
}
#calendar .month h4.January { background-image:url(../img/home/months/January.gif); }
#calendar .month h4.February { background-image:url(../img/home/months/February.gif); }
#calendar .month h4.March { background-image:url(../img/home/months/March.gif); }
#calendar .month h4.April { background-image:url(../img/home/months/April.gif); }
#calendar .month h4.May { background-image:url(../img/home/months/May.gif); }
#calendar .month h4.June { background-image:url(../img/home/months/June.gif); }
#calendar .month h4.July { background-image:url(../img/home/months/July.gif); }
#calendar .month h4.August { background-image:url(../img/home/months/August.gif); }
#calendar .month h4.September { background-image:url(../img/home/months/September.gif); }
#calendar .month h4.October { background-image:url(../img/home/months/October.gif); }
#calendar .month h4.November { background-image:url(../img/home/months/November.gif); }
#calendar .month h4.December { background-image:url(../img/home/months/December.gif); }






/* Tabs panel
----------------------------------------------- */
#tabsWrapper {
	width:584px;
	margin:3px 0 0 6px;
	float:left;
	position:relative;
}
#tabNav {
	margin:0;
	padding:0;
}
#tabNav li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
#tabNav li a, .tabLayer h3 {
	height:33px;
	text-indent:-10000em;
	display:block;
	background-repeat:no-repeat;
	border:3px solid #000;
	outline: none;
	background-position:-8px 0;
}
#tabNav li a:hover {
	background-position:-8px -31px;
}
/* following are default images - overwritten in head of page
#tabNav li#tabNewReleases a, #layerNewReleases h3 { background-image:url(../img/home/tabNewReleases.gif); width:102px; }
#tabNav li#tabSeasons a, #layerSeasons h3 { background-image:url(../img/home/tabSeasons.gif); width:135px; }
#tabNav li#tabSpecials a, #layerSpecials h3 { background-image:url(../img/home/tabSpecials.gif); width:120px; }
#tabNav li#tabLearning a, #layerLearning h3 { background-image:url(../img/home/tabLearning.gif); width:74px; } */
.tabLayer {
	position:absolute;
	width:578px;
	border:3px solid #1e1e1e;
	background:url(../img/home/tabBg.gif) repeat-y;
	min-height:175px;
}
.tabLayer h3 {
	margin:-42px 0 0 -3px;
	padding:0;
	border:3px solid #1e1e1e;
	border-bottom:0;
	background-position:-8px -93px;
	background-color:#000;
	height:39px;
}
#layerSeasons { display: none; }
#layerSpecials { display: none; }
#layerLearning { display: none; }

#layerSeasons h3 { margin-left:105px; }
#layerSpecials h3 { margin-left:245px; }
#layerLearning h3 { margin-left:372px; }
.tabLayer a {
  outline: none;
}
.tabLayer ul {
	margin:0;
	padding:0;
}
.tabLayer ul li {
	margin:0;
	padding:9px;
	width:174px;
	list-style:none;
	float:left;
	color:#999;
}
.tabLayer ul li img {
	margin:-9px -9px 7px -9px;
	width:192px;
	height:119px;
}
.tabLayer ul li.middle {
	margin:0 1px;
}
.tabLayer ul li a:hover {
	text-decoration:none;
}
.tabLayer ul li a:hover span {
	text-decoration:underline;
}
.tabLayer ul li span.showDates {
	font-size:0.85em;
}
.tabLayer ul li.all {
	position:absolute;
	top:-36px;
	right:-11px;
	font-size:0.85em;
	width:auto;
	z-index:100;
}
.tabLayer ul li.all a:hover {
	text-decoration:underline;
}
.tabLayer .gradient {
	position:absolute;
	top:0;
	left:0;
	z-index:20;
}
#layerLearning {
	background:#000;
}
#layerLearning div {
	padding:0 10px;
}
#layerLearning div img {
	float:right;
	margin:-5px -5px 5px 10px;
}

#layerSpecials h3 {
	background-position:-7px -93px;
}





/* Puffs
----------------------------------------------- */
#lower {
	margin:32px 19px 0 20px;
}
#lower p {
	line-height:1.5em;
}
#lower h3 {
	margin:0;
	padding:0 4px 6px 4px;
	font-size:1.1em;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom:2px solid #808080;
}
#lower h3 a, #lower h3 a:visited {
	color:#fff;
	height:16px;
	text-indent:-10000em;
	display:block;
}
#latestNews {
	width:363px;
	float:left;
}
#latestNews h3 a {
	background:url(../img/home/news.gif) no-repeat;
	width:86px;
}
#latestNews img {
	float:right;
	margin:-23px 6px 0 0;
}
#latestNews p {
	padding:3px 4px;
}
#latestNews p a {
	font-size:1.1em;
}
#puffs {
	width:583px;
	float:left;
	margin-left:15px;
}
#puffs .puff {
	float:left;
	width:283px;
	margin:0 15px 15px 0;
}
#puffs .last {
	margin:0;
}
#puffAbout h3 a {
	background:url(../img/home/about.gif) no-repeat;
	width:122px;
}
#puffCafe h3 a {
	background:url(../img/home/cafe-bar.gif) no-repeat;
	width:67px;
}
#puffFriends h3 a {
	background:url(../img/home/loyalty.gif) no-repeat;
	width:163px;
}
#puffEmail h3 a {
	background:url(../img/home/email.gif) no-repeat;
	width:94px;
}