/* CSS Document */

/* Global
------------------------------------ */
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, li, ol, dl, address,img{
	margin:0;
	padding:0;
	}

body{
	margin:16px 0 0 0;
	font:normal 8pt "Arial";
	Color:#333333;
	line-height: 1.6em;
	background:url(../i/bg.gif) left top repeat-x #fef0c9;
}

#container {
	width:955px;
	position: relative;
	margin: 0px auto;
}

a:link,
a:visited {
	text-decoration:none;
	}	
a:hover {
	text-decoration: underline;
	Color:#4e4e4e;
	}

img.evil { 
	behavior: url("pngbehavior.htc");
}

img {
	border:0;
	}
	

#right{
	float:right;
}

#left{
	float:left;
}


/* header
------------------------------------ */
#header{
	width:941px;
	float:left;
	padding:0 0 0 14px;
	position:relative;
}

#header p.logo{
	float:left;
}

#nav-main{
	float:right;
	padding:5px 0 0 0;
}

#nav-lang{
	float:right;
	padding:3px 15px 0 0;
	vertical-align:bottom;
}

#nav-lang a{
	color:#402f03;
}


#nav{
	width:955px;
	float:left;
	padding:5px 0 0 0;
}

#ktb-icon{
	float:right;
	width:190px;
	padding:0 9px 0 0;
}

#clear{
	clear:right;
}


/* content-global
------------------------------------ */
#content_global{
	width:955px;
	float:left;
	border-top:7px solid #87650e;
	background:#fff9ed;
	/*overflow:hidden;*/
	position:relative;
}

#content_global2{
	width:955px;
	float:left;
	border-top:7px solid #87650e;
	background:#ffffff;
	/*overflow:hidden;*/
	position:relative;
}

#indicate{
	float:left;
	width:561px;
	padding:8px 0 0 0;
	font:normal 7pt "Tahoma";
	color:#402f03;
	text-transform:lowercase;
	
}
#indicate a{
	color:#402f03;
}
#indicate a:hover{
	color:#ff4301;
}
.txt_indicate{
	text-transform:lowercase;
	color:#f40a13;
}

#print{
	float:left;
	width:100px;
	text-align:right;
}

#print img{
	margin:0 10px 0 0;
}
/* content-index
------------------------------------ */
#content-index-left{
	width:637px;
	float:left;
	border-right:1px solid #ffffff;
	background:#f6eeda;
}

#content-index-right{
	width:317px;
	float:left;
	
}

#banner{
	float:left;
	width:637px;
	background:#ffffff;
}

#index-functionpanel{
	width:317px;
	float:left;
	background:url(../i/functionpanel-bg.jpg) right bottom no-repeat #ffffff;
}

#panel{
	width:283px;
	float:left;
	padding:5px 17px 10px 17px;
	height:153px;
}

#panel label {
	display: block;
	float: left;
	font:normal 8pt "Arial";
	width: 30px;
	padding: 0 10px 0 0;
}

#panel div.row{
	width:270px;
	float:left;
	padding:7px 0 0 0;
}

.select{
	width:120px;
	border:1px solid #e6e6e6;
	font:normal 8pt "Arial";
}

#whatnews{
	width:595px;
	float:left;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	padding:12px 20px 20px 20px;
}

#whatnewspanel{
	width:287px;
	float:left;
	padding:18px 0 0 0;
}

#whatnewspanel img{
	float:left;
	width:88px;
	padding:1px;
	background:#ffffff;
	margin:0 12px 0 0;
	border:1px solid #dacdab;
}

#whatnewspanel h2{
	font:bold 9pt "Trebuchet MS";
	color:#ff0a13;
	line-height:1.3em;
	padding:3px 0 0 0;
	text-transform:uppercase;	
}

#spacing{
	float:left;
	width:20px;
}

#ourfleet{
	width:317px;
	float:left;
}

#ourfleet h2{
	font:bold 9pt "Trebuchet MS";
	color:#402f03;
	background:#ffffff;
	width:299px;
	padding:5px 0 5px 17px;
	text-transform:uppercase;
}

#ourfleetpanel{
	width:283px;
	float:left;
	padding:15px 17px;
}

#ourfleetpanel img{
	width:100px;
	float:left;
	padding:1px;
	border:0px solid #d6c6a1;
	background:#ffffff;
	margin:0 12px 0px 0;
}

/* content-inner
------------------------------------ */
#content-left{
	width:723px;
	float:left;
	background:#f6eeda;
}


#content-right{
	width:232px;
	float:left;	
}

#banner-inner{
	float:left;
	width:723px;
}

#inner-functionpanel{
	width:232px;
	float:left;
	
}

.destination-bg{
	background:url(../i/functionpanel-bg2.jpg) right bottom no-repeat #ffffff;
}

.ticket-bg{
	background:url(../i/functionpanel-bg3.jpg) right bottom no-repeat #ffffff;
}
.terminal-bg{
	background:url(../i/functionpanel-bg4.jpg) right bottom no-repeat #ffffff;
}

#inner-panel{
	width:198px;
	float:left;
	padding:5px 17px 10px 17px;
}

#inner-panel label {
	display: block;
	float: left;
	font:normal 8pt "Arial";
	width: 30px;
	padding: 0 10px 0 0;
}

#inner-panel div.row{
	width:180px;
	float:left;
	padding:7px 0 0 0;
}

.inner-select{
	width:120px;
	border:1px solid #e6e6e6;
	font:normal 8pt "Arial";
}

#content{
	float:left;
	width:671px;
	padding:17px 26px;
	border-top:1px solid #ffffff;
	position:relative;
}

#para{
	padding:10px 5px;
	width:661px;
	float:left;
}

#para img{
	float:right;
	margin:0 0 10px 20px;
}

#para h2{
	float:left;
	margin:0;
	padding:0 0 10px 0;
}

#title{
	float:left;
	width:661px;
	padding:0 5px 10px 5px;
	border-bottom:1px dotted #ada284;
}

#tip{
	width:649px;
	border-bottom:1px solid #d7d0bb;
	padding:10px 6px;
}

#gallery{
	float:left;
	width:130px;
	padding:5px;
	background-color:#cec3a6;
	margin:0 10px 15px 10px;
}

#gallery img{
	float:left;
	margin:0;
}

ul{
	list-style:disc;
	padding:4px 0 10px 20px;
}

li{	
	padding:1px 0 1px 0;
}

ol{
	padding:4px 0 10px 23px;
}

#destination{
	width:639px;
	float:left;
	padding:10px;
	background:#fff9ed;
	border:1px solid #e8dbc2;
	margin:0 0 10px 0;
}

#destination label {
	display: block;
	float: left;
	font:normal 8pt "Arial";
	width: 40px;
	padding: 0 10px 0 0;
}

#destination div.row{
	width:220px;
	float:left;
	padding:7px 0 0 0;
}

#destination select{
	width:150px;
	border:1px solid #e6e6e6;
	font:normal 8pt "Arial";
}


#destination div.row2{
	width:66px;
	float:left;
	padding:7px 0 0 0;
	margin:0;
}

#destination2{
	width:659px;
	float:left;
	background:#fff9ed;
	border:1px solid #e8dbc2;
	margin:0 0 10px 0;
}

#destination2-view{
	width:639px;
	float:left;
	background:#3f2e03;
	padding:10px;
	color:#ffffff;
}

#destination2-view label {
	display: block;
	float: left;
	font:normal 8pt "Arial";
	width: 40px;
	padding: 0 10px 0 0;
}

#destination2-view div.row{
	width:220px;
	float:left;
	padding:7px 0 0 0;
}

#destination2-view div.rowanswer{
	width:165px;
	font:bold 8pt "Arial";
	
}

#destination-answer{
	width:619px;
	float:left;
	padding:10px;
	background:#fff9ed;
	margin:0 0 5px 0;
}

.td1{
	border-bottom:1px solid #e8dbc2;
	padding:3px 5px;
	font-weight:bold;
}

.td2{
	border-bottom:1px solid #e8dbc2;
	padding:3px 5px;
}

.td3{
	background: #ada284;
	padding:3px 5px;
	font-weight:bold;
}

.state{
	font:bold 10pt "Arial";
	color:#ffffff;
}

#whatnew{
	padding:10px 5px;
	width:661px;
	float:left;
}

#whatnew a.panel{
	width:641px;
	float:left;
	background:#fdf9f0;
	border-bottom:1px solid #e8dbc2;
	padding:10px;
	Color:#333333;
	margin-bottom:5px;
}

#whatnew a.panel img{
	float:left;
	margin-right:20px;
	border:2px solid #ffffff;
}

#whatnew a.panel:hover{
	background:#908464;
	color:#ffffff;
	text-decoration:none;
}

/* contact body
------------------------------------ */

.field2 {
	BORDER-RIGHT: 1px solid;
	BORDER-TOP: 1px solid; 
	FONT-SIZE: 8pt; 
	BORDER-LEFT: 1px solid; 
	BORDER-BOTTOM: 1px solid; 
	BORDER-color: #d7d7d7;
	FONT-FAMILY: Tahoma; 
	color: #3a3a3a;
	padding-right: 1px; 
	padding-left: 1px; 
}

.button {
	BORDER-RIGHT: 1px solid;
	BORDER-TOP: 1px solid;
	FONT-SIZE: 8pt;
	BORDER-LEFT: 1px solid;
	BORDER-BOTTOM: 1px solid;
	BORDER-color: #cbcbb8;
	FONT-FAMILY: Tahoma;
	color: #666666;
	background-color: #FFFFFF;
	background-image: url(../i/background_form_element.gif);
}


/* link-txt / text
------------------------------------ */


.title{
	font:bold 11pt "Arial";
	color:#1e1e1e;
}
#subtitle1{
	font:bold 10pt "Trebuchet MS";
	color:#ff3000;
	text-transform:uppercase;
	text-decoration:none;
}

.subtitle{
	font:bold 9pt "Trebuchet MS";
	color:#3c3425;
	text-transform:uppercase;
	text-decoration:none;
}

.link_orange{
	font:bold 7pt "Tahoma";
	color:#ff4301;
}

.link_grey{
	font:normal 7pt "Tahoma";
	color:#707070;
}

.txt_grey{
	font:normal 7pt "Tahoma";
	Color:#4e4e4e;
}



/* content-contact
------------------------------------ */

#contact_tel{
	float:left;
	width:50px;
}

#contact_no{
	float:left;
	width:120px;
}

/* form
------------------------------------ */

#form{
	float:left;
	width:400px;
	border:1px solid #e1dac6;
	padding:8px 16px;
	background:#f9f5ec;
	margin:10px 0 0 0;
}

#form label {
	display: block;
	float: left;
}
#form div.row{
	width:400px;
	float:left;
	margin:5px 0 5px 0;
}

#form p.row2{
	width:210px;
	float:left;
	margin:5px 0 5px 0;
	padding:0 0 0 95px;
}
#form label{
	font:bold 8pt "Arial";
	width: 80px;
	padding: 0 10px 0 0;
}

.textarea{
	width:200px;
	height:150px;
	border:1px solid #e6e6e6;
	font:normal 8pt "Arial";
}

.input2{
	border:1px solid #e6e6e6;
	height:15px;
	font:normal 8pt "Arial";
	width: 180px;
}
.field{
	border:1px solid #e6e6e6;
	height:15px;
	font:normal 8pt "Arial";
	width: 200px;
}


.button {
	border:1px solid #d1d1d1;
	font:bold 7pt "Tahoma";
	color: #333317;
	background-color: #FFFFFF;
	background-image: url(../i/background_form_element.gif);
	margin-right:3px;
}

.txt-red2{
	color:#ff0600;
	font:bold 7pt "tahoma";
}

input.required {
	border:1px solid #e6e6e6;
	height:15px;
	font:normal 8pt "Arial";
	width: 180px;
}
.field{
	border:1px solid #e6e6e6;
	height:15px;
	font:normal 8pt "Arial";
	width: 200px;
}
input.required, textarea.required {
	border: 1px solid #d9d9d9;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #ff7f00;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #ff7f00;
	color : #FFF;
	font-weight: bold;
	text-align:center;
}

/* sitemap
------------------------------------ */
#sitemap2{
	float:left;
	padding:10px 0px 0px 5px;
	width:300px;
	text-align:left;
}

#sitemap2 ul{
	list-style: none;
	padding:5px 0px 0px 20px;
}

#sitemap2 li{
	list-style-image:url(../i/arrow.gif);
	padding:0 0 10px 0;
}

#sitemap2 li a{
	color:#333333;
	font-weight:bold;
	text-decoration:none;
}

#sitemap2 li a:hover{
	color:#ff4301;
	font-weight:bold;
	text-decoration:underline;
}

#sitemap2 ul ul{
	list-style: none;
	padding:3px 0px 0px 18px;
	
}

#sitemap2 ul ul li{
	list-style-image: url(../i/arrow8.gif);
	padding:0;
}

#sitemap2 ul ul li a{
	color:#00a5b1;
	text-decoration:none;
	font-weight:normal;
}

#sitemap2 ul ul li a:hover{

	text-decoration:underline;
	font-weight:normal;
}
/* content-popup
------------------------------------ */


#pop-container{
	width:600px;
	position: relative;
	margin: 0px auto;
}

#pop-content{
	width:570px;
	float:left;
	border-top:7px solid #87650e;
	background:#fff9ed;
	margin:10px 0 0 0;
	padding:15px;
	text-align:justify;
}

#pop-title{
	float:left;
	width:560px;
	padding:0 5px 10px 5px;
	border-bottom:1px dotted #ada284;
	font:bold 10pt "Trebuchet MS";
	color:#ff3000;
	text-transform:uppercase;
}

#pop-title p.title2{
	float:left;
	width:460px;
}

#pop-para{
	padding:10px 5px;
	width:560px;
	float:left;
}
#pop-para img{
	float:left;
	margin:0 20px 10px 0
}

#pop-para img.zero{
	float:left;
	margin:0 !important;
}

#pop-print{
	float:left;
	width:100px;
	text-align:right;
}

#pop-footer {
	width:570px;
	float:left;
	font:normal 7pt "Tahoma";
	Color:#ffffff;
	background:#f40a13;
	padding:9px 15px;
}

#pop-footer a{
	Color:#ffffff;
	text-decoration: none;
}
#pop-footer a:hover{
	Color:#ffffff;
	text-decoration: underline;
}



/* space
------------------------------------ */
.space1{
	padding:0 0 20px 0;
}

.space2{
	padding:0 0 10px 0;
}

.space3{
	padding:5px 0 0 0;
}


/* footer-index
------------------------------------ */
#related{

}

#footer {
	width:925px;
	float:left;
	font:normal 7pt "Tahoma";
	Color:#ffffff;
	background:#f40a13;
	padding:9px 15px;
}

#footer a{
	Color:#ffffff;
	text-decoration: none;
}
#footer a:hover{
	Color:#ffffff;
	text-decoration: underline;
}

/* accordion
------------------------------------ */
.toggler {
	cursor: pointer;
}

/* table
------------------------------------ */

.timetable-title{
	font-weight:bold;
	padding:3px;
	text-align:center;
	width:20%;
	background:#e8dbc2;
}

.timetable-td{
	padding:3px;
	text-align:center;
	width:20%;
	border-left:1px solid #e8dbc2;
	border-bottom:1px solid #e8dbc2;
	background:#ffffff;
	vertical-align:top;
}
.timetable-td2{
	padding:3px;
	text-align:center;
	width:20%;
	border-left:1px solid #e8dbc2;
	border-right:1px solid #e8dbc2;
	border-bottom:1px solid #e8dbc2;
	background:#ffffff;
	vertical-align:top;
}