/*
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: 0px 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: 0px 0px 5px 0px;
	text-align: left;
	/* background: #fff url("/images/grey1x1.gif") bottom repeat-x; */
}

#bookingHeader {
	float: left;  
	width: 880px; 
	padding: 0px 0px 5px 0px;
	border-bottom: 1px dashed #ccc;
}

/* 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 {
	text-align: left;
	FONT-WEIGHT: 600;
	FONT-SIZE: 18px;
	COLOR: #000;
	
}

h1.compact {
	line-height: 1.0em;	
	margin-bottom: 3px; 
	padding-bottom: 0px;
}

H2 {
		text-align: left;
	FONT-WEIGHT: 600;
	FONT-SIZE: 16px;
	COLOR: #666;
}

h2.sub-heading {
	margin-top: 0px;
	padding-top: 0px;
	color: #999;	
	line-height: 1.0em;
}

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

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

p.emphasise {
	font-size: 12px;
	font-weight: bold;
}

form p {
	LINE-HEIGHT: 12px;
}

.leftPadding {
	padding-left:10px;
}

li {
	font-size: 11px;
	color: #666;
}

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

#mainBody li {
list-style-type: square;
	margin-top:1em;
  	margin-bottom:1em;
}	
	
	}

.fullRow {
	width: 880px;
	float: left;
	padding: 10px 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;
}

.columnD_1 {
	width: 570px;
	float: left;
	padding: 0px 40px 0px 0px;
}
.columnD_2 {
	width: 270px;
	float: right;
	padding: 0px 0px 0px 0px;
}

.tooltip-icon {
	border: 1px solid #666;
	background-color: #999;
	color: #fff;
	padding: 1px 4px 1px 4px;
	display: inline !important;
	font-size: 11px !important;	
}
.ttFloatRight {
	float: right;
}

span.pointer:hover{
	cursor:pointer;
	}

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;
	border-top: 1px dashed #ccc;
	margin-top: 20px;
}

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

#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;
}

p.tip {
	color: gray;
	margin-top: 0px;	
}

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;}


.clearBoth {
	clear: both;	
}

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

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

table.sample td p, table.sample th 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 {
	padding: 8px 8px 10px 18px;
	margin-bottom: 1em;
	border: 2px solid #ddd;
	font-size: 11px;
}



.bpError   { background: #FBE3E4; border-color: #FBC2C4; }
.bpNotice    { background: #FFF6BF; border-color: #FFD324; }
.bpSuccess { background: #E6EFC2; border-color: #C6D880; }

.bpError a, .bpNotice a, .bpSuccess a {
	color: #3366FF;
}						
						
.bpError p, .bpNotice p , .bpSuccess p
{
	margin: 0px; padding: 0px; 
	line-height: 18px !important;
}

.bpError p .highlight {	color: #D12F19; font-weight: bold; }
.bpNotice p .highlight { color: #817134; font-weight: bold; }
.bpSuccess p .highlight { color: #529214; font-weight: bold; }
			
.msgClose a.close {
	float: right;
	width: 18px;	
	height: 18px;
	background-repeat: no-repeat;
	background-image: url(../images/buttons/icons/cross.png);
}
/* END Success, error & notice boxes for messages and errors.
Borrowed from blueprint css
 */
 
 
/* 
 * START OF DROP DOWN BUTTON ELEMENT : CAN BE REMOVED AFTER DECEMBER 2010 AS DROPPED IMPLEMENTATION
 *
 * http://www.alistapart.com/articles/horizdropdowns/
 * Read it if attempting to make changes !
 * 
 * This article was instrumental in getting this dropdown button to work in IE6 Win
 */
 
/* Fix IE. Hide from IE Mac \*/
* html ul.dropdown-button-list li { float: left; height: 1%; }
* html ul.dropdown-button-list li a { height: 1%; }
/* End */
 
 ul.dropdown-button-list {
 	margin: 0px;
 	padding: 0px;
 	list-style: none;
 }
 
 ul.dropdown-button-list li {
 	position: relative;
 }
 
 ul.dropdown-button-list li a.button {
 	float: none !important;  // strange dissaperance of button in Google Chrome without overriding float:left declared in busttons.css
 }
 
 ul.dropdown-button-list li ul {
 	margin: 0px;
 	padding: 0px;
 	position: absolute;
 	left: 0px;
 	top: 25px;
 	width: 249px;
 	display: none;
 	list-style: none;
 	border: 1px solid #ccc;
 	background-color: #fff;
 }
 
 ul.dropdown-button-list li ul li {
 	/* padding: 5px 5px 0px 5px; */
 	padding: 0px;
 	margin: 0px;
 }
 
 ul.dropdown-button-list li ul li a {
 	display: block;
 	color: #777;
 	background: #fff;
 	padding: 6px 15px;
 }
 
 
 ul.dropdown-button-list li:hover ul, ul.dropdown-button-list li.over ul {
 	display: block;
 }
 
ul.dropdown-button-list li ul li a:hover {
 	background-color: #ccc; 
 	text-decoration: none;
 }
 
 /*
  * END dropdown button element
  */
 
div.button-prompt {
	float: left;
	padding: 0px;
	margin-right: 10px;	
	height: 28px;
	background-image:url('../images/arrow-end.png');
	background-repeat:no-repeat;
	background-position:right top;
}

div.button-prompt-primary {
	background-color:#6699ff; /* cccc99 */
	
}

div.button-prompt-secondary {
	background-color:#66cc33;
}			

p.button-prompt {
	color:#fff !important;
	line-height:28px;
	margin: 0px;
	padding: 0px 20px 0px 10px;
	font-weight: bold;
}

/* 
 * START prices pages
 */
#premium-pane img { display: block; }
#premium-pane:hover {
	border: 2px solid #666 !important;	
}

#standard-pane:hover {
	border: 2px solid #666 !important;	
}
 
/* 
 * END prices pages
 */ 
 
 
 /*
  * QUICK QUOTE
  */
  
	#quick-quote {
			padding: 20px 20px 30px 20px;
			background-color: #f6f5f5;
			color: #666;
			border: 1px dashed #666;

		}   
		
	#quick-quote-title {
		width: 100%;
	}	
	
	#quick-quote-body {
		clear: both;
	}
	
	/*
  * TWITTER
  */
  
	#twitter {
			padding: 20px 20px 30px 20px;
			background-color: #f6f5f5;
			color: #666;
			border: 1px dashed #666;

		}   
		
	/*
  * CALLOUT
  */

	.greenCallout {
		background-color: #8dc54c;
		float:left;
		padding: 10px 40px 10px 40px;
		border: 3px solid #7bac43;
		margin-top: 5px;
		
	}
	
	.greenCallout p {
		color: #fff;
		font-size: 14px;
	}