#main-content { margin:0 10px; }

#trf-rnd, #step-2, #step-3, #dep-info {
	display: none;
}
#trf-rnd { clear:both; }

form label { padding-top:5px; }

h2 { margin: 1em 0; }
button { padding:2px 6px; }

#step-1 .area {
	-moz-border-radius:8px 8px 8px 8px;
	/*background-color:#F8F8F8;*/
	border:4px solid #def;
	margin:1em;
	padding:0.5em;
}

.area div.radio {
	background-color:#DDEEFF;
	margin:-6px -7px 7px;
	padding:2px 4px;
}
.area div.radio span {
	color:#0099FF;
	display:inline;
	font-weight:bold;
	margin-right:5px;
}

div.datetime {
	background-color:#fff;
	border:solid 1px #ddd;
	padding:10px;
}

div.result {
	margin:0 0 1em 0;
	border:solid 4px #ddd;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	clear:both;
	overflow:auto;
}

.r_header {
	background-color:#eee;
	color:#333;
	overflow:auto;
	padding:2px 10px;
}
.price {
	float:right;
	font-size: 21px;
	font-weight: bold;
	padding-top:5px;
}

div.img {
	float:left;
	margin-right:1em;
}
div.info {
	color:#444;
	float:left;
	margin-right:1em;
	width:330px;
}

.info .arrival {
	background:url("../images/icons/galileo/departure.png") no-repeat scroll 0 4px transparent;
	padding-left:44px;
	margin-top:0.5em;
}

.info .departure {
	background:url("../images/icons/galileo/return.png") no-repeat scroll 0 4px transparent;
	padding-left:44px;
	margin-top:0.5em;
}

div.service {
	float:right;
	margin:0.5em 1em 0 0;
	text-align:right;
	width:200px;
}

.service button {
	height:30px;
	color:#333;
	text-shadow:1px 1px 1px #fff;
	font-weight:bold;
}
.service p {
	background-color:#FFFFEE;
	border-top:1px dashed #CCCCCC;
	color:#333333;
	text-align:left;
}

p.notes {
	padding:1em;
}

#banner1 {
	width:300px;
	border:solid 1px #ccc;
	float:left;
	margin:1em;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	-moz-box-shadow: 1px 0 10px #aaa;
	-webkit-box-shadow: 1px 0 10px #aaa;
	box-shadow: 1px 0 10px #aaa;
}
#banner1_title {
	background-color:#5095F2;
	color:#FFFFFF;
	font-weight:bold;
	padding:5px 10px;
	-moz-border-radius:8px 8px 0 0;
	-webkit-border-radius:8px 8px 0 0;
	border-radius:8px 8px 0 0;
}
#banner2 {
	width:300px;
	border:solid 1px #ccc;
	float:left;
	margin:1em;
	background-color:#eee;
	color:#333;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	-moz-box-shadow: 1px 0 10px #aaa;
	-webkit-box-shadow: 1px 0 10px #aaa;
	box-shadow: 1px 0 10px #aaa;
}
#banner2_title {
	background-color:#5095F2;
	color:#FFFFFF;
	font-weight:bold;
	padding:5px;
	-moz-border-radius:8px 8px 0 0;
	-webkit-border-radius:8px 8px 0 0;
	border-radius:8px 8px 0 0;
}
#banner1_content {
	padding:15px 13px;
}
#banner2_content ul {
	list-style-position:outside;
	list-style-type:disc;
	margin:10px 10px 10px 30px;
}
#banner2_content ul li { margin-bottom:5px; }
#ORmsg { clear:both; font-size:20px; margin:1em 0; }

#sel_trf { overflow:auto; }
#sel_trf button { display:none; }
#arriving_info, #departing_info {
	width:45%;
	float:left;
}