/* Page Structure*/

@import url("content.css");

/* TOC

1: - Main Page Structure

2: - Header

3: - Main Nav

4: - Content

5: - Footer

*/


/* 1-:-------- Main Page Structure ------------ */

	html, body, form {
		margin:0;
		padding:0;
	}

	#trackingContainer {
		position: absolute;
	}

	body {
		background: #fcffdb url(/images/pas/elements/bg.png) repeat-x top center;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 14px;
		line-height: 160%;
		color: #464646;
		}
	
	body.disney { background: #FCFFDB url(/images/pas/elements/bg-disney.jpg) no-repeat top center; }
	
	body.pirates { background: #FCFFDB url(/images/pas/elements/bg-pirates.gif) no-repeat top center; }
	
	#wrapper {
		width: 1008px;
		margin: 0px auto;
		padding: 0;
	}
	
	#container {
		width: 1008px;
		margin: 0;
		padding: 0;
		float:left;
		}

	.clear {
		clear: both;
		}
		
		
/* 2-:-------- Header ------------ */

	#header {
		width:955px;
		height:130px;
		margin-left:29px;
	}
		
	.topNav {
		width:630px;
		float:right;
	}
	
	.topNav .fbConnect {
		background: none;
		padding: 2px 3px 0px 3px;
	}
	
	.topNav .fbConnect a {
		background: none;
		display: inline;
		padding: 0px;
	}
	
	.topNav a {
		text-decoration:none;
		color:#7d7d7d;
	}
	
	.topNav ul {
		padding:0;
		margin:0;
		list-style-type:none;
		float:right;
	}
	
	.topNav ul li {
		background:transparent url(/images/pas/elements/topnav-lc.png) left top no-repeat;
		padding:0 2px 0 2px;
		margin:0 0 0 2px;
		float:right;
		height:24px;
	}
	
	.topNav ul li a {
		padding:2px 10px 7px 10px;
		margin:0 2px 0 0;
		background-color:#fff;
		font-size:1em;
		display:block;
		height:16px;
	}
	
	.topNav ul li a:hover {
		color:#0082a6;
	}	
	
	.topNav ul li a.signUp {
		background:#FFFFFF url(/images/pas/icons/signUp.gif) no-repeat scroll 7px 6px;
		display:inline;
		height:16px;
		padding:6px 10px 4px 25px;
	}
	
	.topNav ul li a.navSearch {
		padding:6px 10px 4px 25px;
		height:16px;
		background:#ffffff url(/images/pas/icons/topnav-search.gif) no-repeat 7px 6px;
		display: inline;
	}
	
	.topNav ul li span.rightCorner {
		background:transparent url(/images/pas/elements/topnav-rc.png) right top no-repeat;
		height:24px;
		padding:0;
		margin:0;
		padding-bottom: 1px;
		display:inline-block;
	}
	
	.topNav ul li a.phoneNumber {
		background: #fff url(/images/pas/icons/topnav-phone.gif) 5px 8px no-repeat;
		padding:6px 7px 4px 35px;
		margin-right:2px;
		height:16px;
		color:#0082a6;
		font-weight:bold;
		font-size:0.8em;
		display:inline;
	}
	
	.pasLogo {
		position:absolute;
		top:40px;
		margin-left:10px;
		border:none;
		float:left;
		display:block;
	}
	
	.pirates .pasLogo {
		position:absolute;
		top:10px;
	}
	
	.disney .pasLogo {
		position:absolute;
		top:40px;
		margin-left: -15px;
	}
	
	
/* 3-:-------- Main Nav ------------ */

	.mainNav {
		width:462px;
		height:32px;
		position:absolute;
		top:99px;
		margin:0;
		padding:0 0 0 482px;
		list-style-type:none;
		background:transparent url(/images/pas/elements/main-nav.png) left top no-repeat;
	}
	
	.disney .mainNav {
		background:transparent url(/images/pas/elements/main-nav-disney.png) left top no-repeat;
		top:98px;
	}
	
	.pirates .mainNav {
		background:transparent url(/images/pas/elements/main-nav-pirates.png) left top no-repeat;
		top:98px;
	}
	
	.mainNav li {
		float:left;
		height:32px;
		margin:0;
		padding:0;
	}
	
	.mainNav li a {
		text-indent:-9999px;
		font-size: 0.1em;
		float: left;
		cursor: pointer;
		height:32px;
	}
	
/* off states */
	.mainNav .navHome a { width: 72px; margin-right:2px; }
	.mainNav .navBreaks a { width: 151px; margin-right:2px; }
	.mainNav .navCommunity a { width: 128px; margin-right:2px; }
	.mainNav .navAbout a { width: 103px; }

/* over states */
	.mainNav .navHome a:hover { background:transparent url(/images/pas/elements/main-nav.png) -482px -32px no-repeat; }
	.mainNav .navBreaks a:hover { background:transparent url(/images/pas/elements/main-nav.png) -556px -32px no-repeat; }
	.mainNav .navCommunity a:hover { background:transparent url(/images/pas/elements/main-nav.png) -709px -32px no-repeat; }
	.mainNav .navAbout a:hover { background:transparent url(/images/pas/elements/main-nav.png) -839px -32px no-repeat; }

/* active states */
	#home .mainNav .navHome a { background:transparent url(/images/pas/elements/main-nav.png) -482px -64px no-repeat; }
	#breaks .mainNav .navBreaks a { background:transparent url(/images/pas/elements/main-nav.png) -556px -64px no-repeat; }
	#community .mainNav .navCommunity a { background:transparent url(/images/pas/elements/main-nav.png) -709px -64px no-repeat; }
	#about .mainNav .navAbout a { background:transparent url(/images/pas/elements/main-nav.png) -839px -64px no-repeat; }
	
	
	
	.disney .mainNav .navHome a:hover, .disney .mainNav .navBreaks a:hover, .disney .mainNav .navCommunity a:hover, .disney .mainNav .navAbout a:hover, #breaks.disney .mainNav .navBreaks a { background-image: url(/images/pas/elements/main-nav-disney.png); }
	
	.pirates .mainNav .navHome a:hover, .pirates .mainNav .navBreaks a:hover, .pirates .mainNav .navCommunity a:hover, .pirates .mainNav .navAbout a:hover, #home.pirates .mainNav .navHome a, #breaks.pirates .mainNav .navBreaks a, #community.pirates .mainNav .navCommunity a, #about.pirates .mainNav .navAbout a { background-image: url(/images/pas/elements/main-nav-pirates.png); }
	
	
/* 4-:-------- Content ------------ */


	#contentContainer {
		background: transparent url(/images/pas/elements/content-bg.png) 0 0 repeat-y; 
		width: 1008px;
		float:left;
		padding:0 0 50px 0;
	}
	
	.content {
		background: transparent url(/images/pas/elements/content-bg-top.png) 0 0 no-repeat; 
		width: 944px;
		padding:0px 34px 0px 30px;
		float:left;
		overflow: hidden;
	}
	
	.disney .content {
		background: none;
	}
	
	/*.heroContainer {
		width:669px;
		background: transparent url(/images/pas/elements/hero-bg.gif) 0 0 no-repeat;
		float:left;
		margin:10px 0px 15px -10px;
	}
	
	.hero {
		width:642px;
		margin:14px 0 0 14px;
		float:left;
	}*/
	.heroContainer {
		width:580px;
		background: transparent url(/images/pas/elements/hero-bgNew.gif) 0 0 no-repeat;
		float:left;
		margin:10px 0px 15px -10px;
	}
	
	.hero {
		width:553px;
		margin:14px 0 0 14px;
		float:left;
	}
	.heroContainerNew {
		width:580px;
		background: transparent url(/images/pas/elements/hero-bgNew.gif) 0 0 no-repeat;
		float:left;
		margin:10px 0px 15px -10px;
	}
	
	.heroNew {
		width:553px;
		margin:14px 0 0 14px;
		float:left;
	}
	
	/* Could be improved for IE6 */
	
	.hero ul li:hover {
	cursor: pointer;
	}
	
	/* Commenting out as this displays in IE6 */
	
	/* #home .hero {
		background-color:#eefafc;
	} */
	
	.hero img {
		float:left;
	}
	
	.hero p {
		clear:left;
		padding-top:10px;
	}
	
	.hero .heroPaging {
		float:right;
		width:60px;
		margin:30px 10px 5px 0px;
	}
	.heroNew .heroPaging {
		float:right;
		width:60px;
		margin:30px 10px 5px 0px;
	}
	.bookingForm {
		
        padding:5px 7px 2px 7px;
		background-color:#fcffdb;
		margin:13px 0px 13px 0px; /* In house modification - margin:13px 0px; */
		float:right;
		height:auto;
		width:258px;
	}
	.bookingFormNew {
		
        padding:5px 7px 2px 7px;
		background-color:#fcffdb;
		margin:13px 0px 13px 0px; /* In house modification - margin:13px 0px; */
		float:right;
		height:auto;
		width:343px;
	}
	
	/* New addition */
	.contactForm {
		background:none;
		color:#0082a6;
		width:650px;
		height:auto;
		float:left;
		margin:13px 0px; /* In house modification - margin:13px 0px; */
	}
	
	#home .heroContainer {
		margin-top:10px;
	}
	
	.mainCol {
		width:460px;
		float:left;
		margin-top:15px;
		padding-top:5px; /* New addition */
	}
	
	.leftCol {
		width:172px;
		float:left;
		margin-right:20px;
		padding-top:5px; /* New addition */
	}
	
	/* New addition */
	.mainColWider {
		width:556px;
		float:left;
		margin-right:20px;
		padding-top:5px;
	}
	/* */
	
	.mainColWide {
		width:652px;
		float:left;
		margin-right:20px;
		padding-top:5px; /* New addition */ /* In house modification - padding:0; */ 
	}
	
	/* New addition to vary mainCol width using offer page name as id */
	#PiratePuzzles {
		width:630px;
		float:left;
		margin-top:10px;
	}
	
	/* New addition */
	.mainColWide .mainCol, .mainColWide .leftCol {
		padding-top:0;
		margin-top:0;
	}
	/* */
	
	.rightCol {
		width:268px;
		float:left;
		padding-top:5px; /* New addition */
	}
	
	/* New addition */
	.rightColWide {
		width:364px;
		float:left;
		padding-top:5px;
	}
	/* */
	

/* 5-:-------- Footer ------------ */ 
	
	#footerContainer {
		width:100%;
		background-color:#fcffdb;
		float:left;
	}
	
	#footer {
		margin:0px auto;
		width:954px;
		padding:0px 24px 40px 30px;
		background-color:#fcffdb;
	}
	
/* in-house additions */
.fl { float: left; }
.fr { float: right; }
img.fl { margin: 0 10px 10px 0; }
img.fr { margin: 0 0 10px 10px; }
.content ul { margin: 0; padding: 0; list-style-type: none; }



	/* header sign up form */
	
	.offerIframe {
	background: #fff; height: 340px; width: 200px; position: absolute; right: 0px; top: 0px; left: 0px; bottom: 0px; display:inline; margin:10px;
	}
	
	#formContainer {
	position: relative;
	left: 523px;
	top: 12px;
	z-index: 1000;
	display:none;
	height: 100%;
    width: 230px;
	}
	
	* html #formContainer {
	left: 527px;
	top: 20px;
	height: 100px;
	}
	
	#signUpClose {
	position:absolute;
	top: 300px;
	left: 145px;
	text-decoration: underline; 
	cursor: pointer;
	}
		
	.signUpContainer {
	float:right;
	background-color:#fcffdb;
	width: 258px;
	padding-left: 10px;
	padding-right: 5px;
	margin-top: 13px;
	}
	
	.searchFormInline {
		padding-top: 10px;
		clear: left;		
	}
	/* header sign up form end */