/* ---------------------------------------------------------------------------------- */
/* CSS Document - last updated: 25/09/2008																						*/

/* Roses Theatre																																			*/
/* Author: Webnetism (www.webnetism.co.uk)																						*/

/* layout_control.css																																	*/
/* Media: screen																																			*/
/* ---------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------- */
/* Main layout properties																															*/
/* ---------------------------------------------------------------------------------- */

html, body {
	height: 100%;
	min-width: 976px;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	background: #fff url('../images/general/background.gif') repeat-x center top;
}

#header {
	position: relative;
	margin: 0px 0px 11px 0px;
	height: 183px;
	width: 976px;
	left: 0px;
	float: left;
	z-index: 1000;
}

#main_container {
	margin: 0 auto;
	position: relative;
	width: 976px;
	height: auto;
}

#main_content {
	position: relative;
	width: 976px;
	height: auto;
	margin: 0px;
	float: left;
}

#main_content_404 {
	position: relative;
	width: 773px;
	height: auto;
	margin: 0px;
	float: left;
	top: 60px;
	left: 102px;
}

#left_column {
	position: relative;
	width: 192px;
	height: auto;
	float: left;
	margin-right: 11px;
}

#right_column {
	position: relative;
	width: 773px;
	height: auto;
	float: left;
}

/* ---------------------------------------------------------------------------------- */
/* Header layout properties																														*/
/* ---------------------------------------------------------------------------------- */

#mast_head {
	position: relative;
	width: 976px;
	height: 151px;
	background: url('../images/general/masthead_back.gif') repeat-x;
	float: left;
}

#top_nav {
	position: relative;
	height: 28px;
	width: 976px;
	float: left;
	text-align: left;
	z-index: 1000;
}

.logo {
	position: relative;
	margin: 10px 0px 0px 0px;
	width: 90px;
	height: 131px;
	float: left;
}

.search_container {
	position: relative;
	margin: 30px 4px 0px 0px;
	width: 265px;
	height: 100px;
	float: right;
	text-align: right;
}

.search_text {
	position: relative;
	margin:0px 0px 15px 0px;
	width: auto;
	height: auto;
	float: right;
	color: #fff;
}

.search_field {
	position: relative;
	width: auto;
	height: auto;
	float: right;
}

.search_button {
	position: relative;
	margin: 2px 0px 0px 0px;
	width: 66px;
	height: 21px;
	float: right;
}

/* ---------------------------------------------------------------------------------- */
/* Body layout properties																															*/
/* ---------------------------------------------------------------------------------- */

.main_image {
	position: relative;
	width: 561px;
	height: 356px;
	float: left;
}

.large_home_box {
	margin: 0px 0px 10px 0px;
	padding: 1px;
	width: 248px;
	height: 359px;
	float: left;
	background: url('../images/boxes/large_home_back.png') no-repeat;
}

.large_home_box_inner { position: relative; }

.main_image_info {
	width: 187px;
	height: 356px;
	float: left;
	padding: 0px 15px 0px 10px;
	background-image: url(../images/boxes/info_back.jpg); background-repeat: no-repeat;
}

.main_image_info_inner { position: relative; }

.info_title {
	position: relative;
	width: 170px;
	height: 35px;
	float: left;
	padding: 5px 10px 0px 10px;
}

.info_title_box {
	position: relative;
	width: 240px;
	height: 40px;
	float: left;
}

.show_all {
	position: relative;
	width: 50px;
	top: 25px;
	height: 15px;
	float: left;
	text-align: right;
}

#film_1 { display: block; }
#film_2, #film_3, #film_4, #film_5, #film_6 { display: none; }

#live_1 { display: block; }
#live_2, #live_3, #live_4, #live_5, #live_6 { display: none; }

.info_panel {
	position: relative;
	width: 240px;
	height: 150px;
	float: left;
	padding: 0px 5px 0px 0px;
}

.info_panel_inner { position: relative; }

.info_panel_image {
	position: relative;
	width: 244px;
	height: 149px;
	float: left;
	border-top: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
	margin-bottom: 5px;
}

.info_panel_image_end {
	position: relative;
	width: 244px;
	height: 149px;
	float: left;
	border-top: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
	margin-bottom: 5px;
}

.main_image_shadow {
	position: relative;
	margin: 0px 0px 10px 0px;
	width: 772px;
	height: 6px;
	float: left;
	background: url('../images/boxes/image_shadow.png') no-repeat;
}

.main_top_border {
	width: 743px;
	height: 20px;
	float: left;
	padding: 10px 15px 0px 15px;
	background: url('../images/general/main_top_border.png') no-repeat;
}

.main_top_border_inner { position: relative; }

.main_box_back {
	position: relative;
	width: 772px;
	height: 100%;
	float: left;
	padding-left: 1px;
	background: url('../images/general/main_box_back.png') repeat-y;
	clear:both;
}

.main_info_panel {
	position: relative;
	width: 752px;
	height: 100%;
	float: left;
	padding: 10px;
}

.price_container {
	position: relative;
	width: 767px;
	height: 100px;
	float: left;
	padding: 2px 0px 0px 0px;
}

.price_title_bar {
	position: relative;
	width: 753px;
	height: 18px;
	float: left;
	padding: 2px 0px 0px 14px;
	background-color: #1958a8;
}

.pagination_panel {
	position: relative;
	margin: 5px 0px 0px 0px;
	width: 752px;
	height: 20px;
	float: left;
	padding: 1px 17px 0px 0px;
	text-align: right;
}

.info_title_bar {
	position: relative;
	width: 755px;
	height: 20px;
	float: left;
	padding: 1px 0px 0px 12px;
	background-color: #1958a8;
}

.click_title {
	position: relative;
	width: auto;
	height: auto;
	float: left;
	padding: 1px 0px 0px 0px;
}

.purple_title_bar {
	position: relative;
	width: 745px;
	height: 18px;
	float: left;
	padding: 2px 10px 0px 12px;
	margin: 5px 0px 5px 0px;
	background-color: #1958a8;
	text-align: right;
}

.purple_title_bar_inner {
	position: relative;
	width: 725px;
	height: 20px;
	float: left;
	padding: 1px 0px 0px 12px;
	background-color: #1958a8;
}

.light_title_bar {
	position: relative;
	width: 745px;
	height: 19px;
	float: left;
	padding: 1px 10px 0px 12px;
	margin: 5px 0px 5px 0px;
	background-color: #9ab6d9;
}

.search_icons {
	position: relative;
	float: left;
	width: 11px;
	height: 17px;
	padding: 4px 10px 0px 0px;
}

.search_results_text {
	position: relative;
	float: left;
	width: auto;
	height: 17px;
	padding: 3px 0px 1px 0px;
}

.search_results_bar {
	position: relative;
	width: 745px;
	height: 20px;
	float: left;
	padding: 0px 10px 3px 12px;
	margin: 4px 0px 4px 0px;
	background-color: #dddddd;
}

.search_results_bar_light {
	position: relative;
	width: 745px;
	height: 20px;
	float: left;
	padding: 0px 10px 3px 12px;
	margin: 4px 0px 4px 0px;
	background-color: #eeecec;
}

.feature_image {
	position: relative;
	margin: 10px 15px 0px 10px;
	width: 125px;
	height: 125px;
	float: left;
	text-align: center;
}

.feature_text {
	position: relative;
	margin: 10px 0px 0px 0px;
	width: 359px;
	height: 100%;
	float: left;
}

.body_text {
	position: relative;
	margin: 0px 0px 0px 5px;
	padding-top: 10px;
	width: 737px;
	height: 100%;
	float: left;
	line-height: 16px;
	border-top: solid 1px #1958a8;
}

.body_text_no_border {
	position: relative;
	margin: 0px 0px 10px 15px;
	padding-top: 10px;
	width: 729px;
	height: 100%;
	float: left;
	line-height: 16px;
}

.showing_times_title {
	position: relative;
	margin: 10px 0px 0px 20px;
	padding: 3px 0px 2px 5px;
	width: 204px;
	height: 16px;
	float: left;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background-color: #999999;
}

.showing_times_container {
	position: relative;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	width: 209px;
	height: auto;
	float: left;
	text-align: center;
}

.showing_times {
	position: relative;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	width: 209px;
	height: auto;
	float: left;
	text-align: left;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
}

.background_colour { background-color: #1958a8; }

.full_curve_bottom {
	position: relative;
	margin: 0px 0px 10px 0px;
	width: 773px;
	height: 23px;
	float: left;
	background: url('../images/general/full_curve_bottom.png') no-repeat;
}

.month {
	position: relative;
	margin: 3px 2px 0px 2px;
	width: 28px;
	height: 15px;
	float: left;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #1958a8;
	font-weight: normal;
	background-color: #fff;
	text-align: center;
}

.month_selected {
	position: relative;
	margin: 3px 2px 0px 2px;
	width: 28px;
	height: 15px;
	float: left;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: normal;
	background-color: #1958a8;
	text-align: center;
}

.month_arrows {
	position: relative;
	top: 7px;
	width: 4px;
	height: 7px;
	float: left;
}

.info_calendar_title {
	position: relative;
	width: 340px;
	height: auto;
	float: left;
	margin-right: 5px;
}

.info_title_full {
	position: relative;
	width: 100%;
	height: auto;
	float: left;
	margin-right: 5px;
}

.book_now_box {
	margin: 11px 0px 10px 0px;
	width: 172px;
	height: 64px;
	float: left;
	padding: 8px 10px 0px 10px;
	background: url('../images/boxes/book_now_back.png') no-repeat;
}

.book_now_box_inner { position: relative; }

.sign_up_box {
	margin: 0px 0px 11px 0px;
	width: 172px;
	height: 86px;
	float: left;
	padding: 8px 10px 0px 10px;
	background: url('../images/boxes/sign_up_back.png') no-repeat;
}

.sign_up_box_inner { position: relative; }

.friends_box {
	margin: 0px 0px 10px 0px;
	width: 172px;
	height: 87px;
	float: left;
	padding: 8px 10px 0px 10px;
	background: url('../images/boxes/friends_back.png') no-repeat;
}

.friends_box_inner { position: relative; }

.latest_news_box {
	margin: 0px 0px 9px 0px;
	width: 174px;
	height: 245px;
	float: left;
	padding: 12px 10px 0px 8px;
	background: url('../images/boxes/latest_news_back.png') no-repeat;
}

.latest_news_box_inner { position: relative; }

.share_button {
	position: relative;
	margin: 5px 0px 0px 0px;
	width: 174px;
	height: 20px;
	float: left;
	text-align: center;
}

.news_item {
	position: relative;
	margin: 5px 0px 5px 0px;
	width: 174px;
	height: auto;
	float: left;
}

.advert_box {
	width: 187px;
	height: 176px;
	float: left;
	padding: 18px 5px 0px 0px;
	background: url('../images/boxes/advert_back.png') no-repeat;
	text-align: center;
}

.advert_box_inner { position: relative; }

.bottom_panel {
	width: 732px;
	height: 159px;
	float: left;
	padding: 15px 20px 20px 20px;
	background: url('../images/boxes/bottom_panel.png') no-repeat;
}

.bottom_panel_inner { position: relative; }

.width_11 { 
	position: relative;
	margin: 0px 0px 10px 0px;
	width: 11px;
	height: auto;
	float: left;
}

.height_10 { 
	position: relative;
	margin: 0px 0px 10px 0px;
	width: 10px;
	height: auto;
	float: left;
}

input.search {
	display: block;
	float: left;
	width: 196px;
	height: 16px;
	border: solid 1px #dac9de;
	padding: 2px 0px 0px 5px;
	font-size: 11px;
}

select.search_category {
	display: block;
	float: left;
	width: 132px;
	height: 18px;
	border: solid 1px #dac9de;
	margin-top: 3px;
	margin-right: 5px;
	font-size: 11px;
}

select.show_times {
	display: block;
	float: left;
	width: 210px;
	height: 90px;
	border: solid 1px #dac9de;
	padding: 3px;
	margin-bottom: 3px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* ---------------------------------------------------------------------------------- */
/* Calendar layout properties																													*/
/* ---------------------------------------------------------------------------------- */

.calendar_box {
	margin: 0px 0px 0px 0px;
	width: 156px;
	height: 165px;
	float: left;
	padding: 5px 15px 0px 21px;
	background: url('../images/boxes/calendar_back.png') no-repeat;
}

.calendar_box_inner { position: relative; }

.calendar { margin: 0px 0px 0px 0px; width: 145px; }

.calendar_days { padding-bottom:2px; }

.blank_date {
	width: 21px;
	height: 21px;
	background: url('../images/calendar/calendar_td_off.gif') no-repeat;
}

.calendar_td_highlight {
	width: 21px;
	height: 21px;
	background: url('../images/calendar/calendar_td_highlight.gif') no-repeat;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #1958a8;
	font-weight: normal;
	text-align: center;
}

.calendar_td_on {
	width: 21px;
	height: 21px;
	background: url('../images/calendar/calendar_td_on.gif') no-repeat;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #1958a8;
	font-weight: normal;
	text-align: center;
}

/* ---------------------------------------------------------------------------------- */
/* Slideshow / layout properties																											*/
/* ---------------------------------------------------------------------------------- */

.image_slideshow {
	position: relative;
	top: 0px;
	left: 0px;
	display: block;
	z-index: 7;
	opacity: 1;
	width: 244px;
	height: 149px;
}

.slideDiv {
	position: absolute;
	width: 773px;
	height: 356px;
}

/* ---------------------------------------------------------------------------------- */
/* Other style / layout properties																										*/
/* ---------------------------------------------------------------------------------- */

img { border:none }

.clear { clear:both; height:0; }

.image_right { float: right; margin-left: 15px; border: solid 1px #1958a8; }
.border { border: solid 1px #1958a8; }
.border_top { border-top: solid 1px #1958a8; width: 100%; }
.height_20 { height: 20px; }
.left_padding_table { padding-left: 14px; }

.sitemap_ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0 0px 0;
	list-style: none;
}

.sitemap_ul li {
	padding: 1px 0 1px 18px;
	background: url(../images/general/site_map_arrow.gif) no-repeat 0 5px;
}

.sitemap_ul li li {
	padding: 5px 0 0px 18px;
	background: url(../images/general/site_map_arrow.gif) no-repeat 0 10px;
}

.sitemap_line { margin-top: 5px; margin-bottom: 5px; margin-right: 0px; border-top: solid 1px #1958a8; }

/* ---------------------------------------------------------------------------------- */
/* Form properties																																		*/
/* ---------------------------------------------------------------------------------- */

form { margin: 0px; }

/* ---------------------------------------------------------------------------------- */
/* Footer properties																																	*/
/* ---------------------------------------------------------------------------------- */

.footer {
	margin: 10px 0px 0px 0px;
	width: 960px;
	height: 46px;
	float: left;
	padding: 14px 0px 10px 15px;
	background-image: url(../images/footer/footer_background.png); background-repeat: no-repeat;
}

.footer_inner { position: relative; }

.footer_text_copyright {
	position: relative;
	margin: 0px 52px 0px 0px;
	height: auto;
	width: auto;
	float: left;
}

.footer_text {
	position: relative;
	margin: 7px 0px 0px 0px;
	height: auto;
	width: auto;
	float: left;
}

#webnetism {
	position: relative;
	margin: 7px 0px 0px 0px;
	height: 15px;
	width: 150px;
	left: 47px;
	float: left;
}