/* CSS layout */
/* This CSS holds main page template layout, main text, H, P & Li level fonts */
/* As well as the Footer Bar layout which starts at line 145 */
/* Image place holders are around line 215 or so */
/* All the nav bar layouts are held where the monkey keeps his nuts */
/* 9/1/09 Chg leftcol from 200 to 150 wide - Ditto Margin on Page-Content */
/* 4/2/09 Added price table css */
/* 4/4/09 Added tsstable CSS at 300  */

body {
/* Set baseline font size - rest of tags will use relative sizes */
	/* font-family: Verdanna, helvetica, arial, sans serif;     */
	font-family: Verdanna, arial, helvetica, sans-serif ;   
	font-size: .9em;
	line-height: 140%;
/* Set baseline margins & padding for the whole "page" to get IE , FF etc all on the same page */;
	margin-top: 0px;
	margin-left: 15px;
	margin-right: 10%;
	padding-top: 0px;
/* Set body colour separate to page_master so we can play with it &/or a margin at a later date */
	background: #FFF2DC;
}
/* One ID selector (#page_master) used per page to set the page width, colour and position */
#page_master {
	width: 750px;
	background: #FFF2DC;
/* then margin-top used to shift top_nav ID block down page to allow space for masthead (104px) & top nav (44px) to display */
	margin-top: 148px;
}
/* One ID "masthead" per page used to hold the banner, and to position it using absolute */
#masthead {
	top: 0px;
	position: absolute;
	padding: 0px;
	height: 104px;
	width:750px;
}
/* Container ID is used to hold the columns, main contents & the footer in the HTML code */
#container {
	min-width: 600px;
	margin: 0px;
	padding: 0px;
	z-index: 0;
}
#left_col {
	position: absolute; /*position absolute & top used as button code is at bottom of HTML */
	top: 164px;	/* 104 masthead + 44 top nav + 10 for H1 */
	margin: 0px;
	width: 150px;
	float: left;
	vertical-align: top;
	z-index: 1;
}
#page_content {
	margin-left: 150px;
	position:relative;
	z-index: 2;
}
#footer {
	clear: both;
		}

/* CSS Fonts, Paragraphs & Headings  */
H1 {
	font-family: inherit;
	font-size: x-large;
	font-weight: bold;
	vertical-align: top;
	vertical-align: text-top;
	padding: 5px 10px 20px 20px;
	margin: 0;
	line-height: 110%;
}
H2 {
	font-family: inherit;
	font-size: large;
	font-weight: bold;
	text-indent: 10px;
	padding: 10px 10px 5px 20px;
	margin: 0;
}
H3 {
	font-family: inherit;
	font-size: medium;
	font-weight: bold;
	font-style: italic;
	text-indent: 10px;
	padding: 10px 10px 5px 20px;
	margin: 0;
}
H4 {
	font-family: inherit;
	font-size: larger;
	font-weight: bold;
	font-style: italic;
	text-indent: 10px;
	padding: 10px;
	margin: 0;
}
H5 {
	font-family: inherit;
	font-size: inherit;
	font-weight: normal;
	font-style: italic;
	padding: 10px;
	margin: 0;
}
H6 {
	font-family: inherit;
	font-size: inherit;
	font-weight: normal;
	font-style: italic;
	padding: 10px;
	margin: 0;
}
P {
	font-family: inherit;
	font-size: inherit;
	font-weight: normal;
	padding: 5px 10px 5px 10px;
	margin: 0;
}

li {
	font-family: inherit;
	font-size: inherit;
	font-weight: normal;
	padding: 2px;
	margin: 0;
}

.top {
		font-family: inherit;
	font-size: inherit ;
	font-weight: lighter;
}
/* magtext used for advert highlights */
.magtext {
	font-weight: bolder;
	color: #FF6600;
	text-align: center;
}
.justbold {
	font-weight: bold;
}

/* End of Main page CSS code */
/* Footer Bar CSS starts here */
.footer_text_format {
	margin: 0px;
	padding: 0px;
	font-size: 0.75em;
	font-style: inherit;
	color: black;
	text-align: center;
}
/* 23 Apr 
.footer-text-small-element {
	margin: 0px;
	padding: 0px;
	display: block;
	width: 74px;
	background-color: #66CCFF;
	height: 31px;
	float: left;
}
.footer-text-large-element {
	margin: 0px;
	padding: 0px;
	display: block;
	width: 200px;
	background-color: #66CCFF;
	height: 31px;
	float: left;
}
.footer-text-validation-icon {
	border: none;
	margin: 0px;
	padding: 0px;
	display: block;
	width: 88px;
	height: 31px;
	background-color: #66CCFF;
	float: left;
}
  */
 .footer-text-left-col {
	border: none;
	margin: 0px;
	padding: 0px;
	display: block;
	width: 150px;
	height: 31px;
	background-color: #66CCFF;
	float: left;
	overflow:hidden;
}
 
.footer-text-small-element {
	margin: 0px;
	padding: 0px;
	display: block;
	width: 100px;
	background-color: #66CCFF;
	height: 31px;
	float: left;
	overflow:hidden;
}
.footer-text-large-element {
	margin: 0px;
	padding: 0px;
	display: block;
	width: 200px;
	background-color: #66CCFF;
	height: 31px;
	float: left;
	overflow:hidden;
}

.footerfill_wht {
	clear:both;
	margin: 0px;
	padding: 0px;
	height: 0.15em;
	background-color: #FFFFFF; 
	width: 100%;
	font-size:0px;/* fixes IE6 Small height bug */
}
.footerfill_bei {
clear:both;
	margin: 0px;
	padding: 0px;
	height: 0.15em;
	background-color: #FFF2DC;
	width: 100%;
	font-size:0px;/* fixes IE6 Small height bug */
}
.footerfill_liteblu {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	background-color: #66CCFF;
	display:block;
}
.footerdress {
	margin: 0px;
	padding-top: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
	padding-right: 0em;
}
.footerbar {
	/* left, right & bottom margins set to zero */;
	margin: 0px;
	padding: 0px;
	height: 44px;
	width: 750px;
}
/* End of footer bar CSS */

/* Image place holdera */
.leftimage {
	padding: 2px 10px 0px 0px;
	float: left;
}
.rightimage{
	padding: 2px 0px 0px 5px;
	float: right;
	border:0px;
} 
.centre {
	text-align: center;
}

/* CSS for price tables */

.pricetable {
	margin-top :10px;
	padding:0px;
	/*
	position: absolute;
	top: 0px;
	left:0px; 
	*/
	border-color: #000000;
	border-style: solid solid solid solid;
	border-width: 1px;
	border-collapse: collapse;
	width: 400px;
}

.pricetable td 
{
	border-color: #000000;
	border-style: solid solid solid solid;
	border-width: 1px;
	border-collapse: collapse;
	width: 50px;
}

.price-plain
{
	background-color: #FFF2DC; 
}

.price-peak
{
	background-color: #FF99CC; 
}
.price-highmid
{
	background-color: orange;
}
.price-midmid
{
	background-color: #FFFFCC ;
}
.price-soldout
{
	background-color:red ;
}
.price-lowmid
{
	background-color: aqua;
}
.price-offpeak
{
	background-color: #CCFFFF ;
}
.price-winter
{
	background-color: white;
}
.price-halfterm
{
	background-color: white;
	color: maroon;
}
.price-sale
{
	background-color: white;
	font-weight: bolder;
	color: #FF6600;
	text-align: center;
}
.price-green
{
	background-color:#00CC99 ;
}



.underlined {
	text-decoration: underline;
}
/* CSS For tables  */
.tsstable {
	width:600px;
	margin-top :10px;
	padding:0px;
	border-color: #000000;
	border-style: solid solid solid solid;
	border-width: 1px;
	border-collapse: collapse;
	}

.tsstable td 
{
	border-color: #000000;
	border-style: solid solid solid solid;
	border-width: 1px;
	border-collapse: collapse;
	}
	
.availtable {
	width:130px;
	margin-top :16px;
	margin-left: 0px;
	border-color: #000000;
	border-style: solid solid solid solid;
	border-width: 0px;
	border-collapse: collapse;
	background: #FFF2DC;
/*
   	background-color:white;
   	float:right;

*/
	
	}

.availtable td 
{
	padding:2px;
	border-color: #000000;
	border-style: solid solid solid solid;
	border-width: 0px;
	border-collapse: collapse;
	font-size:smaller;
		}

.availpage {
	width:400px;
	margin-top :16px;
	margin-left: 0px;
	border-color: #000000;
	border-style: solid solid solid solid;
	border-width: 0px;
	border-collapse: collapse;
	background: #FFF2DC;
	}

.availpage td 
{
	padding:2px;
	border-color: #000000;
	border-style: solid solid solid solid;
	border-width: 0px;
	border-collapse: collapse;
	font-size:smaller;
}