/*------------------------------------------------------------------------------
 * Default screen CSS
 *----------------------------------------------------------------------------*/

body {
	margin:0;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/main_bg.jpg);
	background-repeat:repeat-x;
	background-color:#6F6153;
}

h1 {
	color:#FFF;
	padding:20px 0 10px 0;
	font-size:24px;
	font-family: "Trebuchet MS", verdana;
	margin:0 0 0 20px;
	font-weight:normal;
}

h2 {
	color:#333;
	padding:0 0 10px 0;
	font-size:1.1em;
	margin:0 20px 0 20px;
	font-weight:bold;
}

h3 {
	color:#3A4E6D;
	padding:0 0 10px 0;
	font-size:0.9em;
	margin:0 20px 0 20px;
	font-weight:bold;
}

h4 {
	margin:0 0 10px 0;
	padding:0;
	color:#333;
	font-size:0.8em;
}

a {
	text-decoration:underline;
	color:#FF3300;
}

a:hover {
	text-decoration:underline;
	color:#FF6600;
}

p {
	font-size:12px;
	color:#FFFFFF;
}

form {
	margin:0;
	padding:0;
}


/*------------------------------------------------------------------------------
* Layout
*----------------------------------------------------------------------------*/

#layout {
	width:1020px;
	min-height:575px;
	height:auto !important;
	height:700px;
	padding:0;
	margin:10px auto 0 auto;
	background-image:url(../images/wood_bg.jpg);
	background-repeat:no-repeat;
}


/*------------------------------------------------------------------------------
* Menu
*----------------------------------------------------------------------------*/

#menu {
	margin:0 0 0 0;
	padding:0 0 0 50px;
	width:350px;
	height: 130px;
}

#menu ul {
	padding:10px 0 0 0;
	margin:0 0 0 0;
	font-size:15px;
	color:#FFFFFF;
}

#menu li {
	display:inline;
	padding:0 5px 0 0;
}

#menu li a {
	text-decoration:none;
	color:#EEE;
	line-height:115px;
}

#menu li a:hover {
	text-decoration:none;
	color:#FFFFFF;
}


#menu .on {
	background-color:#275A93;
	padding:5px 5px 5px 5px;
	
	margin:0;
}

#rite {
				float: right;
				width: 0px;
				height: 5px;
	}
/*------------------------------------------------------------------------------
* Content
*----------------------------------------------------------------------------*/

#contentWrap {
	background-color:#141C2E;
	width:960px;
	height:333px;
	margin:0 0 0 11px;
	padding:0;
}

#content p {
	margin:0 0 15px 20px;
}

#contentWrap #contentscroll {
	height:245px;
	width: 440px;
	overflow:auto;
}

#contentWrap #bookingWrap {
	float:right;
	padding:0 20px 20px 0;
	margin:20px 0 0 0;
	width:500px;
}

#contentWrap #bookingWrap #box {
	padding:0;
	margin:0;
	width:500px;
	height:280px;
	border:1px solid white;
	background-image:url(../images/booking_bg.jpg);
	background-repeat:repeat-x;
}

#contentWrap #bookingWrap #box p {
	color:#000000;
}

#contentWrap #bookingWrap #farecalc {
	float:right;
	width:208px;
	height:245px;
	padding:0;
	margin:10px;
	background-image:url(../images/fare_calc_header.jpg);
	background-repeat:no-repeat;
	background-position:top;
	border:1px solid #30134D;
}

#contentWrap #bookingWrap #farecalc p {
	color:#000000;
}

#contentWrap #contact {
	position:absolute;
	padding:0;
	margin:100px 0 0 70px;
}

/*------------------------------------------------------------------------------
* Silver Guarantee Button
*----------------------------------------------------------------------------*/

#layout .silver {
	position:absolute;
	margin:15px 0 0 775px;
}

/*------------------------------------------------------------------------------
* Silver Service Man
*----------------------------------------------------------------------------*/

#layout .man {
	position:absolute;
	margin:315px 0 0 12px;
}

/*------------------------------------------------------------------------------
* Silver Service Logo
*----------------------------------------------------------------------------*/

#layout .logo {
	position:absolute;
	margin:476px 0 0 730px;
}


/*------------------------------------------------------------------------------
 * CALCULATOR
 *----------------------------------------------------------------------------*/

			#calculator form {
				display: inline;
			}
						
			#calculator {
				color: #333;
				margin-top: 50px;
				padding: 0 8px 5px 8px;
			}
			
			#calculator select, #calculator input {
				width: 190px;
				margin: 0;
			}
			
			#calculator .disclaimer {
				font-size: 10px;
			}
			
			#calculator h2 {
				display: none;
				margin: 0;
				padding: 0;
			}		
			
			#calculator p {
				margin: 10px 0;
				font-size: 10px;
			}	
			
			#booking_form input.reset {
				width: 70px;
				color: #999;
			}

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

			#booking form {
				display: inline;
			}
			
			#booking .inner {
				padding: 0 13px 13px 13px;
			}
			
			#booking {
				margin-top: 10px;
			}
			
			#booking h2 {
				color: #141c2e;
				margin: 1px 0 1px 0;
				font: 16px "Trebuchet MS", verdana;
				font-weight: bold;
				line-height: 16px;
			}
			
			#booking_form hr {
				border: none;
				line-height: 1px;
				height: 1px;
				background-color: transparent;
				color: transparent;
				text-align: left;
			}
			
			#booking_form .sml {
				font-size: 11px;
			}
			
			#booking_form b {
				display: block;
				margin-bottom: 9px;
			}
			
			#booking_form p {
				margin: 0 0 4px 0;
			}
			
			#booking_form label {
				width: 100px;
				float: left;
				font-size: 10px;
			}
			
			#booking_form input {
				width: 110px;
			}
			
			#booking_form input.error {
				background-color: #ffe5e7;
				border: 1px solid #ffbdc2;
				color: #c33c45;
			}
			
			#booking_form label.error {
				clear: both;
				width: auto;
				display: block;
				position: absolute;
				padding: 3px 5px 3px 25px;
				color: #ad2f2f;
				background: #ffe5e7 url("../images/alert.jpg") no-repeat scroll 5px 2px;
				border: 1px solid #ffbdc2;
				/* IE7 */
				margin: 1px 0 0 -1px !important;
				/* IE6 */
				margin: -21px 0 0 219px;
			}
			
			*:lang(en) #booking_form label.error {
				/* MOZ/SAFARI */
				margin: -20px 0 0 217px !important;
			}
			
/*------------------------------------------------------------------------------
 * HELPERS
 *----------------------------------------------------------------------------*/
 
 
 			#booking, #calculator {
 				font-size: 11px;
 				font-family: verdana;
 			}
 			
			.submitting {
				background-image: url(../images/leftSubmitting.gif);
				background-repeat: no-repeat;
				background-position: 5px 2px;
			}
			
			
			form input, form select {
				border: 1px solid #c4d3e0;
				background-color: #ffffff;
				font: 10px verdana;
				padding: 3px;
			}
			
			form select {
				padding: 0;
			}
			
			
span.c108 {
	color: #402F1B;
}
span.c108 a {
	color: #7E330E;
	text-decoration: none;
}
span.c108 a:hover {
	border-bottom: 1px dashed #fff;
}
#footer {
	font-size: 11px;
	text-align: center;
	color: #34220D;
}

#disclaimer {
	font-size: 9px;
	color: #5b4e42;
	text-align: center;
	margin: 10px auto;
	width: 600px;
}


div.selectbox-wrapper {
  position:absolute;
  display: inline-block;
  width: 220px;
  width: 220px !important;
  background-color: white;
  border: 1px solid #ccc;
  margin: 20px 0 0 -118px;
  padding: 0;
  font-size:0.8em;
  height: 130px;
  overflow: auto;
  float: left;
  z-index: 3000;
}
div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.selectbox-wrapper ul li.selected { 
  background-color: #EAF2FB;
}
div.selectbox-wrapper ul li.current { 
  background-color: #CDD8E4;
}
div.selectbox-wrapper ul li {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 2px;
  cursor: pointer;
}

.selectbox /* look&fell of  select box*/
{
  
  padding-left:2px;
  font-family:Verdana;
  font-size:0.8em;
  width: 110px; 
  display : inline;
  background: url('../images/bg_select.png') 115px;
  cursor: pointer;
  border:1px solid #D1E4F6;
  color:#333;
  
}

#booking_form a {
	font-size: 10px;
	text-decoration: none;
}

#cancelForm label.error {
	color: red;
	padding-left: 10px;
	font-size: 10px;
}

*:lang(en) .selectbox,
*:lang(en) div.selectbox-wrapper {
	/* MOZ/SAFARI */
	display: block;
	margin-top: 0 !important;
	margin-left: 100px !important;
}

select {
	background: url('../images/bg_select.png') right;
}