@import "nav.css";
@import "home.css";
@import "content.css";
@import "forms.css";
@import "itinerary.css";
@import "sitemap.css";

/* GLOBAL STRUCTURE ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/	
	body {
		padding: 0;
		margin: 0 auto;
		background: #e7f2ff url(/images/travelmarvel/elements/page_bg.jpg) repeat-x;
		text-align: center;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		color: #3a3a3a;
	}

	div#mainCon {
		margin: 0 auto; 
		padding: 0;
		text-align: left;
		min-width: 1025px;
		max-width: 1025px;
		background:#fff;
	}

	div#mainConHome {
		margin: 0 auto; 
		padding: 0;
		text-align: left;
		width: 1025px;
		background:#fff;
	}

	img {
		display: block;
		border:0;
		outline:none;
	}
	
	select {
		color:#3a3a3a;
	}	

	.cms{
		font-size:70%;
	}
	
	.clear {clear:both}
	
	td  {
	background:#fff; vertical-align:top;}


/* HEADER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	td#header {
		margin: 0;
		padding: 0;
		height: 82px;
		background:#fff;		
	}
	
	
	#headerHome {
		float:left; 
		width:100%;
		background-color:#00326C;
		border:none;
	}
	
	#headerRight {
		float:right; 
		width:482px;
	}	
	
	#freecall { 
		margin:20px 15px 20px 0; 
		float:right;
	}
	
	#strapline {display:none;}
	#home #strapline {clear:both; float:right; display:block;}
	
	
	/* Search */
	#search {
		margin-top: 10px;
		padding:0;
		text-align:right;
		float:right;
	}

	#search form.search {
		margin: 0;
		padding: 0;
		}

	#search input.searchField {
		margin: 5px 10px 0 10px;
		padding: 0;
		float: left;
		width: 120px;
		background: #fff;		
		border: 1px solid #0073BC;
	}
	
	#search .searchBtn {
		float: left;
		margin:0;
	}
	
	#searchContact {
		font-size:30px;
		color:#FFF;
		float:right;
		z-index:11;
		position:relative;
		margin-right:80px;
		font-weight:bold;
	}
	
	#headerSwirl {
		background: url(/images/travelmarvel/headers/headerFrame.png) transparent no-repeat;
		height:138px;
		width:1025px;
		z-index: 10;
		position:absolute;
		text-align:right;
	}
	
	#headerText {
		float:right;
		margin:10px 140px 0 0;
	}


/* LEFT COLUMN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	td#leftCol {
		margin: 0;
		padding: 0 28px 0 10px;
		text-align: left;
		background-color: transparent;
	}


/* MIDDLE COLUMN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	td#middleCol {
		margin:0;
		padding: 0 0 0 5px;
		width: 100%;
		text-align: left;
		background: transparent;
	}

	#content {
		margin:0;
		padding:0 0 0 12px;
	}
	
	#homeImg {
		float:right;
	}


/* RIGHT COLUMN ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	td#rightColumn {
		margin: 0;
		padding: 0;
	}


/* FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	#footer {
		padding:0 0 10px 20px;
		height:100px;
		margin:0;
		background:url(/images/travelmarvel/elements/footerBg.gif) no-repeat bottom;
	}
	


/* TYPOGRAPHY
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	h1 {
		margin:8px 0 15px 0;
		padding:0;
		font-size:120%;
		color:#00326C;
		font-weight:bold;
	}

	#titleStandard h2 {
		margin:0;
		padding:0;
		font-size:170%;
		font-weight:bold;
		color:#3A3A3A;
	}
	
	#titleHeader h2 {
		margin:0;
		padding:0;
		font-size:150%;
		font-weight:bold;
	}

	#titleCamp h2, #titleAccomm h2 {
		margin: 0 0 7px 0;
		padding: 0;
		font-size: 120%;
		font-weight: normal;
	}

	#titleStandard h3 {
		font-size: 100%;
		color:#FFF;
		font-weight:normal;
		font-style:italic;
	}
	
	#titleHeader h3 {
		font-size: 100%;
		color: #FFF;
		font-weight:normal;
		font-style:italic;
	}

	#titleAccomm h3 {
		font-size: 100%;
		color: #FFF;
		font-weight:normal;
		font-style:italic;
	}

	#content h2 {
		margin:0 0 15px 0;
		padding:0;
		font-size:85%;
		font-weight:bold;
		color:#3282DF;
		clear:left;
		position:relative;
	}

	h3 {
		color: #00326C;
		font-size: 90%;
		margin: 0 0 13px 0;
		padding-bottom: 3px;
		clear: both;
	}

	h4 {
		margin: 0 0 5px 0;
		padding: 0;
		font-size: 80%;
		font-weight: bold;
		color: #0066CC;
		
	}

	p {
		margin: 0 0 12px 0;
		padding: 0 20px 0 0;
		font-size: 75%;
		color: #444;
		clear: left;
		position: relative;
	}

	p.smallText {
		margin: 5px 0 13px 0;
		padding: 0;
		font-size: 70%;
		clear: left;
		width: 95%;
	}

	a {
		color: #3282df;
		text-decoration:underline;
	}

	a:hover {
		color: #f7931e;
		text-decoration:none;
	}
	
	hr {
		margin: 5px 0 10px 0;
		padding: 0;
		height: 10px;
		width: 95%;
		clear: both;
		border-bottom:1px solid #DDD;
		border-top:none;
		border-left:none;
		border-right:none;
		text-align:left;
		color:#FFFFFF;
	}

	/* Standard Lists */
	#content ul {
		margin: 0 0 12px 5px;
		padding: 0;
		list-style: none;
		clear: left;
	}
		
	#content ul li {
		margin: 0 0 4px 0;
		padding: 0 0 0 16px;
		font-size: 75%;
		background:url("/images/travelmarvel/elements/bullet_red.gif") 0 4px no-repeat;
	}

.CollapsiblePanelContent { 
	height: 320px;
}
.CollapsiblePanel {
	width: 320px;
	border:none;
}
.CollapsiblePanelTab {
	background-color:#fff;
	border:none;
}
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #fff;
}
#film_border_top{background-image:url(/images/elements/film_border_top.gif)}
#film_border_bottom{background-image:url(/images/elements/film_border_bottom.gif)}