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

   thebay.css
   * Stylesheet file for The Bay Hotel
   
-------------------------------------------------------------- */

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

.highlight {
	color: #bbe5d2;
}

/** strapline **/
.strapline {
	width:554px;
	height:30px;
	background: url('/assets/images/thebay/strapline.png');
	position:absolute;
	z-index:10;
	bottom:280px;
	margin-left:100px;
	display:none;
}

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

.header-links a {
	background: url('/assets/images/thebay/link.arrow.png') right center no-repeat;
}
.header-links a.link-bookonline {
	color: #BBE5D2;
}
.header-links a.link-checkavailability {
	color: #BBE5D2;
}
.header-links a.link-specialoffers {
	color: #BBE5D2;
}
.header-links a:hover {
	color: #fff;
}
.header-contactdetails a {
	color: #BBE5D2;
}
.header-contactdetails a:hover {
	color: #fff;
}

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

.inline_availability_check .check-now a {
	background: url('/assets/images/thebay/link.arrow.png') right center no-repeat;
}

/** navigation **/
div.navigation {
	font-size:12px;
	background: #bbe5d2;
	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: #bbe5d2;
				color: #689380;
				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/thebay/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/thebay/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: #bbe5d2;
			}
			ul.sub-navigation li.selected a {
				color: #bbe5d2;
			}
div.sub-navigation.level-3 {
	background: #8D628F;
}
	div.sub-navigation.level-3 ul.sub-navigation li a {
		background: #8D628F;
		color: #5a1c5b;
	}
		div.sub-navigation.level-3 ul.sub-navigation li.selected a {
			color: #bbe5d2;
		}
		div.sub-navigation.level-3 ul.sub-navigation li a:hover {
			color: #bbe5d2;
		}

/** 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/thebay/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/thebay/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/thebay/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/thebay/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: #bbe5d2 url('/assets/images/thebay/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/thebay/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: #BBE5D2;
}

.footer-contact-details a {
	color: #BBE5D2;
}

.fourstarlogo {
	background: url('/assets/images/4star.png');
	width:56px;
	height:80px;
	position:absolute;
	top:30px;
	margin-left:-90px;
}


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