body 
{
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:62.5%;		/* This makes 1em 10px */
	color:#000000;
	margin:0px;	padding:0px; height:100%; width:100%;	border:none;
	background-image: url(/images/main_background.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}

/* stop padding on main form element */
form {padding:0px; margin:0px;}

/* Error messages */
.Errors {color:#c11c21; font-weight:bold;}

/* PNG support for older browsers */
img { behavior: url(/includes/css/pngbehavior.htc) }

/* ELEMENTS */
h1 {color: #c11c21; font-size: 2.4em;}
h2 {color: #c11c21; font-size: 1.7em;}

p 
{	
	font-size:1.2em;
	color: #000000;
}
p.small
{
	font-size:1.0em;
	color: #000000;
}
.smallText 
{
	font-size:0.9em;
}
a, a:visited 
{
	color: #c6181a;
	font-weight:bold;
	text-decoration: underline;
}
a:hover 
{
	text-decoration: none;
}
a.buyButton, a.buyButton:visited, a.buyButtonPanel, a.buyButtonPanel:visited, a.buyButtonMini, a.buyButtonMini:visited {
	display: inline-block;
	width: 151px;
	height: 31px;
	color: #f0ebe2;
	text-decoration: none;
	text-align: center;
	font-size: 18px;
	line-height: 32px;
	text-transform: uppercase;
	background: url("/images/buy-button-sprite.gif") no-repeat 0px 0px;
	/* For IE */
	*display: inline;
	zoom: 1;
}
a.buyButtonPanel, a.buyButtonPanel:visited {
	background: url("/images/buy-button-panel-sprite.gif") no-repeat 0px 0px;
}
a.buyButtonMini, a.buyButtonMini:visited {
	width: 38px;
	font-size: 12px;
	background: url("/images/buy-button-mini-sprite.gif") no-repeat 0px 0px;
}
a.buyButton:hover, a.buyButtonPanel:hover, a.buyButtonMini:hover {
	color: #981a1c;
	background-position: 0px -31px;
}
ul li {font-size:1.2em;}
ul ul li, ul ul ul li {font-size:1.0em;}
ul, ul ul, ul ul ul {list-style-type: disc;}
ul.small li {font-size:1.0em;}

/* dynamically positioned elements on init and window resize */
#TheLamp 
{
	display:inline;
	position:absolute;
	top:105px;
}

/* ADMIN CONTROLS ON FRONTEND WEBSITE */
#adminconsole 
{
	position: fixed; 
	top:2px; left:2px;
	text-align:left;
	width:170px;height:35px;
	background-color: #BABABA;
	color: #000000;
	font-size:9px;
	border:1px solid #999999;
	border-right: 2px solid #666666;
	border-bottom: 2px solid #666666;
	padding:8px;
	z-index:999;
	-moz-opacity:.35; filter:alpha(opacity=35); opacity:.35;
}
#adminconsole img {width:16px; height: 16px;z-index:999; padding:0px; margin:0px;}
#adminconsole .header 
{
	background-color: #DDDDDD;
	font-size:1.0em;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
}
#adminconsole div 
{
	padding:2px;
} 
#adminconsole:hover 
{
	-moz-opacity:0.9; filter:alpha(opacity=90); opacity:0.9;
}

/* Search result output */
.sr_title 
{
	font-weight: bold;
	font-size: 1.2em;
	color: #000000;
}
.sr_description 
{
	font-weight: bold;
	font-size: 1.1em;
	color: #333333;
}
.sr_link a, .sr_link a:visited 
{
	font-weight: bold;
	font-size: 1.1em;
	color: #000000;
}

/* MAIN ELEMENTS */

/* FOG CONTAINER */
/* FogContainer - this will get resized by fog logic - start small incase no script */
#FogContainer 
{
	width:849px;
	height:auto;
	border:none;
	margin:0 auto;
	overflow: hidden;
	z-index:1;
	position:relative;
}
/* fog elements */
.fog, .fog3
{
	position:absolute;
	display: none;
	top: -500px;
	left: -500px;
	z-index:-1;
}
.fog2 
{
	position:absolute;
	display: none;
	top: -500px;
	left: -500px;
	z-index:-1;
}

/* MAIN SITE CONTAINER */
#MainContainer 
{
	width:849px;
	/*min-height: 864px;*/
	height: auto;
	border:none;
	margin: 0 auto;
	background: transparent;
	z-index:2;
	position:relative;
}
/* MAIN CONTENT CONTAINER */
#MainContainer #MainContent
{
	width:649px;
	border:none;
	margin: 0;
	background: transparent;
	float:left;
	overflow: hidden;
}
#MainContainer #MainHeader 
{
	width:849px;
	height:165px;
	border:none;
	margin: 0;
} 
#MainContainer #MainHeader #MainLogo 
{
	width:196px;
	height:150px;
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
}

/* TOP NAV */
#MainContainer #MainHeader #TopNav 
{
	width:653px;
	height: 30px;
	top: -150px;
	left: 0px;
	float: left;
	text-align: right;
}
#TopNav #venue 
{
	float: right;
	background-color: #332721;
	height: 21px;
	padding: 3px 5px 0px 5px;
	margin-left:15px;
	position: relative;
}
#TopNav #language
{
	float: right;
	background-color: #332721;
	height: 20px;
	padding: 4px 5px 0px 5px;
	margin-left:15px;
	position: relative;
}
#TopNav #soundfx 
{
	float:right;
	background-color: #332721;
	width:38px;
	height:24px;
	position: relative;
}
#TopNav span 
{
	float: left;
	padding-left: 12px;
	padding-top:5px;
}

/* TOP MENU */
#MainContainer #MainHeader #TopMenu #SiteDescription 
{
	margin-top: 0px;
	margin-left:0px;
	padding-left: 15px;
	width:638px;
	height:30px;
	overflow: hidden;
	text-align: left;
}

#MainContainer #MainHeader #TopMenu 
{
	width:653px;
	padding:0px;
	margin:0px;
	margin-top: 30px;
	float: left;
	text-align: right;
}
#MainContainer #MainRightColumn 
{
	width: 200px;
	float: left;
	border:none;
	margin: 0;
}

#MainContainer #MainBottom
{
	clear:both;
	width:849px;
	border:none;
	margin: 0;
	padding-top:0px;
	background: transparent;
	background-repeat: no-repeat;
	position:relative;
}

#Footer 
{
	clear:both;
	width: 849px;
	margin-top:30px;
	margin-bottom:20px;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
	-moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;
}
#Footer a, #Footer:visited 
{
	line-height:24px;
	padding:5px 6px 5px 6px;
	background-color: #332721;
	color: #FFFFFF;
	text-decoration: none;
	font-size:0.9em;
	font-weight: bold;
	-moz-opacity:.75; filter:alpha(opacity=75); opacity:.75;
}
#Footer a:hover 
{
	text-decoration: underline;
}
#Footer #FooterText 
{
	margin-top:15px;
	margin-bottom:0px;
	color: #000000;
	font-size: 9px;
	text-transform: none;
	width:649px;
	padding-left: 100px;
	padding-right: 100px;
}

/* TEMPLATE SPECIFIC */
/* HOMEPAGE */
#hp_promo 
{
	width:849px;
	height:221px;
	overflow:hidden;
}
#hp_promo #promo_frame 
{
	position:relative;
	top: 0px;
	left:0px;
	float:left;
	z-index: 2;
}
#hp_promo #promo_left 
{
	position: relative;
	top:-200px;
	left:17px;
	float:left;
}
#hp_promo #promo_centre 
{
	position: relative;
	top: -200px;
	left:48px;
	float:left;
}
#hp_promo #promo_right 
{
	position: relative;
	top: -200px;
	left:88px;
	float:left;
}

/* SCROLL */
#scroll_top 
{
	width:640px;
	height:122px;
	margin:0px;
	background: url(/images/scroll_top.gif) top left no-repeat;
	float:left;
	overflow:hidden;
}
#scroll_top img 
{
	margin-left:50px;
	margin-top:93px;
}
#scroll_middle 
{
	width:530px;
	margin:0px;
	background: url(/images/scroll_middle.gif) top left repeat-y;
	padding-top:18px;
	padding-left: 50px;
	padding-right:50px;
	padding-bottom: 20px;
	float:left;
}
#scroll_middle #Image
{
	float:right;
	padding-left: 20px;
	padding-top:0px;
	padding-bottom:45px;
}
#scroll_bottom 
{
	width:630px;
	height:59px;
	margin:0px;
	background: url(/images/scroll_bottom.gif) top left no-repeat;
	float:left;
	overflow: hidden;
}
/* roaches flash overlay */
.roaches 
{
	position: relative;
	overflow: hidden;
	width:630px;
	height: 59px;
}

/* ADDITIONAL STYLES */
.previousnext a, .previousnext a:visited 
{
	color: #c6181a;
	font-size:1.0em;
	font-weight:bold;
}

.googlemap_frame 
{
	width:478px;
	height: 360px;
	background: url(/images/googlemap_frame.gif) top left no-repeat;
	margin:0px;
	padding-top:14px;
	padding-left:16px;
	padding-right:16px;
}

/* Media Library */
.ml_title 
{
	color: #c6181a;
	font-size:1.0em;
	font-weight: bold;
	text-decoration: underline;
}
.ml_title_large 
{
	color: #c6181a;
	font-size:1.4em;
	font-weight: bold;
	text-decoration: underline;
}
.ml_text 
{
	color: #000000;
	font-size:1.0em;
	font-weight: bold;
}

/* FORMS */
.frm_label 
{
	float:left;
	width: 220px;
	color: #000000;
	font-size: 1.0em;
	font-weight: bold;
	margin-right:20px;
	margin-bottom:5px;
}
.frm_field 
{
	float:left;
	margin-bottom:5px;
}
.frm_fieldERR 
{
	padding-left: 10px;
	float:left;
	font-size:2.0em;
	font-weight: bold;
}
.frm_fieldcontrol 
{
	width: 250px;
}
.frm_fieldcontrolDD 
{
	width: 255px;
}

/* TABLES AND DATAGRIDS */
/* Default - styling applied */
table 
{
	border:1px solid black;
}
table thead tr 
{
	background-color: #c11c21;
	color: white;
	height:16px;
	padding: 2px;
	font-size:1.2em;
}
table tbody td 
{
	font-size:1.2em;
}
table tbody tr, table tbody .row
{
	background-color: #666666;
	color: white;
	padding: 2px;
}
table tbody .altrow 
{
	background-color: #AAAAAA;
	color: white;
	padding: 2px;
}
/* Clear table - no styling */
table.clear 
{
	border:none;
}
table.clear thead tr 
{
	background-color:Transparent;
	color:black;
	height:inherit;
	padding: 2px;
	font-size:1.2em;
}
table.clear tbody td 
{
	font-size:1.2em;
}
table.clear tbody tr, table.clear tbody .row
{
	background-color: Transparent;
	color:black;
	padding: 2px;
}
table.clear tbody .altrow 
{
	background-color: Transparent;
	color:black;
	padding: 2px;
}

/* TreeView */
.treeview tbody tr 
{
	background-color: Transparent;
	color: black;
	padding:0px;
}
.treeview a, .treeview a:visited {font-size:1.1em; color:#000000;text-decoration:none;text-transform:capitalize;}
.treeview a:hover {text-decoration:underline;}
.treeview td div {height: 20px !important;}

/* Data grid styles */
.dgGrid 
{
	color: #FFFFFF;
}
.dgGrid a, .dgGrid a:visited 
{
	color: #FFFFFF;
}
.dgSortedAsc 
{
	background-color:#5a3e2b;
	background-image: url(/images/arrow_down.gif);
	background-position: 5px left;
	background-repeat: no-repeat;
	padding-left: 18px;
}
.dgSortedDesc 
{
	background-color:#5a3e2b;
	background-image: url(/images/arrow_up.gif);
	background-position: 5px left;
	background-repeat: no-repeat;
	padding-left: 18px;
}
.dgUnsorted 
{
	background-color:#5a3e2b;
	color: #FFFFFF;
}
.dgPager 
{
	color:#FFFFFF;
	background-color:#5a3e2b;
	padding:4px;
}
.dgItem 
{
	color:#000000;
	background-color:#a5724f;
	height:20px;
}
.dgAlternateItem 
{
	color:#000000;
	background-color:#d29164;
	height:20px;
}


/* Zeus booking button */
#BookingForm 
{
	padding:5px;
	background-color: #31241d;
	width: 190px;
	text-align: center;
	overflow: hidden;
}
#BookingForm select 
{
	width:180px;
	font-size:10px;
	margin:5px;
	margin-top:5px;
	margin-bottom:5px;
}
#BookingForm #ddzDate 
{
	width:155px;
	font-size:10px;
	margin:5px;
	margin-top:5px;
	margin-bottom:5px;
	float:left;
}
#BookingForm #CalendarPicker
{
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	overflow: hidden;
}

.zeus_button {
	display: inline-block;
	font-size: 1.3em;
	color: #ffffff !important;
	font-weight: bold;
	background-color: #A81212;
	border: 1px solid #ffffff;
	margin: 10px 0px;
	padding: 0px 10px;
	cursor: pointer;
	height: 22px;
	line-height: 22px;
	text-decoration: none;
	/* The following fixes 'inline-block' for Internet Explorer */
	zoom: 1;
	*display: inline;
}

.zeus_buttonHov, .zeus_button:hover {
	font-size: 1.3em;
	color:#333333 !important;
	font-weight: bold;
	background-color:#efefef;
	background-color:#F8F8F8;
	border: 1px solid #ffffff;
	margin: 10px 0px;
	padding: 0px 10px;
	cursor: pointer;
	height: 22px;
	line-height: 22px;
}

*html .zeus_button {
	height:20px;
}

.zeus_labels 
{
	clear: both;
	display:none;
}
.zeus_label 
{
	float: left;
	width: 108px;
	padding-top:6px;
	margin-left: 8px;
	color: #FFFFFF;
	font-size:10px;
	font-weight: bold;
}
.zeus_select 
{
	float: right;
	width: 50px;
	margin-right: 10px;
}
#BookingForm .zeus_select select 
{
	width:50px;
}