/* -------------------------------------------------------------- 

   fistralspa.css
   * Stylesheet file for The Fistral Spa
   
-------------------------------------------------------------- */

/** body **/
body {
	background: #300631;
}

/** highlight colour **/
.highlight {
	color: #ebcdd7;
}

.header-links a {
	background: url('/assets/images/fistralspa/link.arrow.png') right center no-repeat;
}
a.footer-link {
	background: url('/assets/images/fistralspa/link.arrow.png') right center no-repeat;
}


/** strapline **/
.strapline-left {
	width:146px;
	height:39px;
	background: url('/assets/images/fistralspa/strapline-left.png');
	position:absolute;
	z-index:10;
	top:300px;
	left:100px;
}
/** strapline **/
.strapline-right {
	width:312px;
	height:49px;
	background: url('/assets/images/fistralspa/strapline-right.png');
	position:absolute;
	z-index:10;
	right:0;
	bottom:200px;
}

.logo h1 a {
	display:block;
	width:123px;
	height:74px;
	background: url('/assets/images/fistralspa/logo.png');
}

/** navigation **/
div.navigation {
	font-size:12px;
	background: #ebcdd7;
	padding-left:15px;
}
	ul.navigation {
		list-style:none;
		margin:0;
		padding:0;
	}
		ul.navigation li {
			float:left;
			position:relative;
		}
			ul.navigation li a {
				display:block;
				text-transform:uppercase;
				background: #ebcdd7;
				color: #b28191;
				padding:3px 10px;
			}
				ul.navigation li a span {
					display:block;
				}
			ul.navigation li a:hover {
				text-decoration:none;
				color: #5a1c5b;
			}
				ul.navigation li:hover span.selarrow {
					display:block;
					width:20px;
					height:10px;
					background: url('/assets/images/fistralspa/navigation.arrow.png') center bottom no-repeat;
					position:absolute;
					left:35%;
					bottom:-10px;
					z-index:20;
				}
			ul.navigation li.selected span.selarrow {
				display:block;
				width:20px;
				height:10px;
				background: url('/assets/images/fistralspa/navigation.arrow.png') center bottom no-repeat;
				position:absolute;
				left:35%;
				bottom:-10px;
				z-index:20;
			}
			ul.navigation li.selected a {
				color: #5a1c5b;
			}

/** sub-navigation **/
div.sub-navigation {
	font-size:12px;
	background: #5a1c5b;
	padding-left:15px;
	padding-top:10px;
}
	ul.sub-navigation {
		list-style:none;
		margin:0;
		padding:0;
	}
		ul.sub-navigation li {
			float:left;
			position:relative;
		}
			ul.sub-navigation li a {
				display:block;
				text-transform:uppercase;
				background: #5a1c5b;
				color: #9f60a0;
				padding:3px 10px;
			}
				ul.sub-navigation li a span {
					display:block;
				}
			ul.sub-navigation li a:hover {
				text-decoration:none;
				color: #ebcdd7;
			}
			ul.sub-navigation li.selected a {
				color: #ebcdd7;
			}

/** upper region container **/
.upper-region-container {
	background-image: url('/assets/images/pagebackgrounds/NH_BG3.jpg');
	background-position: center top;
	background-repeat: no-repeat;
}

.side-column-top .inner {
	width:193px;
	background: url('/assets/images/fistralspa/sidecolumnpanel.bg.png') left top no-repeat;
	padding:20px 20px;
	position:absolute;
	top:-30px;
	z-index:10;
}

	/** side column promo panel **/
	.side-column-promo-panel {
		background: url('/assets/images/fistralspa/sidecolumnpromopanel.bg.png') left top repeat-x;
		padding-top:10px;
	}
		.side-column-promo-panel h6 {
			color: #ff8b03;
			font-size:14px;
			padding:0 20px;
			margin-bottom:10px;
		}
			.side-column-promo-panel h6 a {
				color: #ff8b03;
			}
		.side-column-promo-panel p {
			padding:0 20px;
		}
		.side-column-promo-panel .inner-image {
			text-align:center;
			background: url('/assets/images/fistralspa/sidecolumnpromopanel.imagecontainer.bg.png') left top no-repeat;
			width:223px;
			height:104px;
			padding-top:9px;
			margin:0 auto;
		}
			.side-column-promo-panel .inner-image p {
				margin:0;
				padding:0;
			}
	/** side column promo panel - purple tint **/
	.side-column-promo-panel-purple {
		background: url('/assets/images/fistralspa/sidecolumnpromopanel.purple.bg.png') left top repeat-x;
	}
		.side-column-promo-panel-purple h6,
		.side-column-promo-panel-purple h6 a {
			color: #5a1c5b;
		}
	/** side column standard panel **/
	.side-column-standard-panel {
		
	}
		.side-column-standard-panel h6 {
			color: #5a1c5b;
			font-weight:bold;
			font-size:14px;
			margin-left:18px;
			margin-right:18px;
		}
		.side-column-standard-panel p {
			padding:0 10px;
		}

/** table list **/
.table-list {
}
	.table-list table {
		margin:0;
	}
		.table-list td {
			padding:0;
			vertical-align:top;
			width:50%;
		}
	.table-list p {
		margin:0;
	}
	.table-list a {
		display:block;
		color: #5a1c5b;
		padding:3px 20px;
		font-size:13px;
	}
	.table-list a:hover,
	.table-list a.selected {
		text-decoration:none;
		background: #ebcdd7 url('/assets/images/fistralspa/list.arrow.png') 97% center no-repeat;
	}


/** package item **/
.package-item {
	margin:2em 0;
}
	.package-item .image {
		float:left;
		margin-left:15px;
		width:188px;
		height:177px;
		padding:9px;
		background: url('/assets/images/fistralspa/image.container.1.png') left top no-repeat;
	}
		.package-item .image p {
			margin:0;
		}
	.package-item h3 {
		font-size:18px;
		margin-left:230px;
		margin-bottom:0.5em;
	}
	.package-item p {
		margin-left:230px;
	}
		.package-item .highlighted-row {
			padding:5px 0;
			background: #ded2de;
			color: #5a1c5b;
			margin-bottom:1em;
		}
		.package-item .highlighted-row p {
			margin-bottom:0;
		}

.page-picture-thumbnails a span {
	background: #EBCDD7;
}

.socialnetworklogos {
	float:left; 
	margin-right:15px; 
	margin-top:60px;
}

.site-links {
	padding-top:10px;
}