/*****************
 BODY FONT
 *****************/

body, table {
	font-family: 'verdana', 'arial', 'helv', 'helvetica';
	font-size: 16px;
}


/**********************
BODY FONT HACK FOR IE
 **********************/

* html body, * html table  {
	font-family: 'verdana', 'arial', 'helv', 'helvetica';
	font-size: medium;
}

/***** ZERO ALL ELEMENTS *****/
html,body,table,tr,td,p,br,form,h1,h2,h3,h4,div,ul,li {
	margin: 0px; padding: 0px;
	font-family: 'verdana', 'arial', 'helv', 'helvetica';
	color: #333;
}

/***** DEFAULT STYLES *****/
a:link, a:visited { color: #2566B0; text-decoration: underline; }
a:hover { color: #333; text-decoration: underline; }
img { border: 0px; }
br.breaker { clear: both; font-size: 0.1em; margin: 0px; padding: 0px; }

h1 { font-size: 1.8em; color: #50A0D4; margin: 0px 0px 5px 0px; }

h1.orange { color: #F4B319; }
h1.red { color: #EE252B; }
h1.green { color: #75C737; }
h1.turq { color: #0CB1AA; }


h2.h2_yellow { font-size: 1.3em; padding: 3px 0px 3px 13px; margin: 0px; color: #fff; background: #CCA849 url(/images/ln-head-yellow.gif) repeat-x left top; }
h2.h2_blue { font-size: 1.3em; padding: 3px 0px 3px 13px; margin: 0px; color: #fff; background: #4C9BCF url(/images/ln-head-blue.gif) repeat-x left top; }

h2.sitemap { font-size: 1.3em; margin: 5px 0; }
h2.sitemap a { text-decoration: none; }

h3.divider { font-size: 1.3em; color: #50A0D4; border-bottom: 1px solid #50A0D4; padding-bottom: 3px; }
	h3.dividerblack { font-size: 1.3em; color: #000; border-bottom: 1px solid #000; padding-bottom: 3px; }
	h3.dividerred { font-size: 1.3em; color: #EE252B; border-bottom: 1px solid #000; padding-bottom: 3px; }


h4 { clear: both; font-size: 1.1em; height: 20px; padding: 5px 0px 0px 6px; margin: 10px 0px; background: url(/images/heading.gif) no-repeat left top; }

ul.arrows li { list-style: none; background: url(/images/arrows.gif) no-repeat 20px 6px; padding: 2px 0px 2px 35px; }

ul.twocol { width: 500px; }
ul.twocol li { float: left; list-style: none; width: 250px; padding: 3px 0px; }

ul.sitemap { width: 500px; }
ul.sitemap li { list-style: none; width: 500px; padding: 3px 0px; }

/***** LAYOUT *****/
body {
	background: #F1F6FA url(/images/page-bg.gif) repeat-x left top;
}

#header {
	width: 845px;
	height: 120px;
	margin-left: auto;
	margin-right: auto;
	background: transparent url(/images/topnav-bg.gif) no-repeat left bottom;
	font-size: 0.7em;
}

	#header img.logo { float: left; width: 383px; height: 120px; background: #fff; }

	#header ul {
		float: left;
		width: 462px;
	}

		#header li {
			float: left;
			list-style: none;
			width: 90px;
			height: 120px;
			text-align: center;
		}

			#header li img { margin-bottom: 0px; }

			#header li a:link, #header li a:visited {
				margin: 0px;
				padding: 6px 0px 0px 0px;
				font-weight: bold;
				color: #333;
				display: block;
				width: 90px;
				height: 24px;
			}

			#header li a:hover {
				color: #2566B0;
			}

			#header li.tna a:hover, #header li.tna a.here:link, #header li.tna a.here:visited { background: #D3E6F0; }
			#header li.tnb a:hover, #header li.tnb a.here:link, #header li.tnb a.here:visited { background: #F3E8CF; }
			#header li.tnc a:hover, #header li.tnc a.here:link, #header li.tnc a.here:visited { background: #F2D1D2; }
			#header li.tnd a:hover, #header li.tnd a.here:link, #header li.tnd a.here:visited { background: #DEEBD4; }
			#header li.tne a:hover, #header li.tne a.here:link, #header li.tne a.here:visited { background: #CDE8E7; }

#pagecontainer {
	width: 825px;
	margin-left: auto;
	margin-right: auto;
	background: transparent url(/images/content-bg.gif) no-repeat left top;
	padding: 0px 10px 0px 10px;
	font-size: 0.7em;
}

#pagecontainer2 {
	width: 805px;
	background: #fff url(/images/content2-bg.gif) repeat-x left top;
	padding: 7px 10px 10px 10px;
}


	/** leftnav 190px **/
	#leftcol {
		float: left;
		width: 190px;
		margin-right: 15px;
	}

		div.yellowbox { padding: 5px 10px; background: url(/images/ln-box-yellow.gif) repeat-x left top; margin-bottom: 15px; }
		div.bluebox { padding: 5px 10px; background: url(/images/ln-box-blue.gif) repeat-x left top; margin-bottom: 15px; }
		div.bluebox p { margin: 10px 0px 10px 0px; }


		#leftcol form { margin: 0px; padding: 0px; }
		#leftcol label { display: block; font-size: 1.15em; padding: 4px 0px 3px 0px; }
		#leftcol input.txtbox { font-size: 1em; width: 163px; border: 1px solid #A5ACB2; height: 15px; line-height: 15px; }
		#leftcol select.selbox { font-size: 1em; width: 163px; border: 1px solid #A5ACB2; }
		#leftcol input.subbut { font-size: 1em; width: 120px; }

		#leftcol ul.arrows li { list-style: none; background: url(/images/arrows.gif) no-repeat left 6px; padding: 2px 0px 2px 15px; }

	#contentarea {
		float: left;
		width: 600px;
	}

		#contentarea p {
			margin: 12px 0px 12px 0px;
			line-height: 1.3em;
		}

#footer {
	clear: both;
	height: 93px;
	background: transparent url(/images/footer-bg.gif) repeat-x left top;
	font-size: 0.7em;
	text-align: center;
}

	#footer_top {
		width: 845px;
		margin-left: auto;
		margin-right: auto;
		height: 50px;
		text-align: center;
		padding: 10px 0px 10px 0px
	}

		#footer_top a:link, #footer_top a:visited {
			color: #666;
			text-decoration: none;
			line-height: 1.6em;
		}

		#footer_top a:hover {
			color: #2566B0;
			text-decoration: underline;
		}

		#footer #footer_top #sitemap-atoz {
			color: #666;
			margin: 0 0 5px 0;
		}

		#footer #footer_top #sitemap-atoz a:link, #footer #footer_top #sitemap-atoz a:visited {
			color: #2566B0;
			text-decoration: none;
		}

		#footer #footer_top #sitemap-atoz a:hover {
			color: #2566B0;
			text-decoration: underline;
		}

	#footer_bot {
		width: 825px;
		margin-left: auto;
		margin-right: auto;
		height: 18px;
		text-align: left;
		padding: 5px 0px 0px 20px;
		color: #999;
	}

		#footer_bot a:link, #footer_bot a:visited {
			color: #999;
			text-decoration: none;
		}

		#footer_bot a:hover {
			color: #2566B0;
			text-decoration: underline;
		}


/***** HOMEPAGE CLASSES *****/
div.home_mid_left {
	float: left;
	width: 355px;
}

	div.home_mid_left p { font-size: 1.1em; }

div.home_mid_right {
	float: right;
	width: 230px;
	margin-bottom: 5px;
}

div.featitem {
	float: left;
	width: 200px;
	padding: 10px 0px 0px 0px;
}

	div.featitem a:link, div.featitem a:visited { font-size: 1.1em; }

/***** BROKERAGE *****/

div.brokitem {
	clear: both;
	width: 600px;
	padding: 0px 0px 10px 0px;
	margin-top: 10px;
	border-top: 1px solid #DDD;
}

	div.brokitem h2 { font-size: 1.3em; margin: 0px 0px 0px 0px; }
	div.brokitem h2 a:link, div.brokitem h2 a:visited { color: #2566B0; text-decoration: none; }
	div.brokitem h2 a:hover { text-decoration: underline; }

	div.brokleft {
		float: left;
		width: 425px;
		padding: 6px 0px 0px 5px;
	}

		div.brokleft a:link, div.brokleft a:visited { text-decoration: none; }
		div.brokleft a:hover { text-decoration: underline; }

		img.brokimg {
			float: left;
			width: 150px;
			height: 70px;
			margin-right: 5px;
		}

	div.brokright {
		float: left;
		width: 155px;
		padding: 6px 0px 0px 15px;
	}

		div.starrating {
			text-align: right;
		}

		div.roomsfrom {
			text-align: center;
			color: #cc0000;
			font-weight: bold;
		}

			div.booknow {
				height: 85px;
				background: url(/images/booknowbg.gif) no-repeat top left;
			}

				.roomprice {
					height: 40px;
					padding: 10px 0;
				}

				.roombook {
					padding-top: 5px;
					height: 20px;
				}

				.roombook a:link, .roombook a:visited {
					color: #ffffff;
					text-decoration: none;
				}

					.roombook a:hover {
						text-decoration: underline;
					}

			span.minprice {
				font-size: 1.6em;
				line-height: 30px;
			}

		div.brokrooms {
			border: 1px solid #CFE9FE;
			height: 70px;
			width: 158px;
			margin: 0px 5px 0px 10px;
			text-align: left;
			padding: 0px 5px;
		}

			#contentarea div.brokrooms p {
				clear: both;
				margin: 6px 0px 6px 0px;
			}

/***** ADVANCED SEARCH *****/
div.bigorangegrad {
	width: 600px;
	height: 150px;
	margin-top: 20px;
	padding: 10px 0px 10px 0px;
	background: url(/images/orangegrad.gif) repeat-x left top;
}

	div.bigorangegrad label {
		float: left;
		width: 250px;
		text-align: right;
		padding: 4px 10px 0px 0px;
		font-weight: bold;
	}

		#contentarea div.bigorangegrad p {
			clear: both;
			margin: 4px 0px 4px 0px;
		}

ul.checklist {
	margin: 10px 10px 0px 10px;
	padding: 0px;
	border: 1px solid #ccc;
}

	ul.checklist li {
		list-style: none;
		border-bottom: 1px solid #efefef;
		color: #666;
		padding: 2px 0px;
	}

		ul.checklist li:hover {
			background: #FCEFD1; color: #000;
		}

	ul.checklist li.clhead {
		background: #FBE2A6;
		font-weight: bold;
		border-bottom: 1px solid #F4B318;
	}

		ul.checklist li.clhead:hover {
			background: #F9D47A; color: #000;
		}

/***** HOTEL PAGE *****/
div.hotelleft {
	float: left;
	width: 170px;
	border-right:
	1px dashed #ccc;
	margin: 10px 10px 0px 0px;
	text-align: center;
}

div.hotelright {
	float: left;
	width: 419px;
	margin: 10px 0px 0px 0px;
}

div.bookingform label {
	float: left;
	width: 80px;
	padding: 3px 10px 0px 0px;
	text-align: right;
}

	div.bookingform label.required { font-weight: bold; }

	div.bookingform input { border: 1px solid #A7A6AA; }
	div.bookingform textarea { border: 1px solid #A7A6AA; }
	div.bookingform input.submit { background: #EBE9ED; }

img.bigimg {
	float: right;
	margin: 10px 10px 10px 10px;
	width: 265px; height: 265px;
	border: 1px solid #999;
	padding: 6px;

}

ul.arrowbullet {
	margin: 10px 0px;
	padding: 0px;
}

	ul.arrowbullet li {
		list-style: none;
		padding: 2px 0px 2px 26px;
		background: url(/images/bullet.gif) no-repeat 10px 5px;
	}

ul.fclist {
	margin: 10px 10px 0px 10px;
	padding: 0px;
}

	ul.fclist li {
		list-style: none;
		padding: 3px 0px 3px 24px;
		background: url(/images/tick.gif) no-repeat 8px 4px;
	}

	ul.fclist li.fchead {
		background: #F2F2F2;
		font-weight: bold;
		border-bottom: 1px solid #B2B2B2;
		padding: 2px 4px;
	}

/**********************
 VARIOUS FORM STUFF
 **********************/

p.formhead {
	font-weight: bold;
	font-size: 1.1em;
	border-bottom: 1px solid #000;
	padding: 3px;
}

form.groupform label {
	float: left;
	width: 190px;
	padding: 3px 10px 0px 0px;
	text-align: right;
}

form.groupform label.required { font-weight: bold; }

form.groupform input {
	width: 200px;
	border: 1px solid #A7A6AA;
}

form.groupform input.inputRadio {
	border: 0px;
	width: auto;
	vertical-align: middle;
}

form.groupform textarea {
	width: 200px;
	border: 1px solid #A7A6AA;
}

form.groupform input.submit {
	background: #EBE9ED;
}

form.contactform label {
	float: left;
	width: 90px;
	padding: 3px 10px 0px 0px;
	text-align: right;
}

form.contactform label.required { font-weight: bold; }

form.contactform input {
	width: 160px;
	border: 1px solid #A7A6AA;
}

form.contactform input.inputRadio {
	border: 0px;
	width: auto;
	vertical-align: middle;
}

form.contactform textarea {
	width: 160px;
	border: 1px solid #A7A6AA;
}

form.contactform input.submit {
	background: #EBE9ED;
}

/**********************
 FLASH ANIMBLOCK
***********************/

#flashanim {
	position: relative;
}

#flashanim.default {
	background: transparent;
	width: 600px;
	height: 225px;
	float: right;
	margin: 0px 0px 2px 0px;
	padding: 0;
}

#flashanim img {
	display:none;
	position:absolute;
	top:0; left:0;
}

/*********************
 BOOKING CALENDAR
 *********************/
#bookingcalendar {
	width: 301px;
}

#bookingcalendar table {
	border-collapse: collapse;
	font-size: 1.2em;
	border-bottom: 1px solid #ffad3e;
}

#bookingcalendar table th, #bookingcalendar table td {
	width: 41px;
	padding: 1px;
}

#bookingcalendar table th {
	background: #fceec3;
	border-bottom: 1px solid #ffad3e;
}

#bookingcalendar table td {
	text-align: center;
}

#bookingcalendar table caption {
	background: #fae6a9 url(/images/heading.gif) no-repeat left bottom;
	font-weight: bold;
}

	#bookingcalendar table caption a:link, #bookingcalendar table caption a:visited {
		text-decoration: none;
		color: #000000;
	}

#bookingcalendar span.dateunavail {
	display: block;
	background: #cc0000;
	color: #ffffff;
}

#bookingcalendar table td a:link, #bookingcalendar table td a:visited {
	display: block;
	text-decoration: none;
	border: 1px solid #ffffff;
	color: #000000;
}

#bookingcalendar table td a.selecteddate:link, #bookingcalendar table td a.selecteddate:visited, #bookingcalendar table td a:hover {
	display: block;
	background: #fae6a9;
	border: 1px solid #000000;
}

#bookingcalendar h3 {
	margin: 5px 0;
}

#bookingcalendar label, #bookingcalendar select {
	margin-bottom: 4px;
}

.bcloading {
	background: url(/images/bcloading.gif) no-repeat bottom right;
}

p.prices {
	font-size: 1.3em;
	font-weight: bold;
}

/***********************
 BOOKING FORM
 ***********************/
#bookingform label {
	width: 150px;
	margin-bottom: 5px;
}

#bookingform input, #bookingform select, #bookingform textarea {
	margin-bottom: 5px;
}

#validationerrors {
	color: #cc0000;
	background: #ffeeee;
	border-top: 1px solid #cc0000;
	border-bottom: 1px solid #cc0000;
	padding: 5px 0;
	display: none;
}

	#validationerrors label {
		float: none;
		display: block;
		text-align: left;
		font-weight: bold;
		width: 100%;
		line-height: 18px;
		padding: 2px 0 2px 22px;
		margin-left: 10px;
		background: url(/images/exclamation.gif) no-repeat left 3px;
	}

/****************************
 HOTELIER EXTRANET LOGIN FORM
 ****************************/
#hlogin label {
	float: left;
	width: 150px;
	text-align: right;
	padding-right: 10px;
	margin-bottom: 5px;
}

#hlogin input {
	margin-bottom: 5px;
}

#hlogin #hsubmit {
	margin-left: 160px;
}

#bookingdetail {
	width: 600px;
	font-size: 1em;
	border-collapse: collapse;
	background: #fff3d0;
}

	#bookingdetail th {
		padding-bottom: 2px;
		border: 1px solid #000000;
	}

	#bookingdetail td {
		padding: 3px 2px;
		vertical-align: middle;
		border: 1px solid #000000;
	}

	.bdcheckin, .bdcheckout, .bdroom, .bdnumadults, .bdnumchildren, .bdtotal {
		border-bottom: 1px solid #cccccc;
	}

	.bdcheckin {
		text-align: left;
		width: 110px;
	}

	.bdcheckout {
		text-align: left;
		width: 100px;
	}

	.bdroom {
		text-align: left;
		width: 260px;
	}

	.bdnumadults {
		text-align: center;
		width: 60px;
	}

	.bdnumchildren {
		text-align: center;
		width: 60px;
	}

	.bdcheckout {
		text-align: center;
	}

	.finaltotal {
		color: #cc0000;
		background: #cde8e7;
		font-size: 1.1em;
		padding: 5px 0;
	}

#bookexchange {
	display: none;
}

table#availrooms {
	border-collapse: collapse;
	width: 279px;
	font-size: 0.8em;
	margin-bottom: 10px;
	border-top: 1px solid #ffad3e;
	border-bottom: 1px solid #ffad3e;
}

	table#availrooms td {
		background: #fceec3;
		border-bottom: 1px solid #ffad3e;
		padding: 2px 0;
		vertical-align: middle;
	}

	table#availrooms td.radio {
		width: 35px;
		text-align: center;
	}

	table#availrooms td.rname {
		width: 109px;
		text-align: left;
	}

	table#availrooms td.rtype {
		width: 60px;
		text-align: center;
	}

	table#availrooms td.rprice {
		width: 65px;
		text-align: right;
	}

table#bookopts {
	width: 279px;
	border-collapse: collapse;
	border: 0;
	margin-bottom: 5px;
}

	table#bookopts td {
		text-align: left;
		width: 93px;
	}

#destimages {
	clear: both;
}

	#mapimage {
		float: left;
		width: 200px;
	}

	#destimage {
		float: right;
		width: 400px;
	}

#attractionsevents {
	clear: both;
}

	#events {
		float: left;
		width: 320px;
	}

	#attractions {
		float: right;
		width: 270px;
	}

#upcomingevents {
	border-collapse: collapse;
	width: 320px;
	font-size: 1em;
	margin-top: 2px;
}

	#upcomingevents td {
		padding: 2px 0;
		vertical-align: top;
		border-bottom: 1px solid #cccccc;
	}

	#upcomingevents td.dates {
		width: 65px;
	}

	#upcomingevents td.details {
		width: 220px;
	}

	#upcomingevents td.more {
		text-align: right;
		width: 35px;
	}

#attractionstable {
	border-collapse: collapse;
	width: 270px;
	font-size: 1em;
	margin-top: 2px;
}

	#attractionstable td {
		padding: 2px 0;
		vertical-align: top;
		border-bottom: 1px solid #cccccc;
	}

	#attractionstable td.attrpic {
		width: 60px;
		text-align: center;
	}

	#attractionstable td.attrname {
		width: 210px;
	}

		#attractionstable td.attrname strong {
			font-size: 1.2em;
		}

#filterbox {
	width: 580px;
	padding: 10px;
	background: #b7dded;
	border-top: 1px solid #35b9e3;
	border-bottom: 1px solid #35b9e3;
}

	.filtercolumn {
		float: left;
		width: 171px;
		padding: 10px;
		border-left: 1px solid #000000;
		border-right: 1px solid #ffffff;
	}

	.starratings {
		width: 172px;
		border-left: 0;
	}

	.pricefilter {

	}

	.otherfilters {
		width: 172px;
		border-right: 0;
	}

.exchangelink:link, .exchangelink:visited, .exchangelink:hover {
	float: left;
	width: 30px;
	text-align: center;
	text-decoration: none;
}

	.eloff img {
		opacity: 0.3;
	}

	.elon img {
		opacity: 1;
	}

#secureserver {
	height: 50px;
	margin: 0;
	padding: 18px 0 0 74px;
	border: 1px solid #000000;
	background: #ffffcc url(images/padlock.gif) no-repeat top left;
}

	#secureserver strong {
		font-size: 1.3em;
	}

.abouthotel {
	background: #E8F5FD url(images/tip.gif) no-repeat 4px 4px;
	padding: 5px 5px 5px 30px;
	margin: 0px 0px 0px 0px;
}

	.abouthotel dl {
		margin: 0;
		padding: 0;
	}

	.abouthotel dl dt {
		clear: both;
		font-weight: bold;
		float: left;
		width: 130px;
		margin-bottom: 3px;
	}

	.abouthotel dl dd {
		margin-bottom: 3px;
	}

/*********************
 BOOKING CALENDAR
 *********************/
#bookingcalendar {
	width: 590px;
	padding: 3px;
	border: 2px solid #fae6a9;
}

#bookingcalendar table {
	border-collapse: collapse;
	/* font-size: 1.2em; */
	border-bottom: 1px solid #ffad3e;
}

#bookboxleft table th, #bookboxleft table td {
	width: 41px;
	padding: 1px;
}

#bookboxleft table th {
	background: #fceec3;
	border-bottom: 1px solid #ffad3e;
}

#bookboxleft table td {
	text-align: center;
}

#bookboxleft table caption {
	background: #fae6a9 url(/images/heading.gif) no-repeat left bottom;
	font-weight: bold;
}

	#bookboxleft table caption a:link, #bookboxleft table caption a:visited {
		text-decoration: none;
		color: #000000;
	}

#bookboxleft span.dateunavail {
	display: block;
	background: #cccccc;
	color: #666666;
}

#bookboxleft table td a:link, #bookboxleft table td a:visited {
	display: block;
	text-decoration: none;
	border: 1px solid #ffffff;
	color: #000000;
}

#bookboxleft table td a.selecteddate:link, #bookboxleft table td a.selecteddate:visited, #bookboxleft table td a:hover {
	display: block;
	background: #fae6a9;
	border: 1px solid #000000;
}

#bookingcalendar h3 {
	margin: 5px 0;
}

#bookingcalendar label, #bookingcalendar select {
	margin-bottom: 4px;
}

p.prices {
	font-size: 1.3em;
	font-weight: bold;
}


#bookboxleft {
	float: left;
	width: 301px;
}

#bookboxright {
	float: right;
	width: 280px;
	/* background: #cccccc; */
}

	#bookboxright h3 {
		font-size: 1.1em;
	}

#bvleft {
	float: left;
	width: 360px;
	margin-bottom: 10px;
}

#bvright {
	float: right;
	width: 210px;
	margin-bottom: 10px;
}

#bookboxbottom table {
	width: 100%;
	font-size: 1em;
}

	#bookboxbottom table th {
		background: #fae6a9;
		border-bottom: 1px solid #000000;
	}

	#bookboxbottom table td {
		background: #fceec3;
		border-bottom: 1px solid #000000;
	}

	#bookboxbottom .homename {
		width: auto;
	}

	#bookboxbottom .adults {
		width: 60px;
		text-align: center;
	}

	#bookboxbottom .children {
		width: 60px;
		text-align: center;
	}

	#bookboxbottom .avgrate {
		width: 90px;
		text-align: center;
	}

	#bookboxbottom .totalcost {
		width: 90px;
		text-align: center;
	}

	#bookboxbottom .discount {
		width: 65px;
		text-align: center;
	}

	#bookboxbottom .booknowbutton {
		width: 150px;
		text-align: right;
	}