/*
Display all images as BLOCK by default.
Fixes Mozilla-based browsers that add a bit of space
below images unless they are specified INLINE or BLOCK
*/
/* MINE */
// img { display: block;}

/*
Specific INLINE and BLOCK elements. Just in case. Actually used
quite often
*/
/*.inline { display: inline; padding : 5px 5px;}*/
.inline { display: inline; MARGIN: 0px}
.inlineTextMiddle { display: inline; MARGIN: 0px; vertical-align: middle;}
.inlineRightPad { display: inline; padding : 0px 5px 0px 0px;}
.block { display: block;}

/* Default Image Properties */
img, img:link,img:visited {
	border: 0px;
}

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #494949;
	background-color: #FFFFFF;
}

/* Header
----------------------------------------------------------- */
#container{
	width:900px;
	margin:0 auto;
	background:#fff;
	text-align:left;
}


#centredHeader {
	width: 880px; 
	padding-left: 0px;
	padding-right: 0px;
	margin: 10px 0px 0px 0px;

}

#header1 {
	float: left;  
	width: 300px; 
	padding: 0px 0px 0px 0px;
	color: #999;
	text-align: left;
}

#header2 {
	float: right;  
	width: 570px; 
	padding: 5px 0px 0px 0px;
	color: #999;
	text-align: right;
}

#header2 a {
	text-decoration: none;
	outline: none;
	color: #999;
}
#header2 a:hover {
	text-decoration: underline;
	color: #999;
	}

#header3 {
	float: left;  
	width: 880px; 
	padding: 10px 0px 5px 0px;
	text-align: left;
	/* background: #fff url("/images/grey1x1.gif") bottom repeat-x; */
}

/* MAIN NAVIGATION
------------------------------------------*/
#navigation {
  background: url("../images/nav/nav_bg.gif") 0 3px repeat-x; 
  height: 33px;
}
#navigation ul, #sub_navigation span {
  margin-left: 24px;
  margin-top:0px;
}
#navigation li {
  list-style: none;
  display: inline;

}
#navigation a {
  background: url("../images/nav/nav_bg_sep.gif") right no-repeat;
  float: left;
  line-height: 30px;
  text-decoration: none;
  padding: 0px 20px 0px 20px;
  border-top: 3px solid white;
  color: white;
}
#navigation .selected a, #navigation a:hover {
  border-top: 3px solid #7EC638;
  color: white;
}
#navigation span {  
  float: left;
  background: url("../images/nav/nav_bg_sep.gif") right no-repeat;
  width: 1px;
  height: 30px;    
}

/* END MAIN NAVIGATION
------------------------------------------*/





/* SUB NAVIGATION
------------------------------------------*/
#sub_navigation {
  background: #CBEEA8 url("../images/nav/subnav_bg.gif") top left repeat-x;
  border-bottom: 1px dashed #525C3D; 
  /* overflow: auto; */
  height: 33px;
}
#sub_navigation ul {
  float: left;
  list-style: none;
  
  margin-top:0px;
}
#sub_navigation li {
  float: left;
  list-style: none;
  display: inline;
}
#sub_navigation a {
  background: url("../images/nav/subnav_bg_sep.gif") right no-repeat;
  float: left;
  font-size: 10px;
  line-height: 12px;
  text-decoration: none;
  /* padding: 10px 25px 10px 24px; */
  color: #474;
  padding: 10px 20px 10px 20px;
}
#sub_navigation a:hover, #sub_navigation .selected a {
  background-color: #DCF3C2;
  color: #3F5A3F;
}
#sub_navigation span {
  float: left;
  background: url("../images/nav/subnav_bg_sep.gif") no-repeat;
  width: 1px;
  height: 30px;
}

/* END SUB NAVIGATION
------------------------------------------*/


/* Font styles
----------------------------------------------------------- */

H1 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	COLOR: #666;
	clear: both;
}

H2 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #666;
	clear: both;
	margin-bottom: 0px;
}

H3 {
	FONT-WEIGHT: normal;
	FONT-SIZE: 80%;
	COLOR: #666;
	clear: both;
}

P {
	FONT-SIZE: 11px;
	COLOR: #666;
	LINE-HEIGHT: 140%;
}

form p {
	LINE-HEIGHT: 14px;
}

.leftPadding {
	padding-left:10px;
}

li {
	FONT-SIZE: 11px;
	COLOR: #666;
	LINE-HEIGHT: 140%;
}

/* Main Body
----------------------------------------------------------- */
#mainBody {
	margin: 20px 0px 0px 0px;
	font-size: 11px;
	color: #999;  
	width: 880px; 
	text-align: left;
	clear: left;
}

.fullRow {
	width: 880px;
	float: left;
	padding: 0px 0px 0px 0px;
}

.columnA_1 {
	width: 490px;
	float: left;
	padding: 0px 20px 0px 0px;
}
.columnA_2 {
	width: 370px;
	float: right;
	padding: 0px 0px 0px 0px;
}

.columnB_1 {
	width: 250px;
	float: left;
	padding: 0px 0px 0px 0px;
}
.columnB_2 {
	width: 250px;
	float: left;
	padding: 0px 0px 0px 0px;
}
.columnB_3 {
	width: 250px;
	float: left;
	padding: 0px 0px 0px 0px;
}

.columnC_1 {
	width: 400px;
	float: left;
	padding: 0px 10px 0px 0px;
}
.columnC_2 {
	width: 450px;
	float: right;
	padding: 0px 0px 0px 0px;
}

td.mainTableCell {
	padding: 0px 0px 0px 0px;
}

td.importantMessage {
	padding: 5px 5px 5px 5px;
	border: 1px solid #999;
	background-color:lightyellow;
}

.priceLabel {
	FONT-SIZE: 11px;
	COLOR: #333;
	LINE-HEIGHT: 140%;
	text-align:right;	
}

.priceValue {
	FONT-SIZE: 11px;
	COLOR: #666;
	LINE-HEIGHT: 140%;	
}

.priceValueBlue {
	FONT-SIZE: 11px;
	COLOR: #3366FF;
	LINE-HEIGHT: 140%;	
}

a.withinAlertLink  {
	text-decoration: underline;	
}




/* Footer
----------------------------------------------------------- */
#centredFooter {
	margin: 10px 0px 0px 0px;
	font-size: 11px;
	color: #999;  
	width: 880px; 
	text-align: left;
	clear: left;
	background: #fff url("../images/grey1x1.gif") top repeat-x;
}

#footerLeft {
	margin: 10px 0px 0px 0px;
	float: left;
	width: 300px; 
	text-align: left;
}

#footerRight {
	float: right;
	text-align: right;
	margin: 10px 0px 0px 0px;
}

/*LINKS
-----------------------------------------------------------------------------
*/

a {
	text-decoration: none;
	outline: none;
	color: #3366FF;
}
a:hover {
	color: #3366FF;
	text-decoration: underline;
	}


/* Used for preloading images using CSS */
.hiddenPic {display:none;}

/* BOOKING FORMS
-----------------------------------------------------------------------------
*/

.error {
	color: red;
}

.tip {
	color: gray;
}

hr {
color: grey;
background-color: grey;
height: 1px;
}


/* VARIATION BUTTON STYLING (v2.0) - SIZABLE SIZE */
.css-buttons200 ul{float:right;list-style: none;margin: 0 0 10px 0;padding: 0;}
.css-buttons200 li{border: 1px solid #999; margin: 5px 0 0 20px; width:200px;}
head:first-child+body .css-buttons200 li{padding-right:2px;}
.css-buttons200 li a{color: #333; text-decoration: none;}

.css-buttons100 ul{float:right;list-style: none;margin: 0 0 10px 0;padding: 0;}
.css-buttons100 li{border: 1px solid #999; margin: 5px 0 0 20px; width:100px;}
head:first-child+body .css-buttons100 li{padding-right:2px;}
.css-buttons100 li a{color: #333; text-decoration: none;}

.css-buttonsLeft100 ul{float:left;list-style: none;margin: 0 0 10px 0;padding: 0;}
.css-buttonsLeft100 li{border: 1px solid #999; margin: 5px 10 0 0px; width:100px;}
head:first-child+body .css-buttonsLeft100 li{padding-right:2px;}
.css-buttonsLeft100 li a{color: #333; text-decoration: none;}

.css-buttonsLeft200 ul{float:left;list-style: none;margin: 0 0 10px 0;padding: 0;}
.css-buttonsLeft200 li{border: 1px solid #999; margin: 5px 10 0 0px; width:200px;}
head:first-child+body .css-buttonsLeft200 li{padding-right:2px;}
.css-buttonsLeft200 li a{color: #333; text-decoration: none;}

.css-button2 {
display:block;
font: 9px verdana, arial, sans-serif;
padding: 2px 0 2px 0px; border: 1px solid white;
text-decoration: none; width:100%;
background: #ddd;color: #333;
}

.css-button2:hover {
background: #CCC;color: #333;
}

.css-button2 span {
font: bold 10px verdana, arial, sans-serif;
padding: 2px 3px 2px 3px; color: #fff;
}

/* BUTTON LOGO STYLING */
.green span{background:#5ACE29;}
.red span{background:#FF3333;}
.blue span{background:#99ccff;}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 5px;
border:1px solid gray;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid lightgray;
border-bottom: 3px solid gray;
visibility: hidden;
text-align:left;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
margin: 3px 8px;
}

.hintanchor:hover {text-decoration: none;}


/* START VERTICAL SLIDING: MOOTOOLS */
.vert_slide {
	background: #D0C8C8;
	color: #8A7575;
	padding: 0px 10px 0px 10px;
	margin-top: -8px;
	margin-bottom: -8px;
	border: 5px solid #F3F1F1;
	font-weight: normal;
}

div.marginbottom {
	/* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin-bottom: 10px;
}
/* END VERTICAL SLIDING: MOOTOOLS */

.clearBoth {
	clear: both;	
}

table.sample {
  border-collapse:collapse;
  /* Remove by RM : 01/12/09 
  border: 1px solid white;
  */
  background-color: white;
}

table.sample td {
  border-width: 1px;
  padding: 10px 6px;
  border-style: solid;
  border-color: #ccc;
  background-color: white;
}

table.sample td p {
	margin:0px;
}

table.sample td.daySix {

  background-color: #dcf3c2;

} 

table.sample td.noBorder {
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;  
  border-left: none;
  border-right:none;
}


/* Success, error & notice boxes for messages and errors.
Borrowed from blueprint css
 */
.bpError,
.bpNotice, 
.bpSuccess,
.bpDiscountNotice    {	padding: 6px 20px 6px 40px;
						margin-bottom: 1em;
						border: 2px solid #ddd;
						font-size: 11px;}

.bpError      { background: #FBE3E4;
				background-image: url(../images/buttons/icons/cross.png);
				background-repeat: no-repeat;
				background-position: 10px 8px;
				color: #D12F19; border-color: #FBC2C4; }
.bpNotice     { background: #FFF6BF;
				background-image: url(../images/buttons/icons/error.png);
				background-repeat: no-repeat;
				background-position: 10px 8px;
				color: #817134; border-color: #FFD324; }
.bpSuccess    { background: #E6EFC2;
				background-image: url(../images/buttons/icons/tick.png);
				background-repeat: no-repeat;
				background-position: 10px 8px;
				color: #529214; border-color: #C6D880; }
.bpDiscountNotice    { background: #FFF6BF;
				background-image: url(../images/buttons/icons/error.png);
				background-repeat: no-repeat;
				background-position: 10px 8px;
				color: #817134; border-color: #FFD324; }				


.bpError a    { color: #D12F19; }
.bpNotice a   { color: #817134; }
.bpSuccess a  { color: #529214; }
.bpDiscountNotice a   { color: #817134; }
/* END Success, error & notice boxes for messages and errors.
Borrowed from blueprint css
 */