html {
	margin: 0;
	padding: 0;
	background-color: #666666;
}

body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
}

ul {
	margin: 0;
	padding: 0;
}

li {
	margin: 0;
	padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

div.clear {
	clear: both;
}

span.hidden {
	display: none;
}

.detectjs {
	position: fixed;
	top: 100px;
	left: 0;
	width: 100%;
	text-align: center;
	background-color: #fff;
	height: 300px;
	padding: 100px 0 0 0;
	z-index: 20000;
	border-top: 15px solid #F89D1B;
	border-bottom: 15px solid #F89D1B;
}

p.jsnone {
	color: #ff0000;
	font-size: 2.7em;
}

div.wrapper {
	margin: 0 auto 0 auto;
	width: 970px;
	background-color: #fff;
}

	div.inside {
		float: left;
		background-color: #fff;
		margin: 0;
	}

div.left-container,
div.right-container {
	width: 280px;
	float: left;
	margin: 0;
	padding: 0;
}

div.left-container img.fullkey {
	float: right;
	margin: 10px 10px 20px 0;
}

div.right-container {
	width: 690px;
	min-height: 700px;
	background-color: #e2e2e2;
	padding: 0 0 0 0;
	position: relative; /* recent style change */
}

img.rotator {
	float: left;
}
	
a h1.replacement {
	cursor: pointer;
}

h1.replacement {
	padding-top: 128px; /* height of the replacement image */
	height: 0;
	margin: 0 0 0 20px;
	overflow: hidden;
	background-image: url(/img/logo.jpg);
	background-repeat: no-repeat;
	background-color: #fff;
}

h2.orange, 
h2.grey {
	font-size: 1em;
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #F89D1B;
}

h2.grey {
	color: #666;
}

div.eventholder {
	width: 690px;
	height: 90px;
	margin: 0;
	float: left;
}

div.eventholder h3.blue {
	color: #2E2C67;
	margin: 0 0 0 20px;
	padding: 25px 0 0 0;
	font-weight: bold;
	font-size: 1.5em;
	float: left;
	width: 270px;
}

span.catlogo {
	float: left;
	margin: 0 0 0 20px;
	width: 140px;
	height: 90px;
}

div.bookable {
	width: 690px;
	height: 28px;
	float: left;
	background-color: #B8B8B8;
	margin: 0;
	position: relative;
	z-index: 100;
}

	div.bookable .cols1 {
		width: 140px;
		float: left;
		height: 28px;
		padding: 0 0 0 10px;
	}
		
		div.bookable .cols1 p,
		div.bookable .cols2 p {
			font-size: 1.2em;
			font-weight: bold;
			padding: 0;
			margin: 7px 0 0 10px;
			color: #4A4A4A;
		}
	
	div.bookable .cols2 {
		width: 390px;
		float: left;
		height: 28px;
	}
	
	div.bookable .cols3 {
		float: left;
		float: left;
		height: 28px;
		width: 150px;
		text-align: right;
	}

a.orangelink,
a.greylink,
span#pricechange {
	color: #F89D1B;
	text-decoration: none;
}

a.greylink {
	color: #999999;
}

p.intro {
	text-align: right;
	font-size: 1.2em;
	margin: 0 20px 0 0;
	color: #F89D1B;
}

div.flickr {
	width: 690px;
	height: 118px;
	margin: 296px 0 0 0;
	float: left;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
}

div.left-home-panel,
div.right-home-panel {
	width: 344px;
	margin: 0;
	height: 375px;
	line-height: 1.3em;
	padding: 0;
	float: left;
}

div.left-home-panel {
	background-color: #909090;
	min-height: 400px;
}
	
	div.right-home-panel {
		background-color: #F7931E;
		width: 346px;
	}

	div.left-home-panel h2 {
		color: #F7931E;
		margin: 10px 0 0 10px;
		font-size: 1.5em;
	}
	
	div.left-home-panel p {
		color: #fff;
		margin: 10px 0 0 10px;
		line-height: 1.5em;
	}
	
	div.left-home-panel ul {
		color: #fff;
		margin: 10px 0 0 30px;
	}
	
div.wide-content-panel,
div.event-content-panel {
	background-color: #E2E2E2;
	width: 690px;
	float: left;
	margin: 296px 0 0 0; /* recent style change */
	padding: 0;
	position: relative;
}

	div.breadcrumb {
		width: 690px;
		height: 50px;
		float: left;
		margin: 0;
		background: url(/img/bluegradient.jpg) top left no-repeat;
	}

		div.breadcrumb span {
			color: #4B6EB4;
			margin: 0;
			font-size: 1.2em;
			float: left;
			font-weight: bold;
		}
		
		div.breadcrumb a {
			color: #4B6EB4;
			text-decoration: none;
			font-weight: bold;
		}
		
		div.breadcrumb a.active,
		div.breadcrumb a:hover {
			color: #fff;
			text-decoration: none;
		}
		
		div.breadcrumb span.step1 {
			margin: 16px 0 0 10px;
		}
		div.breadcrumb span.step2 {
			margin: 8px 0 0 50px;
		}
		div.breadcrumb span.step3 {
			margin: 16px 0 0 28px;
		}
		div.breadcrumb span.step4 {
			margin: 16px 0 0 30px;
		}
	
	div.wide-content-panel h2.pagetitle,
	div.wide-content-panel h2.bluepagetitle {
		color: #fff;
		font-size: 1.5em;
		font-weight: bold;
		margin: 0 0 10px 0;
		float: left;
		width: 680px;
		height: 37px;
		padding: 12px 0 0 10px;
		background: url(/img/eventbanner.jpg) top left repeat-x;
	}
	
	div.wide-content-panel h2.bluepagetitle{
		background: url(/img/bookbanner.jpg) top left repeat-x;
	}
	
	div.wide-content-panel p,
	div.event-content-panel p {
		color: #666;
		margin: 10px 0 0 10px;
	}
	
	div.wide-content-panel ul,
	div.event-content-panel ul {
		color: #666;
		margin: 10px 0 0 30px;
	}
	
	div.wide-content-panel h2,
	div.event-content-panel h2 {
		color: #F7931E;
		margin: 10px 0 0 10px;
	}
	
div.event-content-panel {
	background-color: #fff;
	padding: 0;
	position: relative;
}

	div.eventpages {
		width: 194px;
		float: left;
		margin: 0;
		position: relative;
		z-index: 10;
	}
	
	div.eventdetails {
		position: relative;
		top: 0;
		z-index: 5;
		width: 486px;
		min-height: 300px;
		height: auto !important;
		height: 300px;
		float: right;
		margin: 0;
		padding: 0 0 20px 0;
		background-color: #E2E2E2;
	}
	
	div.eventdetails a {
		text-decoration: none;
		color: #F89D1B;
		font-weight: bold;
		border: none;
	}
	
	div.eventpages ul {
		margin: 0;
		padding: 0;
	}
	
		div.eventpages ul li {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		
		div.eventpages ul li a.eventpagelink,
		div.eventpages ul li a.active {
			margin: 0;
			padding: 15px 0 0 10px;
			width: 192px;
			height: 38px;
			display: block;
			text-decoration: none;
			color: #fff;
			font-size: 1.3em;
			background: url(/img/nav/event-off.jpg) top left no-repeat;
		}
		
		div.eventpages ul li a.eventpagelink:hover,
		div.eventpages ul li a.active {
			background: url(/img/nav/event-on.jpg) top left no-repeat;
			margin: 0;
			color: #F7931E;
		}
		
		div.eventdetails img.pageimage {
			float: right;
			margin: 0 0 0 10px;
			border: none;
		}
		
		img.eventthumb {
			float: left;
			margin: 20px 0 0 20px;
			border: none;
		}	
		
		div.eventdetails a.thumb:hover {
			opacity:0.8;
			filter:alpha(opacity=80)
		}

	div.event-content-panel div.event-banner {
		height: 50px;
		width: 690px;
		float: left;
		position: relative;
		margin: 0;
		padding: 0;
		background: url(/img/eventbanner.jpg) top left repeat-x;
	}
	
		div.event-content-panel div.event-banner p.eventsubtitle
		 {
			margin: 13px 0 0 10px;
			color: #fff;
			float: left;
			font-weight: bold;
			font-size: 1.5em;
		}
		
		div.event-content-panel div.event-banner h2
		 {
			margin: 13px 0 0 10px;
			color: #fff;
			float: left;
			font-size: 1.5em;
		}
		
		span.eventsynopsis,
		span.whichsection {
			margin: 17px 0 0 15px;
			color: #fff;
			float: left;
			font-size: 1em;
		}
		
		span.eventsynopsis {
			color: #666;
			font-size: 1.2em;
		}
		
		span.whichsection {
			color: #666;
			font-size: 1.3em;
			font-weight: bold;
		}
		
		span.black {
			color: #666;
			margin: 17px 10px 0 10px;
			float: left;
		}
		
		div.event-content-panel div.event-banner .bookonline {
			width: 190px;
			height: 50px;
			margin: 0;
			color: #fff;
			background: url(/img/bookonline.jpg) top left no-repeat;
			border: none;
			font-size: 1.5em;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bold;
			text-transform: uppercase;
			cursor: pointer;
			position: absolute;
			right: 0;
			top: 0;
		}
	
	
ul.leftnav {
	margin: 12px 0 0 112px;
	padding: 0;
}

	ul.leftnav li {
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
	}
	
	ul.leftnav li a {
		display: block;
		margin: 0;
		padding: 6px 0 0 10px;
		height: 24px;
		width: 158px; 
		color: #fff;
		text-decoration: none;
		font-size: 1.2em;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	ul.leftnav li a:hover,
	ul.leftnav ul.leftsub a:hover,
	ul.leftnav li a.home-on,
	ul.leftnav li a.about-on,
	ul.leftnav li a.events-on,
	ul.leftnav li a.book-on,
	ul.leftnav li a.news-on,
	ul.leftnav li a.account-on,
	ul.leftnav li a.contact-on {
		color: #F7931E;
	}
	
	ul.leftnav li a.home-off,
	ul.leftnav li a.home-on {
		background: url(/img/nav/sec1.jpg) top left no-repeat;
	}
	
	ul.leftnav li a.about-off,
	ul.leftnav li a.about-on {
		background: url(/img/nav/sec2.jpg) top left no-repeat;
	}
	
	ul.leftnav li a.events-off,
	ul.leftnav li a.events-on {
		background: url(/img/nav/sec3.jpg) top left no-repeat;
	}
	
	ul.leftnav li a.book-off,
	ul.leftnav li a.book-on {
		background: url(/img/nav/sec4.jpg) top left no-repeat;
	}
	
	ul.leftnav li a.news-off,
	ul.leftnav li a.news-on {
		background: url(/img/nav/sec5.jpg) top left no-repeat;
	}
	
	ul.leftnav li a.contact-off,
	ul.leftnav li a.contact-on {
		background: url(/img/nav/sec6.jpg) top left no-repeat;
	}
	
	ul.leftnav li a.account-off,
	ul.leftnav li a.account-on {
		background: url(/img/nav/sec7.jpg) top left no-repeat;
	}
	
	
	ul.leftnav ul.leftsub {
		margin: 0;
		padding: 0;
	}
	
		ul.leftnav ul.leftsub li {
			margin: 0;
			padding: 0;
			list-style: none;
			float: left;
		}
		
		ul.leftnav ul.leftsub a {
			margin: 0;
			padding: 0;
			background-color: #666666;
			text-transform: none;
			font-weight: normal;
			display: block;
			margin: 0;
			font-size: 1em;
			padding: 6px 0 0 10px;
			height: 20px;
			width: 158px; 
			color: #fff;
		}
		
		ul.leftnav ul.leftsub a.optionlive {
			background-color: #F7931E;
			color: #fff;
		}
		
		ul.leftnav ul.leftsub a.optionactive {
			background-color: #C59334;
			color: #fff;
		}
		
/* social banner added by simon on 17.02.2011 */

div#social_banner { width: 158px; height: 141px; background: url(/img/social-nirvana.jpg) 0 0 no-repeat; float: right; margin: 10px 10px 0 0; }
div#social_banner p.header { width: 158px; font-size: 15px; color: #fff; font-weight: bold; margin: 7px 0 3px 12px; }
div#social_banner img { border: 0; margin: 5px 0 0 10px; }

div.footer {
	width: 970px;
	height: 90px;
	float: left;
	position: relative;
	margin: 0;
	border-top: 1px solid #e1e1e1;
}

	div.footer span.telno {
		margin: 0;
		position: absolute;
		top: 2px;
		left: 32px;
		font-size: 1.1em;
		color: #909090;
		font-weight: bold;
	}
	
	span.orange {
		font-size: 1.3em;
		color: #F7931E;
		font-weight: bold;
	}

	div.left {
		float: left;
		width: 280px;
		height: 60px;
		text-align: right;
		margin-top: 25px;
	}
	
		div.left img {
			border: 0;
		}
		
		.footer div.left  p a {
			color: #333;
			text-decoration: none;
		}
		
	div.center {
		float: left;
		width: 345px;
		height: 60px;
	}
	
		div.center p {
			color: #999999;
			margin: 8px 0 0 4px;
			font-size: 0.75em;
		}
		
	div.right ul {
		margin: 8px 0 0 0;
		padding: 0;
	}
	
		div.right ul li {
			margin: 0 0 0 20px;
			float: left;
			list-style: none;
		}
		
		div.right ul li a {
			text-decoration: none;
			color: #999999;
			font-size: 0.75em;
		}
		
		div.right ul li a:hover {
			color: #F7931E;
		}


.home-form {
	margin: 10px 0 0 10px;
	padding: 0;
	float: left;
	height: 50px;
}
		
	.home-form fieldset {
		border: none;
		margin: 0;
	}

	.home-form legend {
		margin: 0;
		padding: 0;
		font-weight: bold;
		color: #fff;
	}
	
.mediumlist,
.tinylist,
.smalllist{
	width: 230px;
	border: 1px solid #ccc;
	color: #666;
	font-size: 12px;
	padding: 2px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}

.tinylist {
	width: 40px;
}

.smalllist {
	width: 80px;
	margin: 4px 0 4px 15px;
}

.countrylist {
	width: 186px;
	border: 1px solid #ccc;
	font-size: 11px;
	color: #666;
	margin: 8px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
}

.standardbutton,
.tryagain,
.bookhome {
	color: #fff;
	background-color: #F7931E;
	margin: 0 0 0 7px;
	padding: 2px 4px 2px 4px;
	border: none;
	font-weight: bold;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
}

.tryagain {
	margin: 20px 0 0 10px
}

.bookhome {
	color: #F7931E;
	background-color: #fff;
}

.home-news {
	margin: 10px 0 0 0;
	width: 346px;
	position: relative;
	float: left;
	background-color: #fff;
}
	img.alllogos {
		margin: 20px 0 0 10px;
	}

	.home-news .newsitem {
		float: left;
		width: 173px;
		min-height: 330px;
		margin: 0;
		padding: 0;
		background-color: #FF0000;
	}
	
	.home-news img.newsimage {
		margin: 0;
	}
	
	.home-news .newstitle,
	.home-news .newscontent {
		color: #666;
		font-size: 1.1em;
		font-weight: bold;
		margin: 6px 0 0 5px;
	}
	
	.home-news .newscontent {
		font-size: 0.9em;
		font-weight: normal;
		margin: 4px 0 0 5px;
	}
	
	a.readmore {
		font-weight: bold;
		font-size: 1em;
		text-decoration: none;
		color: #666;
		margin: 0;
	}

p.latest-news {
	position: absolute;
	top: 113px;
	left: 0;
	z-index: 10;
	margin: 0;
	padding: 8px 0 0 5px;
	width: 341px;
	height: 22px;
	color: #F7931E;
	font-weight: bold;
	background-color: #fff;
	font-size: 1.3em;
}


div.hotelrow,
div.overview,
div.normalcontent,
div.travelpackrow {
	width: 660px;
	height: 140px;
	float: left;
	margin: 15px 0 0 16px;
	background-color: #fff;
}

	div.normalcontent {
		margin: 15px 0 0 0;
	}

	div.travelpackrow {
		height: 165px;
		padding: 0;
	}
	
	div.hotelrow {
		height: auto;
	}
	
	div.hotelrow div.toprow,
	div.travelpackrow div.toprow {
		width: 660px;
		float: left;
		background-color: #6A6A6A;
		height: 35px;
	}
	
		div.hotelrow  div.bottomrow {
			padding: 0 0 10px 0;
		}
	
		div.travelpackrow div.toprow {
			background: #F7931E url(/img/icons/package.jpg) top left no-repeat;
		}
		
		div.travelpackrow div.toprow p.packagename {
			margin: 8px 0 0 33px;
		}
		
		div.col1,
		div.col2,
		div.col3 {
			width: 370px;
			height: 35px;
			float: left;
			margin: 0;
		}
		
		div.travelpackrow div.col1 {
			width: 520px;
		}
		
		div.col2 {
			width: 153px;
		}
		
		div.col3 {
			width: 137px;
			float: right;
			background: #F7921E url(/img/icons/arrow.jpg) center right no-repeat;
		}
		
		div.col1 p,
		div.col1 p a {
			color: #fff;
			margin: 8px 0 0 10px;
			font-size: 1.2em;
			font-weight: bold;
			text-decoration: none;
		}

		a.viewdetails {
			margin: 0 0 0 10px;
			height: 28px;
			width: 137px;
			display: block;
			padding: 7px 0 0 0;
			color: #fff;
			text-decoration: none;
			font-size: 1.3em;
			font-weight: bold;
		}
		
		img.price,
		img.stars {
			float: left;
			margin: 12px 0 0 12px;
		}
		
		div.col1a {
			width: 523px;
			margin: 0;
			float: left;
		}
		
		div.col1t {
			width: 170px;
			height: 130px;
			margin: 0;
			float: left;
			background-color: #fff;
		}
		
			div.col1a a,
			div.col2t a {
				text-decoration: none;
				color: #666;
				font-weight: bold;
			}
			
			div.col1a img {
				float: left;
				margin: 0 8px 0 0;
			}
		
		div.col2a {
			width: 160px;
			margin: 0;
			float: left;
		}
		
		div.col2t {
			width: 340px;
			margin: 0;
			float: left;
		}
		
		div.col3t {
			width: 140px;
			position: relative;
			margin: 0;
			float: left;
		}
		
			div.col3t p {
				position: absolute;
				top: 90px;
				left: 7px;
			}
			
				span.large {
					font-size: 1.3em;
					font-weight: bold;
					color: #F7921E;
				}
		
		div.col3a {
			width: 130px;
			margin: 0;
			float: left;
		}
		
			img.option {
				float: left;
				margin: 7px 0 0 10px;
			}

div.overview,
div.normalcontent {
	min-height: 400px;
	height: auto !important;
	height: 400px;
}

	div.overview div.tabbed-switcher {
		width: 660px;
		float: left;
		margin: 0;
		background-color: #6A6A6A;
		position: relative;
	}
		
		div.overview div.tabbed-switcher a.backtolist,
		div.overview div.tabbed-switcher a.backtopacks {
			position: absolute;
			top: 0;
			right: 164px;
			margin: 0;
			padding: 10px 0 0 28px;
			display: block;
			width: 104px;
			height: 35px;
			background: url(/img/backtolist.jpg) top left no-repeat;
			text-transform: uppercase;
			color: #fff;
			text-decoration: none;
			font-size: 1.2em;
			font-weight: bold;
		}
		
		div.overview div.tabbed-switcher a.backtolist {
			position: absolute;
			top: 0;
			right: 135px;
		}
		
		div.overview div.tabbed-switcher .selectpackage,
		div.overview div.tabbed-switcher .selectpackage-btm,
		div.overview div.tabbed-switcher .selectpackage-btm-dis,
		div.overview div.tabbed-switcher .selectrts,
		div.overview div.tabbed-switcher .selectrts-btm,
		div.overview div.tabbed-switcher .selectrts-btm-dis {
			position: absolute;
			top: 0;
			right: 0;
			margin: 0;
			padding: 0 0 0 8px;
			display: block;
			text-align: left;
			width: 164px;
			cursor: pointer;
			height: 35px;
			background: url(/img/selectpackage.jpg) top left no-repeat;
			text-transform: uppercase;
			color: #fff;
			text-decoration: none;
			font-size: 1.2em;
			font-weight: bold;
			border: none;
			font-family: Arial, Helvetica, sans-serif;
		}
		
		div.overview div.tabbed-switcher .selectpackage-btm,
		div.overview div.tabbed-switcher .selectpackage-btm-dis,
		div.overview div.tabbed-switcher .selectrts-btm,
		div.overview div.tabbed-switcher .selectrts-btm-dis {
			float: left;
			position: relative;
			margin: 0 0 20px 10px;
		}
		
		div.overview div.tabbed-switcher .selectpackage-btm-dis,
		div.overview div.tabbed-switcher .selectrts-btm-dis {
			background: url(/img/selectpackage-dis.jpg) top left no-repeat;
			color: #e1e1e1;
			cursor: text;
		}
		
		div.overview div.tabbed-switcher .selectrts,
		div.overview div.tabbed-switcher .selectrts-btm,
		div.overview div.tabbed-switcher .selectrts-btm-dis {
			padding: 0 0 0 4px;
		}
		
		.bookroom {
			margin: 0 ;
			padding: 0;
			float: right;
			display: block;
			text-align: left;
			width: 130px;
			cursor: pointer;
			height: 35px;
			background: url(/img/selectroom.jpg) top left no-repeat;
			text-transform: uppercase;
			color: #fff;
			text-decoration: none;
			font-size: 1.2em;
			font-weight: bold;
			border: none;
			font-family: Arial, Helvetica, sans-serif;
		}
		
		.bookroom-big {
			margin: 0;
			background: url(/img/selectroom.jpg) top left no-repeat;
			width: 134px;
			height: 35px;
			text-align: left;
			float: right;
			cursor: pointer;
			font-size: 1.2em;
			font-weight: bold;
			border: none;
			text-transform: uppercase;
			color: #fff;
			font-family: Arial, Helvetica, sans-serif;
		}
	
		div.overview div.tabbed-switcher div#preloader {
			position: absolute;
			top: 70px;
			left: 290px;
			background-color: #999999;
		}
	
	div.overview ul#tabmenu {
		margin: 0;
		padding: 0;
	}
	
		div.overview ul#tabmenu li {
			margin: 0;
			padding: 0;
			float: left;
			list-style: none;
			color: #fff;
			font-weight: bold;
		}
		
		div.overview ul#tabmenu li a,
		div.overview ul#tabmenu li a.active {
			margin: 0;
			padding: 10px 15px 0 15px;
			display: block;
			height: 25px;
			border-right: 1px solid #fff;
			cursor: pointer;
		}
		
		div.overview ul#tabmenu li a.active {
			background-color: #fff;
			color: #666;
		}
		
		div.leftover {
			float: left;
			margin: 0;
			width: 515px;
			position: relative;
		}
		
		#tabbed-content {
			padding: 0; 
			width: 660px;
			float: left;
			margin: 0;
			background-color: #fff;
		} 
		
			p.hotelname {
				font-size: 1.2em;
				margin: 15px 0 0 15px;
				font-weight: bold;
			}
			
			div.leftover div.image,
			div.leftover div.packageimage {
				width: 150px;
				float: left;
				margin: 15px 0 0 0;
				text-align: center;
			}
				div.leftover div.image img {
					border: 1px solid #e1e1e1;
				}
				
				div.leftover div.packageimage {
					margin: 0;
					width: 180px;
					text-align: left;
				}
				
			div.leftover div.content,
			div.leftover div.packagecontent {
				float: left;
				margin: 5px 0 20px 0;
				width: 360px;
				color: #666;
			}
			
				div.leftover div.packagecontent {
					margin: 0;
					width: 475px;
					padding: 0;
				}
				
				div.packagecontent p.packagename {
					background: url(/img/icons/package2.jpg) top left no-repeat;
					margin: 10px 0 0 10px;
					padding: 10px 0 0 45px;
					height: 40px;
					font-size: 1.4em;
					font-weight: bold;
				}
			
				div.roomlist {
					float: left;
					width: 100%;
					margin: 0;
					color: #666;
				}
				
				.rooms,
				.caravans {
					width: 100%;
					margin: 0 0 10px 0;
					float: left;
				}
				
				.rooms td,
				.caravans td {
					height: 24px;
				}
									
				tr.shaded {
					background-color: #D2D2D2;
					color: #fff;
					height: 25px;
					color: #666;
					font-weight: bold;
				}
				
				.rooms .column1 {
					padding-left: 24px;
				}
				
				.rooms .column1a {
					padding: 0 10px;
					width: 210px;
				}
				
				.rooms .column5,
				.rooms .check {
					text-align: center;
				}
				

				.extras .eventicon {
					vertical-align: middle;
				}
				
		div.rightover {
			float: left;
			margin: 0;
			width: 140px;
		}
		
		.bookroom,
		.continue,
		a.confirm,
		.addextras,
		.payfull,
		.loginbutton,
		.gobackbutton,
		a.amenddetails {
			border: none;
			background-color: #F7921E;
			margin: 15px 0 0 0;
			color: #fff;
			padding: 3px 0 3px 0;
			cursor: pointer;
			font-weight: bold;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
		}
		
		.gobackbutton {
			margin: 0;
			padding: 4px;
			
		}
		
		.buttonholder {
			float: left;
			margin: 20px 0 20px 210px;
		}
		
		.payfull {
			border: none;
			background-color: #F7921E;
			margin: 15px 5px 0 0;
			color: #fff;
			height: 25px;
			padding: 0 3px 0 3px;
			cursor: pointer;
			float: left;
			font-weight: bold;
		}
		
		.addextras {
			float: right;
			margin: 0 20px 20px 0;
		}
		
		.continue,
		a.confirm,
		a.amenddetails {
			padding: 5px;
			text-decoration: none;
		}
		
		.bookroomsmall {
			background: url(/img/bookroom.jpg) top left no-repeat;
			width: 137px;
			height: 25px;
			border: none;
			margin: 0;
			float: right;
			color: #fff;
			padding: 0 15px 2px 0;
			cursor: pointer;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1.3em;
			font-weight: bold;
		}
		
		.sml-book1,
		.sml-book2 {
			background: url(/img/small-booknow.jpg) top left no-repeat;
			width: 100px;
			height: 25px;
			margin: 0;
			float: right;
			color: #fff;
			padding: 3px 0 0 5px;
			cursor: pointer;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 1.3em;
			font-weight: bold;
			text-align: left;
			text-decoration: none;
			display: block;
			
		}
		
		.sml-book2 {
			background: url(/img/small-booknow2.jpg) top left no-repeat;
		}
		
		a.confirm  {
			margin: 15px 0 20px 210px;
			float: left;
		}
		
		a.amenddetails  {
			margin: 15px 0 0 0;
			float: left;
		}
		
		span.red {
			color: #ff0000;
		}
		
				div.overview .extras {
					margin: 10px 0 0 10px;
					width: 630px;
					color: #666;
				}
				
				div.overview .extras .column1,
				div.overview .extras .column2,
				div.overview .extras .column3,
				div.overview .extras .column4 {
					font-weight: bold;
					margin: 0;
					height: 22px;
					padding: 0;
				}
				
				div.overview .extras .column1 {
					width: 70px;
					vertical-align: top;
				}
				
				div.overview .extras .column2 {
					width: 380px;
					font-weight: normal;
					padding-right: 20px;
				}
				
				div.overview .extras .column3 {
					width: 110px;
				}
				
				div.overview .extras .column4 {
					width: 50px;
				}
				
				.smalllistbox,
				.personlistbox,
				.pickuplistbox,
				.widelistbox,
				.roomlistbox {
					margin: 0 0 0 10px;
					font-size: 11px;
					border: 1px solid #ccc;
					padding: 0;
					color: #666;
				}
				
					.pickuplistbox {
						margin: 10px 0 10px 0;
					}
					
					.widelistbox {
						margin: 10px 0 10px 5px;
						width: 300px;
					}
					
					.roomlistbox {
						margin: 4px 0 10px 10px;
						width: 450px;
					}
					
					.personlistbox {
						margin: 3px 0 0 21px;
					}
					
					.smalllistbox {
						width: 90px;
						margin: 0 0 0 -10px;
					}
				
				div.overview p.error,
				div.hotelrow p.soldout,
				div.roomlist p.soldout {
					margin: 10px 0 0 10px;
					color: #ff0000;
					font-weight: bold;
				}
				
				div.hotelrow p.soldout {
					margin: 0 0 0 127px;
				}
				
				div.roomlist p.soldout {
					margin: 0 0 0 160px;
				}
				
				div.overview label.payment {
					float: left;
					margin: 0 0 0 10px;
					width: 200px;
					font-weight: bold;
					font-size: 1em;
					color: #666;
				}
				
				div.overview span.optionis,
				div.overview span.additional {
					margin: 0;
					color: #666;
				}
				
				div.overview span.additional {
					margin: 0;
					color: #666;
					width: 400px;
					float: left;
				}
				
div.overview label.booking, 
div.overview label.booking-required {
	float: left;
	margin: 0 0 0 10px;
	width: 80px;
}

div.overview label.details {
	float: left;
	margin: 0 0 0 10px;
	width: 150px;
	font-weight: normal;
}

div.overview label.booking-required {
	width: 140px;
	margin: 9px 0 0 10px;
	padding: 0;
	float: left;
	font-size: 1em;
	color: #fff;
	font-weight: bold;
}

#debugger {
	position: fixed;
	z-index: 10;
	height: 600px;
	font-size: 12px;
	top: 20px;
	left: 2%;
	background-color: #fff;
	padding: 20px;
	border: 1px solid #000;
}

div.overview label,
div.overview label.required,
div.normalcontent label,
div.normalcontent label.required {
	margin: 4px 0 0 10px;
	padding: 0;
	float: left;
	width: 210px;
	font-size: 1em;
	color: #666;
	font-weight: bold;
}

div.overview label.required,
div.normalcontent label.required {
	background: url(/img/required.gif) center right no-repeat;
}

.mediumlistbox,
.tinyistbox,
.addresslistbox {
	width: 160px;
	border: 1px solid #ccc;
	color: #666;
	font-size: 11px;
	height: 22px;
	margin: 0 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
}

.addresslistbox {
	width: 380px;
}


.mediumtext,
.widetextarea,
.widetextfield,
.smalltextfield,
.tinytextfield,
.quantitytext {
	border: none;
	float: left;
	border: 1px solid #ccc;
	margin: 8px 0 0 0;
	padding: 4px 0 4px 4px;
	font-size: 11px;
	width: 190px;
	color: #666;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

.radio {
	margin: 10px 10px 0 0;
}

.widetextarea {
	height: 140px;
	width: 302px;
}

.widetextfield,
.smalltextfield {
	border: 1px solid #ccc;
	margin: 0 0 10px 0;
	width: 300px;
}

.smalltextfield {
	width: 150px;
}

.tinytextfield {
	width: 70px;
}

.quantitytext {
	width: 30px;
	margin: 5px 0 0 70px;
	padding: 3px 0 3px 0;
	text-align: center;
	font-weight: bold;
}

.tinyistbox {
	width: 80px;
}

input[disabled='disabled'] {
	color: #999999;
}

div.createbox,
div.extrabox,
div.loginbox,
div.errorbox {
	width: 630px;
	float: left;
	margin: 0 0 20px 10px;
	padding: 0 0 20px 0;
	background-color: #FCF2E2;
	border: 1px solid #DFCEA9;
}

	div.extrabox {
		padding: 0;
	}
	
	.comments {
		border: 1px solid #ccc;
		background-color: #fff;
		margin: 4px 0 20px 10px;
		float: left;
		width: 620px;
		height: 60px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #666;
		padding: 2px 0 0 4px;
	}

	div.loginbox {
		min-height: 90px;
		padding-top: 10px;
	}
	
	.datelist {
		width: 60px;
		margin: 8px 0 0 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #666;
		border: 1px solid #DFCEA9;
	}
	
	div.loginbox fieldset,
	div.createbox fieldset {
		border: none;
	}
	
	div.loginbox legend,
	div.createbox legend {
		display: none;
	}
	
	.loginbutton {
		margin: 0 0 0 220px;
		padding: 4px;
	}
	
	div.namebox,
	div.apibox {
		width: 630px;
		height: 40px;
		float: left;
		margin: 0;
		background-color: #F89F44;
		color: #fff;
	}
	
	div.apibox {
		height: auto;
		padding-bottom: 20px;
	}
	
	div.namebox label.booking,
	div.apibox label.booking {
		float: left;
		color: #fff;
		font-size: 1.1em;
		margin: 10px 0 0 10px;
		width: 115px;
	}
	
	.textbox{
		border: none;
		float: left;
		border: 1px solid #ccc;
		margin: 8px 0 0 0;
		padding: 2px 0 2px 4px;
		font-size: 11px;
		width: 180px;
		color: #666;
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	.calendar-arrive,
	.calendar-depart,
	.normal-calendar {
		border: none;
		border: 1px solid #ccc;
		margin: 0;
		padding: 3px 0 3px 4px;
		font-size: 11px;
		width: 70px;
		color: #666;
		cursor: pointer;
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
	}
	
		.normal-calendar {
			margin: 0;
		}
		
		.calendar-arrive {
			margin-left: 119px;
		}
		
		.calendar-depart {
			margin-left: 99px;
		}
	
/* Custom Overlay Dialog */

div#alertpopup { 
    display: none; 
    width: 500px;  
	background-color: #fff;   
    border: 15px solid #666; 
    border: 15px solid rgba(82, 82, 82, 0.698); 
    -moz-border-radius:8px; 
    -webkit-border-radius:8px; 
    height: 150px;
} 

div#alertpopup p.popwarningtext {
	font-weight: bold;
	font-size: 20px;
	margin: 10px 0 0 10px;
	padding: 15px 0 0 0;
	color: #F7931E;
}
 
div#alertinner { 
    margin-top: 0;
	font-family: Arial, Helvetica, sans-serif;
	height: 110px;
}

div#alertpopup p { 
    color: #666;
    font-size: 0.85em;
    line-height: 1.4em;
    padding: 0 15px 0 0;
} 

div#alertpopup .close {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	border: 1px solid #333;
	padding: 3px 10px 3px 10px;
	cursor: pointer;
}

div#alertpopup .buttonrow {
    margin-top: 0;
	width: 100%;
    text-align: center;  
	position: relative;
	z-index: 100; 
}

img.cardicons {
	margin: 0 0 20px 100px;
}

div.overview p.flightdetected {
	padding: 10px 0 20px 55px;
	margin: 20px 0 0 10px;
	color: #F89D1B;
	font-weight: bold;
	background: url(/img/icons/extras/plane-large.jpg) top left no-repeat;
}

div.insurancetext {
	background-color: #FDE1C6;
	border: 1px solid #fff;
	width: 94%;
	float: left;
	margin: 10px 0 0 10px;
	padding: 10px;
	color: #666;
}

.filteracclist {
	width: 180px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	border: 1px solid #ccc;
}

.filterlbl {
	position: relative;
	left: 372px;
	top: 10px;
	color: #666;
}

.newsthumb {
	float: left;
	margin: 0 0 0 10px;
	border: 4px solid #fff;
}

.newssmalltitle,
.newssmalltext {
	margin: 0 0 0 5px;
	padding: 0;
	font-weight: bold;
	float: left;
	font-size: 1.1em;
}

.newssmalltext {
	margin: 0;
	padding: 0;
	font-style: normal;
}

div.newspanel1,
div.newspanel2 {
	float: left;
	position: relative;
	width: 345px;
	margin: -10px 0 0 0;
	background-color: #fff;
}

	div.newspanel1 .left1,
	div.newspanel2 .left2 {
		width: 172px;
		height: 130px;
		float: left;
		background-color: #fff;
		margin: 0;
	}
	
	div.newspanel1 .left1 p.title,
	div.newspanel2 .left2 p.title {
		font-weight: bold;
		font-size: 14px;
		padding-right: 10px;
	}
	
	div.newspanel1 .left1 p.smalltext,
	div.newspanel2 .left2 p.smalltext {
		font-weight: normal;
		font-size: 11px;
		padding-right: 10px;
	}

	div.newspanel1 img,
	div.newspanel2 img {
		float: right;
		margin: 0;
		border: 0;
	}
	
	div.fulllist {
		background-color: #E2E2E2;
		float: left;
		margin: 0;
		width: 100%;
		padding: 10px 0 296px 0;
	}
	
		div.fulllist div.left,
		div.fulllist div.right {
			float: left;
			margin: 0;
			width: 50%;
			text-align: left;
		}
		
		div.fulllist p.title {
			font-weight: bold;
			font-size: 1.3em;
		}
		
		p.setlinks {
			line-height: 1.5em;
		}
		
		p.setlinks a,
		.normaltext a {
			color: #F89D1B;
			text-decoration: none;
			font-weight: bold;
		}
		
		.normaltext {
			width: 98%;
			color: #666;
			margin-top: 10px;
		}
		
		a.backtonews {
			display: block;
			width: 138px;
			height: 25px;
			margin: 10px 0 0 10px;
			float: left;
			padding: 10px 0 0 26px;
			text-decoration: none;
			color: #fff;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: bold;
			background: url(/img/backtonews.jpg) top left no-repeat;
		}
		

	div.tooltipbox {
		display: none;
		position: fixed;
		margin-left: -350px;
		top: 80px;
		left: 50%;
		z-index: 10;
		height: 90%;
	}
	
		div.tooltipbox .inner {
			padding: 10px;
			text-align: left;
			border: 10px solid #666;
			background-color: #FFFFFF;
			width: 700px;
			height: 75%;
			overflow: auto;
		}
	
		a.closepopup {
			float: left;
			background-color: #666;
			font-weight: bold;
			font-size: 14px;
			cursor: pointer;
			color: #fff;
			display: block;
			width: 70px;
			height: 24px;
			padding: 7px 0 0 20px;
		}

	optgroup {
		font-style: normal;
		font-weight: bold;
		color: #666;
	}

		/* rotator in-page placement */
		div#rotator {
			position: absolute; /* recent style change */
			top: 0;
			left: 0;
			height: 296px;
			width: 690px;
			margin: 0;
			padding: 0;
			background: url(/img/banners/1.jpg) top left no-repeat;
		}
		
		div#rotator ul {
			margin:  0;
			padding: 0;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
			width: 690px;
		}
		
		/* rotator css */
		div#rotator ul li {
			float:left;
			position:absolute;
			list-style: none;
		}
		
		/* rotator image style */	
		div#rotator ul li img {
			padding: 0;
			background: transparent;
			border: none;
			margin:0;
		}
		
		div#rotator ul li.show {
			z-index: 500
		}
		

select[disabled] {
	background-color: #e1e1e1;
}

p.distance {
	color: #333333;
	font-weight: bold;
	margin: 0 0 0 20px;
}

a.forgot {
	color: #F89D1B;
	margin: 10px 0 0 220px;
	float: left;
	text-decoration: none;
	font-weight: bold;
}

div#showforgot {
	display: none;
	padding: 20px 0 0 0;
}