/* RESET BROWSER DEFAULTS
----------------------------------------------------------------*/
* { 
  	margin:0; 
  	padding:0;
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 11px;
}

a img{ 
  	border:none;
}

/* document-wide definitions
----------------------------------------------------------------*/

body, textarea {
	font-family: Arial, sans-serif;
	font-size:11px;
	line-height: 1.2em;
	background-color: #fff;
	color:#929292;
}

p {
	margin: 1em 0;
}

a:link, a:visited {
	text-decoration:none;
	font-weight:bold;
	color:#cd0000;
}

a:hover, a:active {
 color: #771465;
}

strong { color:#852E75; font-weight: bold; }

/* page structure 
----------------------------------------------------------------*/
#wrapper {
	position: absolute;
  	top:50%;
  	width:100%;
	height:1px;
	overflow:visible;
}

#page {
	position: absolute;
  	width:974px;
  	height:562px;
  	left:50%;
  	margin-left:-485px;
  	top:-280px;
	background-image: url("../images/cube.jpg");
}

/* Image replacement
----------------------------------------------------------------*/
h1, h2, #nav li a, #copyright, ul#versions a {
	display: block;
	text-indent: -1000px;
	overflow: hidden;
}	

/* masthead 
----------------------------------------------------------------*/

#masthead {
	padding: 8px;
}

a#logo {
	display: block;
	margin-bottom: 8px;
	width: 171px; height: 18px;
}

#nav {
	position: absolute;
	height: 18px;
	top: 8px;
	left: 200px;
}

#nav ul {
	list-style-type: none;
}

#nav li { 
	display: block;
	height: 18px;
	float: left;
	margin: 0; padding: 0;
}

#nav li a {
	display: block;
	height: 18px;
	background-position: left bottom;
}

#nav li a:hover, #nav li a:active { background-position: left top; }

/*Put the hover state graphic on the containing LI as well to prevent flicker in IE */
li#homenav, li#homenav a { background-image: url("../images/homenav.gif"); width: 43px; }
li#infonav, li#infonav a { background-image: url("../images/infonav.gif"); width: 117px; }
li#gamingnav, li#gamingnav a { background-image: url("../images/gamingnav.gif"); width: 69px; }
li#restaruantsnav, li#restaurantsnav a { background-image: url("../images/restaurantsnav.gif"); width: 100px; }
li#barsnav, li#barsnav a { background-image: url("../images/barsnav.gif"); width: 55px; }
li#livenav, li#livenav a { background-image: url("../images/235livenav.gif"); width: 66px; }
li#whatsonnav, li#whatsonnav a { background-image: url("../images/whatsonnav.gif"); width: 84px; }
li#joinnav, li#joinnav a { background-image: url("../images/joinnav.gif"); width: 114px; }
li#holdeventnav, li#holdeventnav a { background-image: url("../images/holdeventnav.gif"); width: 110px; }


/*Highlight the 'current page' */
.home #nav li#homenav a,
.contact_us #nav li#infonav a, .jobs #nav li#infonav a, .pr #nav li#infonav a,
.learn_how_to_play #nav li#gamingnav a, .cash_facilities #nav li#gamingnav a,
.linen #nav li#restaurantsnav a, .numero #nav li#restaurantsnav a,
.bars #nav li#barsnav a,
.about_235live #nav li#livenav a, .whats_coming_up #nav li#livenav a, .book_online #nav li#livenav a,
.this_month #nav li#whatsonnav a, .next_month #nav li#whatsonnav a, .future #nav li#whatsonnav a,
.about_joining #nav li#joinnav a, .rewards #nav li#joinnav a,
.about_events #nav li#holdeventnav a, .spaces_for_hire #nav li#holdeventnav a, .menus #nav li#holdeventnav a, .technical_facilities #nav li#holdeventnav a, .request_a_brochure #nav li#holdeventnav a, .event_quotation #nav li#holdeventnav a
{ background-position: left top; }

#copyright {
	height: 15px;
	border-top: 1px solid #d9d9d9;
	background-image: url("../images/copyright.gif");
	}



/* content 
----------------------------------------------------------------*/
#content {
	position: absolute;
	top:119px;
	left: 652px;
	width:280px;
}	

#content ul {
        padding: 0;                      
        margin-left: 0;                 
        margin-top: 8px;
        list-style-position: inside;
}                                       

#content li, p.address {
	color:#6a0056;
	padding: 0;
}

.rewards #content ul { list-style-position: outside; padding-left: 15px; }
.rewards #content li { margin-bottom: 5px; }

.highlight { color: #6a0056; }

#content ul.links, .event ul.links { 
	list-style-type: none;       
	list-style-position: outside;
	margin: 8px 0;
	padding: 0;
} 

#content ul.links li, .event ul.links li {
	margin: 0;
	padding: 0 0 0 14px;
	background-image: url('../images/list_item.gif');
	background-position: 0 4px;
	line-height: 15px;
}


/* =headings
----------------------------------------------------------------*/
h1 { height: 29px; margin-bottom: 12px; }
h2 { height: 10px; margin-bottom: 23px; }

.home h1 { background-image: url('../images/homeh1.gif'); }
.contact_us h1, .jobs h1, .pr h1 { background-image: url('../images/contacth1.gif'); height: 65px; }
.contact_us h2 { background-image: url('../images/contact_ush2.gif'); }
.jobs h2 { background-image: url('../images/jobsh2.gif'); }
.pr h2 { background-image: url('../images/prh2.gif'); }

.learn_how_to_play h1, .cash_facilities h1 { background-image: url('../images/gamingh1.gif'); }
.learn_how_to_play h2 { background-image: url('../images/learn_how_to_playh2.gif'); }
.cash_facilities h2 { background-image: url('../images/cash_facilitiesh2.gif'); }

.linen h1, .numero h1 { background-image: url('../images/restaurantsh1.gif'); }
.linen h2 { background-image: url('../images/linenh2.gif'); }
.numero h2 { background-image: url('../images/numeroh2.gif'); }

.bars h1 { background-image: url('../images/barsh1.gif'); }
.bars h2 { background-image: url('../images/barsh2.gif'); }

.about_235live h1 { background-image: url('../images/235liveh1.gif'); }
.about_235live h2 { background-image: url('../images/about_235liveh2.gif'); }

.this_month h1, .next_month h1, .future h1 { background-image: url('../images/whatsonh1.gif'); }
.this_month h2 { background-image: url('../images/thismonthh2.gif'); }
.next_month h2 { background-image: url('../images/nextmonthh2.gif'); }
.future h2 { background-image: url('../images/futureh2.gif'); }

.about_events h1, .spaces_for_hire h1, .menus h1, 
.technical_facilities h1, .request_a_brochure h1,
.event_quotation h1 { background-image: url('../images/eventsh1.gif'); } 
.about_events h2 { background-image: url('../images/about_eventsh2.gif'); }
.spaces_for_hire h2 { background-image: url('../images/spaces_for_hireh2.gif'); }
.menus h2 { background-image: url('../images/menush2.gif'); }
.technical_facilities h2 { background-image: url('../images/technical_facilitiesh2.gif'); }
.request_a_brochure h2 { background-image: url('../images/request_a_brochureh2.gif'); }
.event_quotation h2 { background-image: url('../images/event_quotationh2.gif'); }

/* edited by fjstudio */

.about_joining h1 {
	background-image: url(../images/membership_is_free.gif);
	width: 297px;
	height: 45px;
}
.rewards h1 {

	background-image: url(../images/join_and_rewardsh1.gif);

}
/* edited by fjstudio end */


.about_joining h2 { background-image: url('../images/about_joiningh2.gif'); }


.rewards h2 { background-image: url('../images/rewardsh2.gif'); }


/* tracking image */
.track{ display: none; }



/* Subnav
-----------------------------------------------------------------*/

#subnav {
	position: absolute;
	left: 390px; top: 150px;
}

#subnav ul {
	list-style-type: none;
}

#subnav li {
	height: 16px; width: 144px;
	background-image: url('../images/subnav.gif');
	margin-bottom: 4px;
}

#subnav a:link, #subnav a:visited {
	display: block;
	height: 16px;
	line-height: 15px;
	font-weight: normal;
	padding-left: 18px;
	color: #fff;
}

#subnav li.current a:link, #subnav li.current a:visited {
	color: #D46669;
}

#subnav a:hover, #subnav a:active {
	color: #f50;
}
 
#subnav li.current a:hover, #subnav li.current a:active {
	color: #f50;
}

/* =forms
----------------------------------------------------------------*/
form { }

fieldset {
	clear: both;
	position: relative;
	top: 0;
	left: -20px;
	border-width: 0;
}

.event_quotation fieldset {
	left: -110px;
	width: 400px;
}

.about_joining fieldset { left: 0; top: 11px; }

form label {
	display: block;
	float: left;
	clear: left;
	width: 80px;
	margin-right: 4px;
	text-align: right;
	color: #cd0000;
}

.event_quotation label {
	width: 150px;
}

.about_joining label {
	width: 70px;
}

.event_quotation_page2 h3 {
	position: relative;
	clear: right;
	font-size: 100%;
	font-weight: normal;
	left: -23px;
	padding: 0 0 3px 0;
}

input.textbox {
	float: left;
	display: block;
	width: 155px;
	border: 1px solid #929292;
	font-size: 10px;
	line-height: 10px;
	padding: 0;
	height: 11px;
	margin-bottom: 2px;
} 

textarea {
	display: block;
	float: left;
	border: 1px solid #929292;
	margin: 0 0 2px;
	padding: 0;
	width: 155px;
	height: 50px;
	color: #000;
}

div.errornotice {
	float: left;
	font-size: 15px;
	line-height: 15px;
	font-weight: bold;
	padding-left: 2px;
	color: #c90000;
}

form .container {
	padding-left: 64px;
	float: left;
	clear: left;
	margin: 8px 0;
}

.event_quotation form .container { padding-left: 45px; }
.about_joining form .container { padding: 15px 0 0; }

#submitbutton {
	display: none; /*This is changed by the javascript */
	width: 51px; height: 15px;
	background-image: url('../images/send_button_combined.gif');
	background-position: right top;
}

#submitbutton a:link, #submitbutton a:visited {
	display: block;
	width: 51px; height: 15px;
	background-image: url('../images/send_button_combined.gif');
} 

#submitbutton a:hover, #submitbutton a:active {
	background-position: right top;
}

#nextbutton {
	display: none; /*This is changed by the javascript */
	width: 51px; height: 15px;
	background-image: url('../images/next_button.gif');
	background-position: right top;
}

#nextbutton a:link, #nextbutton a:visited {
	display: block;
	width: 51px; height: 15px;
	background-image: url('../images/next_button.gif');
} 

#nextbutton a:hover, #nextbutton a:active {
	background-position: right top;
}

/* Non-standard form elements: 
----------------------------------------*/

fieldset#heard, fieldset#news { 
	position: static; 
	clear: both; 
}

fieldset#heard { padding-top: 30px; }

fieldset#heard label, fieldset#news label {
	float: none;
	margin-bottom: 4px;
	text-align: left;
	width: auto;
	color: #929292;
}

fieldset#heard input {
	float: none;
}

fieldset#news { padding-top: 16px; }

fieldset#news input { 
	display: inline;
	margin: 0; padding: 0; 
}

fieldset#news label { 
	display: inline; padding-left: 2px;
}


 
/* Landing page styles
----------------------------------------------------------------*/
.landing {
	background-image: url('../images/cube_landing.jpg') !important;
}

.landing h1 {
	background-image: url('../images/welcome_to_manchester.gif');
	height: 57px;
	border-bottom: 1px solid #999;
}

#welcome {
	position: absolute;
	top: 142px; left: 260px;
	width: 670px;
}

#welcome p { clear: left; }

#welcome p.first { margin-bottom: 8px; }

ul#versions {
	list-style-type: none;
}

ul#versions li {
	display: block;
	float: left;
	margin: 0 8px 10px 0;
	width: 83px; height: 15px; 
}

ul#versions a {
	display: block; width: 83px; height: 15px;
	overflow: hidden;
}

ul#versions a:hover, ul#versions a:active { background-position: right top; }

li#flashversion, li#flashversion a { background-image: url('../images/flash_version_combined.gif'); }
li#htmlversion, li#htmlversion a { background-image: url('../images/html_version_combined.gif'); }



/* dynamic content
---------------------------------------------------------------*/

iframe {
	border-width: 0;
	width: 100%;
	height: 340px;
}

.dynamic {
	width: 240px;
}

.event {
	border-bottom: 1px solid #771465;
	padding: 16px 0 3px;
}
.event_image {
	border-bottom: 1px solid #771465;
	
}
.first { padding-top: 0; }

.event h3 {
	color: #771465;
	font-weight: bold;
	font-size: 12px;
	margin: 12px 0 14px;
}

p.eventdetails {
	color: #000;
	margin-bottom: 16px;
}

.event ul.links { margin-bottom: 0; }

/* Resturant Booking Popup page styles
----------------------------------------------------------------*/

#booking_container {
	left:0px;
	top:0px;
	width:717px;
	height:400px;
}

#booking_image {
	position:absolute;
	left:42px;
	top:42px;
	width:10px;
}

#booking_description {
	position:absolute;
	left:400px;
	top:42px;
	width:276px;
}

#booking_description p {
	margin:0px 0px 0px 0px;
}

#booking_heading {
	position:absolute;
	left:400px;
	top:124px;
}

#booking_form_line1 {
	position:absolute;
	left:400px;
	top:167px;
	width:318px;

}

#booking_form_line1 p { 
	
	margin:0px 0px 0px 0px;

}

#booking_form_line2 {
	position:absolute;
	left:400px;
	top:195px;
	width:318px;

}

#booking_form_line2 p { 
	
	margin:0px 0px 0px 0px;

}

#booking_form_line3 {
	position:absolute;
	left:400px;
	top:223px;
	width:318px;

}

#booking_form_line3 p { 
	
	margin:0px 0px 0px 0px;

}

#booking_search {
	position:absolute;
	left:472px;
	top:265px;

}

#booking_restaurant_details {
	position:relative;
	left:400px;
	bottom:-316px;

}

#booking_restaurant_details p {
	margin:0px 0px 0px 0px;
}

.purple {
	color:#3F0430;
}

.text {
	width:70px;
	text-align:right;
	position:relative;
	top:2px;
}

.input {
	color:#990000;
	text-align:left;
	position:absolute;
	top:0px; 
	left:72px;
}