/* Base Classes */
/*@import url("/style/reset.css");*/

* html { z-index:1; }
body {
	height: 100%;
	margin: 0;
	padding: 0;
	color: #036;
	background: #75eded url('../images/background.png') top repeat-x;
	font-family: Helvetica, Arial sans-serif;
	font-size: 10pt;
}

a {
	color: #036;
	text-decoration: underline;
}

a:hover {
	color: #800;
}

a img {
	border: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

div#content p {
	font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
}

span.large {
	font-size: 13pt;
}

span.highlight {
	background: #ffff80;
}

code {
	font-family: monospace;
	color: #666;
}

/* Main DIVs */
/* Content and footer are nested within multiple DIVs to allow scaling while maintaining background effect */

div#header {
	position: relative;
	width: 1000px;
	height: 228px;
	background: url('../images/header.jpg') top no-repeat;
	margin: 0 auto;
	z-index:99;
}

div#container-outer {
	width: 1000px;
	min-height: 900px;
	background: url('../images/content-background.png') top repeat-y;
	margin: 0 auto;/* Original from ED*/
}
div#container-outer-accom {
	width: 1000px;
	min-height: 900px;
	background: url('../images/content-background.png') top repeat-y;
	margin: 0 auto;/* Original from ED*/
}

div#container-inner {
	position: relative;
	width: 1000px;
	min-height: 900px;
	background: url('../images/content-background-top.png') top no-repeat;
	/*margin: 40px auto 0 auto;/* change for folder header room for accom page*/
	z-index:1;
}
div#container-inner-accom {
	position: relative;
	width: 1000px;
	min-height: 900px;
	background: url('../images/content-background-top-accom.png') top no-repeat;
	/*margin: 40px auto 0 auto;/* change for folder header room for accom page*/
	z-index:1;
}

div#content {
	position:relative;
	padding: 20px 40px;
	width: 690px;
	z-index:1;
}

div#column-right {
	position: absolute;
	width: 220px;
	right: 10px;
	top: 30px;
}

div#footer-container {
	clear: both;
	width: 1000px;
	min-height: 35px;
	background: url('../images/content-background.png') top repeat-y;
	margin: 0 auto;
}

div#footer {
	width: 1000px;
	min-height: 35px;
	background: url('../images/footer.png') bottom no-repeat;
	text-align: center;
	font-size: 9pt;
}

/* Specific Elements */

div#header h2 {
	position: absolute;
	top: 8px;
	left: 26px;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	width: 332px;
	height: 166px;
	background: url('../images/logo.png') top no-repeat;
}

p#tagline {
	position: absolute;
	top: 10px;
	right: 19px;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	width: 124px;
	height: 124px;
	background: url('../images/badge.png') top no-repeat;
}

/*ul#navigation {
	list-style: none;
	margin: 0;
	padding: 185px 0 0 30px;
}

ul#navigation li {
	display: inline;
	font-size: 16pt;
	padding-left: 0.9em;
	padding-right: 0.8em;
	border-left: solid 1px #036;
}

ul#navigation > li:first-child {
	padding-left: 0;
	border-left: 0;
}

ul#navigation li a {
	text-decoration: none;
	text-transform: lowercase;
}

ul#navigation li a:hover {
	color: #ffff80;
	background: #036;
}
*/
div#contact-details {
	position: absolute;
	background: url('../images/phone.png') bottom left no-repeat;
	padding-left: 44px;
	top: 138px;
	right: 16px;
}

div#contact-details h3 {
	font-size: 13pt;
	margin: 0;
}

div#contact-details table {
	margin-top: 3px;
}

div#contact-details td {
	font-size: 9pt;
	padding-top: 4px;
	padding-right: 8px;
}

/* RHS Panels */

div.panel {
	position: relative;
	padding: 12px;
	width: 196px;
	min-height: 34px;
}

div#search-panel {
	background: #fe9705;
	margin-bottom: 34px;
}

div#secondary-panel {
	background: #ffff80;
}

div.panel h3 {
	margin: 0;
	font-size: 13pt;
	text-align: center;
} 

div#secondary-panel p {
	font-size: 11pt;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 0;
}

div#secondary-panel img {
	border: solid 2px white;
	margin-bottom: 4px;
}

/* For rounded corner effect on panels in right-hand column */
div.corner-mask {
	position: absolute;
	left: 0;
	width: 17px;
	height: 17px;
}

div.corner-mask.tl {
	top: 0;
	background: url('../images/corner-mask-tl.png') top left no-repeat;
}

div.corner-mask.bl {
	bottom: 0;
	background: url('../images/corner-mask-bl.png') top left no-repeat;
}

/* Form */

form#searchForm table {
	padding-top: 8px;
}

form#searchForm td {
	padding: 2px 0;
}

form#searchForm label {
	padding-right: 6px;
}

input, select {
	background: #ffff80;
	border: solid 1px #036;
	color: #036;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
}

input#arrivalDate {
	width: 87px;
	height: 14px;
}
input#departureDate {
	width: 87px;
	height: 14px;
}

input#numNights, input#numGuests {
	width: 30px;
	height: 14px;
}

select#accomType {
	width: 110px;
	height: 17px;
}
select#town {
	width: 110px;
	height: 17px;
}

input#submitSearch {
	font-size: 12pt;
	font-weight: bold;
	padding: 5px;
	margin-top: 10px;
}

/* ADDITIONS BY MARK from old-styles*/

.postit {
position:absolute; 
top:5px; 
left:15px; 
width:200px; 
padding:10px 10px 10px 10px; 
background-color:#ffff66;  
z-index:198; 
overflow:hidden;
}
.postit-1 {
position:absolute; 
background-image:url(../images/postit-bottom.png);
background-position:bottom left;
z-index:199; 
}
.postit-2 {
position:absolute; 
background-image:url(../images/postit-side-corner.png);
background-position:bottom right;
z-index:199; 
}
.postit-3 {
position:absolute; 
background-image:url(../images/postit-left-corner.png);
background-position:bottom left;
z-index:199; 
}
.postit-4 {
position:absolute; 
background-image:url(../images/postit-top-corner.png);
background-position:top right;
z-index:199; 
}


.galery { /* printout of accommodation data sheet */
	margin-left:0;
	margin-right:0;
	margin-bottom:15px;
	height:300px;
	width:700px;
}

.galery ul {
margin-right:0;
}

.galery p {
text-align:justify;
line-height:normal;
margin-right:17px;
}
.galery-left {
position:relative;
float:left;
width:320px;
left:20px;
top:20px;
margin-right:10px;
}
.galery-right {
position:relative;
float:right;
width:40%;
right:37px;
top:20px;
margin-left:10px;
}

.accom { /* Accommodation details page */
	position:inherit;
	margin-left:0;
	margin-right:0;
	margin-bottom:15px;
}

.accom ul {
margin-right:0;
}

.accom p {
text-align:justify;
line-height:normal;
margin-right:17px;
}
.accom-left {
position:relative;
width:320px;
left:0;
top:0;
}
.accom-right {
position:absolute;
width:350px;
right:40px;
top:90px;
}

.accom-description {
position:relative;
top:0;
right:10px;
width:720px;
margin-left:auto;
height:100%;
}

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:300px;
		height:241px;
		overflow:hidden; 
		}	
	#slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:610px;
		height:480px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:300px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:15px;
		text-align:center;
		}
	ol#controls li{
		margin:0 3px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:12px;
		line-height:15px;
		text-align:center;

		}
	ol#controls li a{
		float:left;
		height:15px;
		line-height:15px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 3px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */