

.specialOffer {
 	margin: 5px 0;
 }

/* Payment Error Box, that is shown on the Shipping / Payments page. */
#paymentErrorBox {
	margin: 5px auto 25px auto;
	width: 400px;
	padding: 25px;
	background-color: rgb(90%,90%,90%);
	border: 4px maroon double;
	text-align: left;
	line-height: 1.3em;
}
	#paymentErrorBox #failedIcon {
		float: left;
		display: inline;
		margin: 0 8px 0 0;
		width: 32px;
	}
	#paymentErrorBox #textContents {
		float: left;
		display: inline;
		width: 360px;
	}
	#paymentErrorBox h2 {
		float: left;
		display: inline;
		margin: 0 0 8px 0;
		font-size: 18px;
		color: maroon !important;
		text-shadow: white 2px 2px 2px;
		line-height: 1.2em;
	}
	#paymentErrorBox p {
		margin: 0 0 10px 0;
		clear: both;
		color: black !important;
		font-size: 12px;
	}



/* For all form pages */
.redX {
	display: inline;
	vertical-align: middle;
}
	.redX img {
		width: 11px;
		height: 11px;
	}
.required {
	color: red;
	font-weight: normal;
}
.fixWidthLbl {
	margin: 0 0 0 0;
	float: left;
	display: inline;
	width: 120px;
}
.gatherAddressBox, .gatherCCAddressBox {
	font: 10pt/1.1em "trebuchet ms",arial,verdana,sans-serif;
	text-align: left;
	width: 395px;
	margin: 0 auto 10px auto;
}
.gatherAddressBox label {
	margin: 0 0 0 0;
}
.gatherAddressBox select {
	font: 8pt/1em "trebuchet ms",arial,verdana,sans-serif;
}
.gatherAddressBox input {
	width: 240px;
	background-color: white;
}
.ccBoxContainer {
	margin: 0 auto 0 auto;
	width: 476px;
}
.ccBoxContainer .ccLabel {
	float: left;
	display: inline;
	width: 68px;
	text-align: center;
	overflow: visible;
}
.ccLabel img {
	margin: 0 auto 0 auto;
}
.ccLabel input {
	display: block;
	height: 1.5em;
	width: 100%;
}
.gatherCCAddressBox .mustMatch {
	font: .9em/1em "trebuchet ms",arial,verdana,sans-serif;
	color: rgb(40%,40%,40%);
	font-style: italic;
	text-align: left;
	width: 210px;
	float: left;
	display: inline;
}
.ccDetailsBox {
	margin: 0 auto 0 auto;
	width: 480px;
	height: 60px;
}
.ccMonthYearSelectBox {
	float: left;
	display: inline;
	height: 2em;
}
.ccMonthYearSelectLabel {
	display: block;
	width: 100%;
	text-align: center;
	height: 1.5em;
	color: black;
}
.ccMonthYearSelectBox .chooseMonth {
	width: 53px; 
	text-align: left;
	float: left;
	display: inline;
	font: 8pt/1em "trebuchet ms",arial,verdana,sans-serif;
}
.ccMonthYearSelectBox .chooseYear {
	width: 65px; 
	text-align: left;
	float: left;
	display: inline;
	font: 8pt/1em "trebuchet ms",arial,verdana,sans-serif;
}
.ccMonthYearSelectBox .monthYearSelectLabelSep {
	float: left;
	display: inline;
	width: 20px;
	text-align: center;
	height: 1.2em;
	font-size: 1.6em;
	line-height: 1em;
}
.billingNote {
	margin: 0 auto;
	width: 480px;
	text-align: left;
	color: black;
}
.formContainer p {
	margin: 0 auto 10px auto;
	width: 480px;
	color: black;
	text-align: left;
}
.formContainer label, .orderForm label {
	margin: 0 auto 10px auto;
	width: 480px;
	padding: 0;
	font: bold 10pt/1em "trebuchet ms", arial, verdana, sans-serif;
	color: rgb(91,100,155);
	text-align: left;
}
.formContainer input, .orderForm input {
	margin: 0;
	padding: 0;
}
.formContainer .dropMenu, 
.orderForm .dropMenu
 {
	width: 55px;
	float: left;
	display: inline;
	font: 8pt/1em "trebuchet ms",arial,verdana,sans-serif;
}
.formContainer .datePriceBox {
	margin: 0 auto 0 auto;
	width: 480px;
	padding: 0 6px 0 0;
}
.altRow{
	background-color: rgb(94%,94%,94%);
}
.formContainer .dateVSpacer {
	margin: 0 auto 0 auto;
	width: 480px;
	height: 3px;
	clear: both;
}
.formContainer .dateHSpacer {
	float: left;
	display: inline;
	width: 6px;
	height: 10px;
	font: 10pt/17pt "Trebuchet MS", verdana, arial, sans-serif;
	padding-right: 3px;
}
.formContainer .ticketGroupBox {
	margin: 0 auto 0 auto;
	width: 480px;
	padding: 3px 6px 5px 0;
	font-weight: bold;
	color: white;
}
.formContainer .adult {
	background-color: rgb(54,58,107);
}
.formContainer .youth {
	background-color: rgb(130,106,189);
}
.formContainer .child {
	background-color: rgb(193,181,223);
	color: black;
}
.formContainer .day {
	width: 55px;
}
.formContainer .month {
	width: 85px;
}
.formContainer .year {
	width: 60px;
}
.formContainer .price {
	width: 216px;
	float: right;
}
.formContainer .grayItalicNote {
	color: rgb(50%,50%,50%);
	font-style: italic;
}
/* Breadcrumbs */
.breadcrumbBox {
	margin: 0 auto 4px auto;
	color: rgb(70%,70%,70%);
	height: 28px;
	line-height: 16pt;
	text-align: left;
	width: 412px;
}
.breadcrumbBox .crumb {
	float: left;
	display: inline;
	height: 28px;
}
.crumb #stepOne {
	float: left;
	display: inline;
	width: 28px;
	height: 28px;
	text-decoration: none;
	background: url(../images/step1.gif) left center no-repeat;
}
.crumb #stepOneSelected {
	float: left;
	display: inline;
	width: 28px;
	height: 28px;
	text-decoration: none;
	background: url(../images/step1.gif) left top no-repeat;
}
.crumb #stepOneGrayed {
	float: left;
	display: inline;
	width: 28px;
	height: 28px;
	text-decoration: none;
	background: url(../images/step1.gif) left bottom no-repeat;
}
.crumb #stepTwo {
	float: left;
	display: inline;
	width: 28px;
	height: 28px;
	text-decoration: none;
	background: url(../images/step2.gif) left center no-repeat;
}
.crumb #stepTwoSelected {
	float: left;
	display: inline;
	width: 28px;
	height: 28px;
	text-decoration: none;
	background: url(../images/step2.gif) left top no-repeat;
}
.crumb #stepTwoGrayed {
	float: left;
	display: inline;
	width: 28px;
	height: 28px;
	text-decoration: none;
	background: url(../images/step2.gif) left bottom no-repeat;
}
.crumb #stepThree {
	float: left;
	display: inline;
	width: 28px;
	height: 28px;
	text-decoration: none;
	background: url(../images/step3.gif) left center no-repeat;
}
.crumb #stepThreeSelected {
	float: left;
	display: inline;
	width: 28px;
	height: 28px;
	text-decoration: none;
	background: url(../images/step3.gif) left top no-repeat;
}
.crumb #stepThreeGrayed {
	float: left;
	display: inline;
	width: 28px;
	height: 28px;
	text-decoration: none;
	background: url(../images/step3.gif) left bottom no-repeat;
}
.crumb #stepFour {
	float: left;
	display: inline;
	width: 28px;
	height: 28px;
	text-decoration: none;
	background: url(../images/step4.gif) left center no-repeat;
}
.crumb #stepFourSelected {
	float: left;
	display: inline;
	width: 28px;
	height: 28px;
	text-decoration: none;
	background: url(../images/step4.gif) left top no-repeat;
}
.crumb #stepFourGrayed {
	float: left;
	display: inline;
	width: 28px;
	height: 28px;
	text-decoration: none;
	background: url(../images/step4.gif) left bottom no-repeat;
}
.crumb .stepLine {
	float: left;
	display: inline;
	padding: 0 20px 0 5px;
	height: 28px;
	text-decoration: none;
	background: url(../images/stepline.gif) repeat-x;
	color: black;
}
.crumb .stepLineGray {
	float: left;
	display: inline;
	padding: 0 20px 0 5px;
	height: 28px;
	text-decoration: none;
	background: url(../images/steplinegray.gif) repeat-x;
	color: rgb(70%,70%,70%);
}
.crumb a {
	float: left;
	display: inline;
	text-decoration: none;
	color: rgb(91,100,155);
}
#overviewTable {
	margin: 0 auto 0 auto;
	font: 11px/1.2em verdana, arial, sans-serif;
	width: 514px;
	border-top: 1px rgb(181,181,181) solid;
	border-bottom: 1px rgb(181,181,181) solid;
	table-layout: fixed;
	border-collapse: collapse;
	text-align: left;
	color: black;	
}
#overviewTable th {
	background-color: rgb(193,181,223);
	height: 18px;
}
#overviewTable td {
	background-color: white;
	/*height: 1.4em;*/
}
#overviewTable td.alt {
	background-color: rgb(95%,95%,95%);
}
#overviewTable .qty {
	text-align: center;
	font-weight: bold;
	width: 30px;
}
#overviewTable .type {
	width: 50px;
}
#overviewTable .date {
	width: 120px;
}
#overviewTable .desc {
	width: 230px;
}
#overviewTable .curr {
	text-align: right;
	width: 20px;
}
#overviewTable .price {
	text-align: right;
	padding: 0 5px 0 5px;
}
#overviewTable .discount {
	color: rgb(205,43,14);
	font-style: italic;
}
#overviewSubtotal {
	margin: 4px 0 0 0;
	width: 516px;
	color: rgb(40%,40%,40%);
	font-style: italic;
	text-align: right;
}
.changeCurrencyBox {
	margin: 0 0 0 30px;
	float: left;
	display: inline;
	color: rgb(91,100,155);
	font: bold 10pt/1em "trebuchet ms", arial, verdana, sans-serif;
}
.changeCurrencyBox select {
	font: 8pt/1em "trebuchet ms",arial,verdana,sans-serif;
}
.specialOfferSelectionBox {
	margin: 0 60px 0 0;
	float: right;
	display: inline;
	color: rgb(91,100,155);
	font: bold 10pt/1em "trebuchet ms", arial, verdana, sans-serif;
	text-align: right;
}
	.specialOfferSelectionBox select {
		font: 8pt/1em "trebuchet ms",arial,verdana,sans-serif;
	}
	
.isValidBtn {
	margin: 0 auto 0 auto;
	height: 11px;
	background: url(../images/btn-isvalid.gif) left top no-repeat;
	cursor: default;
}
.isValidBtnDisabled {
	margin: 0 auto 0 auto;
	height: 11px;
	background: url(../images/btn-isvalid.gif) 0px -16px no-repeat;
	cursor: default;
}
.centerMe {
	display: block;
	margin: 0 auto 0 auto;
	width: 25px;
}
