/**************************************************************************************************
*
* 	Name:			Global CSS
* 	Author:			Dan Tarrant
* 	Date Created:	29th March 2010
* 	Date Modified:	29th March 2010
*	Copyright:		Appius (www.appius.com)
*
*	Contents:
*	01. Reset browser defaults
* 	02. Layout
* 	03. Headings
*	04. Typography
* 	05. Navigation
* 	06. Links
* 	07. Lists
* 	08. Images
* 	09. Forms
* 	10. Tables
* 	11. Misc
*
**************************************************************************************************/
 
/**************************************************************************************************
*	01. Reset browser defaults (http://meyerweb.com/eric/tools/css/reset/)
**************************************************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0px solid white;
	outline: 0;
	font-size: 100%;
	vertical-align: top;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

/* Remember to define focus styles */
:focus {
	outline: 0;
}

/* Remember to highlight inserts somehow */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* Tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/**************************************************************************************************
*	02. Layout
**************************************************************************************************/

/*@font-face {
	font-family: 'GillSans';
	src: url('../fonts/gill-sans-webfont.eot');
	src: local('GillSans'), url('../fonts/gill-sans-webfont.woff') format('woff'), url('../fonts/gill-sans-webfont.ttf') format('truetype'), url('../fonts/gill-sans-webfont.svg#webfontBB6hu7UE') format('svg');
	font-weight: normal;
	font-style: normal;
}*/

body {
	font: 0.813em/1.5em  Arial, Helvetica, sans-serif;
	color: #b5995b;
	background: #001522;
}

#wrapper {
	position: relative;
	width: 990px;
	margin: 0 auto;
}

#header {
	position: relative;
	padding: 27px 5px 18px 30px;
}

#header .primary {
	position: relative;
	float: left;
	width: 300px;
}

#header .secondary {
	position: relative;
	float: left;
	padding-top: 10px;
	width: 655px;
}

#cta {
	position: relative;
}

#cta .primary {
	position: relative;
	float: left;
	width: 181px;
}

#cta .secondary {
	position: relative;
	float: right;
	width: 120px;
}

#cta .cta {
	position: relative;
	background: url('../images/cta/home-cta-bg.jpg') no-repeat;
	width: 303px;
	height: 103px;
	float: left;
	padding: 10px;
	color: #FFF;
	font: 0.813em/1.5em  Arial, Helvetica, sans-serif;
	margin-top: 20px;
}

#cta .first {
	margin-right: 10px;
}

#cta .last {
	margin-right: 0;
	float: right;
}

#home-content {
	position: relative;
	margin-top: 27px;
	width: 990px;
}

#home-content .primary {
	position: relative;
	float: left;
	width: 318px;
	padding-left: 20px;
}

#home-content .secondary {
	position: relative;
	float: left;
	width: 644px;
	padding: 10px 0 0 8px;
}

#breadcrumb {
	position: relative;
	margin-bottom: -2px;
}

#breadcrumb .primary {
	position: relative;
	width: 100%;
	float: left;
}

#breadcrumb .secondary {
	position: relative;
	margin-top: 27px;
	border-left: 1px solid #75725c;
	border-top: 1px solid #75725c;
	border-right: 1px solid #4c4c38;
	border-bottom: 1px solid #57563f;
	text-align: right;
	padding: 5px 25px;
	background: #54533d url('../images/furniture/breadcrumb-bg.jpg') repeat-x top left;
	width: auto;
	float: right;
	z-index: 1;
}

#content {
	position: relative;
	background: #001522 url('../images/furniture/content-bg.jpg') no-repeat;
	padding: 10px 15px 20px 11px;
	color: #FFF;
	width: 964px;
}

#content .primary {
	position: relative;
	float: left;
	width: 307px;
}

#content .secondary {
	position: relative;
	float: left;
	width: 631px;
	padding: 10px 0 0 26px;
}
#entsContent {
	position: relative;
	background: #001522 url('../images/furniture/ents-bg.jpg') no-repeat;
	padding: 10px 15px 20px 11px;
	color: #FFF;
	width: 964px;
}

#entsContent .primary {
	position: relative;
	float: left;
	width: 307px;
}
#entsContent .secondary {
	position: relative;
	float: left;
	width: 631px;
	padding: 10px 0 0 26px;
}


#boomerContent {
	position: relative;
	background: #001522 url('../images/furniture/boomer-bg.jpg') no-repeat;
	padding: 10px 15px 20px 11px;
	color: #FFF;
	width: 964px;
}

#boomerContent .primary {
	position: relative;
	float: left;
	width: 307px;
}
#boomerContent .secondary {
	position: relative;
	float: left;
	width: 631px;
	padding: 10px 0 0 26px;
}


#footer {
	position: relative;
	background: url('../images/footer/footer-bg.jpg') no-repeat;
	margin-top: 10px;
	padding: 0 0 20px 0;
	font: 0.813em/1.25em  Arial, Helvetica, sans-serif;
}

#footer .title {
	position: relative;
	color: #FFF;
	padding: 15px 0 0 20px;
	margin-bottom: 10px;
	width: 100%;
}

#footer .primary {
	position: relative;
	float: left;
	width: 275px;
	padding-left: 20px;
}

#footer .secondary {
	position: relative;
	float: left;
	width: 83px;
	padding: 6px 0 0 40px;
	font-weight: bold;
}

#footer .tertiary {
	position: relative;
	float: left;
	width: 204px;
	padding-left: 30px;
}

#footer .quaternary {
	position: relative;
	float: left;
	width: 108px;
	padding-left: 15px;
}

#footer .quinary {
	position: relative;
	float: left;
	border-left: 1px solid #b5995b;
	width: 167px;
	height: 65px;
	padding-left: 20px;
	margin-left: 15px;
}

#legal {
	position: relative;
	text-align: right;
	color: #758086;
	font-size: 0.813em;
	padding-right: 10px;
}

/* Hides the skip to links on browsers but not screen readers */
#skip-to-content, #skip-to-footer {
	position: absolute;
	top: -3333px;
	left: -3333px;
}

a.skipped {
    display: none;
}

.padded {
	padding: 10px;
}

#eventsCalendar {
	float: left;	
}

#eventsCalendar div {
	float: left;
	display: inline;
	margin: 0 0 0 10px;
	width: 145px;
}

#eventsCalendar div.odd {
	background-color: #B49859;
}

#eventsCalendar div.even {
	background-color: #D4D8DA;
}

#eventsCalendar div.event {
	border-bottom: 1px solid #000;
	padding: 20px 10px;
	margin: 0;
	width: 125px;
	color: #000;
}

#eventsCalendar div.event span {
	font-weight: bold;
	text-transform: uppercase;
	clear: both;
	width: 100%;
}

#eventsCalendar div.event strong {
	font-size: 1.1em;
	float: left;
	padding: 0.75em 0;
	clear: both;
	width: 100%;
}

#eventsCalendar div.event p {
	font-size: 0.85em;
	line-height: 1.3em;
	margin: 0;
	clear: both;
	width: 100%;
}

/* Brochure Specials */

.brospeccentre {
	position: relative;
	padding: 20px 15px 5px 15px;
	background-color: #000;
	background-image: url(../images/specials/specialsBack.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.brospeccentre img {
	border: 1px solid #9e8751;
	float: right;
}

.brospecleftmid {
	position: relative;
	background: #031722;
	padding: 2px;
	float: left;
	width: 300px;
	border-bottom: 0px solid #fff;
}

.brospecrightmid {
	position: relative;
	background: #031722;
	padding: 2px;
	float: right;
	width: 300px;
	border-bottom: 0px solid #fff;
}

.brospecleftmid h3, .brospecrightmid h3, .brospecfull h3 {
	display: block;
	background: #b49859;
	padding: 5px 0 5px 10px;
	text-transform: lowercase;
	font-weight: bold;
	margin-bottom: 0px;
}

.brospecleftmid img, .brospecrightmid img {
	margin-right: 10px;
}

.brospecleftmid p, .brospecrightmid p {
	padding: 10px;
	background-image: url(../images/specials/specialsBack.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #031722;
}

.brospecfull {
	position: relative;
	background: #031722;
	padding: 2px;
	float: right;
	border-bottom: 0px solid #fff;
}


.brospecgreen {
	position: relative;
	background: #E2ECCA;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	padding: 5px 5px 0 5px;
	color: #006633;
}

.brospecgreen h3 {
	color: #006633;
}

.brospecbrown {
	position: relative;
	background: #EEE9D1;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	padding: 5px 5px 0 5px;
	color: #725230;
}

.brospecbrown h3 {
	color: #725230;
}

.brospecgrey {
	position: relative;
	background: #e5e5e5;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	padding: 5px 5px 0 5px;
	color: #725230;
}

.brospecgrey h3 {
	color: #725230;
}


.brospecpink {
	position: relative;
	background: #F0D8D5;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	padding: 5px 5px 0 5px;
	color: #993366;
}

.brospecpink h3 {
	color: #993366;
}

.brospecgreen .left, .brospecbrown .left, .brospecpink .left {
	width: 240px;
}

.brospecgreen .right, .brospecbrown .right, .brospecpink .right {
	width: 370px;
	font-size: 0.813em;
	line-height: 1.5em;
}

.brospecgreen p, .brospecbrown p, .brospecpink p {
	font-size: 1em;
	line-height: 1.5em;
}

.contentImage {
	border: 1px solid #B5995B;
	float: right;
	margin-bottom: 15px;
	margin-left: 15px;
}

#eventsmonth {
	background-image: url(../images/entertainments/events_search_back.gif);
	height: 58px;
	width: 319px;
	padding-left: 60px;
	padding-top: 13px;
	background-repeat: no-repeat;
	background-position: left top;
}

div.movie {
	position: relative;
	width: 655px;
	height: 245px;
	text-align: center;
}

/**************************************************************************************************
*	03. Headings
**************************************************************************************************/

h1 {
	color: #FFF;
	font-size: 1.6em;
	line-height: 2.125em;
	font-weight: normal;
	margin-bottom: 0.25em;
	font-family: GillSans, Arial, Helvetica, sans-serif;
}

h2 {
	color: #b5995b;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 1em;
}

h3 {
	color: #FFF;
	font-size: 1.8em;
	line-height: 1.125em;
	font-weight: normal;
	margin-bottom: 0.25em;
	text-transform: uppercase;
	font-family: GillSans, Arial, Helvetica, sans-serif;
}

h4 {
}

h5 {
}

h6 {
}

/**************************************************************************************************
*	04. Typography
**************************************************************************************************/

#cta p {
	padding: 0 6px;
	margin-top: -4px;
}

#footer .title p {
	font-size: 1.5em;
}

p {
	margin-bottom: 1.5em;
}

em {
	font-style: normal;
	color: #b5995b;
}

#charges {
	color: #fff;
}

#breadcrumb span {
	color: #FFF;
}

/**************************************************************************************************
*	05. Navigation
**************************************************************************************************/

#navigation {
	position: relative;
	background: #7b6e48 url('../images/navigation/nav-bg.jpg') no-repeat center top;
	width: 979px;
	height: 46px;
	line-height: 0.813em;
	padding: 0px 5px 0px 6px;
	z-index: 1000;
}

#navigation li {
	position: relative;
	float: left;
	list-style-type: none;
	padding: 0;
}

#navigation li a:link, #navigation li a:visited, #navigation li a:active {
	padding: 1.1em 0em;
	border: 1px solid #001522;
	margin-left: -1px;
	color: #b49859;
	text-decoration: none;
	display: block;
	text-align: center;
	height: 11px;
	line-height: 1.1em;
}

#navigation li a:hover, #navigation li a#active {
	padding: 1.1em 0em;
	border: 1px solid #343b34;
	margin-left: -1px;
	color: #FFF;
	text-decoration: underline;
	display: block;
	text-align: center;
	height: 11px;
	background: #b5995a url('../images/navigation/nav-item-bg.jpg') repeat-x center top;
	line-height: 1.1em;
}

#navigation li a.home:link, #navigation li a.home:visited, #navigation li a.home:active {
	width: 58px;
}

#navigation li a.explore-waterside:link, #navigation li a.explore-waterside:visited, #navigation li a.explore-waterside:active {
	width: 124px;
}

#navigation li a.waterside-spa:link, #navigation li a.waterside-spa:visited, #navigation li a.waterside-spa:active {
	width: 103px;
}

#navigation li a.book-a-holiday:link, #navigation li a.book-a-holiday:visited, #navigation li a.book-a-holiday:active {
	width: 107px;
}

#navigation li a.buy-a-holiday-home:link, #navigation li a.buy-a-holiday-home:visited, #navigation li a.buy-a-holiday-home:active {
	width: 136px;
}

#navigation li a.entertainment:link, #navigation li a.entertainment:visited, #navigation li a.entertainment:active {
	width: 103px;
}

#navigation li a.discover-the-local-area:link, #navigation li a.discover-the-local-area:visited, #navigation li a.discover-the-local-area:active {
	width: 152px;
}

#navigation li a.news-and-views:link, #navigation li a.news-and-views:visited, #navigation li a.news-and-views:active {
	width: 100px;
}

#navigation li a.contact-us:link, #navigation li a.contact-us:visited, #navigation li a.contact-us:active {
	width: 87px;
}

#navigation ul.drop-down {
	position: absolute;
	top: -5555px;
	width: 327px;
	background: #84764d url("../images/navigation/drop-down-bg.jpg") repeat-x top left;
	z-index: 1000;
	border: 1px solid #393c32;
	display: block;
	padding: 10px 10px 0 10px;
	color: #FFF;
	margin-top: -1px;
}

#navigation ul.right {
	position: absolute;
	right: 0;
}

#navigation ul.drop-down li {
	display: block;
	clear: left;
	border-bottom: 1px dashed #b4985a;
	width: 100%;
}

#navigation ul.drop-down li.last {
	border-bottom: 0;
}

#navigation ul.drop-down li p {
	font-size: 0.83em;
	line-height: 1.5em;
}

#navigation ul.drop-down li a:link, #navigation ul.drop-down li a:visited, #navigation ul.drop-down li a:active {
	display: block;
	color: #FFF;
	border: 0;
	height: auto;
	text-align: left;
	background: transparent url("../images/navigation/sub-nav-bullet.png") no-repeat 310px 12px;
	text-decoration: underline;
}

#navigation ul.drop-down li a:hover {
	text-decoration: none;
}

#navigation li:hover ul, #navigation li.sfHover ul {
	top: 42px;
}

#navigation ul.short {
	width: 165px;
}

#navigation ul.short li a:link, #navigation ul.short li a:visited, #navigation ul.short li a:active {
	display: block;
	color: #FFF;
	border: 0;
	height: auto;
	text-align: left;
	background: transparent url("../images/navigation/sub-nav-bullet.png") no-repeat 145px 12px;
	text-decoration: underline;
}

#navigation ul.short li a:hover {
	text-decoration: none;
}

/* Level 1 */
ul#sub-nav {
	width: 307px;
	margin: 0 0 20px 0;
	padding: 0;
}

ul#sub-nav li {
	margin: -1px 0 0 0;
	padding: 0;
	list-style-type: none;
}

ul#sub-nav li a {
	color: #b49859;
	padding: 7px 5px 7px 23px;
	text-decoration: none;
	background: #83744a url("../images/navigation/sub-nav-l1-bg.jpg") repeat-x bottom left;
	border: 1px solid #000;
	display: block;
}

ul#sub-nav li a.selected,
ul#sub-nav li a:hover {
	color: #FFF;
	background: #b19458 url("../images/navigation/sub-nav-l1-selected-bg.jpg") repeat-x bottom left;
}

ul#sub-nav li a.parent {
	color: #FFF;
	background: #b19458 url("../images/navigation/sub-nav-l1-selected-bg.jpg") repeat-x bottom left;
}

/* Level 2 */
ul#sub-nav li ul li {
	padding: 0 0 0 0;
	width: 307px;
	margin: -1px 0 0 0;
	list-style-type: none;
}

ul#sub-nav li ul li a {
	color: #e3d9c1;
	padding: 7px 5px 7px 43px;
	text-decoration: none;
	background: #bab29e url("../images/navigation/sub-nav-child-bg.jpg") repeat-x bottom left;
	border: 1px solid #000;
}

ul#sub-nav li ul li a.selected,
ul#sub-nav li ul li a:hover {
	color: #FFF;
	background: #b19458 url("../images/navigation/sub-nav-selected-bg.jpg") repeat-x bottom left;
}

ul#sub-nav li ul li a.parent {
	color: #FFF;
	background: #bab29e url("../images/navigation/sub-nav-l2-selected-bg.jpg") repeat-x bottom left;
}

/* Level 3 */
ul#sub-nav li ul li ul li {
	padding: 0 0 0 0;
	width: 307px;
	margin: -1px 0 0 0;
	list-style-type: none;
}

ul#sub-nav li ul li ul li a {
	color: #e3d9c1;
	padding: 7px 5px 7px 63px;
	text-decoration: none;
	background-color: #bab29e;
	border: 1px solid #000;
}

ul#sub-nav li ul li ul li a.selected,
ul#sub-nav li ul li ul li a:hover {
	color: #FFF;
	background-color: #b09558;
}

/**************************************************************************************************
*	06. Links
**************************************************************************************************/

a:link, a:visited, a:active {
	text-decoration: none;
	color: #b5995b;
}

a:hover {
	text-decoration: underline;
}

#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active {
	text-decoration: none;
	color: #b49859;
}

#breadcrumb a#selected {
	text-decoration: none;
	color: #FFF;
}

#breadcrumb a:hover , #breadcrumb a#selected:hover{
	text-decoration: underline;
	color: #FFF;
}

.sitemap a:link, .sitemap a:visited, .sitemap a:active {
	text-decoration: none;
	color: #b5995b;
}

.sitemap a:hover {
	text-decoration: underline;
	color: #FFF;
}

#footer .tertiary a:link, #footer .tertiary a:visited, #footer .tertiary a:active {
	padding: 7px 0 7px 35px;
	color: #b5995b;
	text-decoration: none;
	background: transparent url("../images/footer/arrow-bg.jpg") no-repeat 172px 8px;
	display: block;
}

#footer .tertiary a:hover {
	color: #FFF;
	text-decoration: underline;
}

#footer .quaternary a:link, #footer .quaternary a:visited, #footer .quaternary a:active {
	text-decoration: none;
	color: #b5995b;
}

#footer .quaternary a:hover {
	text-decoration: underline;
	color: #FFF;
}

#legal a:link, #legal a:visited, #legal a:active {
	text-decoration: none;
	color: #758086;
}

#legal a:hover {
	text-decoration: underline;
	color: #FFF;
}

/**************************************************************************************************
*	07. Lists
**************************************************************************************************/

ol {
	list-style: decimal;
}

ol li {
	margin-left: 0;
}

#content .secondary ul {
	list-style-type: disc;
	margin: 0 0 1.5em 2em;
}

#content .secondary ul li {
}

#content .secondary ol {
	list-style-type: decimal;
	margin: 0 0 0 20px;
}

#content .secondary ol.right {
	width: 250px;
}

#content .secondary ol.lettered {
	list-style-type: lower-alpha;
}

#content .secondary ol.spaced li {
	padding: 0.5em 0;
}

.sitemap {
    margin-left: 50px;
    list-style-type: disc;
	color: #b5995b;
}

#ctas {
	margin: 19px 0 0 1px;
}

#ctas li {
	padding-bottom: 12px;
	list-style-type: none;
	padding-left: 0px;
}

#visuals {
	margin-top: 5px;
}

#visuals li {
	padding-bottom: 12px;
	list-style-type: none;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
}

#visuals li img {
	border: 0px solid #ab9058;
}

#content .secondary #asset {
	list-style-type: none;
	margin: 0;
}
#asset {
	padding-top: 12px;
}

#asset a {
	text-decoration: none;
}


#asset li {
	position: relative;
	margin-bottom: 15px;
	width: 309px;
	list-style-type: none;
	padding: 0;
}


#asset span {
	position: absolute;
	top: 0;
	left: 0;
	padding: 42px 10px;
	color: #FFF;
	font-size: 0.913em;
	width: 281px;
}

#footer .tertiary ul {
	margin-top: 2px;
}

#footer .tertiary ul li {
	padding: 0 0 7px 0;
	height: 28px;
	list-style-type: none;
}

#footer .tertiary ul li.facebook {
	background: transparent url("../images/footer/facebook.jpg") no-repeat 0px 0px;
}

#footer .tertiary ul li.twitter {
	background: transparent url("../images/footer/twitter.jpg") no-repeat 0px 0px;
}

#footer .quaternary ul {
	font-weight: bold;
	margin-top: 4px;
}

#footer .quaternary ul li {
	margin-bottom: 10px;
	padding: 0 0 0 20px;
	height: 14px;
	list-style-type: none;
}

#footer .quaternary ul li.email {
	background: transparent url("../images/footer/email.jpg") no-repeat 0px 0px;
}

#footer .quaternary ul li.tel {
	background: transparent url("../images/footer/tel.jpg") no-repeat 3px 2px;
}

#footer .quaternary ul li.get-in-touch {
	background: transparent url("../images/footer/get-in-touch.jpg") no-repeat 2px 4px;
}

/**************************************************************************************************
*	08. Images
**************************************************************************************************/

#header .primary img {
	padding: 0 0 15px 22px;
}

#header .primary span {
	width: 261px;
	display: block;
	height: 39px;
	overflow: hidden;
	text-indent: -3333px;
	background: url('../images/waterside-strap-line.jpg') no-repeat;
}

.cta-image {
	border: 1px solid #001522;
}

img.left {
	float: left;
	margin: 0 10px 10px 0;
}

img.right {
	float: right;
	margin: 0 0 10px 10px;
}

/**************************************************************************************************
*	09. Forms
**************************************************************************************************/

form {
	color: #b5995b;
}

form p {
	margin: 0;
}

form .field {
    clear: both;
    display: block;
    padding-bottom: 35px;
}

fieldset {
    clear: both;
    margin-bottom: 40px;
}

fieldset legend {
    font-size: 1.2em;
    line-height: 1.2em;
    margin-bottom: 0.75em;
    font-weight: bold;
}

fieldset legend fieldset legend {
    font-size: 1em;
    line-height: 1.2em;
    margin-bottom: 0.75em;
    font-weight: normal;
}

label {
    float: left;
    width: 250px;
    padding: 4px 0 0 0;
}

input, textarea {
    float: left;
    padding: 5px;
    width: 250px;
    border: 1px solid #b5995b;
    color: #b5995b;
    font-size: 1em;
	background: #FFF url("../images/furniture/input-bg.jpg") repeat-x top left;
}

input.datepicker {
	width: 210px;
	margin-right: 10px;
}

select {
    float: left;
    padding: 5px;
    width: 250px;
    border: 1px solid #b5995b;
    color: #000;
    font-size: 1em;
	background: #FFF;
}

textarea {
    font: 1em/1.4em  Arial, Helvetica, sans-serif;
	margin-bottom: 7px;
}

input.radio {
	width: 15px;
	height: 15px;
	border: 0;
	background: 0;
}

input.checkbox {
	width: 15px;
	height: 15px;
	border: 0;
	background: 0;
	margin: 7px 7px 0 0;
}

label.checkbox {
	width: 90%;
}

input.button {
	width: 134px;
	height: 31px;
	background: transparent url("../images/furniture/submit-bg.jpg") no-repeat;
	border: 0;
	cursor: pointer;
}

input:focus, textarea:focus {
    background: #b09558;
    color: #FFF;
}

input.button:focus {
	background: transparent url("../images/furniture/submit-bg.jpg") no-repeat;
}

#footer form {
	margin-top: -6px;
}

#footer form input {
	border: 1px solid #b49859;
	font-size: 1.25em;
	padding: 2px;
	width: 240px;
}

#footer form .button {
	background: transparent url("../images/footer/arrow-bg.jpg") no-repeat 0px 4px;
	border: 0;
	cursor: pointer;
	margin: 0 0 0 8px;
	width: 20px;
}

form .date {
	padding-bottom: 6px;
}

/**************************************************************************************************
*	10. Tables
**************************************************************************************************/

#pricingTable {
	width: 865px;
	font-size: 0.85em;
}

#pricingTable th,
#pricingTable td {
	border: 1px solid #7f7d70;
	padding: 2px;
	width: 33px;
	text-align: center;
}

#pricingTable td.leftAlign {
	width: 175px;
	text-align: left;
}

#pricingTable td.alternate {
	background-color: #474c45;
}

#pricingTable tr.peak td {
	background-color: #b5995b;
}

.twosCompany th,
.twosCompany td {
	width: 71px !important;
}

.twosCompany td.leftAlign {
	width: 175px !important;
}

#hamptonPrices {
	margin: 0 auto;
}

#hamptonPrices td {
	padding: 2px 4px;
	border-bottom: 1px solid #474c45;
}

#hamptonPrices td.heading {
	text-align: center;
	background-color: #474c45;
}

#hamptonPrices td.heading h2 {
	margin: 0;
}

/**************************************************************************************************
*	11. Misc
**************************************************************************************************/

.right {
	float: right;
}

.left {
	float: left;
}

.clear {
	clear: both;
}

.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

.align-center {
	text-align: center;
}

.hidden {
	display: none;
}

.fullClear {
    clear: both;
    float: left;
    width: 100%;
}

/**************************************************************************************************
*	12. Spa Slideshow
**************************************************************************************************/

#slideshow {
    position:absolute;
	top: 20px;
	right: 351px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
	padding: 1px;
	border: 5px solid #b5995b;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

.spa-slideshow-copy {
	width: 260px;
	margin-bottom: 20px;
}
/* THE END */
/* ^ lies!! */
ul {
	padding-bottom: 0px;
}
__li {
	list-style-type: disc;
	padding-left: 0px;
	list-style-position: outside;
	color: #9D8652;
	padding-bottom: 6px;
}
#list   {
	list-style-type: disc;
	margin: 0 0 1.5em 2em;
}


/* Jan 2011 - New booking process iframe */

iframe {
	margin: 20px 0 0 0;
}

.rightImage {
	border: 1px solid #9e8751;
	float: right;
	margin: 0 0 10px 10px;
}

.holidayBookingForm div.left,
.holidayBookingForm div.right,
.holidayBookingForm div.fullClear,
.enquiryForm div.left {
    float: left;
	display: block;
    padding-bottom: 6px;
}

.holidayBookingForm div.fullClear div {
	padding: 0;
}

.formStep4 .styled {
	border: 0;
	padding: 0;
	margin: 7px 7px 0 0;
	height: 15px;
	width: 15px;
}

.error {
	clear: both;
    display: block;
    float: left;
	margin: 5px 0 5px 250px;
	width: 320px;
    font-weight: bold;
}

p .error {
	margin-left: 0;
	width: auto;
}

.dateSelect {
	float: left;
}

.dateSelect table td {
	padding: 0 8px 0 0 !important;
	vertical-align: top;
}

.dateSelect table td.rcInputCell {
	padding: 0 !important;
}

.dateSelect .textbox {
	width: 105px !important;
}

.holidayBookingForm span.fullClear {
	color: #b5995b;
    font-size: 1.1em;
    font-weight: bold;
    margin: 1em 0;
}

input.button {
	border: 0;
	margin: 10px 10px 0 0;
	height: 30px;
	width: 134px;
	text-indent: -9999px;
	cursor: pointer;
	font-size: 0;
	display: block;
	line-height: 0;
}

input.searchButton,
input.searchButton:focus {
	background: transparent url("../images/buttons/search.gif") no-repeat left top;
}

input.selectButton,
input.selectButton:focus {
	background: transparent url("../images/buttons/select.gif") no-repeat left top;
}

input.nextButton,
input.nextButton:focus {
	background: transparent url("../images/buttons/next.gif") no-repeat left top;
}

input.finishButton,
input.finishButton:focus {
	background: transparent url("../images/buttons/finish.gif") no-repeat left top;
}

input.findButton,
input.findButton:focus {
	background: transparent url("../images/buttons/find.gif") no-repeat left top;
	margin: 0 0 0 10px;
	width: 50px;
}

ul.bookingProcessSteps {
	float: left;
	display: inline;
	margin: 10px 0 20px 0;
	width: 605px;
}

ul.bookingProcessSteps li {
	float: left;
}

ul.bookingProcessSteps li a {
	display: block;
	color: #b49859;
	font-weight: bold;
}

ul.bookingProcessSteps li a.selected {
	color: #fff;
}

ul.bookingProcessSteps li a.step1 {
	padding: 21px 36px 26px 8px;
}

ul.bookingProcessSteps li a.step2 {
	padding: 21px 39px 26px 12px;
}

ul.bookingProcessSteps li a.step3,
ul.bookingProcessSteps li a.step4 {
	padding: 21px 45px 26px 15px;
}

ul#bookingProcessSteps1 {
	background: transparent url("/images/book/one_selected.jpg") no-repeat left top;
}

ul#bookingProcessSteps2 {
	background: transparent url("/images/book/two_selected.jpg") no-repeat left top;
}

ul#bookingProcessSteps3 {
	background: transparent url("/images/book/three_selected.jpg") no-repeat left top;
}

ul#bookingProcessSteps4 {
	background: transparent url("/images/book/four_selected.jpg") no-repeat left top;
}

div.box {
	float: left;
	display: inline;
	margin: 15px 10px;
	width: 590px;
}

div.box p {
	color: #fff;
	margin: 0 0 1em 0;
}

div.box div.price {
	float: right;
	margin: 10px 0 0 0;
}

div.box div.price span.priceText {
	float: left;
	margin: 5px 10px 0 0;
	color: #b5995b;
	font-size: 1.2em;
	font-weight: bold;
}

div.box div.price span.fullPrice {
	margin: 0 5px 0 0;
	font-size: 1em;
	text-decoration: line-through;
}

.holidayBookingForm select,
.box select {
	padding: 4px;
	width: 117px;
}

a.addVehicle {
	clear: both;
	display: block;
	margin: 0 0 1em 0;
	font-size: 0.7em;
}

.enquiryForm div.left {
	clear: both;
	width: 100%;
}

.enquiryForm h2 {
	clear: both;
	margin: 10px 0;
}