/* Standard */
body { background: #fff; }
form { font-family: Trebuchet MS, Arial; font-size: 0.8em; color: #666666; border:none; margin:0 auto; width:660px; line-height:140%; margin-top:10px; margin-bottom:10px; background-color: #fff; padding:0px; }
.wideform { font-family: Trebuchet MS, Arial; font-size: 0.8em; color: #666666; border:none; margin:0 auto; width:800px; line-height:140%; margin-top:10px; margin-bottom:10px; background-color: #fff; padding:0px;  }
h1 { font-family: Trebuchet MS, Arial; font-size: 1.3em; font-weight: normal; margin-bottom:4px; text-transform:uppercase; padding-bottom:3px; border-bottom: solid 1px #d6e0e0; }
h2 { font-family: Trebuchet MS, Arial; font-size: 1.2em; font-weight: bold; margin-bottom:8px; text-transform:none; padding-bottom:3px; border-bottom: solid 1px #ccc;  }
h3 { font-style: italic; margin-bottom:10px; font-size: 1.0em;}
p { text-align:justify; }
a:visited { color: #65490d; }

/* Checker */
.checker { font-family: Trebuchet MS; font-size:0.9em; }
.checker .input { font-family: Trebuchet MS; }
.results { font-size:0.9em; margin-top:20px; }

/* Pager */
.pages { margin-top:10px; margin-bottom:10px; font-size: 0.9em; }

/* Hotel Captions */
.caption { width: 600px; border: solid 1px #aaa; padding: 0px; margin-top:20px; background: #ddd url('/images/base/hoteldetails.jpg') repeat-x; }
.caption .title { width: 590px; height:15px; padding: 5px; background: #3366cc; color: #fff; font-weight: bold; font-size:1.2em; text-transform:uppercase; }
.caption .left { width: 180px; padding:10px; float:left; }
.caption .right { width: 380px; padding:0px 10px 2px 10px; float:left; }
.caption .details { width: 380px; }
.caption .booking { margin-top:6px; margin-bottom:6px; }
.caption .prices { width:380px; padding:4px; background: #669933; color:#fff; margin-top:10px; }
.caption .picturepanel { float:left; width:150px; margin-right:10px;  margin-bottom:7px; }
.caption .picture { width:150px; margin-right:10px; padding:0; }
.caption .photoselector { width: 44px; height: 34px; float:left; margin-right: 7px; margin-top:0px; }
.caption a { color: #fff;  text-decoration:underline; }
.caption a:hover { color: #04440e; text-decoration:underline; }
.caption .features { margin-bottom:8px; }
.caption .feature { float: left; margin-right:8px; }
.image { border: solid 1px #888; padding:0; margin:0; }
img { border: solid 1px #888; padding:0; }

/* Hotel Summary */
.details { padding:10px 0px; font-family: Trebuchet MS; width:800px; }
.details .options { margin-bottom:0; padding:0; border-bottom: solid 1px #0f7ccb; }
.details .selectedoption { padding: 4px; float:left; background: #0f7ccb; border: solid 1px #0f7ccb; border-bottom:none; margin-right:2px; }
.details .selectedoption a:link { font-weight:bold; text-decoration:none; color: #fff; }
.details .option { padding: 4px; float:left; background: #efefef; border: solid 1px #0f7ccb; border-bottom:none; margin-right:2px; }
.details .option a:link { font-weight:bold; text-decoration:none; color: #0f7ccb; }
.details .option a:link:hover { font-weight:bold; text-decoration:none; color: #78abd0; }
.details .contents { border: solid 1px #0f7ccb; border-top:none; padding:10px; background: #dddddd url('/images/base/hoteldetails.jpg') repeat-x; color: #105486; }
.details .contents .photos { float:left; width:152px; margin-right:50px; }
.details .contents .content { float:left; padding-right:20px; width: 550px; }
.details .contents .mapcontent { float:left; padding-right:20px; width: 390px; }
.details .features { margin-top: 15px; margin-bottom:15px; }
.details .feature { float: left; margin-right:8px; }
.details .picturepanel { float:left; width:150px; margin-right:10px; margin-bottom:7px; margin-top:5px; }
.details .picture { width:150px; margin-right:10px; }
.details .photoselector { width: 44px; height: 34px; border: solid 1px #888; float:left; margin-right: 7px; margin-top:0px; }
.details .photoselectorfinal { width: 44px; height: 34px; border: solid 1px #888; float:left; margin-right: 0px; margin-top:0px; }

/* Map */
.map { width: 320px; height: 320px; border: solid 1px #ccc; float:left; margin-right:40px; }
.localmap { width: 800px; height: 600px; border: solid 1px #ccc; }
.overlaytitle { font-size:1.2em; font-weight:bold; margin-bottom:10px; }

/* Progress Bar */
.progress { margin-top:4px; margin-bottom:40px; font-size: 0.9em; }
.progress .title { float:left; width: 125px; text-align: left; }
.progress .standard { float:left; width: 123px; height: 6px; background: #ddd; margin-right:2px; }
.progress .selected { float:left; width: 123px; height: 6px; background: #aaa; margin-right: 2px; }

/* Text */
.text { font-family: Trebuchet MS, Tahoma; font-size: 1.0em; color: #666666; padding:0; text-align:justify; margin-top:0;}
.text a { text-decoration:underline; border:none; color: #65490d;}
.text a:hover { color: #c7911d; text-decoration:underline; border:none }

/* Buttons & Images */
.input { font-family: Trebuchet MS, Tahoma; font-size:100%; color: #666666; margin-bottom:3px; margin-top:3px; }
.image { text-align: center; }

/* Link */
.link { margin-top:20px; }

/* Calendar */
.room1 { background-color: #f2f2f2; }
.room2 { background-color: #ebebeb; }
.booked { background-color: #444; color: #fff; }
.bookedweekend { background-color: #333; color: #fff; }
.bookedbankholiday { background-color: #333; color: #fff; }
.booked a:link, .booked a:active, .booked a:visited { color: #fff; }
.booked a:link:hover, .booked a:active:hover, .booked a:visited:hover { color: #ddd; }
.available { background-color: #ddd; }
.availableweekend { background-color: #ccc; }
.availablebankholiday { background-color: #ccc; }
.closed { background-color: #444; color: #fff; }
.closedweekend { background-color: #333; color: #fff; }
.closedbankholiday { background-color: #333; color: #fff; }
.closed a:link, .closed a:active, .closed a:visited { color: #fff; }
.closed a:link:hover, .closed a:active:hover, .closed a:visited:hover { color: #ddd; }

/* Room popup */
.popup { position: absolute; left: 0; top:0; width:100%; height:100%; text-align:center; background: #000; filter:alpha(opacity=90);	-moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9;}
.popup .details { width: 400px; padding:10px; background: #ddd; border: solid 1px #aaa; margin-top:50px;}
.popup .details .name { font-family:Trebuchet MS; font-size: 1.2em; font-weight: bold; margin-bottom: 8px; }
.popup .details .picture { margin-top:12px; margin-bottom:20px; width: 150px; padding: 5px 5px 2px 5px; background-color: #fff; border: solid 1px #888; }
.popup .details .text { width: 380px; padding: 10px;  text-align: justify; font-size:0.7em; font-family:Verdana; color: #555; height: 280px; overflow: auto; }
.booking { margin-top:12px; margin-bottom:6px; }
.roompricecell { padding: 2px 4px; }

/* Rooms */
#rooms { font-family:Trebuchet MS; width:660px; }
#rooms .photos { width: 150px; vertical-align:top; padding:10px; }
#rooms .title { text-align: left; }
#rooms .details { padding: 10px; width:460px; vertical-align:top; }
#rooms .prices { margin-top:10px; margin-bottom:10px; }
#rooms .prices table { border: solid 1px #888; border-collapse:collapse; }
#rooms .prices .header { background-color: #666; color: #fff; }
#rooms .prices td { border: solid 1px #888; padding: 2px 6px; font-size:0.9em; }
#rooms .row1 { background: #e4e4e4; }
#rooms .row2 { background: #dedede; }
#rooms .title { font-weight: bold; font-size:1.1em; margin-bottom:6px; border-bottom: solid 1px #ccc; padding-bottom:2px; }
#rooms .description { font-size:1.0em; margin-bottom:6px; text-align: justify; }
#rooms .note { margin-bottom:6px; font-size: 0.9em; font-style: italic; margin-bottom:16px;}
#rooms .required { float:left; margin-right:8px; padding-top:8px; font-size:0.9em; }
#rooms .continue { float:left;}
#rooms .specialoffer { margin-top:12px; margin-bottom:12px; font-size:0.9em; color: #003e96; }
#rooms .picturepanel { float:left; width:150px; margin-bottom:4px; }
#rooms .picture { width:150px; }
#rooms .picture img { border: solid 1px #555; }
#rooms .name { background-color: #222; padding:4px; font-family:Trebuchet MS; color: #fff; }
#rooms .selector2 { width: 125px; text-align: justify; margin: 0; padding-left: 25px; }
#rooms .selector {  float:left; margin-right:8px; font-weight:normal; font-family:Trebuchet MS; margin-top:2px; padding:0; }
#rooms .continue { font-size:0.95em; font-weight:bold; margin-top:0px; font-family:Trebuchet MS; padding:0;  }
#rooms .photoselector { width: 44px; height: 34px; border:0; float:left; margin-right: 7px; margin-bottom:7px; border: solid 1px #555;  }
#rooms .photoselector img { }

/* Booking Completion */
#completebooking { margin-top: 20px; margin-bottom: 20px; width: 600px; text-align: justify; font-size: 0.9em; font-style: italic; }
#completerequest { margin-top: 20px; margin-bottom: 20px; width: 600px; text-align: justify;  font-size: 0.9em; font-style: italic;}
#deposit { font-style: italic; font-size: 0.9em; width: 450px; }

/* 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; }