/* CSS styles applicable across all At The Cinema pages */

/* subnav */
#btn_in_cinemas_now {
	width:            136px;
	background-image: url('../images/cinema/btn_in_cinemas_now.gif');
	}
#btn_in_cinemas_now.active {
	width:            136px;
	background-image: url('../images/cinema/tab_in_cinemas_now.gif');
	}
#btn_trailers {
	width:            93px;
	background-image: url('../images/cinema/btn_trailers.gif');
	}
#btn_trailers.active {
	width:            93px; 
	background-image: url('../images/cinema/tab_trailers.gif');
	}
#btn_reviews {
	width:            92px;
	background-image: url('../images/cinema/btn_reviews.gif');
	}
#btn_reviews.active {
	width:            89px;
	background-image: url('../images/cinema/tab_reviews.gif');
	}
#btn_mobilemovies {
	width:            236px;
	background-image: url('../images/cinema/btn_mobilemovies.gif');
	}
#btn_mobilemovies.active {
	width:            236px;
	background-image: url('../images/cinema/btn_mobilemovies_active.gif');
	}



#cinemaWrapper {
	margin:           24px 0px 24px 24px;
	width:            620px;	
}

.border {
	border-top:       1px solid #ccc;
	margin-top:       10px;
	padding-top:      10px;
}

.headerImage {
	clear:            right;
	margin-bottom:    10px;
}

.leftColumn {
	display:          block;
	float:            left;
	margin-right:     20px;
	width:            300px;
}

.leftColumnSmall {
	display:          block;
	float:            left;
	margin-right:     10px;
	width:            145px;
}

.noborder {
	margin-top:       10px;
}

.rightColumn {
	display:          block;
	float:            right;
	width:            300px;
}

.rightColumnSmall {
	display:          block;
	float:            right;
	width:            145px;
}

.trailerImage {
	background-color: #000;
	bakground-position:left top;
	background-repeat:no-repeat;
/*height:           166px; */
	height:           210px;	
	position:         relative;
	width:            300px;
}

.trailerImage .transText {
	color:            #fff;
	margin-bottom:    -20px;
	padding-left:     5px;
	padding-right:    10px;
	position:         relative;
	top:              -41px;
	width:            285px;
}
	
.trailerImage .transText H3 A {
	color:            #fff;
}

.transparentBlack {
	background-color: #000;
	filter:           alpha(opacity=70);
	height:           46px;
	opacity:          .7;
}

#top-spacer{
	display:          none;
}


/* CSS styles for At The Cinema 'Find Showtimes' sidebar section */
.showTimesWrapper {
	width:            298px;
/*	height:           350px;*/
/*	height:           200px;*/
	background:       #fff url('../images/find_showtimes.gif') no-repeat;
	border:           1px solid #ddd;
/*	overflow:         hidden;*/
/*	position:         relative;*/
	margin-bottom:    9px;
	margin-left:      9px; 
	margin-right:     9px;
}
.showTimesForm {
	margin:           0px 10px;
	margin-top:       60px;
	position:         relative;
}
.showTimesForm h3 {
	margin-bottom: 10px;
	clear:left;
}

#showTimesLocationChosen {
	padding-top: 10px;
	display:none;
}

#showTimesLocationChosen h3 {
	margin-bottom: 5px;
}
#showTimesLocationChosen p {
	font-weight: bold;
	padding-bottom: 8px;
	margin-bottom: 0;
}

a#locationChosenChange {
	font-size: 10px;
	color: #666;
	text-decoration:underline;
	height: 18px;
	display:block;
}

.showTimesFormPostcode {
/*	position:         relative;*/
}
#showTimesFormLocation {
	height: 90px;
	margin: 0 -10px;
	padding: 10px 10px 0;
	border: solid 0 #ddd;
	display:none;
}

#showTimesFaveCinemas {
	display:none;	
}
#showTimesFaveCinemas h3 {
	margin: 8px 0 5px;
}
p#chooseFavouriteCinemas {
	background: url(/images/cinema/list_star_orange_grey.gif) #f2f2f2 no-repeat 6px 8px;
	padding: 8px 8px 8px 27px;
	display:none;
}
p#chooseFavouriteCinemas strong {
	font-weight:bold;
}
.showTimesFormLocationPostcode {
/*	left:             120px;
	position:         absolute;
	top:              32px;
	z-index:          2;*/
}
/*.showTimesFormLocationState {
	background-color: #f5f6f6;
	height:           85px;
	left:             0px;
	position:         absolute;
top:              42px;
	top:              0px;
	width:            100%;
	z-index:          1;
}
.showTimesFormLocationStateContent {
	margin:           0px 10px;
}*/

#showTimesCinemaSearch {
	clear:both;
	height:60px;
	margin:0;
	padding:15px 0 0;
	display:none;
}

#showTimesCinemaSearch h3 {
	clear:both;
	float:left;
	margin-bottom:5px;
}

#showTimesCinemaSearch #cinemaSearchLocation1 {
	float:left;
	width: 225px;
}

.noAreaChosen {
	color: #bbb;
	font-style:italic;
}

#showTimesOr {
	float:            left;
	margin:           -11px 0 0;	
	padding-left:     120px;
	width:            160px;
	position: absolute;
	display:none;
}

#showTimesMovieSearch {
	border:1px solid #ddd;
	border-width: 1px 0;
/*	margin-top:20px;*/
	margin-top: 10px;
	padding:10px 0 5px;
	height: 100px;
}

#showTimesMovieSearch label {
	display:block;
	float: left;
	width: 40px;
	clear:left;
	padding-top: 3px;
	font-weight: bold;
}

#showTimesMovieSearch select {
	display:block;
	float: left;
	width: 120px;
	margin-bottom: 10px;
}


/*
.showTimesFindMovie {
	border-top:       1px solid #ddd;
	position:         absolute;
	top:              230px;
	width:            100%;
}

.showTimesFindMovieForm {
	margin:           0px 10px;
	margin-top:       20px;
}
*/

/* cinema search */
#selState1, #selState2 {
	width: 100px;
	margin-right: 5px;
}

#selCity1, #selCity2 {
	width: 150px;
}

#selRegions1, #selRegions2 {
	width: 205px;
}

#selMovie1 {
	width: 230px !important;
}

#cinemaSearchSubmit1, #cinemaSearchSubmit2, #cinemaSearchSubmit3, #movieSearchSubmit1 {
	background: url(/images/btn_go_disabled.gif) no-repeat 1px 2px;
	float:right;
}

#cinemaSearchSubmit1 {
	margin-top: -3px;
}

#cinemaSearchSubmit2 {
	vertical-align:	middle;
	float:none;
}

#cinemaSearchSubmit3 {
}

.moreTrailersLink {
	clear:left;
	margin-top:       10px;
	margin-bottom:    10px;	
	padding-top: 10px;
}


/* favourite cinemas in sidebar */
#sidebarFaveCinemas li {
	clear:left;
	background: #f2f2f2;
	padding: 7px 0;
	margin-bottom:1px;
	position:static;
	min-height: 16px;
	height:auto !important;
	height:16px;

}

/* links, etc. */
#sidebarFaveCinemas a.cinemaName {
	font-weight: normal;
	line-height: normal;
	display:block;
	float:left;
	width:auto;
	padding-right: 5px;
}

#sidebarFaveCinemas a.isFavourite, #sidebarFaveCinemas a.isntFavourite {
	display:block;
	float:left;
	width: 17px;
	height: 17px;
	background: url(/images/cinema/list_stars_f2f2f2.gif) no-repeat left -17px;
	border:0;
	margin:0 6px;
	text-decoration: none !important;
	overflow:visible !important;
	overflow:hidden;
}

#sidebarFaveCinemas a.isFavourite {
	background-position: left top;
}

#sidebarFaveCinemas a.isFavourite:hover {
	background-position: left -34px;
}

#sidebarFaveCinemas a.isntFavourite:hover {
	background-position: left top;
}

#sidebarFaveCinemas a.isFavourite div, #sidebarFaveCinemas a.isntFavourite div {	
	display:none;
}

#sidebarFaveCinemas a.isFavourite:hover div, #sidebarFaveCinemas a.isntFavourite:hover div{
/*#sidebarFaveCinemas a.isFavourite div, #sidebarFaveCinemas a.isntFavourite div{*/
	display:block;
	background: url(../images/cinema/rollover_favourites.gif) no-repeat left top;
	height:41px;
	left:-25px;
	position:relative;
	top:-39px;
	width:217px;
	z-index:25;
	padding-top: 1px;
}

#sidebarFaveCinemas a.isFavourite div span, #sidebarFaveCinemas a.isntFavourite div span {
	display: block;
	background: #fff;
	color: #666;
	font: bold 13px Arial, Helvetica, sans-serif;
	height: 15px;
	margin: 7px;
}