/* css_default.css
	Styles for the home page
	
	Copyright Brian Horisk Ltd 31/08/2005

Text sizes are set using % for accessibility reasons
- Assuming browser default is 16pt
	- 14pt is 87%
	- 12pt is 75%
	- 10pt is 63%
	- 9pt is 56% - DON'T USE - illegible on Macs.
		
	Colour Scheme
	blue grey: rgb(166,183,198)
	grey: rgb(214,214,214)
	beige: rgb(238,233,219)
	dark grey: rgb(109,110,113);
	text: #333333
*/

/* Text format
Set up a standard text format here and change it accordingly where required. */
p {
	text-align: left;
	color: #333333;
	font-size: 75%;
}

tr {
	text-align: left;
	color: #333333;
	font-size: 75%;
}

.bodysmall {
	color: #333333;
	font-size: 63%;
}

.errorList {
	font-size: 75%;
	color: red;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

/* Body of the doc - margin and padding set to 0 to override different browser defaults */
body {
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	background-color: rgb(238,233,219);
	background: url(../images/background_shadow.gif); 
}

img {
	border-style: none;
}

#wrapper {
	margin: 0px;
	padding: 0px;
	width: 726px;
	margin-left: 10px;
}

#header {
	margin: 10px 0px;
}

#nav_bar { 
	width: 100%;
	background-color: rgb(214,214,214);
	margin: 0px;
	padding: 0px;
	/* text after !important used by IE, before by Firefox */
	height: 180px !important; height: 177px; 
}

#nav_bar_image { 
	float: right;
	margin: 0px;
	padding: 0px;

	
	}

#nav_bar_text  {
	float: left;
	padding: 0px;
	margin: 0px;
	}


#nav_bar_text p {
	margin: 0px 0px;
	padding: 0px 0px 0px 0px;
}


#nav_bar_text img {
	border-style: none;
	margin: 0px;
	padding: 0px;
		margin-top: -1px;
}

#nav_bar_text a {
	margin: 0px;
	padding: 0px;
}



.side_col {
	width: 143px;
	margin-top: 10px;
	text-align: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #333333;
}

#left_col {
	margin-top: 10px;
	float: left;
	background: url(../images/chrysler_voyager.gif) no-repeat; 
	clear: left;
}

#right_col {
	float: right;
	background: url(../images/mercedes_col.gif) no-repeat;  
}

#content {
	margin-left: 153px;
	margin-right: 153px;
	margin-top: 10px;
}

#book_button {
	clear: both;
	float: left;
	margin-top: 10px;
}


#content h1 {
	font-family: Times New Roman, Times, serif;
	font-weight: normal;
	font-size: 140%;
	text-align: left;
	color: rgb(109,110,113);
}

#content h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
		color: #333333;
} 

#content h3 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 75%;
	font-weight: bold;
} 
#content p, ul {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 75%;
}

#content a:link {
	color: #333333;
	text-decoration: underline;
}

#content a:visited {
	color: #333333;
	text-decoration: underline;
}

#content a:active {
	color: #333333;
	text-decoration: underline;
}
#content a:hover {
	color: #333333;
	text-decoration: underline;
}


.clear {
	clear: both;
}

/* Used in left and right cols
- Main h1 defined elsewhere */


.side_col h2 {
	font-size: 63%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px;
	padding: 8px 4px 0px 4px;
}

.side_col p {
	
	padding: 4px;
	font-size: 63%;
}



.side_col ol {
	font-size: 63%;
	padding-left: 0px;
	margin-left: 25px;
}

.side_col img {
	

}

.side_col a:link {
	color: #333333;
	text-decoration: underline;
}

.side_col a:visited {
	color: #333333;
	text-decoration: underline;
}

.side_col a:active {
	color: #333333;
	text-decoration: underline;
}
.side_col a:hover {
	color: #333333;
	text-decoration: underline;
}


#footer_image_wrapper {
	width:100%;
}

#footer_image_left {
	float: left;
	width: 132px;

}

#footer_image_right {
	float: right;
	width: 131px;

}

#footer_image_center {
	text-align: center;
	padding: 0px;
	margin-left: 130px;
	margin-right: 130px;

}

#footer {
	width: 716px;
	margin: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 2px 10px 2px 0px;
	background-color: rgb(214,214,214);
	color: rgb(109,110,113);
}

#footer p {
	padding: 0px;
	margin:0px;
	font-size: 63%;
}

#footer a {
	color: rgb(109,110,113);
	font-weight: bold;
	text-decoration: none;
}

/* Booking Form */
 tr  {
 
	color: #333333;
	font-size: 75%;
	padding: 3px 3px 3px 3px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
  }
  
.row_header {
 	background-color: rgb(214,214,214);
	
 }
 
 .row_header th {
 	padding: 2px 2px 2px 2px;
	text-align: left;
}

 .flabel {
 	width:25%;
 	text-align: right;
	
 
 }
 
 .ffield{
 	align: left;
 
 }

 .price
 	{
		text-align: right
	}
 
.inputSubmit {
 	background-color: rgb(214,214,214);
	font-size: 90%
 }
 
.form_field_enabled {
 
 }
 
.form_field_hilite {
 	background-color: yellow;
 }
 
.form_field_required {
 	background-color: rgb(238,233,219);
 }

#credits {
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: rgb(214,214,214);
	color: #333333;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}



#credits p {
	font-size: 63%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding: 0px 4px 8px 4px;
	margin-top: 6px;
}

.quote {
	font-family: Georgia, "Times New Roman",  Times,  serif;
	font-size: 1.2em;
	color: #333333;
	text-align: center;
}