﻿/* Standard */
body { background: #fff url(/images/base/bg.jpg) repeat-x; margin: 0 auto; }
form { font-family: Arial; font-size: 0.8em; color: #353f15; border:none; margin:0 auto; width:1000px; line-height:1.4em; margin-top:0px; margin-bottom:10px; padding:0px; }
h1 { font-family: Arial; font-size: 1.6em; font-weight: normal; margin-bottom:24px; text-transform:capitalize; color: #333333;}
h2 { font-family: Arial; font-size: 1.2em; font-weight:bold; margin-bottom:10px; text-transform:uppercase; }
h3 { font-family: Arial; font-size: 1.1em; font-weight:bold; margin-bottom:10px; }
p { text-align:justify; }
a:link { color: #fff; text-decoration:none; }
a:link:hover { color: #fff; text-decoration:none; }

/* Header */
#header {margin:0; margin-top:0px; padding:0; border:0; background: url(/images/base/logo-white.png) no-repeat; height:160px; margin-top:10px; width:1000px; }
#header:hover { cursor: pointer; }

/* Progress Bar */
.progress { margin-top:16px; margin-bottom:30px; font-size: 0.9em; }
.progress a, .progress a:active, .progress a:visited { color: #263441; }
.progress a:hover, .progress a:active:hover, .progress a:visited:hover { color: #2070b6; }
.progress .title { float:left; width: 182px; text-align: left; margin-bottom:2px;  }
.progress .standard { float:left; width: 180px; height: 8px; background: #e2e2e2; margin-right:1px; margin-top:0px; }
.progress .selected { float:left; width: 180px; height: 8px; background: #2d3b48; margin-right: 1px; margin-top:0px; }

/* Book Online */
.title { float:left; width:190px; padding-top:4px; margin-bottom:14px; }
.title2 { float:left; width:190px; padding-top:4px; margin-bottom:14px; }
.value { float:left; }
.button { font-weight:bold; font-size:1.2em; padding: 4px 12px; background: #596f8b; border: solid 2px #1b252e; color: #fff; }
.button:hover { cursor: pointer; background: #394a59; }
.button:disabled { cursor: pointer; background: #aaa; border: solid 2px #888; }
.button:disabled:hover { cursor: default; }

/* Availability */
.telephoneonly { background: #2f3c4c; padding:10px; width: 480px; margin-top:20px; line-height:1.5em; color: #fff; font-weight:bold; }
.results { margin-top:20px;}
.results .item { background: #efefef; border: solid 1px #ccc; padding:10px; margin-bottom:10px; }
.results .picture { float: left; width: 320px;  }
.results .details { float: left; width: 618px; margin-right:40px;}
.results h2 { margin-top:0px; text-transform:capitalize; }
.results .description { margin-bottom:12px; }
.results .continue { float: left; margin-left:10px; margin-top:-4px; }
.results .title { width:150px; }

/* 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: #777; 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: #b4e09d; color: #000; }
.calendar .available:hover { background: #99cc7e; cursor: pointer; }
.calendar .available a { background:none; text-decoration:underline;}
.calendar .closed { background: #1299ac; color: #fff; }
.calendar .booked { background: #1299ac; color: #fff; }
.calendar .telephone { background: #ffb247; }
.calendar .telephone:hover { background: #e59d40; }
.calendar .telephone a { background:none; text-decoration:underline; }
.calendar .telephone a:hover { background: none; }
.calendar .keyavailable { float: left; width: 24px; height:20px; background: #b4e09d; margin-right:8px; }
.calendar .keybooked { float: left; width: 24px; height:20px; background: #1299ac; margin-right:8px; }
.calendar .keyclosed { float: left; width: 24px; height:20px; background: #888; margin-right:8px; }
.calendar .keytelephone { float: left; width: 24px; height:20px; background: #ffb247; margin-right:8px; }
.calendar .key {float: left; margin-top:0px; margin-right:20px; width:340px; }

/* Options */
.summary .left { float: left; width: 510px; margin-right:40px; }
.summary .right {float: left; width:440px; }
.summary .title { padding-top:0px; margin-bottom:8px; width:170px; }
.summary .title2 { padding-top:4px; margin-bottom:4px; width:170px; }
.summary .title3 { padding-top:4px; margin-bottom:4px; width:125px; float:left; }
.summary .value { padding-top:0px; margin-bottom:4px; }
.summary .titlecost { padding-top:0px; margin-bottom:0px; width:340px; background: #dedede; padding: 4px 5px; color: #222; float:left; font-weight:normal; }
.summary .valuecost { padding-top:0px; margin-bottom:0px; background: #dedede; padding: 4px 5px; color: #222; float:left; font-weight:normal; width:70px; text-align:right;  }
.summary .titlespecial { padding-top:0px; margin-bottom:0px; width:340px; background: #1371cd; padding: 4px 5px; color: #fff; float:left; font-weight:bold; }
.summary .valuespecial { padding-top:0px; margin-bottom:0px; background: #1371cd; padding: 4px 5px; color: #fff; float:left; font-weight:bold; width:70px; text-align:right;  }
.summary .titlepayment{ padding-top:0px; margin-bottom:0px; width:340px; background: #12980e; padding: 4px 5px; color: #fff; float:left; font-weight:bold; }
.summary .valuepayment { padding-top:0px; margin-bottom:0px; background: #12980e; padding: 4px 5px; color: #fff; float:left; font-weight:bold; width:70px; text-align:right; }
.summary .titlesubtotal{ padding-top:0px; margin-bottom:0px; width:340px; background: #777; padding: 4px 5px; color: #fff; float:left; font-weight:bold; }
.summary .valuesubtotal { padding-top:0px; margin-bottom:0px; background: #777; padding: 4px 5px; color: #fff; float:left; font-weight:bold; width:70px; text-align:right; }
.summary .titletotal{ padding-top:0px; margin-bottom:0px; width:340px; background: #444; padding: 4px 5px; color: #fff; float:left; font-weight:bold; }
.summary .valuetotal { padding-top:0px; margin-bottom:0px; background: #444; padding: 4px 5px; color: #fff; float:left; font-weight:bold; width:70px; text-align:right; }
.summary .headerrow tr { border-top: solid 10px #fff;  }
.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; }
.summary .headerrow { background: #666; color: #fff; font-weight: bold; border-top: solid 10px #fff; }
.summary .facility1 { background: #d8d8d8; }
.summary .facility2 { background: #e4e4e4; }
.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;}
.summary a:link, .summary a:active, .summary a:visited { color: #334d63; text-decoration:underline; }
.summary a:link:hover, .summary a:active:hover, .summary a:visited:hover { color: #3984C6; text-decoration:underline; }

/* Complete Bookings */
.complete {}
.complete .left { float: left; width:630px; margin-right:20px; }
.complete .right { float: left; width: 290px; margin-top:-20px; background: #efefef; padding:10px; padding-bottom:15px; border: solid 1px #aaa; }
.complete .right h2 { margin-top:0px; }
.complete .title { float: left; padding-top:0px; width:175px; margin-bottom:6px; }
.complete .value { float: left; padding-top: 0px; margin-bottom:6px; }
.complete .room { float: left; width:165px; margin-bottom:5px; margin-right:10px; }
.complete .roomcost { float: left; margin-bottom:5px; }
.complete .extra { float: left; width: 165px; margin-bottom:6px; color: #0f79c7; margin-right:10px; }
.complete .extracost { float: left; margin-bottom: 5px; color: #0f79c7; }
.complete .text { margin-bottom:20px; }
.complete .titleheading {height:36px; color:#fff; font-weight:bold; background: url(/images/base/bg.jpg); }
.complete .titleheading td { padding:4px 5px; }
.complete .roomrow { background: #dedede; }
.complete .extrarow { background: #c6d5f0; }
.complete .discountrow { background: #c8f0c6; }
.complete .subtotalrow { background: #777; color: #fff; }
.complete .roomrow td { padding: 4px; }
.complete .extrarow td { padding: 4px; }
.complete .discountrow td { padding: 4px; }
.complete .subtotalrow td { padding: 4px; }
.input { font-family: Arial; }

/* Footer */
#footer { margin-top:40px; border-top: solid 1px #ccc; padding-top:10px; line-height:1.4em; font-size:0.9em; }
#footer a { color: #1c62a0; }
#footer a:hover { color: #2793f3; }

/* 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; }