/****************************************
| ** PURE LUXURY CONTENT **
|
| Created by: Adam Foster & Daniel Cork
| Date Created: 2008-03-27
| Copyright 2008 Lightmaker Manchester
|
****************************************/
/****************************************
 HOMEPAGE
****************************************/
.framedImage {
	background: url('../img/background-drop-shadow-bottom.png') bottom repeat-x;
	float: left;
	position: relative;
	padding-bottom: 17px;
}
	.framedImage img {
		padding: 17px;
		border: 10px solid #413e3b;
		background: #FFF;
		float: left;
	}	
	.leftDropShadow, .rightDropShadow{
		height: 320px;
		width: 9px;
		position: absolute;
		top: 0px;
	}
	.leftDropShadow {
		background: url('../img/background-drop-shadow-left.png') left no-repeat;
		left: -9px;
	}
	.rightDropShadow 
	{
		background: url('../img/background-drop-shadow-right.png') right no-repeat;
		right: -9px;
	}
#flashHeader {
	position: relative;
	width:633px;
}
#home .featureContent h2 {
	color: #62594f;
	width: 292px !important;
	height:auto;
	display:block;
	margin: 40px 0px 20px 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
#home .featureContent p {
	color: #62594f;
}
#destinationFlash {	
	width: 315px; float:left;
}
#home #mainContent {
	padding-top: 0px;
}
	#destinationSwf p {
		text-align: center;
	}

/****************************************
 HOTSPOTS
****************************************/
.hotspot {
	float: left;
	width: 315px;
	position: relative;
	margin-right: 1px;
}
	.hotspot img { float: left; }
	.yellowInfo {
		position: absolute;
		right: 20px; top: 158px;
		background: url('../img/background-yellow-info.png') top left no-repeat;
		height: 54px; width: 59px;
		padding:17px 15px;
		z-index: 2;
	}
		.featureResort .yellowInfo p, .yellowInfo p {
			color: #fff;
			font-family:Georgia, "Times New Roman", Times, serif;
			height: 54px; width:59px;
			font-size: 12px;
			line-height: 16px;
			overflow:hidden;
			float: left;
			}
		.yellowInfo span {
			font-size: 16px;
			line-height: 24px;
			font-weight: bold;
			float: left;
		}
		.featureResort ul, .featureResort p {
			float: left;
			margin-bottom: 0px;
			width: 100%;
			color: #55514E;
		}
	.hotspotText {
		background: url('../img/background-hotspot.jpg') left top repeat-x;
		padding:15px 15px 16px;
		float: left;
		width: 285px;
		height:88px;
		overflow:hidden;
	}
		.hotspotText h3 {
			color: #413e3b;
			font-size: 18px;
			font-weight: normal;
			margin-bottom: 12px;
			letter-spacing: -1px;
			height:auto !important;
			padding:0;
		}
			.hotspotText p {
				color: #FFF;
				margin-bottom:0px;
			}
	.hotspot a {
		display: block;
		text-align: right;
		width: 305px;
		background-color: #413e3b;
		color: #fff!important;
		height: 18px;
		padding:2px 10px 1px 0px;
		float: left;
	}
	.hotspot a:hover { background-color: #deb45e; }
		.hotspot a img {
			float: none;
			margin: 2px 0 0 2px;
		}
		.destinationSelector {
			background: url('../img/background-hotspot-selector.jpg') top no-repeat;
			margin-right: 0px;
			height:353px;
		}
			.destinationSelector .hotspotText {
				background: none;
				padding:20px 15px 16px;
				height:auto !important;
			}
			.destinationSelector .map { padding: 69px 47px;	}
			.destinationSelector a.nextDestination {
				float: right;
				width: 51px;
				margin-right: 20px;
			}
			.destinationSelector select {
				float: left;
				margin-left: 20px;
				width: 200px;
				border: #b2a190 1px solid;
				height: 20px;
				padding: 2px;
				color: #8d867e;
			}
			
/****************************************
 RESORTS
****************************************/

#resorts #mainContent, #desitnations #mainContent { margin-top: 0px; }
#resortGallery {
	height:248px;
	width:579px;
	padding: 17px;
	border: 10px solid #413e3b;
	background: #FFF;
}
	#resortGallery img {
		border:0;
		padding:0;
		margin:0;
		z-index:0;
	}
	#resortGallery .mainImage { 
		width:446px;
		height:247px;
		float:left;
		padding-right:2px;
		overflow:hidden;
		position: relative;
	}
	
		#resortGallery .mainImage img {
			position: absolute;
			top: 0px;
			left: 0px;
		}
	
		#resortGallery ul { 
			height:247px;
			overflow:hidden;
		}
			#resortGallery li { 
				float:left;
				margin-bottom:2px;
				position:relative;
				width:131px;
				height:81px;
			}
				#resortGallery a {
					width:131px;
					height:81px;
					display:block;
					position:absolute;
					top:0;
					left:0;
				}
					#resortGallery a span { 
						width:131px;
						height:81px;
						display:block;
						position:absolute;
						top:0;
						left:0;
						z-index:1;
					}
					#resortGallery ul li a span { 
						width:123px;
						height:73px; 
					}
			#resortGallery ul li.last {
				margin-bottom:0;
			} 
		
.featureResort, .featureContent {
	float: right;
	width: 292px;
	position: relative;
	height:302px;
	overflow:hidden;
}
	.featureResort .left, .featureContent .left { width: 100%; }
	.featureResort h2 {
		height: 35px;
		width: 200px!important;
	}
	.featureResort h3, featureContent h3 {
		height: 35px;
		position: relative;
		top: -5px;
		margin:0;
		width: 200px!important;
		color: #6b5d4e;
	}
	
	.featureResort h3 {
		margin-bottom: 30px;
	}
	.featureResort strong {
		margin-bottom: 10px;
		font-size: 12px;
		float: left;
		text-transform: uppercase;
	}
	.featureResort .featureDetails { margin:80px 0 15px 0; }
	.featureResort .featureDetails, .featureContent .featureDetails {
		font-weight: normal;
		font-size: 11px;
		color: #55514e;
		line-height: 16px;
		float:left;
		width: 292px;
	}
	.featureResort ul.request, .featureContent ul.request {
		color: #6b5d4e;
		position:absolute;
		clear:left;
		bottom:0;
	}
		.featureResort ul.request li, .featureContent ul.request li  {
			display: block;
			background: #6a655f;
			color: #f4f1ec;
			margin-top: 1px;
		}
		.featureResort a, .featureContent a { 
			height: 18px;
			color: #f4f1ec !important; 
			display: block;
			padding: 3px 0 0 4px;
			
			}
		.featureResort a:hover, .featureContent a:hover { background-color:#DEB45E; }

	.featureResort .featureDescription {
		float: left;
		height:	175px;
		width: 292px;
	}
	.featureResort p {
		color: #55514e;
		font-size: 12px;
		line-height: 16px;
		font-size: 11px;
	}
	.row {
		width: 950px;
		float: left;
		overflow: hidden;
		padding: 20px 0px;
		background: url('../img/background-row-header.gif') bottom left repeat-x;
	}
	
	.row ul, .column ul {
		float: left;
		width: 100%;
		list-style: disc inside;
		color: #B0A99E;
		margin-bottom: 10px;
	}
	
		.row ul li, .column ul li { margin-left: 14px; }
	
	.tableRow { padding: 10px 0px 15px 0px; }
		.column75 {
			float: left;
			width: 610px;
			padding-right:24px;
			border-right: 1px solid #ded6ce;
			position: relative;
			color: #B0A99E;
		}
			.column75 h2 { float: left;}
			.column75 a.backResort { 
				position: absolute;
				right:22px; top:6px;
				z-index: 1000;
				float: right;
				padding-left: 10px;
				background-image: url('../img/icon-arrow-left.gif');
				background-repeat: no-repeat;
				background-position: left 2px;
				color: #413e3b;
			}
			.column75 p { clear:left;}
		.column25 {
			float:left;
			left:-1px;
			padding-left:24px;
			position:relative;
			width:290px;
			border-left: 1px solid #ded6ce;
		}
		.column45 { width: 460px; }			
		.rowHeader {
			background: url('../img/background-row-header.gif') bottom left repeat-x;
			float:left;
			height:21px; width:950px;
			padding-top:5px;
		}
			.rowHeader span {
				margin:4px 10px 0 0; 
				height: 6px;
				width: 10px;
				float: left;
				display:block;
				background-image: url('../img/icon-arrow-down.gif');
				background-repeat: no-repeat;
			}
			.row h2 {
				height: 28px;
				margin-bottom: 14px;
			}			
			.row h4, .rowHeader h4 {
				color: #967c50;
				font-size: 12px;
				margin-bottom: 8px;
			}			
			.rowHeader h4 {
				font-size: 11px;
				font-weight: normal;
			}
			.row p {
				float: left;
				width: 100%;
			}
				.row table { clear: left;}
				.row table tr { height: 20px; }					
					.row table tr th { height: 32px; width:auto; }
					#resortAccordion .row table tr th { text-align: right; font-weight: bold; color:#6B5D4E; padding-top: 10px; }
					#resortAccordion .row table tr th p { float: none; }
						.row table tr p {
							margin: 0;
							text-align: right;
						}
						.row table th p {
							color: #6b5d4e;
							font-weight: bold;
						}
						.row table tr .textLeft { text-align: left; }
						#destinations .row table tr p { text-align: left; float: none;}
			.howAbout {
				float: right;
				width: 205px;
			}
				.howAbout h3 {
					float: left;
					margin-bottom:10px;
					position:relative;
					top:-10px;
					width: 100%;
				}
				
	.accordionToggle {
		cursor: pointer;
	}

/* accordion styles */

#resortAccordion .rowHeader {
	cursor: pointer;
}

.rowHeader .activeAccordionItem {
	background-image: url('../img/icon-arrow-up.gif');
}
			
/****************************************
DESTINATIONS	
****************************************/

	.column35 {
		float: left;
		width: 278px;
		padding: 0px 19px;
		border-left: 1px solid #DED6CE;
		overflow:hidden;
	}
	.column35Large {
		width: 595px;
	}
	
	.column35Large td {
		color: #B0A99E;
	}
	
		#first { border-left:none; }
		.column35 table, .column35 ul {
			width:276px;
			float:left;
		}
		
		.column35Large table {
			width:593px;
		}
		
		
			.column35 th { color:#967c50; }
			.column35 th.firstChild { width:72px; }
			
			.column35 th.secondChild, .column35 th.thirdChild { width:102px; }
			.column35 td.firstChild p, .column35 td.firstChild, .column35 td.firstChild span  { color:#6b5d4e; }
			.column35 td.secondChild, .column35 td.thirdChild { color:#b0a99e; }
			.column35 .secondChild p, .column35 .thirdChild p, .column35 .secondChild, .column35 .thirdChild { text-align:center!important; }
			.column35Large .firstChild p { text-align: left!important; width: 110px; }
			.column35 td { padding:3px 0; border-bottom: 1px solid #DED6CE; }
			.column35Large td { border-bottom:none; width: 110px; }
			.column35 td.last { border-bottom:none; }
		.column35 li { color:#b0a99e; } 
	.chooseResort {
		float: left;
		width: 100%;
	}
	.chooseResort li {
		border-bottom: 1px solid #ded6ce;
		font-weight: bold;
	}
		.chooseResort li a {
			color: #967c50;
			display: block;
			width: 100%;
			margin: 3px 10px;
			width: 265px;
			padding-right: 5px;
		}	
		.chooseResort li a:hover { background: url('../img/icon-arrow-brown-right.gif') right no-repeat; }
	.noFloat p {
		float: none;
		width: auto;
	}
	h4.largeBlack {
		color: #413e3b;
		border-bottom: 1px solid #ded6ce;
		padding: 14px 0px;
		margin-bottom: 16px;
		font-size: 13px;
		width: 100%;
		text-transform: uppercase;
	}


/****************************************
MAP OVERLAY 
****************************************/

#mapArea {	
	position: relative;
	overflow: hidden;
	min-height: 354px;
}

#smallMap {
	cursor: pointer;
	position: relative;
}

	.viewMap {
		position: absolute;
		right: 10px;
		top: -13px;
	}
	
		.viewMap img {
			position: relative;
			top: 2px;
			left: -4px;
		}

	#mapOverlay {
		position: absolute;
		top: 0px;
		left: 634px;
		background: #FFF;
		border: 1px solid #ded6ce;
		width: 633px; height: 352px;
		vertical-align: middle;
		text-align: center;
		z-index: 2;
	}
	
		#mapOverlay img {
			vertical-align: middle;
			margin: 8px;
		}
	
		#closeMapButton {
			position: absolute;
			left: 0px;
			background: url(../img/icon-arrow-brown-right.gif) no-repeat right;
			width: 14px; height: 352px;
			cursor: pointer;
		}
		
/****************************************
 SPECIAL OFFERS
****************************************/

.offer {
	padding-top:20px;
	margin-top:20px;
	border-top:1px solid #ded6ce;	
	overflow:hidden;
}
	.offer div {
		float: left;
		width:695px;
	}
	.offer h3 {
		float: left;
		margin-bottom:10px;
		position:relative;
		top:-10px;
		width: 100%;
	}
	.offer img {
		float:left;
		padding-right:16px;
		}	

#offer_page .column75 h3 { margin-bottom:0; }
#offer_page h4 { 
	margin-bottom:20px;
	font-size: 20px;
	font-weight:normal;
	color:#967c50;
	height:25px;
	display:block;
}

/****************************************
 RESORT LANDING 
****************************************/

.destinationsLanding {
	margin-bottom: 120px!important;
}

	.destinationsMenu {
		width:442px;
	}
		.destinationsMenu h2 {	width: 100%!important;	}
		.destinationsMenu h3 { margin-bottom: 10px; width: 100%!important; }	
			.destinationsMenu ul li {
				width: 144px;
				float: left;
				background: #888179;
				margin:0px 3px 1px 0px;
			}
								
/****************************************
 BOOKING FORMS
****************************************/
#column50 #mainContent, #callback #mainContent, #brochure  #mainContent, #quote	 #mainContent { background: url(../img/divider.jpg) top center repeat-y; }
fieldset 					{ width:448px; float: left; }
legend 						{ display:none; }
input, select, textarea		{ border:1px solid #b2a190; color:#8d867e; }
input.textInput				{ padding:3px; width:170px; float:left; margin-right: 10px; }
input.checkbox 				{ position:absolute; }
input:focus, textarea:focus { background: #f7f5f4; }
select 						{ height:20px; }
option 						{ padding:0 3px; }
textarea 					{ width:314px; height:149px; padding:3px;}
label 						{ float:left; width:126px; color:#8d867e; height:19px; padding-top:3px; }
label.wide					{ width:425px; }
#promoInfo 					{ overflow:hidden; float: left;}
#promoInfo input { border: 0px; }
#formControls				{ background:#e3e0de; height:22px; overflow:hidden; float: left; width: 450px;}
#errorMsg, #submit			{ line-height:21px; }
#errorMsg		 			{ float:left; }
#submit						{ display:block; float:right; }
#submit img 				{ position: relative; left: 2px; }
#clicksubmit { 
	color:#fff; 
	display:block; 
	height:22px; 
	background-image: url('../img/icon-arrow-right.gif');
	background-position: 60px 6px;
	background-repeat: no-repeat;
	background-color:#413e3b;
	text-align: left;
	padding:0px 10px 3px 10px;
	margin:0;
	border: none;
	width: 75px;
	cursor: pointer;
	font-size: 11px;
}
 
	#submit input:hover { background-color:#DEB45E; }
#errorMsg { 
	width:260px; 
	padding:0 7px; 
	color:#413e3b;
}

fieldset .formRow {
	clear: left;
	float: left;
	width: 100%;
}

label.error {
	color:#FF0000;
}

input.error {
	background-color: #fdeeee;
}


/* choose your resort checkboxes */
#chooseResort { overflow:hidden; }
	#chooseResort h4 {
		float:left;
		width:126px;
		overflow:hidden; 
		font-weight:normal;
		font-size:11px;
		color:#8d867e;
	}
	#chooseResort div { overflow:hidden; width:322px; float: right; }
	#chooseResort p {
		width:151px;
		float:left;
		overflow:hidden;
		padding:0;
		position:relative;
	}
	#chooseResort label {
		float:left;
		height:28px;
		padding-top:0px;
	}
#chooseResort .checkboxColumn1 { padding-right:10px;}
#chooseResort .checkboxColumn2 { padding-left:10px;}
.checkboxColumn1 input.checkbox { right:10px; border: none; }
.checkboxColumn2 input.checkbox	{ right:0px; border: none;  }
#qdestination, #qboard, #qairline, #qairport, #qflight_class {width: 179px;}
#qdepatureDate { width: 52px; }
#qdepartureMonth { width: 117px; }
#qdepartureYear  { width: 54px; }
/* fake checkbox : unchecked (default/base) state */
.fakecheck {
	background-position: top right;
	background-repeat: no-repeat;
	height: 16px;
	display: block;
	float: left;
	padding: 1px 0px 0px 20px;
	margin:0;
}
	a.fakecheck	{ border:0; margin:0; float:right; }
/* fake checkbox : checked state */
	.fakechecked { background-position: right -25px; padding: 1px 0px 0px 20px; }
/* Departure Date */
#departureMonthLabel, #departureYearLabel { text-indent: -1000px; width:0; }
#depatureDate,#departureYear { min-width:75px; }

/****************************************
 LINKS
****************************************/

a.moreInfoLink, a:visited.moreInfoLink {color: #413e3b;}
a:hover.moreInfoLink {color: #b0a99e; text-decoration: underline;}

/* Destinations 08.06.28
 * ----------------------------------- */
.featureResort ul.request li.download { background: #413e3b; position: relative; }
.featureResort ul.request li.download span { position: absolute; top:5px; right: 6px;}
div#DestinationSearchForm {  }
div#DestinationSearchForm p { float: none; }
div#DestinationSearchForm p.content { float: none; }
div#DestinationSearchForm form { margin-top: 20px;  }
div#DestinationSearchForm form fieldset { width: auto; }
div#DestinationSearchForm form fieldset ul.checkbox-list { margin: 10px 0;}
div#DestinationSearchForm form fieldset ul.checkbox-list li { width: 150px; margin: 0 0 4px 0; padding: 0 0 0 25px; position: relative;}
div#DestinationSearchForm form fieldset ul.checkbox-list li span.field {  width: 25px; margin: 0; padding: 0; position: absolute; top: 3px; left: 0;}
div#DestinationSearchForm form fieldset ul.checkbox-list li span.field input { border: none; margin: 0; padding: 0; }
div#DestinationSearchForm form fieldset ul.checkbox-list li span.label {  color: #B0A99E; }
div#DestinationSearchForm form fieldset select { width: 280px; border:1px #b2a190 solid; float: none; }
div#DestinationSearchForm form fieldset input.text-field { width: 272px; border:1px #b2a190 solid; padding: 2px 3px;}
div#DestinationSearchForm form fieldset p.action { width: 280px; padding: 0; background: #e3e0de; text-align: right; }
div#DestinationSearchForm form fieldset p.action input { border: none; padding: 0; margin: 0;}

/* Destinations Landing
 * ---------------------------------- */
body#DestinationsLanding #feature { height: auto; background: #d8ccbf url(../img/background-feature.jpg) bottom left repeat-x}
body#DestinationsLanding div#Destinations { }
body#DestinationsLanding div#Destinations h2 { border-bottom: 1px #ded6ce solid; padding-bottom: 5px; margin-bottom: 10px; }
body#DestinationsLanding div#Destinations h3 { float: none; margin-bottom: 5px;}
body#DestinationsLanding div#Destinations .column-container { width: 100%;  }
body#DestinationsLanding div#Destinations .column-container .column { width: 233px; float: left; margin-right: 4px;  height: 279px; }
body#DestinationsLanding div#Destinations .column-container .column-first {  }
body#DestinationsLanding div#Destinations .column-container .column ul { margin: 0; padding: 0;}
body#DestinationsLanding div#Destinations .column-container .column ul li { margin: 0; padding: 4px 8px; height: 14px; list-style: none; background: #898179; margin-bottom: 1px;}
body#DestinationsLanding div#Destinations .column-container .column ul li.inactive { background: #9c938a; }
body#DestinationsLanding div#Destinations .column-container .column ul li a { color: #f4f1ec; }

/* Search
 * ---------------------------------- */
#Search { width: 950px; margin: 20px auto 20px auto; }
#Search .column-1 { width: 280px; float: left;}
#Search .column-1 p { }
#Search .column-2 { width: 630px; float: right; border-left:1px #ded6ce solid; padding-left: 20px; }
#Search .column-2 .result-item {width: 630px; padding-bottom: 10px; border-bottom:1px #ded6ce solid; margin-top: 20px; }
#Search .column-2 .result-item .image { float: left; width: 240px; margin-right: 15px; height: 100px; }
#Search .column-2 .result-item .content { float: left; }
#Search .column-2 .result-item .content  strong { color: #967c50; }
#Search .column-2 .result-item h3 { margin-bottom: 10px; }
#Search .column-2 .result-item p.action a { color: #000000; }
#Search .column-2 .result-item p.action a:hover { text-decoration: underline; }
#Search .column-2 .result-item { }
#Search .column-2 .result-item { }

/* Feature Tabs
 * ----------------------------------- */
.featureResort h3 { margin-bottom: 0; }
.featureResort .yellowInfo { right: 0px; top: 120px; }
#ResortFeature #ResortTabs ul { margin-bottom: 20px; }
#ResortFeature #ResortTabs ul li { display: block; float: left; position:relative; margin: 0 0 0 1px; width: 95px;}
#ResortFeature #ResortTabs ul li a { width: 75px; position:relative; text-align: center; color: #ffffff; background: #837c75; display: block; float: left; padding: 5px 10px;}
#ResortFeature #ResortTabs ul li a:hover { background: #1c1b1a; }
#ResortFeature #ResortTabs ul li span { display: none; position: absolute; bottom: -7px; left: 0; width:100%; height: 7px; background: url(../img/buttons/TabArrowDown.gif) top center no-repeat;}
#ResortFeature #ResortTabs ul li.active a { color: #ffffff; background: #1c1b1a; }
#ResortFeature #ResortTabs ul li.active span { display: block; }
#ResortFeature #ResortDetails { width: 201px; }
#ResortFeature #ResortDetails ul { }

/* Pagination
 * ----------------------------------- */

.pagination { width: 950px; margin: 20px auto; }
.pagination .pagination-list { float: right;}
.pagination .pagination-list ul { list-style: none; }
.pagination .pagination-list ul li { display: block; float: left; margin-left: 4px;}
.pagination .pagination-list ul li.first { margin-left: 0; } 
.pagination .pagination-list ul li a { color: #000000; text-decoration: none; display: block; padding: 1px 4px; font-size: 120%; }
.pagination .pagination-list ul li a:hover { text-decoration: underline; }
.pagination .pagination-list ul li.active a { text-decoration: underline; }
.pagination .pagination-list ul li.start a { background: url(../img/buttons/PaginationStart.gif) 0 4px no-repeat; height: 12px; width: 6px; }
.pagination .pagination-list ul li.prev a { background: url(../img/buttons/PaginationPrev.gif) 0 4px no-repeat; height: 12px; width: 3px; }
.pagination .pagination-list ul li.next a { background: url(../img/buttons/PaginationNext.gif) 2px 4px no-repeat; height: 12px; width: 3px; }
.pagination .pagination-list ul li.end a { background: url(../img/buttons/PaginationEnd.gif) 0 4px no-repeat; height: 12px; width: 6px; }