body {
	padding: 0px;
	margin: 0px;
	background: #000000 url(../images/background_images/main_bg.jpg) no-repeat center top;
}

input, select, textarea {font-family:Arial, helvetica, sans-serif;}

/****************************************************************************************************************/
/************** FIXED FONT SIZES ********************************************************************************/
/****************************************************************************************************************/

div.lowerHeaderLeft {font-size: 15px;}								/* main navigation */
p.subnavigationON, p.subnavigationOFF {font-size: 13px;}			/* level two navigation */
ul.L3navigation {font-size: 12px;}									/* level two navigation */

/****************************************************************************************************************/
/************** general styles **********************************************************************************/
/****************************************************************************************************************/

span.eventBuyLink a:link, .alt a:link {color: #ffffff; text-decoration: underline}
span.eventBuyLink a:visited, .alt a:visited {color: #ffffff; text-decoration: underline}
span.eventBuyLink a:active, .alt a:active {color: #ffffff; text-decoration: none}
span.eventBuyLink a:hover, .alt a:hover {color: #ffffff; text-decoration: none}

.headerBlue {color: #162633;}
.lightBlue {color: #79838F;}
.green {color: #008655;}
.nomargin {margin-bottom: 0px;}
.smallMargin {margin-bottom: 6px;}
.warning {color: #B32317;}

div.movieClipSnippet {padding-bottom: 13px;}

h3.blue {
	color: #79838F;
	margin-bottom: 12px;
}

p.footer {text-align: center;}

div.rightImage, div.rightImageSplash {
	background-color: #ffffff;
	margin: 0px 0px 13px 0px;
}

div.rightImage {width: 180px;}
div.rightImageSplash {width: 195px;}

div.rightImageInside {
	padding: 3px 3px 3px 3px;
}

div.slideShowContainer {padding-bottom: 13px;}

/****************************************************************************************************************/
/*** LAYOUT DIV TAGS ********************************************************************************************/
/****************************************************************************************************************/

div.container, div.containerHeader, div.containerMainContent, div.containerHeaderBorder {
	width: 100%;
	clear: both;
}

div.containerHeader {background-color: #162633;}
div.containerHeaderBorder {background-color: #000000;}
div.containerMainContent {padding-top: 20px; padding-bottom: 1px;}

div.containerInside {
	width: 970px;
	margin-left: auto; 		/*** USED TO CENTRE CONTENT ***/
	margin-right: auto; 	/*** USED TO CENTRE CONTENT ***/
	clear: both;
}
div.topHeader,
div.lowerHeader,
div.banner,
div.content,
div.footer {  
	width: 970px;
	margin: 0px;
	clear: both;
}

div.lowerHeader {height:45px;}

div.topHeaderLeft {
	float: left;
	width: 655px;
}

div.topHeaderRight {
	float: right;
	width: 300px;
}

div.lowerHeaderLeft {
	float: left;
	width: 775px;
	margin-top: 10px; /* Judged by eye based on font size */
	font-family: "Times New Roman", Times, serif;
	color: #ffffff;
	font-weight: bold;
}

div.lowerHeaderRight {
	float: right;
	width: 180px;
}

div.footer {padding-top: 17px;}

/****************************************************************************************************************/
/*** COLUMN DIV TAGS ********************************************************************************************/
/****************************************************************************************************************/

div.navigationColumn {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 190px;
}

div.contentColumns { 
	float: right;
	margin: 0px;
	padding: 0px;
	width: 708px;
}

div.contentLeft, div.contentLeftCart {
	margin: 0px;
	padding: 0px;
	width: 375px;
}

div.contentLeft {float: left;}

div.contentRight {
	float: right;
	padding: 0px;
	margin: 0px;
	width: 180px;
}

div.contentSingleColumn {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 665px;
}

div.navigationColumn, 
div.contentColumns, 
div.contentLeft,
div.contentLeftCart,
div.contentLeft,
div.contentRight,
div.contentSingleColumn {
	overflow: hidden;
}

/****************************************************************************************************************/
/************** Level 1 navigation styles ***********************************************************************/
/****************************************************************************************************************/

.sectionactive a:link {COLOR: #008655; text-decoration: none}
.sectionactive a:visited {COLOR: #008655; text-decoration: none}
.sectionactive a:active {COLOR: #008655; text-decoration: none}
.sectionactive a:hover {COLOR: #008655; text-decoration: none}

.sectionNOTactive a:link {color:#ffffff; text-decoration: none;}
.sectionNOTactive a:visited {color:#ffffff; text-decoration: none;}
.sectionNOTactive a:active {color:#008655; text-decoration: none;} 
.sectionNOTactive a:hover {color:#008655; text-decoration: none;}

/****************************************************************************************************************/
/************** LEFT navigation LEVEL TWO ***********************************************************************/
/****************************************************************************************************************/

div.leftNavigationContainer {
	width: 100%;
	margin-bottom: 13px;
	padding: 0px;
	border-top: 1px solid #808080;
}

div.leftNavigationContainerCell {
	width: 100%;
	padding: 4px 0px 5px 0px;
	margin: 0px;
	font-weight: bold;
	border-bottom: 1px solid #808080;
}

p.subnavigationON, p.subnavigationOFF {
   margin: 0px;
   font-weight: bold;
}

p.subnavigationON a:link {COLOR: #008655; text-decoration: none}
p.subnavigationON a:visited {COLOR: #008655; text-decoration: none}
p.subnavigationON a:active {COLOR: #008655; text-decoration: none}
p.subnavigationON a:hover {COLOR: #008655; text-decoration: none}

p.subnavigationOFF a:link {COLOR: #ffffff; text-decoration: none}
p.subnavigationOFF a:visited {COLOR: #ffffff; text-decoration: none}
p.subnavigationOFF a:active {COLOR: #008655; text-decoration: none}
p.subnavigationOFF a:hover a:hover {COLOR: #008655; text-decoration: none}

/****************************************************************************************************************/
/************** LEFT navigation LEVEL THREE *********************************************************************/
/****************************************************************************************************************/

ul.L3navigation {
   margin-top: 3px;
   margin-bottom: 0px;
}

li.L3navigationON a:link {COLOR: #008655; text-decoration: none}
li.L3navigationON a:visited {COLOR: #008655; text-decoration: none}
li.L3navigationON a:active {COLOR: #008655; text-decoration: underline}
li.L3navigationON a:hover {COLOR: #008655; text-decoration: underline}

li.L3navigationOFF a:link {COLOR: #ffffff; text-decoration: none}
li.L3navigationOFF a:visited {COLOR: #ffffff; text-decoration: none}
li.L3navigationOFF a:active {COLOR: #008655; text-decoration: underline}
li.L3navigationOFF a:hover {COLOR: #008655; text-decoration: underline}

/****************************************************************************************************************/
/************** next show styles ********************************************************************************/
/****************************************************************************************************************/

div.nextShow {
	width: 180px;
	background: url(../images/spacers_etc/next_show_bg.gif) no-repeat left bottom;
	margin-bottom: 13px; 
}

div.nextShowInside {
	padding: 0px 10px 1px 10px;
}

.nextShowSpacing {
	margin-bottom: 10px;
}

/****************************************************************************************************************/
/************** store styles ************************************************************************************/
/****************************************************************************************************************/

div.productRow{
	width: 665px;
	margin-bottom: 0px;
	clear: both;
}

div.productCellLeft, div.productCellRight {
	width: 325px;
	margin-bottom: 8px;
}

div.productCellLeft {float: left;}
div.productCellRight {float: right;}

div.productImage {
	float: left;
	background-color: #ffffff;
	width: 90px;
}

div.productImageInside {
	padding: 1px 1px 1px 1px;
}

div.productdetails {
	float: right;
	width: 225px;
	color: #ffffff;
}

/****************************************************************************************************************/
/************** form styles *************************************************************************************/
/****************************************************************************************************************/

form {margin-bottom: 0px;} /* NEEDED AS PAGE HAS A FORM TAG AROUND IT */

span.website input {background: #162633; color: #ffffff; border:1px solid #808080;}
span.website input:focus {background: #0B0C0E;}

span.website input.fullWidth {width: 371px;}
span.website input.buyQuantity {width: 20px;}
span.website input.button {background: #436271; font-weight: bold;}

span.website select {background: #162633; color: #ffffff; border:1px solid #808080;}

span.website select.fullWidth {width: 371px;}

span.website textarea {background: #162633; color: #ffffff; border:1px solid #808080;}
span.website textarea:focus {background: #0B0C0E;}

span.website textarea.fullWidth {width:371px;}

span.noborder input {border: 0px; background: transparent}

/****************************************************************************************************************/
/************** events styles ***********************************************************************************/
/****************************************************************************************************************/

div.eventsMonthCommencing {
	height: 25px;
	background-color: #162633;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 13px;
	border: 1px solid #ffffff;
}

h3.eventTitle {margin-bottom: 0px; color: #79838F;}
p.eventSummary, p.eventDate { margin-bottom: 6px; }

/****************************************************************************************************************/
/*** SPLASH *****************************************************************************************************/
/****************************************************************************************************************/

table.splashMainLayout {
	background: url(../images/background_images/wide-room.jpg) no-repeat center top;
}

div.splashOuter {
	height: 250px;
	width: 100%;
}

div.splashContent, div.splashImage, div.splashText {
	height: 195px;
}

div.splashContent {
	width: 700px;
	margin-left: auto; 		/*** USED TO CENTRE CONTENT ***/
	margin-right: auto; 	/*** USED TO CENTRE CONTENT ***/
}

div.splashContentInside {
	padding: 0px 30px 0px 30px;
}

div.splashImage {
	float: left;
	width: 195px;
}

div.splashText {
	float: right;
	width: 415px;
}

div.splashImage, div.splashText {overflow: hidden;}

div.splashLink {
	clear: both;
	width: 700px;
	padding: 25px 0px 0px 0px;
	margin-left: auto; 		/*** USED TO CENTRE CONTENT ***/
	margin-right: auto; 	/*** USED TO CENTRE CONTENT ***/
}