/* Base */
body { background: #dedede url(/images/base/bg.jpg) repeat; margin:0 auto; }
form { font-family: Arial, Arial; font-size: 0.8em; color: #444; margin:0 auto; margin-top:20px; margin-bottom:20px; width:960px; background:#2f4262; line-height:1.4em; padding:0px; }
h1 { font-family: Trebuchet MS, Arial; font-size: 1.7em; color: #c9deff; font-weight: normal; margin-top:10px; margin-bottom:12px; text-transform: uppercase; line-height:1.3em; }
h1:first-letter { font-size: 1.2em; }
h2 { font-family: Trebuchet MS, Arial; font-size: 1.7em; color: #c9deff; font-weight: normal; margin-top:10px; margin-bottom:12px; text-transform: uppercase; line-height:1.3em; }
h2:first-letter { font-size: 1.2em; }
p { text-align:left; margin-top:0px;  color: #fff; }
a:link, a:active, a:visited { text-decoration:underline; border:none; color: #C9DDFE;}
a:hover, a:active:hover, a:visited:hover { color: #94BCFC; text-decoration:underline; border:none }

/* Header */
.shadow { -moz-box-shadow: 0px 0px 10px 10px #efefef; -webkit-box-shadow: 0px 0px 10px 10px #efefef; box-shadow: 0px 0px 10px 10px #efefef; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#efefef')"; }
#header { width: 960px; height:140px; background: #2f4262 url(/images/base/logo.jpg) no-repeat; }
#header .topright { float: right; }
#header .contact { float: right; padding-top:2px; }
#header .book { float: right; width: 160px; margin-top:0px; padding-right:8px; }
#header .breakfast { float: right; margin-top:10px; padding-right:8px; }

/* Menu */
#top { margin-bottom:1px; }
#menu { float:left; border:0; padding:0; width:260px; height: 350px; padding: 0px; margin-top:0px; margin-right:0px; font-size:1.0em; background: #222; font-family: Trebuchet MS;  }
#menu ul {margin:0; padding:0; list-style-type: none; }
#menu li { display: block; }
#menu li:first-letter { font-size: 1.2em; }
#menu li a { width: 250px; display:block; color: #fff; font-weight: normal; font-size:1.2em; padding: 7px 0px 0px 10px; height:23px; border-bottom: solid 1px #444;  text-decoration: none; text-transform:uppercase; }
#menu li.menu11 a { border-bottom:0; }
#menu li.selected a { background: #555; }
#menu li.selectedlast a { width: 232px; display:block; color: #f5d5e1; font-weight: bold; font-size:1.7em; padding: 7px 0px 0px 0px; height:23px; border-bottom: none;  text-decoration: none; text-transform:none; margin-left:4px; }
#menu li a:hover { font-weight: normal; text-decoration: none; background:#111; color: #ffc23f; }
#menu li.selected a:hover { font-weight: bold; text-decoration: none; background: 555;}
#menu li.selectedlast a:hover { font-weight: bold; text-decoration: none; background: 555;}

/* Slideshow */
#montage { float: left; width: 700px; height: 350px; }
#montage .banner { padding:0; margin-top:0px; margin-left:0px; position:relative; width:700px; height:350px; z-index:100; }
#montage .banner:hover { border-color: #fff; }
#montage .banner img { position: absolute; top: 0;}
.standardmontage { width: 400px; height: 300px; }
.standardmontage .banner { padding:0; margin-top:0px; margin-left:0px; position:relative; width:400px; height:300px; z-index:100; }
.standardmontage .banner:hover { border-color: #fff; }
.standardmontage .banner img { position: absolute; top: 0;}
.roommontage { width: 400px; height: 300px; }
.roommontage .banner { padding:0; margin-top:0px; margin-left:0px; position:relative; width:400px; height:300px; z-index:100; border: solid 1px #ccc; }
.roommontage .banner:hover { border-color: #fff; }
.roommontage .banner img { position: absolute; top: 0;}
.montageoverlay { margin-top:-300px; margin-left:90px; position: relative; z-index:1000; height:290px; margin-bottom: }

/* Main Area */
#main { width:960px; margin-top:0px; }
#main .left { float:left; width:540px; margin-right:20px;}
#main .right { float:right; width:400px; }
#main .left2 { float:left; width:402px; margin-right:10px; margin-left:10px;}
#main .right2 { float:right; width:536px; }

/* Progress Bar */
.progress { margin-top:16px; margin-bottom:30px; font-size: 1.0em; font-weight:normal; }
.progress a, .progress a:active, .progress a:visited { color: #fff; }
.progress a:hover, .progress a:active:hover, .progress a:visited:hover { color: #caddfd; }
.progress .header { float:left; width: 182px; text-align: left; margin-bottom:2px;  }
.progress .standard { float:left; width: 180px; height: 8px; background: #425d89; margin-right:1px; margin-top:0px; }
.progress .selected { float:left; width: 180px; height: 8px; background: #c9ddfe; margin-right: 1px; margin-top:0px; }

/* Book */
#book { line-height:1.5em; font-size:1.0em; padding: 0px 20px; color: #fff; }
#book h1 { margin-top:20px; margin-bottom:10px; }
#book h2 { margin-top:0px; margin-bottom:8px; }
#book .topleft { float: left; width:460px; margin-right:40px; }
#book .topright { float: left; width: 440px; margin-top:0px; }
#book .bookingrule { font-weight: bold; margin-bottom:20px; }
#book .title { float: left; width:140px; padding-top:3px; margin-bottom:6px; }
#book .value { float: left; margin-bottom: 6px; }
#book .title3 { float: left; width:140px; padding-top:0px; margin-bottom:6px; }
#book .value3 { float: left; margin-bottom: 6px; }
#book .availability { background: #d34f17; color: #fff; padding:10px; font-weight:bold; }
#book .availability a:link, #book .availability a:active, #book .availability a:visited { color: #feff1b; }
#book .availability a:link:hover, #book .availability a:active:hover, #book .availability a:visited:hover { color: #fff; text-decoration:underline; }
#book .availablemessage { font-size: 1.2em; color: #fff; line-height: 1.5em;  }
#book .bookingmessage { font-size:1.2em; color: #feff1b; margin-top:8px; line-height: 1.5em; }
#book .bookingmessage a:link, #book .bookingmessage a:active, #book .bookingmessage a:visited { color: #feff1b;font-weight:bold; text-decoration:none; }
#book .bookingmessage a:link:hover, #book .bookingmessage a:active:hover, #book .bookingmessage a:visited:hover { color: #000;font-weight:bold; text-decoration:none; }
#book .terms { margin-left:140px; margin-top:10px; font-weight:bold; }

/* Availability Calendar */
.calendar { margin-bottom:20px; margin-top:0px; height:170px; }
.calendar .title { float: left; width:85px; padding-top:2px; }
.calendar .value { float: left; }
.calendar .days { background: #222; color: #fff; }
.calendar .days td { width:36px; text-align:center; height:20px;}
.calendar .date { background: #fff; }
.calendar .date td { width:36px; text-align:center; height:20px;}
.calendar .unavailable { background: #ddd; color: #aaa; }
.calendar .available { background: #c9ddfe; color: #222; }
.calendar .available:hover { background: #86a3cc; cursor: pointer; color: #fff; }
.calendar .available a { background:none; text-decoration:none;}
.calendar .available a:hover { color: #fff; }
.calendar .availableminimumstay { background: #93b2e0; color: #222; }
.calendar .availableminimumstay:hover { background: #86a3cc; cursor: pointer; }
.calendar .availableminimumstay a { background:none; text-decoration:none;}
.calendar .availableminimumstay a:hover { color: #fff; background:none; }
.calendar .closed { background: #582e92; color: #fff; }
.calendar .booked { background: #666; color: #fff; }
.calendar .telephone { background: #ffcb77; color: #222; }
.calendar .telephone:hover { }
.calendar .telephone a { background:none; text-decoration:underline; color: #fff;  }
.calendar .telephone a:hover { background: none; color: #fff;  }
.calendar .keyavailable { float: left; width: 24px; height:20px; background: #c9ddfe; margin-right:8px; }
.calendar .keyavailableminimumstay { float: left; width: 24px; height:20px; background: #93b2e0; margin-right:8px; }
.calendar .keybooked { float: left; width: 24px; height:20px; background: #666; margin-right:8px; }
.calendar .keyclosed { float: left; width: 24px; height:20px; background: #582e92; margin-right:8px; }
.calendar .keytelephone { float: left; width: 24px; height:20px; background: #ffcb77; margin-right:8px; }
.calendar .key {float: left; margin-top:0px; margin-right:20px; width:340px; }

/* Availability */
.telephoneonly { background: #5273a8; color: #fff; font-weight:bold;padding:10px; width: 500px; margin-top:20px; line-height:1.5em; font-size:1.2em; }
.resultssummary { background: #5A80BC; padding: 5px; color: #fff; margin-bottom:0px; font-weight:bold; }
.results { margin-bottom:20px; }
.results .item { background: #192435; padding:10px; margin-bottom:0px; border-top: solid 1px #44628E;}
.results .picture { float: left; width: 320px;  }
.results .picture .mainpicture { background: #c9ddfe; padding:1px; width:320px; margin-top:0px; max-height:240px; overflow: hidden;}
.results .details { float: left; width: 540px; margin-right:40px; text-align:justify;}
.results .icons { margin-bottom:0px; }
.results .icon { float: left; margin-right:10px; margin-bottom:10px; }
.results h2 { margin-top:0px; text-transform:uppercase; }
.results .description { margin-bottom:12px; }
.results .continue { float: left; margin-left:0px; margin-top:20px; margin-bottom:10px; }
.results .continue input { -webkit-appearance: none; border-radius: 0; }
.results .title { width:150px; }
.results .thumbnails { margin-left:-5px; width:330px; }
.results .thumbnail { float: left; margin-left:6px; padding: 2px; background: #fff; border: solid 0px #aaa; margin-right:0px; margin-top:5px; max-height:75px; overflow: hidden; }
.results .thumbnail:hover { cursor: pointer; }
.results .select { font-size:1.0em; font-weight:bold; }
.results .select input { width: 1.4em; height:1.4em; }
.results .selectcheck { font-size:1.4em;  }
.button:disabled { background: #233249; color: #293B56; }
.button:disabled:hover { background: #233249; color: #293B56; cursor: default; }
.button { background: #5A80BC; font-family: Arial; padding: 5px 10px 6px 10px; color: #fff; text-transform: capitalize; font-size:1.4em; font-weight:bold; border:none;  }
.button:hover { background: #6E9DE5; cursor: pointer; }
.worldpay a:link, .worldpay a:active, .worldpay a:visited  { text-decoration:none; color: #fff; }

/* Options */
.summary { padding: 0px 20px; color: #fff; }
.summary .left { float: left; width: 510px; margin-right:30px; }
.summary .right {float: left; width:440px; }
.summary .title { padding-top:0px; margin-bottom:8px; width:170px; float:left;}
.summary .title2 { padding-top:4px; margin-bottom:4px; width:170px; }
.summary .title3 { padding-top:4px; margin-bottom:4px; width:135px; float:left; }
.summary .value { padding-top:0px; margin-bottom:4px; float:left; }
.summary .costsummary { font-size:1.2em; }
.summary .input { font-weight:bold; }
.summary .titlecost { padding-top:0px; margin-bottom:0px; width:390px; background: #425D89; padding: 8px 10px; color: #fff; float:left; font-weight:bold; font-size:1.2em; }
.summary .valuecost { padding-top:0px; margin-bottom:0px; background: #425D89; padding:8px 10px; color: #fff; float:left; font-weight:bold; width:70px; text-align:right; font-size:1.2em; }
.summary .titlespecial { padding-top:0px; margin-bottom:0px; width:320px; background: #1371cd; padding:8px 10px; color: #fff; float:left; font-weight:bold; font-size:1.2em; }
.summary .valuespecial { padding-top:0px; margin-bottom:0px; background: #1371cd; padding: 8px 10px; color: #fff; float:left; font-weight:bold; width:70px; text-align:right; font-size:1.2em;  }
.summary .titlepayment{ padding-top:0px; margin-bottom:0px; width:390px; background: #C9DDFE; padding: 8px 10px; color: #222; float:left; font-weight:bold;font-size:1.2em;  }
.summary .valuepayment { padding-top:0px; margin-bottom:0px; background: #C9DDFE; padding: 8px 10px; color: #222; float:left; font-weight:bold; width:70px; text-align:right;font-size:1.2em;  }
.summary .titlesubtotal{ padding-top:0px; margin-bottom:0px; width:320px; background: #cdcdcd; padding: 8px 10px; color: #000; float:left; font-weight:bold;font-size:1.2em;  }
.summary .valuesubtotal { padding-top:0px; margin-bottom:0px; background: #cdcdcd; padding: 8px 10px; color: #000; float:left; font-weight:bold; width:70px; text-align:right;font-size:1.2em;  }
.summary .titletotal{ padding-top:0px; margin-bottom:0px; width:390px; background: #212E44; padding: 8px 10px; color: #fff; float:left; font-weight:bold;font-size:1.2em;  }
.summary .valuetotal { padding-top:0px; margin-bottom:0px; background: #212E44; padding: 8px 10px; color: #fff; float:left; font-weight:bold; width:70px; text-align:right; font-size:1.2em; }
.summary .warning {  font-weight: bold; width: 500px; padding:10px; background: #dbe59c; color: #000; font-weight:bold; margin-top:10px; }
.summary h3 { margin-top:0; padding-top:0; margin-bottom:6px; font-size:1.2em; font-weight:bold; }
.summary .price { margin-bottom:6px; font-style: italic; }
.summary .extras { margin-bottom:20px;}
.summary .description { font-size:0.9em; margin-bottom:15px; }
.summary .instructions { font-size:0.9em; margin-bottom:15px; }
.summary .terms { width: 372px; padding:10px; background: #efefef; border: solid 1px #ccc; height:120px; overflow: auto; margin-top:10px; }
.summary .terms h2 { margin-top:0px; }
.summary .agree { margin-top:10px; margin-bottom:10px; }
.summary .quantity { float: left; width:60px; padding-top:4px; }
.summary .input2 { float: left; font-weight:bold; }
.summary .headerrow { background: #000; color: #fff; font-weight: bold;  }
.summary .facility1 { background: #425D89; color: #fff; }
.summary .facility2 { background: #496796; color: #fff; }
.summary .errorhighlight { border: solid 2px #ff0000; font-family: Arial; font-size: 1.0em; background: #fadadb; }
.summary .taken { background: #c70f12; padding:5px; color: #fff; font-weight: bold; font-family:Arial; }
.summary .specialoffer { margin-bottom:5px; }
.summary .specialoffer h2 { background: #666; padding:8px 10px; color: #fff; font-weight:bold; margin:0; text-transform:capitalize; font-size:1.0em; }
.summary .specialoffer .description {  font-size:1.0em; background: #dedede; padding:10px; margin:0; }
.summary .specialoffer .saving {background: #dedede; font-weight:bold; background: #dedede; padding:10px; margin:0; padding-top:0px;}

/* Feature links */
.featurelinks p { width: 400px; padding:9px 0px; background: #222; text-decoration:none; color: #fff; font-family: Trebuchet MS, Arial, Georgia; font-size:1.05em; font-weight:normal; margin-bottom:0px; text-transform:uppercase; border-bottom: solid 1px #555; text-align:center; }
.featurelinks p:first-letter { font-size:1.2em; }
.featurelinks p:hover { background: #111; }
.featurelinks a { text-decoration:none; color: #fff;  }
.featurelinks a:hover { background: #111; text-decoration:none; color: #ffc23f; }

/* Comments */
.comments { margin-top:10px; margin-left:10px; color: #fff; font-style: italic; width:380px; line-height:1.5em; }
.comments .comment { margin-bottom:10px; }

/* Pages */
img.float { float: left; margin:5px 10px 5px 0px; }
.video { margin-bottom:20px; }

/* Google Map */
.map { width:540px; height:540px; border: none; position:relative;  }
.map .marker { font-family:Arial; font-size:1.0em; margin-bottom:0px; color: #555; width:400px; }
.map .marker .picture { float:left; width: 125px; margin-right:10px; }
.map .marker .details { float:left; }
.map .description { font-size: 0.9em; font-family: Arial; }
#directions { width:390px; margin-bottom:20px; color: #fff; margin-top:12px; margin-left:-5px;}
.overlaytitle { color: #555; }

/* Photo Gallery */
.gallery { margin-top: 20px; margin-bottom:20px; margin-left:10px; }
.gallery .photo { float:left; margin-right:12px; margin-top:18px; width:220px; height:140px; }
.gallery img { border: solid 1px #888; }

/* Links */
.links { margin-top:20px; margin-bottom:20px; color: #fff; padding-left:10px; padding-right:20px;}
.links .category { margin-top:24px; }
.links .name { font-size:1.3em; font-weight:bold; margin-bottom:6px; color: #a2a180; margin-top:16px; }
.links .name a { text-decoration:none; color: #a2a180; }
.links .name a:hover { color: #ffc23f; }
.links .description { margin-bottom:8px; }
.links a { text-decoration: none; font-weight:bold; color: #bad4ff; }
.links a:hover { color: #ffc23f; font-weight:bold; }

/* Visitors Book */
#visitorsbook { margin-left:10px; color: #fff; margin-bottom:20px; }
#visitorsbook h2 { font-size:1.2em; margin-bottom:4px; }
/* Calendar */
.angelfish { margin-top:20px; }

/* Footer */
#footer { margin-top: 1px;padding-top:14px; width: 960px; font-family: Arial, Georgia; background: #222; color: #fff; height:150px; }
#footer .contact { text-transform:none; margin-bottom:12px; font-weight:normal; font-size:1.1em; width:960px; text-align:center;}
#footer .cookies { width:960px; text-align:right; margin-bottom:0px;  text-align:center;}
#footer .angelfish { width:960px; text-align:right; margin-bottom:8px;  text-align:center; margin-top:12px;}
#footer .symbols { margin-left:335px; margin-bottom:0px; margin-top:20px; }
#footer .symbol { float: left; margin-right:12px; }
#footer a { text-decoration:none; color: #bad4ff; }
#footer a:hover { text-decoration:none; color:#ffc23f; }

/* Standard text */
.text { font-family: Arial; font-size: 1.0em; color: #fff; text-align:left; margin-top:0; margin-bottom:0px; margin-left:10px; line-height:1.6em;}
.text a { text-decoration:none; color: #bad4ff; }
.text a:hover { text-decoration:none; color:#ffc23f; }
.darktext { font-family: Arial, Arial; font-size: 1.1em; color: #fff; padding: 0px 20px 20px 20px; text-align:justify; margin-top:0; }
.darktext a, .darktext a:active, .darktext a:visited { text-decoration:underline; border:none; color: #444;}
.darktext a:hover, .darktext a:active:hover, .darktext a:visited:hover { color: #89d488; text-decoration:underline; border:none }

/* Controls */
.input { font-family: Arial,Arial; margin-bottom:2px; font-size:1.0em; color: #444;}
.inputsmall  { font-family: Arial,Arial; margin-bottom:2px; font-size:0.85em; color: #444;}
.input2 {font-family:Arial; font-size:1.4em; font-weight:bold; padding: 5px 6px; }

img { border: 0; }

#updateprogress1 { color: #000000; }

/* AJAX Calendar */
.calendar .ajax__calendar_container { background: #d9d9d9; z-index:255; }
.calendar table { background: #fff; padding: 0; font-size: 0.9em; }
.calendar td { padding: 1px; }
.calendar .ajax__calendar_active { background: #018287; color: #fff; }
.calendar .ajax__calendar_other { background: #e9e9e9; color: #333; }
.calendar .ajax__calendar_day { margin: 1px; padding: 0; }
.calendar .ajax__calendar_day:hover { border: 1px solid #018287; margin: 0; }

/* Images */
#images {border:none; margin-top:15px; margin-bottom:15px; text-align:center; }
#images a, #images a:active, #images  a:visited { text-decoration:none; border:none; }
#images a:hover, #images a:active:hover, #images a:visited:hover { text-decoration:none; border:none; }
.noDecoration {border:none; }
.noDecoration a, .noDecoration a:active, .noDecoration a:visited { text-decoration:none; }
.noDecoration a:hover, .noDecoration a:active:hover, .noDecoration a:visited:hover { text-decoration:none; }
.caption { padding-top:4px; padding-bottom: 12px; text-align:left; width:180px; }

/* Validators */
.validator { padding-bottom: 3px; margin-bottom: 10px; }