/* Intro page only */
/* Main Content */
#minHeight {
	float: left;
	display: inline;
	width: 1px;
	height: 400px;
}
#saveLogo {
	position: absolute;
	top: 20px; left: 100px;
	width: 295px;
	height: 137px;
	z-index: 100;
}
#railPassIcon {
	position: absolute;
	top: 5px; left: 366px;
	width: 249px;
	height: 211px;
	background: url(../images/railpassicon.jpg) no-repeat;
	z-index: 50;
}
	#railPassIcon-de {
		position: absolute;
		top: 5px; left: 366px;
		width: 249px;
		height: 211px;
		background: url(../images/railpassicon-de.jpg) no-repeat;
		z-index: 50;
	}
#rentalsIcon {
	position: absolute;
	top: 5px; left: 366px;
	width: 249px;
	height: 211px;
	background: url(../images/rentalsicon.jpg) no-repeat;
}
#rentalsIcon40 {
	position: absolute;
	top: 411px; left: 550px;
	width: 240px;
	height: 74px;
	background: url(../images/40rentalsicon.jpg) no-repeat;
}
#skiPassIcon {
	position: absolute;
	top: 5px; left: 366px;
	width: 249px;
	height: 211px;
	background: url(../images/skipassicon.jpg) no-repeat;
}
#skiPassIcon40 {
	position: absolute;
	top: 418px; left: 250px;
	width: 240px;
	height: 66px;
	background: url(../images/40skipassicon.jpg) no-repeat;
}
#skiPassIcon70 {
	margin: 0 auto 0 auto;
	position: absolute;
	background: url(../images/70skipassicon.jpg) center bottom no-repeat;
	z-index: 2;
}
#skiPassIcon70_New {
	margin: 0 auto 0 auto;
	position: absolute;
	background: url(../images/swiss-ski-pass-save-10-percent.jpg) center bottom no-repeat;
	z-index: 2;
}
	#skiPassIcon70_New-de {
		margin: 0 auto 0 auto;
		position: absolute;
		background: url(../images/70skipassicon-online-de.jpg) center bottom no-repeat;
		z-index: 2;
	}
#skiPassIcon70_ComingSoon {
	margin: 0 auto 0 auto;
	position: absolute;
	background: url(../images/70skipassicon-comingsoon.gif) center bottom no-repeat;
	z-index: 2;
}
#hotelIcon70 {
	margin: 0 auto 0 auto;
	position: absolute;
	top: 200px; left: 140px;
	background: url(../images/70hotelicon.jpg) center bottom no-repeat;
	z-index: 2;
}
#excursionsIcon70 {
	margin: 0 auto 0 auto;
	position: absolute;
	background: url(../images/70ecxursionsicon.jpg) center bottom no-repeat;
	z-index: 2;
}
	#excursionsIcon70-de {
		margin: 0 auto 0 auto;
		position: absolute;
		background: url(../images/70ecxursionsicon-de.jpg) center bottom no-repeat;
		z-index: 2;
	}
#apartmentsIcon70 {
	margin: 0 auto 0 auto;
	position: absolute;
	background: url(../images/70apartmentsicon.jpg) center bottom no-repeat;
	z-index: 2;
}
#rentalsIcon70 {
	margin: 0 auto 0 auto;
	position: absolute;
	background: url(../images/70rentalsicon.jpg) center bottom no-repeat;
	z-index: 2;
}
#rentalsIcon70_ComingSoon {
	margin: 0 auto 0 auto;
	position: absolute;
	background: url(../images/70skirentalicon-comingsoon.gif) center bottom no-repeat;
	z-index: 2;
}
#rentalsIcon70_New {
	margin: 0 auto 0 auto;
	position: absolute;
	background: url(../images/ski-rental-30-percent-off.jpg) center bottom no-repeat;
	z-index: 2;
}
	#rentalsIcon70_New-de {
		margin: 0 auto 0 auto;
		position: absolute;
		background: url(../images/70rentalsicon-new-de.jpg) center bottom no-repeat;
		z-index: 2;
	}
#carRentalsIcon70 {
	margin: 0 auto 0 auto;
	position: absolute;
	background: url(../images/70carrentalicon.jpg) center 22px no-repeat;
	z-index: 2;
}
	#carRentalsIcon70-de {
		margin: 0 auto 0 auto;
		position: absolute;
		background: url(../images/70carrentalicon-de.jpg) center 22px no-repeat;
		z-index: 2;
	}
	
#classicRailIcon70 {
	margin: 0 auto 0 auto;
	position: absolute;
	background: url(../images/classic-rail-icon.jpg) center bottom no-repeat;
	z-index: 2;
}
	#classicRailIcon70-de {
		margin: 0 auto 0 auto;
		position: absolute;
		background: url(../images/classic-rail-icon.jpg-de.jpg) center bottom no-repeat;
		z-index: 2;
	}
	
	
	
	
.icons {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	clear: both;
}


/* 70 Icon positions */
.icon70Size {
	width: 215px;
	height: 165px;
}
.pos1 {
 	top: 173px;
 	left: 73px;
}
.pos2 {
 	top: 225px;
 	left: 279px;
}
.pos3 {
 	top: 225px;
 	left: 504px;
}
.pos4 {
 	top: 173px;
 	left: 726px;
}
.pos5 {
 	top: 30px;
 	left: 640px;
}




/* Big Icons Info Button */
#railInfoButton {
	position: absolute;
	top: 157px; left: 184px;
	width: 28px;
	height: 28px;
}
#rentalInfoButton, #skiInfoButton {
	position: absolute;
	top: 212px; left: 111px;
	width: 28px;
	height: 28px;
}
#hotelInfoButton {
	position: absolute;
	top: 87px; left: 124px;
	width: 28px;
	height: 28px;
}
#excursionInfoButton70 {
	position: absolute;
	top: 108px; left: 155px;
	width: 28px;
	height: 28px;
}
#apartmentsInfoButton {
	position: absolute;
	top: 87px; left: 156px;
	width: 28px;
	height: 28px;
}
#skipassInfoButton70 {
	position: absolute;
	top: 35px; left: 163px;
	width: 28px;
	height: 28px;
}
#skirentalInfoButton70 {
	position: absolute;
	top: 108px; left: 20px;
	width: 28px;
	height: 28px;
}
#carRentalsInfoButton70 {
	position: absolute;
	top: 110px; left: 151px;
	width: 28px;
	height: 28px;
}
#classicRailInfoButton70 {
	position: absolute;
	top: 110px; left: 158px;
	width: 28px;
	height: 28px;
}
.infoButtonA {
	display: block;
	width: 100%;
	height: 100%;
	color: rgb(61,35,124);		/* Dark Link Blue */
	font: 7pt/60px verdana, arial, sans-serif;
	overflow: hidden;
	background: url(../images/btninfo.gif) 0px 0px no-repeat;
}
.infoButtonA:hover, .infoButtonA:hover, .infoButtonA:hover {
	background: url(../images/btninfo.gif) -140px 0px no-repeat;
	text-decoration: underline;
}
.popupInfoBox {
	border: 1px gray solid; 
	padding: 20px 20px 5px 20px; 
	width: 300px; 
	position: absolute;
	background-color: white; 
	display: none;
	color: black;
	text-align: justify;
	z-index: 10000;
}
.popupInfoBoxClose {
	margin-top: 8px;
	width: 100%;
}
.popupInfoBoxClose a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	font-weight: bold;
	background-color: rgb(95%,95%,95%);
	text-align: center;
	padding: 4px 0 4px 0;
}
.popupInfoBox  h4 {
	margin: 0 0 2px 0;
	color: black;
	font: bold 11pt/1.6em verdana, arial, sans-serif;
	text-indent: 30px;
	height: 26px;
}
.popupInfoBox  p {
	margin: 0 0 5px 0;
}
.popupInfoBox .findOutMore {
	margin: 5px 0 5px 0;
	color: black;
	text-align: center;
	font: 8pt/1em verdana, arial, sans-serif;
}
.popupInfoBox  #transferTicketInfo {
	background: url(../railpass/images/transfericon30.gif) no-repeat;
}
.popupInfoBox  #swissPassInfo {
	background: url(../railpass/images/swisspassicon30.gif) no-repeat;
}
.popupInfoBox  #flexiPassInfo {
	background: url(../railpass/images/flexipassicon30.gif) no-repeat;
}
.popupInfoBox  #swissCardInfo {
	background: url(../railpass/images/swisscardicon30.gif) no-repeat;
}




/* Stuff to support new front page layout with sublistings.*/
.subListingBox {
	position: absolute;
	top: 420px; left: 57px;
	width: 880px;
	min-height: 1px;
	color: rgb(50%,50%,50%);
}
.railTweak {
	position: relative;
	top: 25px; left: 0;
	margin: 0 auto;
}
	.subListingBox .listing {
		position: relative;
		padding: 7px;
		text-align: center;
	}
		.subListingBox .subListingBoxSep {
			margin: 0 auto;
			width: 85%;
			height: 5px;
			overflow: hidden;
			background: url(/images/horizontal-line-silver.gif) left center repeat-x;
		}
		.listing img {
			vertical-align: top;
		}
		.listing h2 {
			display: inline;
			padding: 0;
			margin: 0 0 0 5px;
			color: black;
			position: relative;
			top: 15px; left: 0;
			font-size: 165%;
		}
		.listing p {
			display: inline;
			padding: 0;
			margin: 0 0 0 3px;
			color: rgb(20%,20%,20%);
			position: relative;
			top: 15px; left: 0;
			font-size: 115%;
		}
		.subListingBox a {
			display: block;
			width: 870px;
			height: 100%;
			text-decoration: none;
			background: url(/images/trans.gif) repeat;
			border-left: 5px white solid;
			border-right: 5px white solid;
		}
		
		.subListingBox a:hover {
			border-left: 5px gold solid;
			border-right: 5px gold solid;
		}