body {
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	color: #000;
	background:#F8F8E8 url(/images/global/hd_bkgrnd.jpg) no-repeat scroll center top;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
}
#doc2 {
	width: 935px;
}

/* Reset */
a img { border:0; }

/* Header */
#hd {
	position: relative;
	top: 0px;
	height: 165px;
}
#hd h1 {
	background:transparent url(/images/global/hd_gbhideaway_logo.png) no-repeat scroll 0 0;
	bottom:20px;
	height:66px;
	left:-12px;
	margin:0;
	position:absolute;
	text-indent:-9999px;
	width: 280px;
}
#hd h1 span {
	font-size: 0.6em;
	color: #bfd82d;
}
#global_links {
	float: right;
	font-size: 0.8em;
	color: #e3fdff;
}
#global_links a {
	color: #e3fdff;
}
#global_links a:hover {
	color: #00a8c6;
	background-color: #e3fdff;
}

/** Tabs */
#tabs {
	bottom:0;
	height:49px;
	left:-20px;
	position:absolute;
}
#tabs ul {
	margin: 0;
	padding: 0;
	clear: left;
	overflow:hidden;
}
#tabs #sub {
	margin:0 19px;
}
#tabs li {
	margin: 0;
	padding: 17px 0 0;
	list-style: none;
	float: left;
	display: inline;
	background: transparent url(/images/global/tabs.png) no-repeat scroll 0 0;
}
#tabs #home_tab {
	padding-left: 28px;
}
#tabs #accommodation_tab {
	background-position:-100px 0;
}
#tabs #attractions_tab {
	background-position:-235px 0;
}
#tabs #design_build_tab {
	background-position:-330px 0;
}
#tabs #blog_tab {
	background-position:-450px 0;
}
#tabs #about_us_tab {
	background-position:-500px 0;
}
#tabs #contact_tab {
	background-position:right 0;
	padding-right: 28px;
}
#tabs #sub li {
	background: transparent;
	padding: 0;
}

#tabs a, #tabs span {
	float: left;
	display: inline;
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
	padding: 8px 16px;
	height: 16px;
	text-shadow:0 1px 2px #664433;
}
#sub a, #sub span {
	background: url("/images/global/tabs.png") no-repeat scroll -20px -17px transparent;
	padding: 5px 10px;
	margin: 20px 10px 0 0;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	color: #000;
	text-shadow:0 1px 0 #fff;
	font-size: 11px;
	font-weight: bold;
	height: auto;
}
#tabs li a:hover {
	color: #fff;
	text-decoration: none;
	text-shadow:0 1px 0 #000;
}
#tabs li.current span, #tabs li.parent a {
	background-color: #F8F8E8;
	color: #643;
	border-color:#777777;
	border-style:solid;
	border-width:0 1px;
	text-shadow: none;
}
#tabs li.current span {
	font-weight: bold;
	color: #B06C2D;
}
#tabs #sub li.current span {
	border: 0;
	background: transparent;
}
#tabs li a:hover {
	background: blue;
	color: #fff;
} 
#tabs .with_space a,
#tabs .with_space a.current {
	margin-right: 10px;
}

/** Main body */
#bd {
	width: 920px;
	margin: 65px 0 0;
}

/** Flash **/
#flash #notice, #flash #error, #flash #warning {
	color: #6d9100;
	padding: 0.7em 1em;
	background-color: #e5ffba;
	font-weight: bold;
}
#flash #error {
	color: #9f1d20;
	background-color: #ffb7bc;
}
#flash #warning {
	color: #ee9a00;
	background-color: #fff1c0;
}

/** Body Header */

#bd_header { margin-bottom: 20px; }

/** Slidemenu */

.slidemenu {
	list-style:none; 
	width:935px; 
	display:block; 
	overflow:hidden;
	padding: 0;
	margin: 0;
}
.slidemenu li {
	position: relative;
	float:left; 
	display:inline; 
	overflow:hidden;
	height:300px; 
}
.slidemenu h2 { display:none; }
.slidemenu #little_greenie p { width: 130px; }
.slidemenu a img {
	border: 0;
	display: block;
}
.slidemenu li p {
	bottom:0;
	left:0;
	margin-bottom:17px;
	margin-left:160px;
	position:absolute;
	width:430px;
	z-index:100;
	font-style: italic;
	font-weight: bold;
}

/** Left column */
#left, #right {
	float: left;
}
#left {
	width: 620px;
}
#left .head {
	color: #204ca0;
	font-weight: normal;
	background-color: #d3dbff;
	padding: 0.7em 1em;
	margin: 0;
	font-size: 1.3em;
}
/** Right column */
#right {
	width: 280px;
	padding-left: 20px;
	color: #666;
}
#right a {
	color: #666;
}
#right a:hover {
	color: #fff;
}
#right label {
	font-weight: bold;
}
#right h2 {
	color: #494949;
	font-weight: normal;
	font-size: 1.2em;
	margin-top: 0;
}
/* Footer */
#ft {
	clear: both;
	padding: 2em 0 1em;
	color: #b5aea1;
	font-size: 0.8em;
}
#ft a { color: #B5AEA1; }
/* Panels */
.panel {
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
	background-color: #887C5E;
}
.panel .tl, .panel .tr, .panel .bl, .panel .br {
	position: absolute;
	height: 5px;
	width: 5px;
	background: transparent url(/images/global/corners_5px.png);
	z-index:1;
}
.panel .tl {
	background-position:left top;
	top: 0;
	left: 0;
}

.panel .tr {
	background-position:right top;
	top: 0;
	right: 0;
}
.panel .bl {
	bottom: 0;
	left: 0;
	background-position: left bottom;
}
.panel .br {
	bottom: 0;
	right: 0;
	background-position: right bottom;
}
.panel .padded {
	padding: 20px;
}
#right .panel {
	background-color: #E5E5CF;
}
/** IE junk */
div#Header,
div#Tabs li,
div#swap_to,
div.button_to_add_new a,
div.button_to_add_new a img,
div.recording div.nubbin a,
div.frame div.hover_container,
div.show_task,
div.edit_task,
div.new_task,
div.new_task form,
div.nubbin li a span,
div.innercol,
div.body,
ul.attachments li a,
body.groups div#screen_body,
div.page_header {
	zoom: 100%;
}

/* Text */
h2 { color: #234E25; margin-top: 0; }
h2 .note { font-size:70%; }
h3 {
	margin-bottom: 0.5em;
}
h4 { font-size: 1em; }
.panel .padded .heading {
	margin-top: 0;
}
p {
	margin-top: 0;
}
p.intro { font-size: 110%; font-weight: bold; }
p.caption { margin: 10px; font-style: italic; font-size: 90%; color: #fff; }
#right p.caption { color: #444; }
p.note { font-size: 80%; color:#666; }

blockquote {
	margin: 10px 0 10px 0px;
	border: 5px solid #C3BCA8;
	border-width: 0 0 0 10px;
	padding: 0 0 0 10px;
	color: #5F563F;
	font-family: "Georgia", "Times New Roman", Times, serif;
}
#left blockquote p, #left blockquote li {
	font-size: 110%;
	margin-bottom: 10px;
}
#left blockquote ol, #left blockquote ul {
	padding-left: 1.5em;
	margin-bottom: 10px;
}
#left blockquote ul li { list-style: disc outside url("/images/global/bullet_16px.png"); }

hr {
	background-color: #E5E5CF;
	height: 2px;
	border: 0;
}
/* Lists */
ul { margin: 0; padding: 0 0 0 0; }
ul li {
	margin: 0;
}
#left ul li { list-style: none; }
#left ul.bullets li {
	list-style-image: url(/images/global/bullet_16px.png);
	list-style-position: outside;
	margin-left: 20px;
}
#right ul {
	padding-left: 20px;
	margin-bottom: 10px;
}
#right li {
	list-style-image: url(/images/global/bullet_related_16px.png);
}
.comparison {
	padding-left:0;
	margin: 0;
}
.comparison > li {
	margin-bottom: 20px;
	background: #E5E5CF;
	list-style-type:none;
	list-style-image:none;
}
.comparison li img.bullet {
	float: left;
	margin-right: 20px;
}

#left .ups {
	float:left;
	margin-bottom:20px;
}
#left .ups ul {
	padding-left: 0;
}
#left .ups li {
	list-style-image: url(/images/global/tick_16px.png);
	line-height: 24px;
	font-weight: bold;
	font-size: 105%;
	margin-left: 25px;
}
#left .ups.twocol ul {
	width: 300px;
	display: inline;
	float: left;
}

#right .thumbs { padding: 0; }
.thumbs li {
	min-height: 50px;
	clear: left;
	list-style-type: none !important;
	list-style-image: none !important;
	margin-bottom: 10px;
}
.thumbs li img {
	float: left;
	margin: 0 10px 20px 0;
}
.thumbs h4, #right .thumbs h4 a {
	color: #333;
	margin: 0;
}
.thumb {float: left;margin:0 10px 0 0;}
/** tables */
.tariffs table { width: 100%; margin-bottom: 10px; }
.tariffs th, .tariffs td { border-bottom: 1px solid #F8F8E8; padding: 5px; }
.tariffs th { vertical-align: top; }
.tariffs td.price {
	text-align: right;
}
.tariffs h3 { margin: 0;}
.tariffs .booking { display: block; height: 33px; width: 240px; margin-bottom: 10px; text-indent: -999px; }
.tariffs #availability_button {background-image: url(/images/check_availability_button.png);}
.tariffs #enquiry_button {background-image: url(/images/booking_enquiry_button.png);}
.tariffs #availability_button:hover {background-position: 0 -33px;}
.tariffs #enquiry_button:hover {background-position: 0 -33px;}

/** calendars **/
#calendar { position: relative; }
.booking-calendar {
	margin: 0;
	padding: 0;
	text-align: center;
	border-color:#fff;
	border-style:solid;
	border-width:0 1px 1px;
	background-color: #eae9d9;
}
.booking-calendar tbody th, .booking-calendar tbody td { 
	overflow: hidden;
	background-repeat: no-repeat;
	border-bottom: 1px solid #F8F8E8;
	border-right: 1px solid #F8F8E8;
	line-height: 22px;
}
.booking-calendar tbody td:hover {
	background-color: #ffd;
	color: #000;
	text-shadow: 0 0 0;
}
.dayName th { border-bottom: 1px solid #F8F8E8; }
.dayName abbr { border: 0; }
.booking-fullDay, .booking-startDay, .booking-endDay {
	background-color:#ccc;
	color:#fff;
	text-shadow: 0 1px 2px rgb(0, 0, 0);
}
.booking-dayNormal, .booking-startDay, .booking-endDay {
	color:#000;
	text-shadow: 0 1px 2px #fff;
}
.booking-startDay {
	background-image: url(/images/booking-calendar/booked-afternoon.png);
}
.booking-endDay {
	background-image: url(/images/booking-calendar/booked-morning.png);
}
.booking-dayNormal {
	background-image: url(/images/booking-calendar/booked-daynormal.png);
}
.weekstartDay { border-left: 1px solid #F8F8E8; }
.today {
	background-color: white;
	color: #882C2A;
	font-weight: bold;
}
.booking-otherMonth { color: #eae9d9; }
#calendar .tooltip {
	position: absolute;
	background-color: #fffed4;
	border: 1px solid #968866;
	color: #968866;
	padding: 5px 10px;
	line-height: 11px;
	font-size: 11px;
}

#cal_heading {
	margin-bottom: 0;
	background-image: url(/images/booking-calendar/calendar_heading.png);
}
.cal_control { position: absolute; top: 38px; font-size: 11px; }
#calendar_prev { left: 10px; }
#calendar_next { right: 10px; }

/** validation and errors */
.fieldWithErrors {
	padding: 2px;
	background-color: red;
	display: table;
}
#errorExplanation {
	width: 400px;
	border: 2px solid red;
	padding: 7px;
	padding-bottom: 12px;
	margin-bottom: 20px;
	background-color: #f0f0f0;
}
#errorExplanation h2 {
	text-align: left;
	font-weight: bold;
	padding: 5px 5px 5px 15px;
	font-size: 12px;
	margin: -7px;
	background-color: #c00;
	color: #fff;
}
#errorExplanation p {
	color: #333;
	margin-bottom: 0;
	padding: 5px;
}
#errorExplanation ul li {
	font-size: 12px;
	list-style: square;
}
/** Linkology */
a:link, a:visited {
	color: #0054ff;
}
a:hover {
	background-color: #0054ff;
	color: #fff;
}

/** Utils */
.cl { clear:left; }
.hide { display:none; }
.right { float:right; }