
/*======================================
	Cinema Listings											
   ======================================*/
	

/*--------Displaying Cinema Information----------*/	
#cinemaListings  {
	text-align:left;
	background:#fff;
	width:854px;
	}

/*#cinemaListings #cinemaDetails { background:#CCC; width:854px; height:63px; }
#cinemaListings #cinemaDetails h4 { float:left; margin:0; padding:14px 0 0 8px; font-size:.9em}
#cinemaListings #cinemaDetails p { float:right; margin:0; padding:14px 8px 0 0; }
*/

#cinemaListings .movieWrapper { width:854px;  margin:0; clear:both; padding:3px 0 3px 0; position:relative; }
#cinemaListings .movieWrapper:hover { background:#E1EAF4; }
#cinemaListings .movieCount { 
background: url(../images/movies/movieNumber2.png) top left no-repeat; 
color:#fff; 
text-align:left; 
font-style:italic; 
font-size:10px; 
font-weight:bold; 
margin:0 !important; 
margin:0 0 0 -2px; 
padding:7px 0 0 10px; 
position:absolute; 
left:1px;
top:77px; 
height:27px; 
width:65px; 
z-index:6; 
}

#cinemaListings .movieSummary { width:275px; float:left; }
#cinemaListings .movieSummary h4 { padding:8px 4px 0 85px; margin:0; font-size: 1.5em; line-height:1.3em; }
#cinemaListings .movieSummary h4 a { color:#036;}
#cinemaListings .movieSummary img.thumb { float:left; border:none; padding:5px; }
#cinemaListings .movieSummary .stars{  margin:0;  padding: 5px 2px; display:block; }
#cinemaListings .movieSummary .reminders { text-align:center; position:absolute; top:50px; right:18px; padding:5px; margin:0; display:block;  border:none; }
#cinemaListings .movieSummary .reminders img{ padding:0;; margin:5px; }



#cinemaListings .review_btn a { background: url(../images/movies/reviewButton.png); 
display:block; 
margin:3px 3px 0 0; 
height:25px; 
overflow:hidden; 
text-indent:-9999px; 
width:56px; }
#cinemaListings .review_btn a:hover { background-position: 0 25px; }
#cinemaListings .trailer_btn a { background: url(../images/movies/trailerButton.png); 
display:block; 
margin:3px 3px 0 0; 
height:25px; 
overflow:hidden; 
text-indent:-9999px;
width:56px; 
float:left; }
#cinemaListings .trailer_btn a:hover { background-position: 0 25px; }

/*-------Movie Times Container-----------*/

#cinemaListings .movieShowTime { width:568px; float:left; margin:0; padding:5px 10px 0 0; }
#cinemaListings .movieShowTime .begin { background:url(../images/movies/movieTimes3.png) 0 0 !important; background:url(../images/movies/movieTimes2.png) 0 0; height:40px; width:568px; }
#cinemaListings .movieShowTime .end { background:url(../images/movies/movieTimes3.png) left bottom !important; background:url(../images/movies/movieTimes2.png) left bottom; margin:0; width:568px; padding:0; }
#cinemaListings .movieShowTime .end .content { padding:15px 120px 25px 15px; margin:0; }
#cinemaListings .movieShowTime .end .content p { font-size:1.2em; line-height: 1.4em; padding:0; margin:0; }


/*----Prev and Next Page Index -----*/

#pageNavigation {width:588px; float:right; height:41px; margin:5px 0 5px 0 ; padding:0; list-style:none; background: url(../images/movies/cinemaInfoBg.png) top left repeat-x; border:1px solid #ccc; font-size:1.2em; list-style:none; }
#pageNavigation li { margin:0; padding:12px 0 0 0 ; float:left; height:22px; color:#036; display:block;/*background:#CCC;*/ }
#pageNavigation li a { color:#06c; }
#pageNavigation a:active, #pageNavigation a:hover, #pageList a:visited, #pageNavigation  a:focus { color:#036;  }
#pageNavigation #pageList { width:360px; float:left; padding:14px 0 0 0; text-align:center; }
#pageNavigation #pageList a { color:#06c; text-decoration:underline; }
#pageNavigation #pageList a:hover { color:#036;  }
#pageNavigation #next a { 
text-align:right;
text-decoration:underline;
display:inline;
padding:2px 19px 0 0; 
margin:0 10px 0 0;
float:right; 
background: url(../images/16x16_orange_go.gif) no-repeat right; }
#pageNavigation #next .dis { 
text-align:right; 
display:inline; 
padding:2px 19px 0 0; 
margin:0 5px 0 0;
float:right; 
color:#666;
background: url(../images/16x16_orange_goGrey.gif) no-repeat right; }

#pageNavigation #prev a { 
float:left; 
text-decoration:underline;
display:inline; 
padding:2px 0 0 19px; 
margin:0 0 0 14px;
background: url(../images/16x16_orange_prev.gif) no-repeat left; }

#pageNavigation #prev .dis { 
float:left; 
display:inline; 
padding:2px 0 0 19px; 
margin:0 0 0 14px;
color:#666;
background: url(../images/16x16_orange_prevGrey.gif) no-repeat left; }

#cinemaInformation { height:41px; margin:5px 0 5px 0 ; padding:0; list-style:none; background: url(../images/movies/cinemaInfoBg.png) top left repeat-x; border:1px solid #ccc; }
#cinemaInformation li { color:#2A2C2D; display:block;/*background:#CCC;*/ }
#cinemaInformation li a { height:20px; color:#06c; }
#cinemaInformation #bookTickets a { 
display:block; 
margin:5px 10px 5px 0; 
padding:0;
float:right; 
text-indent:-9999px;
width: 144px;
height: 32px;
background:  url(../images/movies/bookTicketsButton.png) top right;
overflow:hidden;
}
#cinemaInformation #bookTickets a:hover { 
background-position:right 32px;
overflow:hidden;
}
#cinemaInformation #cinemaDetails { 
float:left; 
display:block; 
margin:12px 0 0 5px; 
padding:0;
font-size:1.5em;
font-weight:bold;}
#cinemaInformation #cinemaDetails span{
font-size:.8em;	color:#06c; background:url(../images/movies/telephone.png) no-repeat; padding:0 0 0 16px; margin-left:7px; ; 
}
/*-------General----------*/
.smaller { font-size:80%; }
.skyBlue { color:#0066CB; }
.hover { background:#E1EAF4; }
.movieButton {
	width:258x; width:262px !important; float:left; height:43px;  height:41px !important; margin:5px 0 5px 0 ; padding:0; background: url(../images/movies/cinemaInfoBg.png) top left repeat-x; border:1px solid #ccc; border-right:none;
}
.wideButton300 {
	width:318px !important; width:320px; border:1px solid #ccc;
}
.listAllMovies{
	margin:11px 0 0 5px;	
	}

/*################### Book tickets now button for featured cinemas#######################*/

a.bookNowFeatured {
	background: url(../images/movies/bookTicketsNowRed.png) top left no-repeat;
	width:113px;
	height:20px;
	display:block;
	margin:0;
	overflow:hidden; 
	text-indent:-9999px; 
	position:absolute;
	right:137px;
	top:17px;
	}
	a.bookNowFeatured:hover {
	background-position: left -20px ;
	
	}
/*###################End of Book tickets now button for featured cinemas#######################*/

/*###################Begin Top Priority CInema per county #######################*/
#cinemaListTable-NEW {
	
	background:#eee;
	border:1px solid #ddd;
	
	}
#cinemaListTable-NEW ul {
	margin:10px 135px;
	padding:0;
	width:580px;
	list-style:none;
	list-style-position:inside;
	
		}
#cinemaListTable-NEW ul li {
	positio
	line-height:2.0em;	
	background:url(../images/movies/paleGreyBG.png) top left repeat-x;
	height:17px;
	border-collapse:collapse;
	border:thin solid #ddd;
	padding: 7px 7px 7px 14px;
	
	}	
#cinemaListTable-NEW ul li.featured {
	background:url(../images/movies/paleOrangeBG.png) top left repeat-x;
	height:30px;
	padding:11px 7px 5px 14px;
	position:relative;
	}	
	
	span.featuredMark {
		position:absolute;
		background:url(../images/movies/spotLight.gif) no-repeat top left;
		width:75px;
		height:21px;
		top:0;
		left:0;
		display:block;
		}

#cinemaListTable-NEW ul li a{
	font-size:1.5em;
	color:#036;
	font-weight:bold;
	padding:4px 0 0 0;
	display:block;
	}

#cinemaListTable-NEW ul li span.right-link {
	float:right; 
	font-size:0.7em; 
	font-weight: bold;
	}
#cinemaListTable-NEW ul li span.right-link a {
	color: #f60; 
	padding: 0 0 3px 0;
	margin: 0 0 0 0 ;
	display:block;
	}
	
	
#cinemaListTable-NEW ul li span.right-link img { 
	vertical-align:text-bottom
	}

/*###################End Top Priority CInema per county #######################*/
a.ShowMovieAt {
	color:#036;
	font-size:1.2em;
	font-weight:bold;
	background: url(../images/movies/NowShowing.png) left top no-repeat;
	width:160px;
	height:17px;
	display:block;
	margin:0 0 5px 0;
	padding:3px 0 0 120px;
	overflow:hidden; 
	
	}
a.ShowMovieAt:hover {
	background-position:left -21px ;
	}
