/***********************
  standard HTML elements
*************************/

html * {
	margin: 0;
	padding: 0;
	border-collapse:collapse;
}

body {
	margin: 	0;
	padding: 	0;
	
	color:#FFFFFF;
	
	background-image: url(images/bg-fade-gold-black.jpg);
	background-repeat: repeat-x;
	background-color: #000000;
	
	font-weight: normal;
	font-size: 9pt;
	font-family:Arial, Helvetica, sans-serif;
}

td {
	padding: 2px;
	vertical-align:top;
}

li {
	list-style:none;
	margin: 0;
}

p {
	padding: 4px 0;
}

a {
	text-decoration:none;
	color:#CCCCCC;
}

h2 {
	font-size: 12pt;
	font-weight:bold;
	padding: 4px 0;
}

img {
	border: 0;	
}

input, textarea, select {
	font-size: 9pt;
}

.inputFieldSize {
	width: 300px;
}

/***********************
 misc
*************************/

.imgCenter {
	display:block;
	margin: 0 auto;
}

.tableFull {
	width: 100%;
}

/***********************
 tooltips
*************************/

.tooltipContent {
	background-color:#000000;
	color: #FFFFFF;
	z-index: 26;
}

.tooltipBG {
	background:#000000;
	width: 100%;
	height: 300px;
	width: 340px;
	border: 1px solid #624D00;
	overflow:auto;
	z-index: 28;
}

.tooltipBG .inner {
	padding: 10px;
}



/***********************
  main block
*************************/

#mainBlackBackground {
	position:absolute;
	left: 0;
	top: 0;
	width: 960px;
	height: 600px;
	z-index: 1;
	background-color:#000000;
}

#menuBlock {
	position:absolute;
	left: 694px;
	top: 0;
	width: 270px;
	height: 543px;
	
	background-image: url(images/bg-menu-gold.jpg);
	background-position:top;
	background-repeat:no-repeat;
	
	z-index: 2;
}

.menuHolder {
	margin-top: 10px;
	margin-left:80px;
}

#neonRoadhouse {
	position:absolute;
	left: 0;
	top: 0;
	width: 200px;
	height: 200px;
	z-index: 4;
}

#neonSpecialOffer {
	position:absolute;
	left: 720px;
	top: 436px;
	
	width: 200px;
	height: 170px;
	z-index: 6;
}

/***********************
  text styles
*************************/

.textSmall {
	font-size:10px;
}

.greyMid {
	color: #7B7B7B;
}

.mauveBold {
	font-weight:bold;
	color:#6633CC;
}

.textMauve {
	color:#8639be;
}

.xsmall {
	font-size:x-small;
}

.goldBronze {
	color: #B88E47;
}

.whiteBright {
	color:#FFFFFF;
}

.heartSymbol {
	color:#FF0000;
	font-weight:bold;
}

.bandsPage {
	color: #C6AA6C;
}

.largeH2 {
	font-size: 12pt;
	font-weight:bold;
}

.errorText {
	color:#FF3300;
}

.blueText {
	color:#0099FF;
}

.pinkText {
	color:#FF3399;
}

/***********************
  header margins
*************************/

.marginTop {
	margin-top: 4px;
}

.marginBottom {
	margin-bottom: 6px;
}

/***********************
  home page
*************************/

.home {
	background-image: url(images/bg-home-left.jpg);
	background-repeat:no-repeat;
	background-position: left top;
}

#panelLatestNews {
	position:absolute;
	left: 32px;
	top: 400px;
	width: 216px;
	height: 180px;
	z-index: 20;
}

#panelWhatsOn {
	position:absolute;
	left: 262px;
	top: 400px;
	width: 400px;
	height: 180px;
	z-index: 20;
}

#panelWhatsOn img {
	padding-right: 8px;
	
}

#homeTopPanel {
	position:absolute;
	left: 260px;
	top: 0px;
	width: 420px;
	z-index: 24;
}

/***********************
  offers
*************************/

#offersPanel {
	position:absolute;
	left: 732px;
	top: 224px;
	width: 214px;
	z-index: 24;
}

/***********************
  whats on page
*************************/

#innerDiv {
	width: 92%;
	margin: 0 auto;
}

#dateList {
	position:absolute;
	left: 10px;
	top: 10px;
	width: 244px;
	height: 650px;
	z-index: 10;
	color:#B28B3E;
	overflow: auto;
	
	
	scrollbar-3dlight-color:black;
	scrollbar-arrow-color:black;
	scrollbar-base-color:black;
	scrollbar-darkshadow-color:black;
	scrollbar-face-color:#B88E47;
	scrollbar-highlight-color:#684E27;
	scrollbar-shadow-color:black;
}

#dateList a:hover {
	color:#B28B3E;
}

#dateList a:hover {
	color:#6000BA;
}

.dateBlock {
	width: 200px;
	display:inline;
}

.nightEvent {
	display:block;
	padding: 2px;
	font-weight:bold;
}

.nightEvent td {
	padding: 2px;
	
}


.nightEvent td a {
	width: 100%;
	background-color:#000000;
	display:block;
}

.nightEvent td a:hover {
	background-color:#333333;
	
}

.weekNight {
	color:#B28B3E;
}

.monthHeading {
	font-size:medium;
	font-weight:bold;
}

.weekendWhite {
	color:#FFFFFF;
}

#listBandsHeader {
	position:absolute;
	left: 280px;
	top: 445px;
	
	z-index: 15;
}
	

#listBands {
	position:absolute;
	left: 280px;
	top: 470px;
	width: 195px;
	height: 190px;
	z-index: 14;
	
	font-weight:bold;
	overflow: auto;
	
   scrollbar-3dlight-color:black;
   scrollbar-arrow-color:black;
   scrollbar-base-color:black;
   scrollbar-darkshadow-color:black;
   scrollbar-face-color:#B88E47;
   scrollbar-highlight-color:#684E27;
   scrollbar-shadow-color:black;
}

#listBands a:hover {
	color:#6000BA;
}


#listDJsHeader {
	position:absolute;
	left: 485px;
	top: 445px;
	z-index: 18;
}

#listDJs {
	position:absolute;
	left: 485px;
	top: 470px;
	width: 195px;
	height: 190px;
	z-index: 18;
	
	font-weight:bold;
	overflow: auto;
	
	scrollbar-3dlight-color:black;
   scrollbar-arrow-color:black;
   scrollbar-base-color:black;
   scrollbar-darkshadow-color:black;
   scrollbar-face-color:#B88E47;
   scrollbar-highlight-color:#684E27;
   scrollbar-shadow-color:black;
}

#listDJs a:hover {
	color:#6000BA;
}

#whatsComingUp {
	position:absolute;
	left: 280px;
	top: 10px;
	width: 400px;
	height: 421px;
	z-index: 10;
	border:#6000BA solid 1px;
	overflow: auto;
	
   scrollbar-3dlight-color:black;
   scrollbar-arrow-color:black;
   scrollbar-base-color:black;
   scrollbar-darkshadow-color:black;
   scrollbar-face-color:#B88E47;
   scrollbar-highlight-color:#684E27;
   scrollbar-shadow-color:black;
}

#whatsComingUp a:hover {
	color:#6000BA;
}

.bandDiv {
	clear:both;
	display:block;
}

.bandBlueText {
	color:#B88E47;
}

.OpeningTimes {
	float:right;
	width: 180px;
	margin: 0 0 0 10px;
}

/***********************
  sundays page
*************************/

.sundays {
	background-image: url(images/bg-sundays-left.jpg);
	background-repeat:no-repeat;
	background-position: left top;
}

/***********************
  xmas page
*************************/

.xmas {
	background-image: url(images/bg-bank-holiday-left.jpg);
	background-repeat:no-repeat;
	background-position: left top;
}


/***********************
  info page
*************************/

.info {
	background-image: url(images/bg-info-left.jpg);
	background-repeat:no-repeat;
	background-position: left top;
}

#infoTopPanel {
	position:absolute;
	left: 260px;
	top: 40px;
	width: 420px;
	z-index: 24;
}

#infoTopPanel img {
	padding-top: 6px;
	padding-left: 8px;
}

#infoLeftPanel {
	position:absolute;
	left: 25px;
	top: 420px;
	width: 220px;
	z-index: 21;
}

#infoMiddlePanel {
	position:absolute;
	left: 260px;
	top: 420px;
	width: 220px;
	z-index: 22;
}

#infoRightPanel {
	position:absolute;
	left: 510px;
	top: 420px;
	width: 180px;
	z-index: 23;
}

.tableNoPadding td {
	padding: 1px;
}

/***********************
  offers page
*************************/

.offers {
	background-image: url(images/bg-offers-left.jpg);
	background-repeat:no-repeat;
	background-position: left top;
}

#offersMiddlePanel {
	position:absolute;
	left: 260px;
	top: 420px;
	width: 420px;
	z-index: 22;
}

#offersTopHeader {
	position:absolute;
	left: 260px;
	top: 40px;
	width: 420px;
	z-index: 23;
}


#offersTopPanel1 {
	position:absolute;
	left: 260px;
	top: 90px;
	width: 200px;
	z-index: 24;
}

#offersTopPanel2 {
	position:absolute;
	left: 470px;
	top: 90px;
	width: 200px;
	z-index: 25;
}

/***********************
  check us out page
*************************/

.check {
	background-image: url(images/bg-check-left.jpg);
	background-repeat:no-repeat;
	background-position: left top;
}

#checkTop {
	position:absolute;
	left: 230px;
	top: 5px;
	width: 420px;
	z-index: 4;
}

#checkMiddlePanel {
	position:absolute;
	left: 290px;
	top: 320px;
	width: 390px;
	z-index: 22;
}

/***********************
  menus
*************************/

.menus {
	background-image:url(images/bg-menus-left.jpg);
	background-repeat:no-repeat;
	background-position: left top;
}

#menusTopPanel {
	position:absolute;
	left: 260px;
	top: 30px;
	width: 420px;
	z-index: 24;
}

#menusTopPanelRight {
	position:absolute;
	left: 438px;
	top: 48px;
	width: 236px;
	z-index: 25;
}


/***********************
  party booking
*************************/

.party {
	background-image: url(images/bg-party-left.jpg);
	background-repeat:no-repeat;
	background-position: left top;
}

#partyTopPanel {
	position:absolute;
	left: 260px;
	top: 30px;
	width: 420px;
	z-index: 24;
}

#partyMiddlePanel {
	position:absolute;
	left: 262px;
	top: 420px;
	width: 400px;
	height: 180px;
	z-index: 20;
}

/***********************
  contact roadhouse page
*************************/

.contact {
	background-image: url(images/bg-contact-left.jpg);
	background-repeat:no-repeat;
	background-position: left top;
}

#contactTopGraphic {
	position:absolute;
	left: 392px;
	top: 180px;
	z-index: 20;
}

/***********************
  menus
*************************/
.football {
	background-image:url(images/bg-football-left.jpg);
	background-repeat:no-repeat;
	background-position: left top;
}

/***********************
  menus
*************************/

.brits {
	background-image:url(images/bg-brits-left.jpg);
	background-repeat:no-repeat;
	background-position: left top;
}


/***********************
  oxjam roadhouse page
*************************/

.bankholiday {
	background-image: url(images/bg-bank-holiday-left.jpg);
	background-repeat:no-repeat;
	background-position: left top;
}

/***********************
  oxjam roadhouse page
*************************/

.oxjam {
	background-image: url(images/bg-oxjam-left.jpg);
	background-repeat:no-repeat;
	background-position: left top;
}

#oxjamTopPanel {
	position:absolute;
	left: 260px;
	top: 30px;
	width: 420px;
	z-index: 24;
}

#oxjamMiddlePanel {
	position:absolute;
	left: 260px;
	top: 420px;
	width: 421px;
	z-index: 22;
}


/***********************
  guestlist
*************************/

.guest {
	background-image: url(images/bg-guestlist-left.jpg);
	background-repeat:no-repeat;
	background-position: left top;
}

#guestTopPanel {
	position:absolute;
	left: 260px;
	top: 30px;
	width: 420px;
	z-index: 24;
}

#guestTopPanel td {
	padding: 5px;
}

/***********************
  heart roadhouse page
*************************/

.heart {
	background-image: url(images/bg-heart-left.jpg);
	background-repeat:no-repeat;
	background-position: left top;
}

#heartTopPanel {
	position:absolute;
	left: 260px;
	top: 30px;
	width: 420px;
	z-index: 24;
}

#heartMiddlePanel {
	position:absolute;
	left: 262px;
	top: 420px;
	width: 400px;
	height: 180px;
	z-index: 20;
}

#heartInsetPanel {
	margin: 10px auto;
	width: 100%;
	border: 1px solid #6000BA;
	padding: 12px;
}

/***********************
  heart roadhouse form
*************************/

#loveContainer {
	width: 90%;
	margin: 5px auto;
}

#loveForm {
	width: 88%;
	margin: 12px auto;
}

/***********************
  rockaoka
*************************/

.rockaokePanel {
	width: 98px;
	float: left;
	margin-bottom: 7px;
}

.rockaokePanel p {
	padding-right: 8px;
}
/***********************
  feedback form
*************************/

#feedbackForm {
	width: 95%;
	margin: 12px auto;
}

#feedbackForm .fieldWidth {
	width: 400px;
}

.mainMenu li {
	text-align:right;
}

/***********************
  with list style
*************************/

.listStyle li {
	list-style:circle;
	margin: 4px 0;
}