/* Excursions pages only */

/* Summer 2010 addtions */

#popUpButtons {
	position: relative;
	top: 0; left: -66px;
	width: 620px;
	height: 135px;
}
	#popUpButtons .leftPopBox,
	#popUpButtons .centerPopBox,
	#popUpButtons .rightPopBox {
		position: relative;
		float: left;
		display: inline;
		width: 155px;
		height: 135px;
	}
	#popUpButtons .leftPopBox {
		background: url(/images/Pop-up-Details-Buttons.png) left top no-repeat;
	}
	#popUpButtons .centerPopBox {
		background: url(/images/Pop-up-Details-Buttons.png) center top no-repeat;
	}
	#popUpButtons .rightPopBox {
		background: url(/images/Pop-up-Details-Buttons.png) right top no-repeat;
	}

	.popUp {
		display: block;
		width: 155px;
		height: 135px;
	}
	
		#slideShow {
			background: url(/images/Pop-up-Slide-Show.png) left bottom no-repeat;
		}
		a#slideShow {
			background: url(/images/Pop-up-Slide-Show.png) left top no-repeat;
			outline: medium none;
		}
		a#slideShow:hover {
			background: url(/images/Pop-up-Slide-Show.png) left center no-repeat;
		}

		#video {
			background: url(/images/Pop-up-Video.png) left bottom no-repeat;
		}
		a#video {
			background: url(/images/Pop-up-Video.png) left top no-repeat;
			outline: medium none;
		}
		a#video:hover {
			background: url(/images/Pop-up-Video.png) left center no-repeat;
		}
		
		#validityMap {
			background: url(/images/Pop-up-Validity.png) left bottom no-repeat;
		}
		a#validityMap {
			background: url(/images/Pop-up-Validity.png) left top no-repeat;
			outline: medium none;
		}
		a#validityMap:hover {
			background: url(/images/Pop-up-Validity.png) left center no-repeat;
		}
		
		#googleMap {
			background: url(/images/Pop-up-GoogleMap.png) left bottom no-repeat;
		}
		a#googleMap {
			background: url(/images/Pop-up-GoogleMap.png) left top no-repeat;
			outline: medium none;
		}
		a#googleMap:hover {
			background: url(/images/Pop-up-GoogleMap.png) left center no-repeat;
		}
	
	#popUpHidden {
		display: none;
	}
		
		
.noChargesOrFees {
	position: absolute; 
	top: 210px; 
	left: 35px; 
	z-index: 500;
}

	a#badge {
		text-decoration: none;
	}
.excursionOverviewBox img.specialOfferButtonSmall {
	position: absolute; 
	top: -28px; 
	left: 410px; 
	z-index: 500;
}
.excursionOverviewBox .specialOfferOrangeBorder {
	border: 2px orange solid;
	border-top-width: 4px;
	border-bottom-width: 4px;
}

/* END: Summer 2010 addtions */

/* Original */
.dropMenu {
	font: 8pt/1em "trebuchet ms",arial,verdana,sans-serif;
}
.grayBox530Text {
	margin: 0 auto 0 auto;
	width: 490px;
	float: none;
	display: block;
}
.grayBox530Text h1 {
	letter-spacing: -0.02em;
}
.grayBox530Text h3 {
	margin: 0 0 5px 0;
	font: bold 1.2em/1.2em verdana, arial, sans-serif;
	display: block;
	clear: left;
	width: 100%;
}
.grayBox530Text p {
	width: 100%;
}
.grayBox530Text img {
	margin: 5px auto 5px auto;
	border: 1px black solid;
	text-align: center;
}

#classicRailIcon {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 200px;
	height: 185px;
	background: url(/images/classic-rail-icon.jpg) center top no-repeat;
}
#regionalRailIcon {
	position: absolute;
	top: 180px;
	left: 2px;
	width: 227px;
	height: 178px;
	background: url(/images/swiss-regional-rail-passes-exclusive-online.jpg) center top no-repeat;
}
	#regionalRailIcon a {
		display: block;
		height: 100%;
		width: 100%;
		text-decoration: none;
	}

#excusionsIcon {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 200px;
	height: 185px;
	background: url(../images/70ecxursionsicon.jpg) center top no-repeat;
}
	#excusionsIconDE {
		position: absolute;
		top: 20px;
		left: 20px;
		width: 200px;
		height: 185px;
		background: url(../images/70ecxursionsicon-de.jpg) center top no-repeat;
	}
	#classicRailIcon a,
	#excusionsIcon a,
	#excusionsIconDE a {
		display: block;
		height: 100%;
		width: 100%;
	}
.excursionOverviewBox {
	position: relative;
	width: 480px;
	margin: 0 auto 5px auto;
	text-align: left;
	color: black;
}
.excursionOverviewBox .excursionIcon {
	float: left;
	display: inline;
	width: 110px;
	height: 70px;
	margin: 5px 15px 0 0;
	border: 1px black solid;
	background-color: white;
}
.excursionOverviewBox h2 {
	margin: 0 0 5px 0;
	font: bold 1.5em/1.2em verdana, arial, sans-serif;
}
.excursionOverviewBox p {
	margin: 0 0 5px 128px;
	font: 8pt/11pt "Trebuchet MS", verdana, arial, sans-serif;
}
.excursionOverviewBox .detailsPrices {
	margin: 0;
	text-align: right;
	padding: 1px 10px 3px 10px;
	background-color: rgb(92%,92%,92%);
	clear: both;
	cursor: default;
	height: 18px;
	border-bottom: 1px rgb(72%,72%,72%) solid;
}
	.excursionOverviewBox .detailsPrices .firstClass {
		float: left;
		display: inline;
		padding: 0 0 0 33px;
		height: 16px;
		overflow: hidden;
		background: url(/images/first-second-class.gif) left top no-repeat;
	}
	.excursionOverviewBox .detailsPrices .label {
		float: left;
		display: inline;
		width: 100px;
		overflow: hidden;
		margin: 2px 10px 0 0;
		color: rgb(10%,10%,10%);
		text-align: right;
	}
	.excursionOverviewBox .detailsPrices a {
		margin-top: 2px !important;
	}
	.excursionOverviewBox .detailsPrices .ticketSpacer {
		float: left;
		display: inline;
		margin: 2px 10px 0;
		color: rgb(30%,30%,30%);
		text-align: center;
	}
	.excursionOverviewBox .detailsPrices .secondClass {
		float: left;
		display: inline;
		padding: 0 0 0 33px;
		height: 16px;
		overflow: hidden;
		background: url(/images/first-second-class.gif) 0 -16px no-repeat;
	}
	.excursionOverviewBox .detailsPrices .simpleLink {
		float: left;
		display: inline;
		margin-left: 10px;
		height: 16px;
		overflow: hidden;
	}
	
	/* New: Summer 2010 */
	.excursionOverviewBox .bestPriceSmall {
		position: absolute;
		top: -12px;
		left: -25px;
	}
	.grayBox530 .bestPriceLarge {
		position: relative;
		top: -26px;
		left: -85px;
		height: 1px;
		overflow: visible;
	}
		.excursionOverviewBox .bestPriceSmall img,
		.grayBox530 .bestPriceLarge img {
			border: none !important;
		}
	.bestPriceOverview {
		position: absolute;
		top: 290px;
		left: 38px;
		height: 1px;
		overflow: visible;
		width: 160px;
	}
		.bestPriceOverview img {
			border: none !important;
		}
		.bestPriceOverview h2 {
			font-size: 14px;
			color: black;
		}
		.bestPriceOverview p {
			font-size: 11px;
			color: rgb(20%,20%,20%);
		}
	
.excursionPriceBox {
	width: 100%;
	clear: both;
	background-color: rgb(95%,95%,95%);
	border: 1px rgb(85%,85%,85%) solid;
}
.excursionPriceBox .nrOfTicketsDropDown {
	float: left; 
	display: inline; 
	margin: 0 0 0 20px; 
	line-height: 1.4em;
	width: 360px;
}
.excursionPriceBox .prices {
	float: right; 
	display: inline; 
	margin: 0 0 0 5px; 
	line-height: 1.8em;
	text-align: right;
	width: 30px;
}
.excursionPriceBox .price {
	width: 51px;
	margin: 0 15px 0 4px; 
	float: right; 
	display: inline;
	line-height: 1.8em;
	text-align: right;
}
.excursionPriceBox .day {
	width: 50px;
	margin: 0 0 0 40px; 
	float: left; 
	display: inline;
}
.excursionPriceBox .month {
	width: 120px;
	margin: 0 0 0 25px; 
	float: left; 
	display: inline;
}
.excursionPriceBox .year {
	width: 70px;
	margin: 0 0 0 25px; 
	float: left; 
	display: inline;
}



/*
	Listing on Page right for Classic Rail and Excursions.
*/
#mainBox #resortList {
	width: 200px;
	top: 145px;
	left: 786px;
	position: absolute;
	color: rgb(30%,30%,30%);
	font-size: 90%;
	line-height: 104%;
}
#mainBox #resortList {
	top: 95px;
	text-align: left;
	line-height: 0em;
}
#resortList h4 {
	font-size: 120%;
	line-height: 0.8em;
	color: rgb(61,35,124);		/* Dark Link Blue */
}
#resortList p {
	margin-top: 5px;
	color: black;
	line-height: 1.1em;
	font-size: 110%;
	font: 8pt/11pt "Trebuchet MS", verdana, arial, sans-serif;
}
#mainBox #resortList ul {
	text-align: left;
	margin: 10px 0 0 10px;
}
#mainBox #resortList li {
	margin: 0 0 4px 0;
	line-height: 100%;
}



.detailsList {
	margin: 0 0 0 35px;
}
	.detailsList li {
		margin: 0 0 3px 0;
	}


.firstClassMetalTag {
	position: absolute;
	left: 410px; top: -15px;
	width: 177px;
	height: 77px;
	background: url(/images/1st-class-metal-tag.png) no-repeat;
}
.secondClassMetalTag {
	position: absolute;
	left: 410px; top: -15px;
	width: 177px;
	height: 77px;
	background: url(/images/2nd-class-metal-tag.png) no-repeat;
}