/* Classes for the SwissPasses.com */
body {
	font: 11px/1.2em verdana, arial, sans-serif;
	text-align: center;
	background-color: white;
	color: rgb(60%,60%,60%);
	background: rgb(117,124,128) url(../images/pagebackground.gif) top center repeat-y;
}
* {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
}
.hiddenText {
	display: none;
}
.whiteText {
	color: white;
}
.gray50 {
	color: rgb(50%,50%,50%);
}
.red {
	color: maroon;
}
h1, h2, h3 {
	margin: 0;
}
a {
	color: rgb(61,35,124);		/* Dark Link Blue */
}
a:hover {
	
}

.highlight {
	font-weight: bold;
	text-decoration: underline;
}
.black {
	color: black;
}
.blue {
	color: rgb(61,35,124);		/* Dark Link Blue */
}
.bold {
	font-weight: bold;
}
.gold {
	color: rgb(229,183,0);		/* Gold */
}
.dark-gold {
	color: rgb(196,125,0);		/* Dark Gold */
}
.green {
	color: rgb(26,208,0);		/* Green */
}
.grey {
	color: rgb(70%,70%,70%) !important;	
}
.dark-grey {
	color: rgb(35%,35%,35%) !important;	
}
.doh {
	clear: both;
	text-align: center !important;
	padding: 10px 0 0 0;
	font-size: 8pt;
	font-style: italic;
}

#enFlag {
	display: inline-block;
	background:  url(/images/langflags.gif) left top no-repeat;
	width: 16px;
	height: 11px;
}
#enFlagDisabled {
	display: inline-block;
	background:  url(/images/langflags.gif) right top no-repeat;
	width: 16px;
	height: 11px;
}
#deFlag {
	display: inline-block;
	background: url(/images/langflags.gif) left bottom no-repeat;
	width: 16px;
	height: 11px;
}
#deFlagDisabled {
	display: inline-block;
	background: url(/images/langflags.gif) right bottom no-repeat;
	width: 16px;
	height: 11px;
}

/* Main Framework Boxes */
#headerLogo {
	position: relative;
	margin: 0 auto 0 auto;
	width: 1008px;
	background: rgb(117,124,128) url(../images/contentsbackground.gif) top center repeat-y;
}
#mainBox {
	margin: 0 auto 0 auto;
	width: 1008px;
	background: rgb(117,124,128) url(../images/contentsbackground.gif) top center repeat-y;
	position: relative;
}
#mainContentBox {
	position: relative;
	margin: 0 0 0 3px;
	width: 1000px;
}
#mainTop {
	margin: 0 auto 0 auto;
	position: relative;
	width: 1008px;
	height: 19px;
	background: url(../images/maintop.gif) no-repeat;
}
#mainBottom {
	margin: 0 auto 0 auto;
	position: relative;
	width: 1008px;
	height: 19px;
	z-index: 10;
}
#mainBottom #base {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/mainbottom.gif) no-repeat;
	z-index: 20;
}
#footerBox {
	margin: 0 auto 0 auto;
	padding: 10px 0 0 0;
	width: 1008px;
	clear: both;
	background: rgb(117,124,128) url(../images/contentsbackground.gif) top center repeat-y;
}
#linksBox {
	margin: 25px 0 0 0;
	float: left;
	display: inline;
	width: 220px;
	min-height: 450px;
}
#singleCenterCol {
	margin: 0 auto 0 auto;
	position: relative;
	width: 500px;
	clear: both;
}
/* Language Switches */
#langSwitchBox {
	height: 3em;
	position: absolute; 
	top: 14px; 
	left: 0;
	width: 100%;
	background-color: transparent;
	z-index: 2000;
}
#langText {
	width: 954px; 
	text-align: right; 
	margin: 0 auto 0 auto;
	font: 10px/1em verdana, arial, sans-serif;
	line-height: 1.3em;
}
#langText a {
	text-decoration: none;
	color: rgb(61,35,124);		/* Dark Link Blue */
}
#langText a:hover {
	text-decoration: underline;
}
/* Main Content */
.vTopSpacer {
	width: 100%;
	height: 35px;
}
.noteBox {
	margin: 0 auto 0 auto;
	position: relative;
	width: 189px;
	text-align: left;
	background: url(../images/linkbackg.gif) repeat-y;
}
.noteTop {
	margin: 0 auto 15px auto;
	position: relative;
	width: 189px;
	height: 13px;
	background: url(../images/linktop.gif) no-repeat;
}
.noteBottom {
	margin: 0 auto 0 auto;
	width: 189px;
	height: 13px;
	background: url(../images/linkbottom.gif) no-repeat;
}
.noteBox h1 {
	margin: 0 auto 0 auto;
	padding: 0 0 3px 0;
	position: absolute;
	text-align: center;
	top: 5px;
	left: 10px;
	width: 169px;
	font: bold 11px/1.3em verdana, arial, sans-serif;
	color: black;
	border-bottom: 1px rgb(80%,80%,80%) solid; 
}
.noteBox p {
	margin: 0 10px 5px 10px;
	color: rgb(40%,40%,40%);
	font: 10px/1.2em verdana, arial, sans-serif;
}
#linksBox .noteSpacer {
	height: 25px;
}
#headerLogo a#about {
	position: absolute;
	display: block;
	height: 16px;
	width: 186px;
	top: 175px; left: 800px;
}
/* Gray sub content boxes */
.grayBox860 {
	margin: 0 auto 0 auto;
	width: 860px;
	background: transparent url(../images/graybox860background.gif) repeat-y;
	position: relative;
}
.grayBox860Top {
	margin: 0;
	width: 860px;
	height: 21px;
	background: transparent url(../images/graybox860top.gif) no-repeat;
}
.grayBox860Bottom {
	margin: 0;
	width: 860px;
	height: 21px;
	clear: both;
	background: transparent url(../images/graybox860bottom.gif) no-repeat;
}
.threeGrayBox300Holder {
	margin: 0 auto 0 auto;
	width: 945px;
}
.grayBox300 {
	margin: 0 auto 0 auto;
	float: left;
	display: inline;
	width: 300px;
	background: transparent url(../images/graybox300background.gif) repeat-y;
	position: relative;
}
.grayBox300Top {
	margin: 0;
	width: 300px;
	height: 11px;
	background: transparent url(../images/graybox300top.gif) no-repeat;
}
.grayBox300Bottom {
	margin: 0;
	width: 300px;
	height: 11px;
	clear: both;
	background: transparent url(../images/graybox300bottom.gif) no-repeat;
}
.grayBox300 .icon60 {
	float: left;
	display: inline;
	margin: 0;
	width: 62px;
	height: 51px;
	text-align: right;
}
.grayBox300Text {
	float: left;
	display: inline;
	margin: 0 0 0 10px;
	text-align: left;
	color: black;
	width: 213px;	
}
.grayBox300Text h1 {
	float: left;
	display: inline;
	margin: 0;
	width: 100%;
	font: bold 18pt/18pt "Trebuchet MS", verdana, arial, sans-serif;
}
.grayBox300Text h2 {
	float: left;
	display: inline;
	margin: 5px 0 0 0;
	width: 100%;
	font: bold 10pt/10pt "Trebuchet MS", verdana, arial, sans-serif;
}
.grayBox530 {
	margin: 0 auto 0 auto;
	width: 530px;
	background: transparent url(../images/graybox530background.gif) repeat-y;
	position: relative;
}
.grayBox530Top {
	margin: 0;
	width: 530px;
	height: 21px;
	background: transparent url(../images/graybox530top.gif) no-repeat;
}
.grayBox530Bottom {
	margin: 0;
	width: 530px;
	height: 21px;
	clear: both;
	background: transparent url(../images/graybox530bottom.gif) no-repeat;
}
.grayBox530 .icon100 {
	float: left;
	display: inline;
	margin: 0;
	width: 107px;
	height: 85px;
	text-align: right;
}
.grayBox530Text {
	float: left;
	display: inline;
	margin: 0 0 0 20px;
	text-align: left;
	color: black;
	width: 380px;
}
.grayBox530Text h1 {
	float: left;
	display: inline;
	margin: 0;
	overflow: visible;
	width: 100%;
	font: bold 24pt/26pt "Trebuchet MS", verdana, arial, sans-serif;
}
.grayBox530Text h2 {
	float: left;
	display: inline;
	margin: 5px 0 0 0;
	overflow: visible;
	width: 100%;
	font: bold 11pt/12pt "Trebuchet MS", verdana, arial, sans-serif;
}
.grayBox300Text p {
	float: left;
	display: inline;
	margin: 5px 0 0 0;
	width: 100%;
	font: 8pt/11pt "Trebuchet MS", verdana, arial, sans-serif;
	position: relative;
}
.grayBox530Text p {
	float: left;
	display: inline;
	margin: 5px 0 0 0;
	width: 380px;
	font: 8pt/11pt "Trebuchet MS", verdana, arial, sans-serif;
}
.btnGetTicket {
	float: left;
	display: inline;
	position: relative;
	top: 5px;
	margin: 5px auto 0 auto;
	width: 100%;
	height: 39px;
	text-align: center;
	background: url(../images/btn-getaticket.gif) center top no-repeat;
}
.btnGetTicket a {
	display: block;
	margin: 0 auto 0 auto;
	width: 178px;
	height: 39px;
	background: url(../images/btn-getaticket.gif) center bottom no-repeat;
}
.btnGetTicket a:hover {
	display: block;
	width: 178px;
	height: 39px;
	background: none;
}
	.btnGetTicketDE {
		float: left;
		display: inline;
		position: relative;
		top: 5px;
		margin: 5px auto 0 auto;
		width: 100%;
		height: 32px;
		text-align: center;
		background: url(/images/btn-getaticket-de.gif) center top no-repeat;
	}
	.btnGetTicketDE a {
		display: block;
		margin: 0 auto 0 auto;
		width: 178px;
		height: 32px;
		background: url(/images/btn-getaticket-de.gif) center -33px no-repeat;
	}
	.btnGetTicketDE a:hover {
		display: block;
		width: 178px;
		height: 32px;
		background: none;
	}
.grayBox530 h3 {
	margin: 0 auto 0 auto;
	width: 480px;
	font: bold 11pt/1.3em verdana, arial, sans-serif;
	color: #5B649B;
	border-bottom: 1px rgb(231,145,135) solid; 
}
.intro {
	margin: 8px auto 8px auto;
	width: 480px;
	text-align: left;
	font: italic 9pt/11pt "trebuchet ms", arial, verdana, sans-serif;
	color: rgb(91,100,155);
}
.moreTickets {
	position: absolute; 
	left: 35px; 
	top: 170px; 
	width: 180px;
}
.note {
	text-align: left;
	font: italic 9pt/11pt "trebuchet ms", arial, verdana, sans-serif;
	color: rgb(91,100,155);
}
.grayBox530 .afterLine {
	margin: 0 auto 0 auto;
	width: 480px;
	height: 1px;
	border-bottom: 1px rgb(231,145,135) solid; 
}
.grayBox530 .GetTicketBox {
	clear: both;
}
.GetTicketBox .btnReturn {
	float: left;
	display: inline;
	width: 65px;
	height: 33px;
	background: url(../images/btn-back.gif) right top no-repeat;
}
.btnReturn a {
	display: block;
	width: 65px;
	height: 33px;
	background: url(../images/btn-back.gif) right bottom no-repeat;
}
.btnReturn a:hover {
	background: none;
}
.GetTicketBox .continueBtn {
	float: left;
	display: inline;
	width: 165px;
	height: 33px;
	background: url(../images/btn-next.gif) left bottom no-repeat;
}
	.GetTicketBox .continueBtnDE {
		float: left;
		display: inline;
		width: 165px;
		height: 33px;
		background: url(../images/btn-next-de.gif) left bottom no-repeat;
	}



.GetTicketBox .continueBtn:hover {
	background: url(../images/btn-next.gif) left top no-repeat;
}
	.GetTicketBox .continueBtnDE:hover {
		background: url(../images/btn-next-de.gif) left top no-repeat;
	}
.GetTicketBox .continueBtnDisabled {
	cursor: default;
	float: left;
	display: inline;
	width: 165px;
	height: 33px;
	background: url(../images/btn-next.gif) left center no-repeat;
}
	.GetTicketBox .continueBtnDisabledDE {
		cursor: default;
		float: left;
		display: inline;
		width: 165px;
		height: 33px;
		background: url(../images/btn-next-de.gif) left center no-repeat;
	}
.GetTicketBox .addToBasketBtn {
	float: left;
	display: inline;
	width: 165px;
	height: 33px;
	background: url(../images/btn-addtobasket.gif) left bottom no-repeat;
}
.GetTicketBox .addToBasketBtn:hover {
	background: url(../images/btn-addtobasket.gif) left top no-repeat;
}
.GetTicketBox .addToBasketBtnDisabled {
	cursor: default;
	float: left;
	display: inline;
	width: 165px;
	height: 33px;
	background: url(../images/btn-addtobasket.gif) left center no-repeat;
}
	.GetTicketBox .addToBasketBtn-de,
	.GetTicketBox .addToBasketBtnDE {
		float: left;
		display: inline;
		width: 165px;
		height: 33px;
		background: url(../images/btn-addtobasket-de.gif) left bottom no-repeat;
	}
	.GetTicketBox .addToBasketBtn-de:hover,
	.GetTicketBox .addToBasketBtnDE:hover {
		background: url(../images/btn-addtobasket-de.gif) left top no-repeat;
	}
	.GetTicketBox .addToBasketBtnDisabled-de,
	.GetTicketBox .addToBasketBtnDisabledDE {
		cursor: default;
		float: left;
		display: inline;
		width: 165px;
		height: 33px;
		background: url(../images/btn-addtobasket-de.gif) left center no-repeat;
	}
.GetTicketBox .buttonHSpacer {
	float: left;
	display: inline;
	width: 110px;
	height: 20px;
}
.btnGoToBasket {
	margin: 0 auto 0 auto;
	width: 165px;
	height: 33px;
	background: url(../images/btn-basket.gif) left top no-repeat;
}
.btnGoToBasket a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/btn-basket.gif) left bottom no-repeat;
}
.btnGoToBasket a:hover {
	background: none;
}
.btnGoToBasketDisabled {
	cursor: default;
	margin: 0 auto 0 auto;
	width: 165px;
	height: 33px;
	background: url(../images/btn-basket.gif) left center no-repeat;
}
#guaranteeIconBox {
	position: absolute;
	top: 21px;
	left: 785px;
	width: 200px;
	text-align: center;
}
#guaranteeIcon {
	margin: 0 auto 0 auto;
	width: 77px;
	height: 77px;
}
#guaranteeIconBox p {
	margin: 0 0 2px 0;
	font-size: 7pt;
	line-height: 1.1em;
	color: rgb(61,35,124);		/* Dark Link Blue */
}
.updateBtn {
	position: absolute;
	left: 685px;
	top: 0;
	height: 33px;
	width: 165px;
	background: url(../images/btn-update.gif) left bottom no-repeat;
}
.updateBtn:hover {
	background: url(../images/btn-update.gif) left top no-repeat;
}
.updateBtnDisabled {
	position: absolute;
	left: 685px;
	top: 0;
	height: 33px;
	width: 165px;
	cursor: default;
	background: url(../images/btn-update.gif) left center no-repeat;
}
	.updateBtn-de {
		position: absolute;
		left: 685px;
		top: 0;
		height: 33px;
		width: 165px;
		background: url(../images/btn-update-de.gif) left bottom no-repeat;
	}
	.updateBtn-de:hover {
		background: url(../images/btn-update-de.gif) left top no-repeat;
	}
	.updateBtnDisabled-de {
		position: absolute;
		left: 685px;
		top: 0;
		height: 33px;
		width: 165px;
		cursor: default;
		background: url(../images/btn-update-de.gif) left center no-repeat;
	}
#accomoBox {
	margin: 10px 0 10px 0;
	position: absolute;
	font: 10pt/3.8em verdana, arial, sans-serif;
	top: 427px; 			/* Set individually in displayOTPAccommodation() */
	left: 265px;
	width: 468px;
	height: 62px;
}
#accomoBox a {
	display: block;
	height: 100%;
	width: 100%;
}


#accomoBox2 {
	margin: 20px auto 15px auto;
	font: 10pt/3.8em verdana, arial, sans-serif;
	width: 468px;
	height: 62px;
}
#accomoBox p, #accomoBox2 p {
	text-align: left;
	color: rgb(60%,60%,60%);
	margin: 0 0 3px 0;
	padding: 0;
	line-height: 1em;
	font-size: 9px;
}


#accomoBox h2, #accomoBox2 h2 {
	text-align: right;
	font: 10pt/3.8em verdana, arial, sans-serif;
}
#partnerReturnBox {
	margin: 0 auto 0 auto;
	position: absolute;
	font: 11pt/3.8em verdana, arial, sans-serif;
	top: 427px; 			/* Set individually in displayOTPAccommodation() */
	left: 90px;
	width: 816px;
	height: 57px;
}
#partnerReturnBox2 {
	margin: 30px auto 0 auto;
	font: 11pt/3.8em verdana, arial, sans-serif;
	width: 816px;
	height: 57px;
}
#errorBox {
	margin: 10px auto 10px auto;
	width: 450px;
	border: 1px gray solid;
	padding: 10px;
	color: red;
	text-align: left;
}
/* Footer bits */
.footerMenuBox {
	margin: 0 0 4px 0;
	color: rgb(40%,40%,40%);
	font: 12px/1.2em verdana, arial, sans-serif;
}
.footerMenuBoxSmall {
	margin: 0 0 8px 0;
	color: rgb(40%,40%,40%);
	font: 10px/1em verdana, arial, sans-serif;
}
.footerMenuBoxMid {
	margin: 0 0 16px 0;
	color: rgb(40%,40%,40%);
	font: 12px/1em verdana, arial, sans-serif;
}
#copyright {
	margin: 10px 0 0 0;
	color: rgb(40%,40%,40%);
	font: 9px/1.2em verdana, arial, sans-serif;
	height: 3em;
	line-height: 1.4em;
}
#copyright a, .footerMenuBoxSmall a, .footerMenuBoxMid a {
	text-decoration: none;
	color: rgb(61,35,124);		/* Dark Link Blue */
}
.footerMenuBox a {
	text-decoration: none;
	color: rgb(61,35,124);		/* Dark Link Blue */
	font-weight: bold;
}
#copyright a:hover, 
.footerMenuBox a:hover, 
.footerMenuBoxSmall a:hover,
.footerMenuBoxMid a:hover {
	text-decoration: underline;
}


#footerBestPriceText {
	margin: 0;
	color: rgb(40%,40%,40%);
	font: 80%/1em verdana, arial, sans-serif;
	height: 13px;
}
#footerBestPriceText a {
	text-decoration: underline !important;
}





/*
	Special Offer block.
*/
#specialOfferBox {
	position: relative;
	top: 0; left: 0;
	height: 0;
	width: 1008px;
	margin: 0 auto;
	overflow: visible;
	z-index: 90000;
}
	#badgeBox {
		position: absolute;
		top: -99px;
		left: 183px;
		background: url(/images/Special-Offer-Summer-2010.png) no-repeat;
		width: 222px;
		height: 131px;
	}
	#textBox {
		position: absolute;
		top: 30px;
		left: 183px;
		padding: 5px 10px 10px 15px;
		background: url(/images/special-offer-badge-box-backg.gif) repeat-y;
		width: 202px;
		min-height: 25px;
		z-index: 10001;
		text-align: left;
		color: black;
	}
	#textBoxBottom {
		position: relative;
		top: 10px;
		left: -15px;
		background: url(/images/special-offer-badge-box-bottom.gif) no-repeat;
		width: 222px;
		height: 10px;
	}

.specialOfferSmallBadge {
	position: absolute;
	top: 70px; left: 8px;
	width: 55px;
	height: 56px;
}



/* benefits Box */
.benefitsBox {
	position: absolute;
	top: 80px; left: 475px;
	width: 257px;
	min-height: 100px;
	text-align: left;
	color: black;
}
	.benefitsBox .bBoxTop {
		width: 257px;
		height: 15px;
		background: url(/images/benefit-box-top.png) no-repeat;
	}
	.benefitsBox .bBoxContents {
		width: 257px;
		min-height: 40px;
		padding: 0 35px 0 30px;
		background: url(/images/benefit-box-mid.png) repeat-y;
		overflow: hidden;
	}
		.benefitsBox .bBoxContents h3 {
			width: 193px !important;
			margin: 0 0 8px 0;
		}
		.benefitsBox .bBoxContents ul {
			width: 75% !important;
		}
			.benefitsBox .bBoxContents ul li {
				margin-bottom: 3px;
				font: 11px "Trebuchet MS",verdana,arial,sans-serif !important;
				list-style: url(/images/bullet-blue.gif);
				overflow: visible;
			}
	.benefitsBox .bBoxBottom {
		width: 257px;
		height: 30px;
		background: url(/images/benefit-box-bottom.png) no-repeat;
	}


	.legendRed {
		padding: 1px 5px;
		margin: 0 5px 0 0;
		background-color: red;
		border: 1px maroon solid;
		color: white;
		font-weight: bold;
	}
	.legendBlue {
		padding: 1px 5px;
		margin: 0 5px 0 0;
		background-color: #0080ff;
		border: 1px navy solid;
		color: white;
		font-weight: bold;
	}
	.legendYellow {
		padding: 1px 5px;
		margin: 0 5px 0 0;
		background-color: yellow;
		border: 1px gold solid;
		color: black;
		font-weight: bold;
	}
	.legendGreen {
		padding: 1px 5px;
		margin: 0 5px 0 0;
		background-color: lime;
		border: 1px green solid;
		color: black;
		font-weight: bold;
	}
	.legendBlack {
		padding: 1px 5px;
		margin: 0 5px 0 0;
		background-color: rgb(20%,20%,20%);
		border: 1px black solid;
		color: white;
		font-weight: bold;
	}
	.legendDottedBlack {
		padding: 1px 5px;
		margin: 0 5px 0 0;
		background-color: rgb(20%,20%,20%);
		border: 1px black dotted;
		color: white;
		font-weight: bold;
	}




#flyLuggageListingDetail {
	float: right;
	display: inline;
	margin-right: 20px;
	line-height: 1em;
	top: 3px;
}
	#flyLuggageListingDetail strong {
		color: rgb(61,35,124);		/* Dark Link Blue */
		font-style: italic;
	}

#flyLuggageIcon {
	position: absolute;
	top: 20px;
	left: 6px;
	width: 225px;
	height: 164px;
	background: url(/swiss-fly-luggage/images/fly-luggage-logo.gif) center top no-repeat;
}
	#flyLuggageIcon a {
		display: block;
		width: 100%;
		height: 100%;
	}
.fullWidth {
	width: 490px;
}
.fullWidth p {
	width: 100%;
}
.swiss-railways-clock {
	position: absolute;
	z-index: 10;
	left: 34px;
	top: 252px;
}


.flyLuggageBox .nrOfTicketsDropDown {
	float: left; 
	display: inline; 
	position: relative;
	top: 5px;
	margin: 0 0 0 128px; 
	line-height: 1.4em;
	width: 190px;
	text-align: left;
}
	.flyLuggageBox .nrOfTicketsDropDown {
		color: black !important;
		font-weight: bold !important;
	}
	
.flyLuggageBenefit {
	padding-left: 15px !important;
}
	.flyLuggageBenefit h3 {
		margin-bottom: 4px !important;
		font-size: 110%;
	}
	.flyLuggageBenefit p {
		margin: 0 0 2px 0 !important;
		width: 220px !important;
	}
	.flyLuggageBenefit li {
		margin: 0 0 0 20px !important;
		width: 200px !important;
	}



.resortHotelList li {
	list-style: none;
	margin: 0 0 2px 0;
}
.resortHotelList li a {
	padding: 0 15px 0 0;
	background: url(/images/pdf.gif) bottom right no-repeat;
}