/*
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
*/
img { display: block;}

body {
  /* font-family: Helvetica, Verdana, Geneva, Arial, sans-serif; */
  font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
  line-height: 1.7;  /* default line height */
  font-size: 12px;
  color: #666666; /* a darkish grey */
  text-align:center;
  background: #CFE1ED url("../images/_bgTop.gif") repeat-x;
}

table {
  font-size: 1em;
  line-height: 1.7;
}

/* ################################################################### */
/* START LAYOUT DIVS */

#frame {
  background: #fff;
  width:820px;  /* was 800 */
  margin-right:auto;
  margin-left:auto;
  margin-top:10px;
  padding:0px;
  text-align:left;
}

#contentheader {
  background: #fff;
  padding: 10px 0px 10px 20px;
  background: #fff url("../images/_top.gif") no-repeat;  
}

#navbar {
  background: url("../images/_navBG.gif");
  margin-bottom: 10px;
}
    
#contentbigleft {
  width:476px;
  padding: 5px 10px 0px 0px; /* 10 pixel padding right, so take of 10 width */
  float:left;
  background:#fff;
  padding-left:10px;
}

#contentbigright {
  width: 314px;
  padding: 10px 0px 0px 0px;
  float: left;
  background:#fff;
}     
    
#contentleft {
  width:210px;
  padding:0px;
  float:left;
  background:#fff;
    padding-left:10px;
}
  
#contentcenter {
  width:390px;
  padding:0px 10px 0px 10px; /* 10 pixel padding left and right, so take of 20 width */
  float:left;
  background:#fff;
}
  
#contentright {
  width:185px;
  padding: 0px 0px 0px 5px;
  float:left;
  background:#fff;
}

#contentwide {
  width:580px;
  padding:0px 10px 0px 10px; /* 10 pixel padding left and right, so take of 10 width */
  float:left;
  background:#fff;
}

#contentfullwidth {
  width:810px;
  padding:0px 0px 0px 10px; /* 10 pixel padding left and right, so take of 10 width */
  float:left;
  background:#fff;
    padding-left:10px;  
}

#contentfooter {
  clear:both;
  padding-bottom:10px;
  padding-left:10px;
  background: url("../images/_footer.gif") bottom no-repeat;
}

#myFormPanel {
	padding-left: 30px;
    padding-top: 8px;
    padding-bottom: 20px;
	background: #FFFFFF;
}

#myFormButtonPanel {
	padding-left: 60px;
    padding-top: 8px;
    padding-bottom: 8px;
	border-top: 1px solid #CFD7C7;
	background: #DBE9FD;
}
  
/* END LAYOUT DIVS */
/* ################################################################### */


/* ****************************** */
/* hide and botTrick elemets form the user */

.botTrick {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

/* ******************************** */

p {
  font-size: 1em;
}


.error {
	color: red;
}



p.body {
  font-size: 1em;
  padding: 5px 0px 3px 0px;
  margin: 0px;
}

p.headerTextLinks {
  font-size: 0.9em;
  padding: 5px 0px 3px 0px;
  margin: 0px;
}

p.conditionsApply {
  font-size: 0.9em;
  padding: 5px 0px 3px 0px;
  margin: 0px;
  color:#999999;
}

p.boxInset {
  font-size: 1em;
  margin: 0px 10px 0px 14px;
}

p.boxInset2 {
  font-size: 1em;
  margin: 0px 10px 10px 18px;
}


ul {
  font-size: 1.0em;
  margin: 0px;
  padding: 0px 0px 0px 10px;
}

.glance {
  margin: 0px 0px 0px 10px;
  padding: 0px 0px 5px 5px;
  list-style-type: square;
}

/* header styles */
p.header {
  color: #000000;
  font-size: 0.8em;
  font-weight: bold;
}

p.linkLocationTitle {
  font-family: Tahoma;
  color: #000000;
  font-size: 0.8em;
  font-weight: bold;
  padding: 5px 0px 3px 0px;
  margin: 0px;
}

p.linkHeader1 {
  font-family: Tahoma;
  color: #000000;
  font-size: 0.8em;
  font-weight: bold;
  padding: 3px 0px 3px 10px;
  margin: 0px;
}

h1 {
color: #333333;  /* dark grey */ 
  /*  color: #3366ff; */ /* dark blue */

  font-size: 1.2em;
  font-weight: bold;
  padding: 5px 0px 3px 0px;
  margin: 0px;
}

h2 {
	color: #0099FF; /* pastel blue */
  font-size: 1em;
  font-weight: bold;
  padding: 5px 0px 3px 0px;
  margin: 0px;
}


div.headedGreyPanel {
  width:100%;       
  background: white;
}

div.headedGreyPanel p.header {
  background: #DCDEDE;  /* darkish grey */ 
  padding: 4px 0px 4px 6px;
  margin: 0px 0px 1px 0px;     /* gives us 1 pixel gap at the bottom allowing parent element color to fill the 1px line */                
  color: #000000;
  font-size: 0.8em;
  font-weight: bold;
}

div.paddedBox {
  background: #F2F3F4;    /* light grey */
  padding: 5px 10px 10px 10px;
                    
}

div.paddedBox p.header {
  /* override the line spacing of p.header element within 'paddedBox' to reduce spacing */
  line-height: 1.0;
  padding: 3px 0px 4px 0px;
  margin: 0px;
}

table.figs {
  border-collapse: collapse;
}

td.figsData {
  padding: 5px 5px 5px 5px;                   
  font-size: 0.9em;
  border: 1px solid black;
  
}

.leftText {
  text-align:left;
}

.centerText {
  text-align:center;
}

.white {
  background: #FFFFFF;
}
/*
.pastelBlue {
  background: #99ccff;
}*/

.pastelBlue {
  background: #c2e0fd;
}


.bold {
  font-weight: bold;
}

.importantMessage {
	background: #ded8c8;
	padding: 10px 10px 10px 10px;	
  font-size: 0.9em;	
	
}



.leftNav {
  background: url("../images/_leftNavButtonPB_BG.gif") no-repeat; /* can be used in 'li' elements to place an coloured arrow graphic */
	/* background: url("../images/_leftNavButtonBG.gif") no-repeat; */
  list-style-position: outside;
  list-style-type: none;
  font-family: Arial;
  padding: 0px 0px 0px 25px;
}

.prominent {
  background: url("../images/_leftNavButtonPB_BG_Feat.gif") no-repeat; /* can be used in 'li' elements to place an coloured arrow graphic */

}

.leftNav a, .leftNav a:active {
  text-decoration: none;  /* prevent normal underlining */
  color: #666666; /* a darkish grey */   /* prevent browser coloring*/
}

.leftNav a:hover {
  text-decoration: underline;
  color: #666666; /* a darkish grey */
}

.rightArrow {
  list-style-image: url("images/orangeRightArrow.gif"); /* can be used in 'li' elements to place an orange arrow graphic */
  list-style-position: inside;
  /* if image is not found, use these style attributes */
  list-style-type: square; color: 99CCFF;
  /*	list-style-type: square; color: orange;	*/
}

.rightArrow a, .rightArrow a:active {
  text-decoration: none;  /* prevent normal underlining */
  color: #666666; /* a darkish grey */   /* prevent browser coloring*/
}

.rightArrow a:hover {
  text-decoration: underline;
  color: #666666; /* a darkish grey */
}

/* specify class="inline" for textual links within paragraphs */
a.inline, a.inline:active {
  text-decoration: none;
  border-bottom: 1px dotted #aaa; 
  color: #333333; /* very dark grey */      
}

a.inline:hover {
  text-decoration: none;
  border-bottom: 1px solid #aaa;  
  color: #333333; /* very dark grey */               
}

#contentfooter p {
  font-size: 0.9em;
  color: #999999; /* light grey */
}

a.foot, a.foot:active {
  text-decoration: none;
  border-bottom: 1px dotted #aaa; 
  color: #999999; /* light grey */      
}

a.foot:hover {
  text-decoration: none;
  border-bottom: 1px solid #aaa;  
  color: #3333FF; /* blue */               
}

.colouredline{
  background-color: #CFD7C7;
}



th {
  font-size: 0.9em;
  font-weight: bold;
  text-align:left;
background-color: #E8E6E6;
}

tr.offwhite {
	background-color: #E8E6E6;
	padding-left:10px;
}

#pricingTable td {
  font-size: 0.9em;
  padding: 5px 0px 10px 5px;
  border-bottom: 1px solid #E8E6E6;
}

.specialOffer {
background-color: #ccffcc;		
}

#myFormPanel td {
  font-size: 0.9em;
}

td.booked {
	background-color: #F75D59;
}

td.av {
	background-color: #66FF66;
}


.guestComment {
	font-style: italic;	
	font-weight: bold;
}

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

.greyRule {
	height:1px;background-color: #cccccc;color: #cccccc;
}

.smallNote {
	font-size: 0.8em;
}