/*----------------------------------------------------------------------------------------
BOOK A PLACE TO STAY
----------------------------------------------------------------------------------------*/
.place-to-stay {
	width:155px;
	float:left;
	margin-bottom:8px;
	margin-right:16px;
	display:inline;
	background:url(../images/place-to-stay-bottom.gif) bottom no-repeat;
}

.place-to-stay input{
    width:128px;/*level with a 135 select in ie8*/
    font-family:Tahoma, Arial;
	background:#a91244;
	color:#FFFFFF;
	margin-bottom:1em;
}
.place-to-stay h2 {
	background: url(../images/home-book-a-place.gif) no-repeat;
	width:155px;
	display:block;
	height:72px;
	text-indent:-10000px;
	padding-bottom:0;
}

.place-to-stay select {
	background:#a91244;
	color:#FFFFFF;
}

.place-to-stay option {
	background: #a91244;
	color:#FFFFFF;
}

/*----------------------------------------------------------------------------------------
E-NEWSLETTER
----------------------------------------------------------------------------------------*/
.e-newsletter {
	width:155px;
	float:left;
	display:inline;
	padding:0 0 10px 0;
	margin-bottom:8px;
	margin-right:16px;
	background: url(../images/e-newsletter-bottom.gif) bottom no-repeat;
}

.e-newsletter h2 {
	background:  url(../images/home-e-newsletter.gif) bottom no-repeat;
	width:155px;
	display:block;
	height:42px;
	text-indent:-10000px;
	padding-bottom:0;
}

.e-newsletter input.email {
	width:100px;
	margin:0;
	height:19px;
	padding:0 5px 0 5px;
	border:none;
	background:url(../images/e-newsletter-input.gif) no-repeat;
	font-size:1.1em;
	color:#FFFFFF;
	float:left;
	display:inline;
}

input.e-newsletter-submit {
	float:right;
}

/*----------------------------------------------------------------------------------------
HOME PAGE CAROUSEL

http://jqueryfordesigners.com/demo/coda-slider.html
----------------------------------------------------------------------------------------*/

.slider-container {
	background: url(../images/home-slider.gif) no-repeat bottom left;
	width:652px;
	min-height:264px;
	height:auto !important;
	height:264px;
	padding:0 31px 8px 8px;
	position: relative;
	float:right;
}

#slider {
	width: 652px;
	margin: 0;
	position: relative;
	float:left;
}

.scroll {
	min-height:225px;
	height:auto !important;
	height:225px;
	width: 652px;
	overflow: auto;
	/*overflow-x: hidden; isn't valid in CSS 2.1 */
    position: relative;
	clear: left;
}

.scrollContainer div.panel {
	min-height:225px;
	height:auto !important;
	height:225px;
	width: 652px;
}

ul.navigation {
	list-style: none;
	margin: 0;
	padding: 0;
	position:relative;
	height:38px;
	width: 652px;
	background: url(../images/slider-navigation-block.gif) repeat-x bottom;
}

ul.navigation li {
	position:absolute;
}

ul.navigation a {
	display:block;
	position:absolute;
	text-indent:-10000px;
	height:38px;
}

ul.navigation a:focus {
	outline: none;
}

ul.navigation li a.event-ideas {
	background:url(../images/slider-event-ideas.gif) no-repeat;
	width:125px;
	top:0px;
	left:-8px;
}

ul.navigation li a.family-fun {
	background:url(../images/slider-family-fun.gif) no-repeat;
	width:125px;
	top:0px;
	left:216px;
}

ul.navigation li a.chills {
	background:url(../images/slider-chills.gif) no-repeat;
	width:125px;
	top:0px;
	left:425px;
}

ul.navigation li a.thrills {
	background:url(../images/slider-thrills.gif) no-repeat;
	width:125px;
	left:582px;
	top:0px;
}

/*ul.navigation a.selected {
    background-color: #ff0000;
}*/

/*PANEL CONTENTS*/
div.panel-padding {
	width:136px;
	padding:8px 0 0 18px;
	float:left;
	display:inline;
	line-height:1.6em;
}

img.panel-image {
	float:left;
}

div.panel-padding p {
	font-size:1.4em;
	color:#FFFFFF;
	padding-bottom:1em;
	line-height: 1.1em;
}

div.panel-padding p.more {
	font-size:1.2em;
	color:#ffffff;
	text-decoration:none;
	padding:0;
}

div.panel-padding p.more a {
	color:#ffffff;
	text-decoration: none;
}

div.panel-padding p.more a:hover {
	text-decoration: underline;
	color:#ffffff;
}

/*PANEL COLOURS*/
div#family-fun {
	background:#bdc846;
}

div#event-ideas {
	background:#fbc317;
}

div#chills {
	background:#46aac8;
}

div#thrills {
	background:#874c8d;
}

div.feature-container {
	background:none;
}

div.features {
	margin-bottom:0;
}