/*
-----------------------------------------------
GLOBAL STYLES
-----------------------------------------------
*/

html, body {
	padding:0;
	margin:0;
	width:100%;
	height:100%;
}

body * {
	padding:0;
	margin:0;
}

body {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	background-image:none;
	background-repeat:no-repeat;
}

h1 {
	font-size: 22px;
}

h2 {
	font-size:18px;
}

h3 {
	font-size: 14px;
}

h4 {
	font-size: 12px;
}


a {
	text-decoration: underline;
	color: #060E33;
}

img, a img {
	border-width: 0px;
}


form fieldset {
	border:0;
}

form fieldset div, form fieldset div input {
	width:100%;
}


input {
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

select {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

textarea {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.clearAll {
	clear: both;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


.noMargin {
	margin: 0px;
}


.disclaimer {
	font-size:10px;
	float:left;
	clear:both;
	width:90%;
	margin-top: 15px;
}

.disclaimerSymbol { font-weight:bold; }

.error {
	text-align:center;
	font-weight:bold;
	color: #F00;
	background-color:#FFF;
}

.loading {top:0;left:0;border:none;height:100%;width:100%;}

.loading .yui-panel { 
	background-image:url('images/busy.gif');
	background-repeat:no-repeat;
	background-position: 50% 50%;
	background-color:#FFF;
	height:100%;
	width:100%;
}

/*
-----------------------------------------------
TOOLBAR STYLES
-----------------------------------------------
*/

.toolbarBackground, .grayDots0, .printPageLink, .grayDots1, .audioLink, .grayDots2, .viewBandwidthLink, .grayDots3 {
	/*visibility: hidden;*/
}
/*
body.es_US #globalHeader img {display:none;}
*/
body.es_US #globalHeader #toolbar img, #globalHeader #chrome img, #globalHeader #globalNav img {display:block;}


/* en_US has new global nav */
body.en_US, body.es_US {
	background-image:none;
}
body.en_US #globalHeader, body.es_US #globalHeader {
	position:relative;
	background:transparent;
}

.spanishLink {
	position: absolute;
	top: 8px;
	left: 294px;
}


.searchLabel {
	position: absolute;
	top: 8px;
	left: 581px;
}

.searchInput {
	position: absolute;
	top: 8px;
	left: 630px;
	font-size: 9px;
	width: 98px;
}

.searchGoButton {
	position: absolute;
	top: 8px;
	left: 739px;
}

.drivingDirLink {
	position: absolute;
	top: 32px;
	left: 341px;
}

.purpleDots1 {
	position: absolute;
	top: 32px;
	left: 470px;
}

.calendarLink {
	position: absolute;
	top: 32px;
	left: 476px;
}

.purpleDots2 {
	position: absolute;
	top: 32px;
	left: 552px;
}

.mapLink {
	position: absolute;
	top: 32px;
	left: 557px;
}

.purpleDots3 {
	position: absolute;
	top: 32px;
	left: 605px;
}

.apLink {
	position: absolute;
	top: 32px;
	left: 611px;
}

.goToProfileLink {
	position: absolute;
	top: 32px;
	left: 611px;
}


/* es_US */
/*
.es_US .englishLink {
	position: absolute;
	top: 8px;
	left: 210px;
}

.es_US .spanishLink {
	top: 8px;
	left: 221px;
}

.es_US .grayDots0 {
	top: 8px;
	left: 273px;
}

.es_US .printPageLink {
	top: 8px;
	left: 173px;
}

.es_US .grayDots1 {
	top: 8px;
	left: 272px;
}

.es_US .audioLink {
	top: 6px;
	left: 276px;
}

.es_US .grayDots2 {
	top: 8px;
	left: 422px;
}

.es_US .viewBandwidthLink {
	top: 8px;
	left: 427px;
}

.es_US .grayDots3 {
	top: 8px;
	left: 578px;
}

.es_US .searchLabel {
	top: 8px;
	left: 581px;
}

.es_US .searchInput {
	top: 8px;
	left: 630px;
	font-size: 9px;
	width: 98px;
}

.es_US .searchGoButton {
	top: 8px;
	left: 739px;
}

.es_US .drivingDirLink {
	left: 280px;
}

.es_US .purpleDots1 {
	left: 435px;
}

.es_US .calendarLink {
	left: 443px;
}

.es_US .purpleDots2 {
	left: 528px;
}

.es_US .mapLink {
	left: 534px;
}

.es_US .purpleDots3 {
	left: 585px;
}

.es_US .apLink {
	left: 592px;
}
.es_US .specialOffersLink {
	left: 240px;
}

.es_US .sampleItineraryLink {
	left: 370px;
}

.es_US .myVacationLink {
	left: 568px;
}

.es_US .ticketsReservationsLink {
	left: 401px;
}

.es_US .logInLink {
	left: 682px;
}

.es_US .logOutLink {
	left: 682px;
}



*/






/*
-----------------------------------------------
GLOBAL HEADER STYLES
-----------------------------------------------
*/

#chrome{
	width: 100%;
	background-image:none;
	height: 32px;
	margin: 0;
	padding: 0;	
	position: relative;
	left: 0;
	z-index: 200;
	top: 0;
	height: 31px;
	z-index: 3;
	overflow:hidden;
	text-align:left;
}
.es_US #chrome {
	height:32px !important;
	background-image: none !important;
	background-color: #08086B !important;
}
div#chrome table {
	table-layout: auto;
}
div#chrome * td {
	vertical-align: middle;
}
#toolbar {				/* No padding applied; does not need IE5.x/win fix */
	visibility: visible;
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 49px;
	z-index: 3;
	background-color:#FFF;
	overflow:hidden;
}
#toolbar .logo {
	margin-top:-5px;
}

#globalNav {				/* No padding applied; does not need IE5.x/win fix */
	visibility: visible;
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 21px;
	background-color: #ffd682;
	z-index:101;
}


#globalNav .navigation {
	z-index:1000;
	position:absolute;
	top:1px;
	left:0;
}

#globalNav .navigation .menu {
	float:left;
	position:relative;
	
}
#globalNav .navigation .menu h3 {
	float:left;
	padding: 0px;
	background-color:#C00;
	color: #FFF;
	text-transform:uppercase;
	font-size:12px;
	height:20px;
	line-height:20px;
	overflow:hidden;
}

#globalNav .navigation .menu h3 a {
	color: #FFF;
	text-decoration:none;
}

#globalNav .navigation .menu ul {
	position:absolute;
	z-index:1001;
	top: 20px;
	left: 0px;
	width:210px;
	background-color: #FFF;
	list-style-type:none;
	list-style-position:outside;
	padding-bottom:84px;
	display:none;
	background-color:#FFF;
}

#globalNav .navigation .menu ul li {
	background-color:#FFF;
	width:210px;
	padding:0;
	margin:0;
}
#globalNav .navigation .menu ul a {
	/*padding-left: 25px;*/
	/*height:18px;*/
	background-color:#FFF;
	color:#000;
	text-decoration:none;
	font-weight:bold;
	width:210px;
	padding:0;
	margin:0;
}

#globalNav .navigation .menu ul a:hover {
	color:#FCF;
	text-decoration:none;
}

#globalNav .navigation .menu ul .globalNavFeatureMedia {position:absolute; bottom:0;left:0;}

#globalNav .navigation .menu ul .globalNavFeatureMedia img { display:block;z-index:60; }

.globalNavBackground { top: 0; }

.ticketsReservationsLink, .myVacationLink, .logOutLink, .logInLink { top: 1px; }

#subNav {				/* No padding applied; does not need IE5.x/win fix */
	visibility: visible;
	position: absolute;
	top: 99px;
	left: 0px;
	width: 202px;
	height: 271px;
}


/*
-----------------------------------------------
PRIMARY DIVISION STYLES
-----------------------------------------------
*/

#pageWrapper {
	width: 960px;
	float:left;
}

#pageFooter {
	width: 960px;
}

body.en_US #pageFooter {
	background-color: transparent;
}

.es_US #pageFooter table.footer {
	width: 100%;
}

#pageFooter .languageSelect {
	margin-left: 10px;
	
}

#pageContent {
	position:relative;
	padding-bottom:100px;
	color: #5A5B71;
}

#pageHeader {
	width:100%;
	height:215px;
	position:relative;
	float:left;
}


#promoMedia {				/* No padding applied; does not need IE5.x/win fix */
	position:absolute;
	top:23px;
	left: 50px;
	z-index:17;
}

#pageMedia {				/* No padding applied; does not need IE5.x/win fix */
	position:absolute;
	top: 0px !important;
	left: 0px;
	z-index:18;
}

.en_US #pageContent, .es_US #pageContent {
	width: 100%;
}

#pageContent #apHeaderModule {
	height:180px;
	overflow:hidden;
	padding:45px 0pt 0pt 50px;
	position:absolute;
	right:0px;
	top:-215px;
	width:171px;
	z-index:50;
}







/*
-----------------------------------------------
CONTENT STYLES
-----------------------------------------------
*/
.contentArea h1, .contentArea h4 {
	color:#C9416A;
}

.salesPitch .continue {
	text-align:right;
	margin-bottom:1em;
}

.salesPitch p {
	margin: 1em 0;
}

.salesPitch ul p {
	margin: 0;
}


.contentArea ol {
	color:#C9416A;
	margin-left:2em;
}

.contentArea ul {
	color:#C9416A;
	list-style-type:square;
	margin-left:2em;
}
.contentArea ul li p {
	color:#5A5B71;;
}

.detailListing {
	margin-top: 10px;
	margin-bottom: 5px;

	float:left;

	/*10px plus height of horiz rule*/
	padding-bottom: 24px;
	background:transparent url(images/horizRule.gif) repeat-x scroll center bottom;
}

.blurb {

	float:left;
	padding: 5px 0;
}

.detailListing h2 {
	color:#C9416A;
	clear:both;
	font-size:18px;
	margin-bottom:5px;
}

.detailListing h3 {
	color:#58596D;
	font-size:11px;
	font-weight:bold;
}


.detailListing .thumbnail {
	float:left;
	width: 144px;
	margin-right:10px;
	clear:both;
}

.detailListing .thumbnail img { float:left; }


.detailListing .description {
	float:left;
	width:270px;
	padding-top: 5px;
}



.detailListing p.detailLink, .detailListing p.listingLink {
	color:#708DA5;
	color:#58596D;
	font-size:11px;
}

.detailListing p.listingLink {
	text-align:right;
	float:right;
	clear:both;
	width:400px;
}

.detailListing p.detailLink {
	margin-top:3px;
}


.parentLink a, .detailLink a {
	color:#8CB1CE;
}

.listingLink a {
	color:#708DA5;
	color:#C9416A;
	font-weight:normal;
	font-size:10px;
}

.detailPageModule p.parentLink {
	color:#58596D;
	font-size:11px;
	float:right;
	margin:1em 0;
}


.floatRight {
	float: right;
}


/*
-----------------------------------------------
MODULE SPECIFIC STYLES
-----------------------------------------------
*/


#CompareAnnualPassportsCollapsibleModule {
	float:left;
	position:relative;
	overflow:hidden;
}

#CompareAnnualPassportsCollapsibleModule .expand, #CompareAnnualPassportsCollapsibleModule .collapse {
	top:3px;
	height:23px;
	left:3px;
	position:absolute;
	width:23px;
	cursor:pointer;
}

#CompareAnnualPassportsCollapsibleModule .expand {
	background: transparent url('images/compareTableButtonDown.gif') no-repeat scroll 50% 50%;
}		

#CompareAnnualPassportsCollapsibleModule .collapse {
	background: transparent url('images/compareTableButtonRight.gif') no-repeat scroll 50% 50%;
}


/*---BEGIN Comparison Table Module---*/

table.apGrid {
	margin: 0;
	padding:0;
	float:left;
	border-bottom:3px solid #666667;
}

.apGrid td {
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	height:35px; 
	width:56px;
	overflow:hidden;
	vertical-align:middle; 
	text-align:center;
}

.apGrid td span.value { display:none; }

.apGrid th {
	border-top: 1px solid #CCC;
	text-align:left;
	vertical-align:middle;
	font-weight:normal;
}


.apGrid thead tr {
	height: 51px;
	overflow:hidden;
	background: transparent url('images/compareTableHeadBgGrad.gif') repeat-x 0 0;
}

.apGrid thead tr th {
	border-top:none;
	border-left:1px solid #FFF;
	font-size:10px;
	text-align:center;
	vertical-align:top;
}

.apGrid thead tr th.description {
	color: #C9416A;
	font-size: 15px;
	font-weight:bold;
	padding: 5px 5px 5px 30px;
	border:none;
	text-align:left;
}

.apGrid tbody th {
	padding-right: 10px;
}

.apGrid .availableDays th {
	color:#C9416A;
	text-align:right;
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	width:219px;
}

.apGrid .availableDays td {
	font-size:25px;
}



.col0, .col1, .col2, .col3 { width: 56px; overflow:hidden; color:#FFF; }
.col0 { background-color: #42b5a3; }
.col1 { background-color: #8275d2; }
.col2 { background-color: #f1604b; }
.col3 { background-color: #4089cf; }
th.col0 { background: transparent url('images/compareTableHeadTeal.jpg') repeat-x 0 0; }
th.col1 { background: transparent url('images/compareTableHeadPurple.jpg') repeat-x 0 0; }
th.col2 { background: transparent url('images/compareTableHeadRed.jpg') repeat-x 0 0; }
th.col3 { background: transparent url('images/compareTableHeadBlue.jpg') repeat-x 0 0; }

.blockoutText td, .blockoutText th { border-top:none; }

.availableDays td.col0, .blockoutText td.col0 { background-color:#FFF; color: #42b5a3; text-align:center; }
.availableDays td.col1, .blockoutText td.col1 { background-color:#FFF; color: #8275d2; text-align:center; }
.availableDays td.col2, .blockoutText td.col2 { background-color:#FFF; color: #f1604b; text-align:center; }
.availableDays td.col3, .blockoutText td.col3 { background-color:#FFF; color: #4089cf; text-align:center; }

.blockoutText td.col0 a { color: #42b5a3; text-decoration:none; }
.blockoutText td.col1 a { color: #8275d2; text-decoration:none; }
.blockoutText td.col2 a { color: #f1604b; text-decoration:none; }
.blockoutText td.col3 a { color: #4089cf; text-decoration:none; }
.blockoutText td a:hover {text-decoration:underline;}


.apGrid .hasOption {
	background-image: url('images/comparisonTableHasOption.gif');
	background-position: 50% 50%;
	background-attachment: scroll;
	background-repeat: no-repeat;
}

.apGrid .buynow .price {
	font-size: 18px;
}

/*---END Comparison Table Module---*/





/*---END Blockout Calendar Module---*/
.calendarModuleContainer {
	float:left;
	clear:left;
	
	position:relative;
	z-index:1;
	
	margin-bottom:15px;
	width:620px;
}


.calendarModuleContainer h3, .calendarModuleContainer a {
	color:#C9416A;
}

.calendarModuleContainer h3 { margin-bottom:10px; }

.calendarModuleContainer .pdfLink {
	position:absolute;
	top: 3px;
	right:10px;
}

.blockoutCalendarModule {
	float:left;
	width:203px;
	height:230px;
	overflow:hidden;
	position:relative;
}

.calendarGroup {
	float:left;
	/*position:relative;*/
	width:5520px;
	height:230px;
	
}


.calendarGroup .calendar {
	position:relative;
	float:left;
	width: 203px;
	height:207px;
	text-align:center;
	background: transparent url('images/calendarTopGrad.gif') repeat-x 0 0;
}

.calendarGroup .calendar .next, .calendarGroup .calendar .prev { 
	cursor:pointer;
	width:20px;
	height:16px;
	position:absolute;
	top:3px;
}

.calendarGroup .calendar .next {
	right:32px;
	background: transparent url('images/calendarNext.gif') no-repeat 50% 50%;
}


.calendarGroup .calendar .prev {
	left:32px;
	background: transparent url('images/calendarPrev.gif') no-repeat 50% 50%;
}



.calendarGroup .calendar table {
	width: 203px;
	text-align:center;
	background-color:#bfbfbf;
}

.calendarGroup .calendar table caption {
	padding-top:3px;
	height: 24px;
	width:139px;
	background: transparent url('images/calendarCaptionBg.gif') no-repeat 50% 0;
	font-size:13px;
	line-height:13px;
	color: #FFF;
	margin-left: 32px;
	text-align:center;
}

.calendarGroup .calendar table thead th {
	background-color:#b2b4b8;
	color: #FFF;
	width: 26px;
	height: 25px;
	vertical-align:middle;
}

.calendarGroup  td {
	color:#b2b4b8;
	background-color: #FFF;
	width: 26px;
	height: 25px;
	font-weight:bold;
	vertical-align:middle;
}

.deluxe .Deluxe {
	background-color: #ebdea4;
	color: #c5a000;
}

.socalselect .SouthernCaliforniaSelect{
	background-color: #fca684;
	color: #d55b2b
}

.socal .SouthernCalifornia {
	background-color: #abd1f7;
	color: #808082;
}


.calendarInfo {
	float:left;
	width:400px;
	border: 1px solid #CCC;
	margin-left: 5px;
}

.calendarInfo p { padding:5px; }


.deluxe .calendarInfo {
	background-color: #ebdea4;
	color: #955000;
}

.socalselect .calendarInfo {
	background-color: #fca684;
	color: #951010
}

.socal .calendarInfo {
	background-color: #abd1f7;
	color: #303002;
}

/*---END Blockout Calendar Module---*/



.apGridBottom {
	/*background:transparent url(images/ugLeftMickyBorderXl.gif) no-repeat scroll 0 0;*/
	background-image: none;
	color:#D61268;
	/*height:132px;*/
	height: 85px;
	/*margin-left:-10px;*/
	margin-left: 0;
	width: 609px;
	/*width:620px;*/
	float: left;
}

.apGridBottom tr.singlePaymentRow {
		background-color: #a2a4a5;	
}

th.footerSinglePayment {
	color:white;
	font-size:12px;
	padding: 10px 0 10px 0px;
	/*width:391px;*/
	width:381px;
}

.apGridBottomInner .singlePaymentCol0 {
	color:#fff;
	border-left:1px solid #CCCCCC;
	font-size:15px;
	padding-left:0;
	padding-top:10px;
	text-align:center;
	width:56px;
}

.apGridBottomInner .monthlyPaymentsCol0  strong{
	 font-size:10pt;
	 color: #a12e46;
}

.apGridBottomInner   .perMonth {
	padding-top:4px;
	color: #060E33;
	
}
.footerMonthlyPaymentInner {
	font-size:12px;
	height:15px;
	padding-left:0px;
	padding-top:13px;
}

# CompareAnnualPassportsCollapsibleModule .footerMonthlyPaymentInner {
 width: 390px;
 }
 
.apGridBottomInner .monthlyPaymentsCol0 {
	border-left:1px solid #CCCCCC;
	height:58px;
	text-align:center;
	vertical-align:middle;
	width:56px;
}

.apGridBottomInner .perMonth {
	padding-top:4px;
}


.footerBuyNowInner {
	width: 300px;
	font-size:11px;
	padding-left:50px;
	text-align:left;
	color: #060E33;
	font-weight: normal;
}


.apGridBottomInner .buyNowCol0 {
	height:37px;
	padding-left:3px;
	padding-top: 8px;
	width:56px;
}