* { margin: 0; padding: 0; }
* img { border: 0; vertical-align: middle; }

html { overflow: hidden; }

body {
	margin: 0;
	border: 0;
	padding: 0;
	height: 100%; 
	max-height: 100%; 
	background: #000 url(images/lines.gif);
	font-family: arial, sans-serif;
	overflow: hidden;
	line-height: 120%;
	font-size: 76%;
	color: #ddd;
}

/* IE ONLY  - affects contentcontainer positioning on page*/
* html body { padding: 102px 0 36px 0; }

.widthlimiter0 {
	width: 700px;
	display: block;
	margin: 0 auto;
}

.widthlimiter1 {
	width: 550px;
	display: block;
	margin: 0 auto;
}

.widthlimiter2 {
	width: 745px;
	display: block;
	margin: 0 auto;
}

/*##############################################################*/
/*## generic stuff like headings, paragraphs, hyperlinks etc. ##*/
/*##############################################################*/

h1, h2, h3, h4 { 
	padding: 10px 0;
	font-weight: lighter;
	font-family: Impact, 'Arial Black', sans-serif;
	line-height: 130%;
	letter-spacing: 0.7px;
	color: #eee;
}

h1, h2 { font-size: 2em; text-align: center; text-decoration: underline; font-style: italic; }
h1 { margin-bottom: 0.3em; }
h2 { margin-top: 1em; }
h3 { font-size: 1.5em; text-align: left; margin-top: 0.5em; }
h4 { font-size: 1.25em; text-align: left; margin-top: 0.5em; color: #ff0; }

p { padding-bottom: 0.7em; text-align: left; }

ul { margin-left: 3em; }

ul .sublist li {
	list-style: none;
	text-indent: -1em;
	font-size: 0.9em;
}

li { font-size: 1.2em; text-align: left; line-height: 130%; }
hr { clear: both; border: 0; height: 1px; color: #aaa; background-color: #aaa; }

a:link { text-decoration: underline; color: #fff; }
a:visited { color: #ccc; }
a:hover { text-decoration: none; color: #ff0; }
a:active { color: #f93; }

a.navlink {	font-size : 1em; font-weight : bold; text-decoration: none; }
a.navlink:link { color: #fff; }
a.navlink:visited {	color: #fff; }
a.navlink:hover,
a.navlink:focus { background: #fff; color: #00f; }
a.navlink:active { background: #fff; color: #00f; }

a.navlinkactivepage,
a.navlinkactivepage:link,
a.navlinkactivepage:visited,
a.navlinkactivepage:hover,
a.navlinkactivepage:focus,
a.navlinkactivepage:active { font-size : 1em; font-weight : bold; text-decoration: none; background: #fff; color: #f00; }

a.clean { text-decoration: none }

a.hid { outline-style:none; color: #eee; }
a.hid em { display:none; }
a.hid:hover { color: #ff0; }
a.hid:active span, a.hid:focus span { text-decoration:none; }
a.hid:active em, a.hid:focus em { text-decoration:none; display:block;  width:100%; font-style:normal; cursor:default; color: #eee; }

div.clearing { margin: 0; clear: both; }
div.clearing:after { /* fix gecko (inc. FF) empty clearing div bug */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div.divlinkborder a { display: block; padding: 5px; }

.table-layout1 {
	table-layout: fixed;
	border-collapse: collapse;
	color: #fff;
	vertical-align: middle;
	margin: 0 auto;
}

.table-layout1 td {
	padding: 5px 10px;
	text-align: center;
}

.table-layout1 .tablespacer1 {
	border: 0;
	height: 10px;
	background-color: transparent;
	padding: 0;
}

.title-left { float: left; margin-bottom: 0.3em; }
.title-right { float: right; margin-bottom: 0.3em; }

/* ##### DYE HARD DEAL BOX ##### */
.dyeharddealbox { width: 310px; }

.dyeharddealbox a,
.dyeharddealbox a:link,
.dyeharddealbox a:visited,
.dyeharddealbox a:hover,
.dyeharddealbox a:active { font-weight: bold; font-size: 1em; line-height: 100%; text-decoration: none; color: #fff;}

#smalldyehardimg img { margin-top: 5px; margin-bottom: 10px; }

.dyeharddealbox .s1,
.dyeharddealbox .s2,
.dyeharddealbox .s3,
.dyeharddealbox .s4 { display: block; margin-top: 15px; margin-bottom: 15px; }

.dyeharddealbox .s2,
.dyeharddealbox .s4 { text-align: left; margin-left: 20px; margin-right: 20px; }

.dyeharddealbox .s3 { font-weight: bold; font-size: 1.6em; color: #ff0; margin-top: 18px; margin-bottom: 18px; }
* html .dyeharddealbox .s3 { margin-top: 21px; } /* fix IE 3px margin bug */

.standardmessageboxtext { margin: 1em 2em; padding: 0.7em; font-size: 1.1em; line-height: 100%; font-weight: bold; }

/* ##### BORDERS ##### */
.standardborder, .imglinkborder a img, div.divlinkborder a { border: 3px solid #fff; } /* ### MAIN BORDER OFF COLOUR ### */
.imglinkborder a:hover img, div.divlinkborder a:hover { border: 3px solid #ff0; } /* ### MAIN BORDER HOVER COLOUR ### */
.thinborder { border: 1px solid #fff; }

/* ##### HIGHLIGHTS ##### */
.highlight1 { color: #eee; font-style: italic; }
.highlight2 { 
	color: #ff0;
	font-style: italic;
	font-size: 1.8em;
	font-weight: lighter;
	font-family: Impact, 'Arial Black', sans-serif;
	letter-spacing: 0.7px; }
	
.highlight3 { color: #ff0; font-style: italic; font-size: 1.3em; }
.highlight4 { color: #fff; }

.paddedbox { padding: 1em; margin: 20px 0; }

.copyrightnotice { font-size: 0.7em; color: #666; }
.copyrightnotice a,
.copyrightnotice a:link,
.copyrightnotice a:visited { color: #777; }

.pagebottomnav,
.pagebottomnav a,
.pagebottomnav a:link,
.pagebottomnav a:visited { font-size: 0.8em; color: #666; }
.pagebottomnav a:hover,
.pagebottomnav a:active { color: #ff0; }

/*##############################################################*/
/*## id-specific stuff for individual pages. 				  ##*/
/*##############################################################*/

/*##############################################################*/
/*## HEADER	and MASTHEAD										  ##*/
/*##############################################################*/

#headercontainer {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 102px; 
	overflow: hidden; 
	text-align: center;
}

#headerimgleft {
	position: absolute;
	left: 30px;
	top: 5px;
}

#headerimgright {
	position: absolute;
	right: 30px;
	top: 5px;
}

* html #headerimgleft, * html #headerimgright { top: 0; }

#mastheadbackground {
	height: 66px;
	width: auto;
	padding: 0;
	overflow: hidden;
	border-left: solid #fff 3px;
	border-right: solid #fff 3px;
	margin: 5px 5px 0 5px;
	background: #000 url(images/masthead-bg.gif);
}

* html #mastheadcontainer img { vertical-align: top; margin-top: 0; } /* to stop annoying 1px border at top of masthead in IE except for 7 */

#mastheadcontainer { width: 100%; margin-top: 0; vertical-align: top; }

#mastheadnavbar {
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 5px 5px 0 5px;
	height: auto;
}

/*##############################################################*/
/*## CONTENT STRUCTURE										  ##*/
/*##############################################################*/

#contentcontainer {
	position: fixed; 
	top: 102px;
	left: 0;
	bottom: 35px;
	right: 0; 
	height: auto;
	overflow: auto;
	margin: 0 5px 0 5px;
	background-image: url(images/lines.gif);
	background-attachment: fixed;
	background-repeat: repeat; /* unnecessary background to fix ie7 scrollable div mouse wheel bug */
}

* html #contentcontainer { height: 100%; width: 100%; display: inline; } /* inline display to stop ie double-margin float bug */

#content {
	padding: 20px 0;
	text-align: center;
	font-size: 1.3em;
	line-height: 130%;
}

/*##############################################################*/
/*## FOOTER													  ##*/
/*##############################################################*/

#footercontainer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%; 
	height: 35px; 
	overflow: auto;
	text-align: center;
	padding: 0;
	overflow: hidden;
}

#footerinfo {
	font-size: 0.9em;
	font-weight: bold;
	color: #eee;
	padding: 2px 0 2px 0;
	height: auto;
	margin: 5px 5px 0 5px;
}

#footerinfo img { vertical-align: middle; border: 0; }

* html #footercontainer  { height: 35px; }

/*##############################################################*/
/*## HOME PAGE (INDEX)										  ##*/
/*##############################################################*/

#homemastheadimgcontainer { margin: 0 0 6px 0 }

#homeincluding { margin: 10px auto; text-align: left; padding: 20px 20px 20px 3em; width: 600px; font-size: 1.2em; }
* html #homeincluding { width: 650px; }

#homenavpics { margin: 20px 0 10px 0; }
#homenavpics img { margin: 5px; background: #00f; }

#homeinfopics-left { float: left; margin-left: 10px; }
#homeinfopics-right { float: right; margin-right: 10px; }

.homecenteredimage { display: block; margin-top: 15px; margin-left: auto; margin-right: auto; text-align: center; }

.homenewstitle { margin: 1em 0 0.5em 0; padding: 0; color: #ff0; }

#newscontainer { width: 600px; margin-left: auto; margin-right: auto; text-align: center; }

#newscontainer .highlight3 { text-align: left; color: #fff; }
#newscontainer p { margin: 0 2em; text-align: justify; }
#newscontainer li { margin: 0 2em; }

.homenewspic_right { float: right; clear: none; margin: 0 1.5em; }
.homenewspic_left { float: left; clear: none; margin: 0.9em 1.5em 0.6em 1.5em; }

/*##############################################################*/
/*## DEALS PAGE												  ##*/
/*##############################################################*/

.dealssub { font-size: 80%; color: #fff; }
#dealspricetable { width: 380px; font-weight: bold; margin-top: 1em; }
#dealspricetable .standardborder { background-color: #0021c9; } /* #0021c9 = blue */
#dealspricetable #dealsgroupoffer { background-color: #f00; font-size: 1.1em; } /* #f00 = red */
#dealspricetable-contact { font-weight: normal; }

#dealsdyeharddeal { display: block; float: right; margin-left: 1.5em; }

.dealsentrydeals { width: 20em; padding: 1em; margin-left: auto; margin-right: auto; text-align: center; }
.dealsentrydeals h3 { margin-top: 0; }
.dealsentrydealsprices { float: right; margin-right: 1em; }
* html .dealsentrydealsprices { margin-right: 0; }
.dealsentrydealssubtext { font-size: 0.9em; }

.dealspainttitles { float: left; width: 23em; height: 8em; margin-right: 1.5em; padding: 1em; }
.dealspainttitles h3 { margin-top: 0; }

#dealsdyehardexplained { padding: 1em 2em; margin: 28px auto; }
#dealsdyehardexplained h3 { margin-top: 0; }
#dealsdyehardexplained img { vertical-align: middle; border: 0; padding: 0; margin: 0; }

#dealsclarificationwrapper p { margin: 0 0 0 2em; }

.saving {  }

/*##############################################################*/
/*## BOOKING PAGE											  ##*/
/*##############################################################*/

#bookingdetailimg { display: block; margin-left: auto; margin-right: auto; text-align: center; }

#bookingcontainer { width: 600px; margin-left: auto; margin-right: auto; text-align: center; }
#bookingcontainer p,
#bookingcontainer li { margin-left: 2em; }
#bookingcontainer li { margin-top: 1em; font-size: 1em; }

/*##############################################################*/
/*## EVENTS PAGE											  ##*/
/*##############################################################*/

#eventsdescription { background: #333; color: #ccc; text-align: left; }
#eventsdescription h3#topheader { color: #ccc; margin-top: 0; padding-top: 0; }
#eventsdescription pre { font-family: arial, sans-serif; }

/*##############################################################*/
/*## GAME ZONES PAGE										  ##*/
/*##############################################################*/

#gamescontainer { width: 600px; margin-left: auto; margin-right: auto; }
#gamescontainer p { margin: 0 0 0 2em; }
#gamesindex { font-size: 1.2em; line-height: 120%; font-style: italic; }

/*##############################################################*/
/*## EQUIPMENT PAGE											  ##*/
/*##############################################################*/


/*##############################################################*/
/*## FORUM PAGE												  ##*/
/*##############################################################*/

/* see templates forumstyle.css file for styles here */

/*##############################################################*/
/*## FAQ PAGE											 	  ##*/
/*##############################################################*/

#faqcontainer { width: 600px; margin-left: auto; margin-right: auto; }
#faqcontainer p { margin: 0 0 0 2em; }
#faqindex { font-size: 1.2em; line-height: 120%; font-style: italic; }

/*##############################################################*/
/*## GALLERY PAGE											  ##*/
/*##############################################################*/

#gallerywrapper { display: block; margin: 1em auto; width: 450px; border: 1px solid green; }

/*##############################################################*/
/*## DIRECTIONS PAGE (LOCATOR)								  ##*/
/*##############################################################*/

#locatormaptitle { text-align: center; }
.locatoriconlinkinfo  { margin: 0 auto 0 100px; font-size: 1.2em; text-align: left; }
#locatordirectionslink1 { margin-top: 1em; margin-bottom: 1em; }
#locatormainmap { margin: 0.5em auto; }

div#directionstext ul { list-style: none; margin-left: 1em; padding-left: 1em; text-indent: -1.5em; }
div#directionstext li { margin-top: 1em; margin-bottom: 1em; }

#citylocation { float: left; margin: 0 1.5em; }

/*##############################################################*/
/*## CONTACT PAGE (WITH FORM)								  ##*/
/*##############################################################*/

#contactnumber,
#textadvice1,
#textadvice2 { text-align: center; }

#contacterrormessage { background: #00c; color: #fff; text-align: center; }
#contactsuccessmessage { background: #090; color: #fff; text-align: center; }
#contacterrormessage hr.messageboxhr,
#contactsuccessmessage hr.messageboxhr { color: #fff; background-color: #fff; height: 3px; }

form#contactform { margin: 1.5em auto; text-align: left; color: #fff; }
form#contactform fieldset { margin: 0 auto; width: 665px; display: block; padding: 15px;  }
* html form#contactform fieldset { width: 700px; }
form#contactform legend {
	font-family: Impact, 'Andale Mono', 'Arial Black', sans-serif;
	font-size: 1.4em;
	font-weight: lighter;
	font-style: italic;
	margin-bottom: 5px;
	padding: 5px 10px 5px 5px;
}
* html form#contactform legend { padding: 5px; }
form#contactform label { clear: left; display: block; float: left; width: 250px; text-align: right; padding-right: 3em; font-size: 1em; }
form#contactform input, form#contactform select { width: 200px; clear: right; display: block; float: left; padding-left: 0.2em; margin-bottom: 10px;}
form#contactform textarea { clear: right; display: block; float: left; width: 320px; height: 15em; overflow: auto; padding-left: 0.2em; }
form#contactform #submitbutton { background-color: #aaa; color: #222; font-weight: bold; cursor: pointer; width: 205px; margin: 15px 0 10px 60px; }
form#contactform #submitbutton:hover,
* html form#contactform div a:hover #submitbutton { background-color: #333; color: #fff; }
form#contactform div { height: auto; }

form#contactform input,
form#contactform select,
form#contactform textarea,
form#contactform div,
form#contactform #submitbutton { font-family: arial, sans-serif; font-size: 1em; }

form#contactform legend,
form#contactform option,
form#contactform input,
form#contactform select,
form#contactform textarea { background: #333; color: #fff; }

form#contactform #contactformprivacypolicylink { display: inline; line-height: 100%; font-size: 0.7em; float: left; width: 320px; margin-top: 15px; margin-left: 250px; padding-left: 5em; }
* html form#contactform #contactformprivacypolicylink { padding-left: 1em; }

#contactpostaladdress { font-size: 1.2em; color: #eee; font-weight: bold; }

#contactprivacypolicytitle {
	font-family: Impact, 'Andale Mono', 'Arial Black', sans-serif;
	font-size: 1.4em;
	font-weight: lighter;
	text-decoration: underline
}