﻿body 
{
	font-family: Verdana, Arial, "Sans-Serif";
	padding: 0px;	
	margin: 0px 0px 20px 0px;
	color: #5f5b4a;
	background-color: #e8e6dc;
}

/* h1 */

body h1
{
	width: 999px;
	margin: 0px auto;
    padding: 10px 0px;
	display: block;
	position: relative;
	background-color: transparent;
	font-size: .9em;
	font-weight: 500;
	text-align: center;
}

/* container */

#idContainer
{
	width: 907px;
	margin: 0px auto;
    padding: 15px 45px;
	display: block;
	position: relative;
	background-color: #ffffff;
	border: 1px solid #c9c6b9;
}

/* header strip */

#idHeaderStrip
{
	width: 907px;
	height: 80px;
	margin: 0px;
    padding: 10px 0px 0px 0px;
	display: block;
	position: relative;
	background-color: #ffffff;
	text-align: right;
	overflow: hidden;
}

#idHeaderStrip a
{
    float: right;
}

#idHeaderStrip h4.clsTelephone
{
    margin: 0px;
    padding: 0px;
    display: block;
    float: left;
	font-family: "Times New Roman", Times, Serif;
    color: #5f5b4a;
    display: block;
    font-size: 1.4em;
    font-weight: 500;
}

/* language navigation */

#idHeaderStrip ul.clsLanguages
{
    list-style-type: none;
    margin: 10px 0px 0px -5px;
    padding: 0px;
    display: inline;
    clear: left;
    float: left;
}

#idHeaderStrip ul.clsLanguages li
{
    width: 40px;
    height: 30px;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    float: left;
    display: block;
}

#idHeaderStrip ul.clsLanguages li.clsWelsh a:link,
#idHeaderStrip ul.clsLanguages li.clsWelsh a:active,
#idHeaderStrip ul.clsLanguages li.clsWelsh a:visited,
#idHeaderStrip ul.clsLanguages li.clsWelshSelected
{
    width: 40px;
    height: 30px;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    display: block;
	background: transparent url(/images/flags/colour/wales.gif) no-repeat top left;
	text-decoration: none;
}

#idHeaderStrip ul.clsLanguages li.clsWelsh a:hover
{
	background: transparent url(/images/flags/greyscale/wales.gif) no-repeat top left;
}

#idHeaderStrip ul.clsLanguages li.clsFrench a:link,
#idHeaderStrip ul.clsLanguages li.clsFrench a:active,
#idHeaderStrip ul.clsLanguages li.clsFrench a:visited,
#idHeaderStrip ul.clsLanguages li.clsFrenchSelected
{
    width: 40px;
    height: 30px;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    display: block;
	background: transparent url(/images/flags/colour/france.gif) no-repeat top left;
	text-decoration: none;
}

#idHeaderStrip ul.clsLanguages li.clsFrench a:hover
{
	background: transparent url(/images/flags/greyscale/france.gif) no-repeat top left;
}

#idHeaderStrip ul.clsLanguages li.clsGermany a:link,
#idHeaderStrip ul.clsLanguages li.clsGermany a:active,
#idHeaderStrip ul.clsLanguages li.clsGermany a:visited,
#idHeaderStrip ul.clsLanguages li.clsGermanySelected
{
    width: 40px;
    height: 30px;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    display: block;
	background: transparent url(/images/flags/colour/germany.gif) no-repeat top left;
	text-decoration: none;
}

#idHeaderStrip ul.clsLanguages li.clsGermany a:hover
{
	background: transparent url(/images/flags/greyscale/germany.gif) no-repeat top left;
}

#idHeaderStrip ul.clsLanguages li.clsItalian a:link,
#idHeaderStrip ul.clsLanguages li.clsItalian a:active,
#idHeaderStrip ul.clsLanguages li.clsItalian a:visited,
#idHeaderStrip ul.clsLanguages li.clsItalianSelected
{
    width: 40px;
    height: 30px;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    display: block;
	background: transparent url(/images/flags/colour/italy.gif) no-repeat top left;
	text-decoration: none;
}

#idHeaderStrip ul.clsLanguages li.clsItalian a:hover
{
	background: transparent url(/images/flags/greyscale/italy.gif) no-repeat top left;
}

#idHeaderStrip ul.clsLanguages li.clsNetherlands a:link,
#idHeaderStrip ul.clsLanguages li.clsNetherlands a:active,
#idHeaderStrip ul.clsLanguages li.clsNetherlands a:visited,
#idHeaderStrip ul.clsLanguages li.clsNetherlandsSelected
{
    width: 40px;
    height: 30px;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    display: block;
	background: transparent url(/images/flags/colour/netherlands.gif) no-repeat top left;
	text-decoration: none;
}

#idHeaderStrip ul.clsLanguages li.clsNetherlands a:hover
{
	background: transparent url(/images/flags/greyscale/netherlands.gif) no-repeat top left;
}

#idHeaderStrip ul.clsLanguages li.clsWelshSelected
{
	background: transparent url(/images/flags/greyscale/wales.gif) no-repeat top left;
}

#idHeaderStrip ul.clsLanguages li.clsFrenchSelected
{
	background: transparent url(/images/flags/greyscale/france.gif) no-repeat top left;
}

#idHeaderStrip ul.clsLanguages li.clsGermanySelected
{
	background: transparent url(/images/flags/greyscale/germany.gif) no-repeat top left;
}

#idHeaderStrip ul.clsLanguages li.clsItalianSelected
{
	background: transparent url(/images/flags/greyscale/italy.gif) no-repeat top left;
}

#idHeaderStrip ul.clsLanguages li.clsNetherlandsSelected
{
	background: transparent url(/images/flags/greyscale/netherlands.gif) no-repeat top left;
}

/* navigation (and footer) */

#idContainer #idNavigation
{
	width: 907px;
	height: 17px;
	margin: 0px 0px 20px 0px;
    padding: 0px;
	text-align: left;
	display: block;
	position: relative;
	font-size: .9em;
	background-color: #ffffff;
	clear: both;
}

#idFooter
{
	width: 979px;
	margin: 20px auto;
    padding: 10px 10px 5px 10px;
	text-align: left;
	display: block;
	position: relative;
	font-size: .65em;
	background-color: #f3f2ed;
}

#idContainer #idNavigation ul,
#idFooter ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	position: relative;
	overflow: hidden;
}

#idContainer #idNavigation ul li,
#idFooter ul li
{
	height: 19px;
	padding: 0px 20px;
	display: inline;
	float: left;
	color: #1e242c;
	background: transparent url(/images/css/bg_idContainer_idNavigation_ulli.gif) no-repeat top right;
}

#idContainer #idNavigation ul li span
{
    background-color: #579a73;
    padding: 7px 5px;
    color: #ffffff;
	font-weight: 700;
}

#idContainer #idNavigation ul li.clsStart
{
	padding: 0px 20px 0px 0px;
}

#idContainer #idNavigation ul li.clsNull
{
	padding: 0px;
    background-image: none;
}

#idContainer #idNavigation ul li.clsEnd
{
	padding: 0px 0px 0px 20px;
    background-image: none;
}

#idFooter ul li
{
	padding: 0px 20px 0px 0px;
    background-image: none;
}

#idContainer #idNavigation ul li a:link,
#idContainer #idNavigation ul li a:active,
#idContainer #idNavigation ul li a:visited,
#idFooter ul li a:link,
#idFooter ul li a:active,
#idFooter ul li a:visited,
#idFooter a:link,
#idFooter a:active,
#idFooter a:visited,
#idCredit a:link,
#idCredit a:active,
#idCredit a:visited
{
	color: #1c4f2f;
	font-weight: 700;
	text-decoration: none;
}

#idContainer #idNavigation ul li a:link,
#idContainer #idNavigation ul li a:active,
#idContainer #idNavigation ul li a:visited
{
    padding: 7px 5px;
}

#idContainer #idNavigation ul li a:hover,
#idFooter ul li a:hover,
#idFooter a:hover,
#idCredit a:hover
{
	color: #1e242c;
    text-decoration: underline;
}

#idContainer #idNavigation ul li a:hover
{
    text-decoration: none;
    background-color: #e8e6dd;
    padding: 7px 5px;
}

/* photo strip */

#idPhotoStrip
{
	width: 907px;
	height: 320px;
	margin: 0px;
    padding: 0px;
	display: block;
	position: relative;
	background-color: #ffffff;
	clear: both;
}

#idPhotoStrip #idLogo
{
	width: 232px;
	height: 235px;
	margin: 0px;
    padding: 43px 11px;
	display: block;
	position: relative;
	overflow: hidden;
	float: left;
	background: #1c4f2f url(/images/css/bg_idContainer_idPhotoStrip_idLogo.gif) no-repeat top left;
}

#idPhotoStrip #idSlideShow
{
	width: 640px;
	height: 320px;
	margin: 0px;
    padding: 0px;
	display: block;
	position: relative;
	background-color: #ffffff;
	float: right;
	color: #ffffff;
	font-size: 2em;
}

#idPhotoStrip #idSlideShow .descpanelfg
{
	color: #ffffff;
	font-family: "Times New Roman", Times, Serif;
	font-size: 3em;
	font-style: italic;
	text-align: right;
}

#idPhotoStrip #idSlideShow .descpanelfg span
{
	font-size: 1.5em;
}

/* content area */

#idContainer #idContent
{
	width: 907px;
	margin: 10px 0px;
    padding: 0px;
	text-align: left;
	display: block;
	background-color: #ffffff;
	position: relative;
	clear: both;
    font-size: .8em;
}

#idContainer #idContent #idLeftColumn
{
    position: relative;
	width: 234px;
    margin: 0px 13px 0px 0px;
    padding: 10px;
    float: left;
    display: block;
    background-color: #e8e6dd;
}

#idContainer #idContent #idMidColumn,
#idContainer #idContent #idMidColumnWide
{
    position: relative;
    width: 391px;
    margin: 0px 14px 0px 0px;
    padding: 10px 0px;
    float: left;
    display: block;
	background-color: transparent;
}

#idContainer #idContent #idMidColumnWide
{
    width: 639px;
    margin: 0px;
}

#idContainer #idContent #idRightColumn
{
    position: relative;
    width: 234px;
    margin: 0px;
    padding: 10px 0px;
    float: right;
    display: block;
	background-color: transparent;
}

#idContainer #idContent #idRightColumn.clsMenu
{
    text-align: center;
}

#idContainer #idContent #idLeftColumn h3,
#idContainer #idContent #idMidColumn h2,
#idContainer #idContent #idMidColumnWide h2,
#idContainer #idContent #idRightColumn h3
{
	font-family: "Times New Roman", Times, Serif;
    color: #5f5b4a;
    display: block;
    padding: 0px;
    margin: 0px 0px 20px 0px;
    text-transform: uppercase;
    font-size: 1.9em;
    font-weight: 500;
}

#idContainer #idContent #idLeftColumn h3
{
    margin: 0px 0px 10px 0px;
    font-size: 1.7em;
}

#idContainer #idContent #idRightColumn h3
{
    font-size: 1.6em;
}

#idContainer #idContent #idMidColumn h3
{
	font-family: "Times New Roman", Times, Serif;
    color: #5f5b4a;
    display: block;
    padding: 0px;
    margin: 0px 0px 20px 0px;
    font-size: 1.4em;
    font-weight: 500;
    text-align: center;
    font-style: italic;
}

#idContainer #idContent #idMidColumn p,
#idContainer #idContent #idMidColumnWide p,
#idContainer #idContent #idRightColumn p
{
    display: block;
    padding: 0px;
    margin: 15px 0px;
}

#idContainer #idContent #idLeftColumn p.clsCaption,
#idContainer #idContent #idRightColumn p.clsCaption
{
	font-family: "Times New Roman", Times, Serif;
	font-style: italic;
	text-align: center;
	margin: 5px 10px 15px 5px;
	padding: 0px;
	width: 212px;
}

#idContainer #idContent a:link,
#idContainer #idContent a:active,
#idContainer #idContent a:visited
{
	color: #1c4f2f;
	font-weight: 700;
	text-decoration: none;
}

#idContainer #idContent a:hover
{
	color: #1e242c;
    text-decoration: underline;
}

#idContainer #idContent #idLeftColumn img.clsLeftColumn
{
    width: 215px;
    height: 155px;
    padding: 11px 9px;
    display: block;
	background: transparent url(/images/css/bg_idContainer_idContent_idLeftColumn_img.gif) no-repeat top left;
}

#idContainer #idContent #idRightColumn img
{
    width: 215px;
    height: 155px;
    padding: 11px 9px;
    display: block;
	background: transparent url(/images/css/bg_idContainer_idContent_idRightColumn_img.gif) no-repeat top left;
}

#idContainer #idContent #idRightColumn.clsMenu img
{
    width: 170px;
    height: 232px;
    padding: 11px 9px;
    display: block;
    margin: 0px auto;
	background: transparent url(/images/css/bg_idContainer_idContent_idRightColumn_img_clsMenu.gif) no-repeat top left;
}

#idContainer #idContent #idRightColumn ul
{
    list-style-type: circle;
    padding: 0px;
    margin: 0px;
}

#idContainer #idContent #idRightColumn ul
{
    margin: 15px;
    padding: 5px 0px 5px 20px;
}

p.clsSignature
{
	font-family: "Times New Roman", Times, Serif;
    color: #5f5b4a;
    display: block;
    padding: 0px;
    margin: 0px 0px 20px 0px;
    font-size: 2em;
    font-weight: 500;
    text-align: center;
    font-style: italic;
}

/* all pages contact and quick booking block */

.clsOffer,
.clsQuickBooking,
.clsContact,
.clsHighLight
{
    padding: 10px;
    margin: 5px 5px 15px 5px;
    background-color: #f7f7f3;
}

.clsQuickBooking,
.clsContact,
.clsHighLight
{
    font-size: .9em;
}

#idMidColumnWide .clsOffer
{
    margin: 20px 0px;
    padding: 10px 10px 5px 10px;
    border: 4px solid #e8e6dd;
    background-color: #ffffff;
}

#idRightColumn .clsOffer
{
    margin: 5px 0px 15px 0px;
    padding: 10px 10px 5px 10px;
}

#idMidColumnWide .clsContact
{
    margin: 0px;
    font-size: 1em;
}

.clsHighLight
{
    padding: 10px;
    margin: 10px 10px 15px 10px;
    text-align: center;
    font-size: 1.1em;
    font-style: italic;
	font-family: "Times New Roman", Times, Serif;
}

.clsOffer p,
.clsContact p
{
    margin: 10px 0px 0px 0px;
}

.clsContact p
{
    font-size: 1.15em;
}

.clsContact a.clsSubmit {
    margin: 5px 0;
    display: inline-block;
    color: #fff !important;
    text-decoration: none !important;
    padding: 7px 10px;
}

#idContainer #idContent #idMidColumnWide .clsOffer h2
{
    font-size: 1.6em;
}

/* gallery */

#idContent #idGallery,
#idContent #idMidColumn #idGallery
{
    padding: 10px 5px 10px 10px;
    background-color: #f7f7f3;
    width: 624px;
    margin: 0px 0px 20px 0px;
    float: left;
}

#idContent #idMidColumn #idGallery
{
    width: 376px;
    margin: 5px 0px 20px 0px;
}

#idContent #idMap
{
    width: 630px;
    border: 4px solid #e8e6dd;
    background-color: #ffffff;
    height: 350px;
    float: right;
    padding: 0 !important;
}

#idContent #idGallery h3,
#idContent #idMidColumn #idGallery h3
{
	font-family: "Times New Roman", Times, Serif;
    color: #5f5b4a;
    display: block;
    padding: 0px;
    margin: 0px;
    text-transform: uppercase;
    font-weight: 500;
    text-align: left;
    font-style: normal;
    font-size: 1.6em;
}

#idContent #idGallery p,
#idContent #idMidColumn #idGallery p
{
    padding: 0px;
    margin: 10px 0px;
}

#idContent #idGallery img,
#idContent #idMidColumn #idGallery img
{
    border: 4px solid #e8e6dd;
    margin: 0px 5px 5px 0px;
    float: left;
}

#idContent #idGallery img:hover,
#idContent #idGallery img.over,
#idContent #idMidColumn #idGallery img:hover,
#idContent #idMidColumn #idGallery img.over
{
    border: 4px solid #ffffff;
}

/* tariff page */

table.clsTariff
{
    display: table;
    width: 639px;
}

table.clsTariff tr.clsHeader td
{
    padding: 4px;
    font-weight: 700;
    background-color: #e8e6dc;
	color: #5f5b4a;
	text-align: center;
}

table.clsTariff tr.clsHeader td.clsNull
{
    width: 300px;
    background-color: #ffffff;
}

table.clsTariff tr th
{
    padding: 4px;
    width: 300px;
    text-align: left;
    background-color: #e8e6dc;
    font-weight: 500;
}

table.clsTariff tr td
{
    padding: 4px;
	text-align: center;
    background-color: #f0efe8;
}

.clsNotes
{
    padding: 10px 10px 5px 10px;
    background-color: #f7f7f3;
    font-size: .8em;
}

#idMidColumnWide .clsNotes h3
{
	font-family: "Times New Roman", Times, Serif;
    color: #5f5b4a;
    display: block;
    padding: 0px;
    margin: 0px 0px 10px 0px;
    text-transform: uppercase;
    font-size: 1.6em;
    font-weight: 500;
}

/* right hand bulletted lists */

#idRightColumn ol.clsLinks
{
    position: relative;
    padding: 0px;
    margin: 0px;
    font-size: .9em;
}

#idRightColumn ol.clsLinks li
{
    list-style-type: none;
    padding: 0px;
    margin: 0px 0px 10px 0px;
}

#idRightColumn ol.clsLinks li a:link,
#idRightColumn ol.clsLinks li a:active,
#idRightColumn ol.clsLinks li a:visited
{
    font-size: .95em;
    font-weight: 500;
}

/* credit */

#idCredit
{
	width: 997px;
	margin: 0px auto;
    padding: 0px;
	text-align: left;
	display: block;
	position: relative;
	font-size: .65em;
	background-color: transparent;
}

/* standard styles */

.clsClear
{
	clear: both;
	height: 1px;
	overflow: hidden;
}

.clsClear p
{
	display: none;
}

.clsSmall
{
	font-size: .8em;
}

.clsTiny
{
	font-size: .65em;
}

.clsBold
{
	font-weight: 700;
}

.clsItalic
{
	font-style: italic;
}

.clsUnderline
{
	text-decoration: underline;
}

.clsNormal
{
	font-weight: 500;
	font-style: normal;
	text-decoration: none;
}

.clsLarger
{
	font-size: 1.2em;
}

#idCredit a.clsLinks:link,
#idCredit a.clsLinks:active,
#idCredit a.clsLinks:visited,
#idCredit a.clsLinks:hover
{
    font-weight: 500;
	color: #afada4;
}

#idCredit a.clsLinks:hover
{
    text-decoration: underline;
}

/* date picker */

#ui-datepicker-div { font-size: 12px; }

/* forms */

.clsContact table tr td {
    width: 309px;
    margin: 0 10px 0 0;
    padding: 0;
}

label {
	margin: 0;
	padding: 0;
	display: block;
	font-weight: 700;
}

.clsContact table tr td label {
	font-weight: 500;
}

.clsInput {
	width: 190px;
	padding: 4px 6px;
	border: 1px solid #fff;
	background-color: #e8e6db;
	margin: 2px 0 8px 0;
	font-family: Arial, Helvetica, sans-serif;
}

.clsSelect {
	padding: 4px;
	border: 1px solid #fff;
	background-color: #e8e6db;
	margin: 2px 0 8px 0;
	font-family: Arial, Helvetica, sans-serif;
}

.clsContact table tr td .clsInput {
    width: 270px;
    margin: 2px 0 10px 0;
}

.clsContact table tr td .clsSelect {
    margin: 2px 0 10px 0;
}

.clsShort,
.clsContact table tr td .clsShort {
	width: 100px;
}

.clsError {
	border: 1px solid #ff0000;
}

.clsSubmit {
	padding: 3px 5px;
	border: 2px solid #fff;
	background-color: #579a73;
	color: #ffffff;
	margin: 0;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 11pt;
}

.clsContact table tr td .clsSubmit {
	margin: 10px 0 0 0;
}

.clsSubmit:hover,
.clsSubmit.over {
    background-color: #1c4f2f;
}

/* form validation messages */

#idLabelValidation {
	margin: 5px 0 15px 0;
	background-color: #fff;
	overflow: auto;
    display: block;
    color: #ff0000;
    padding: 10px;
    border: 2px solid #ff0000 ;
}

#idContent #idMidColumn #idLabelValidation p,
#idContent #idMidColumnWide #idLabelValidation p {
    margin: 0;
}