/* @override http://hotel1.local.allocate.co.uk:3000/css/site.css */

@import url(/css/layout.css);
@import url(/css/calendar.css);

/* 900 centered, and backward compatibility: resize to match hotel site width */ 
#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7 {
	margin:auto;text-align:left;
	width:50.00em;*width:48.796em;min-width:800px;}

#cust-address { border: 0 }

/* @group Booking Page */
select.room-select {
	display: inline;
}

/* @group Availability */

/* HOTEL SPECIFIC */

/* top level menu */
#top_level_menu 
{
    background-color: #b99c57;
    height: 35px;
    width: 100%;
}

.top_level_menu_left
{
	position: relative;
	float: left;
    width: 4px;
    background-repeat: no-repeat;
    background-position: left top;
}

.top_level_menu_right
{
	position: relative;
	float: right;
    width: 4px;
    background-repeat: no-repeat;
    background-position: right top;
}
#top_level_menu a {
	display: block; 
	width: 60px;
	height: 22px;
	background-image: url(/skin/custom/52/53/486/assets/images/home-off.gif); 
	background-repeat: no-repeat;
    background-position: left top;
}
#top_level_menu a:hover {
	background-image: url(/skin/custom/52/53/486/assets/images/home-on.gif); 
}
.body_text {
	font-size: 1.0em;
    font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, Sans-Serif;
    line-height: 1.1em;
    font-weight: normal;
    color: #000;
}
a:link .body_text {
	text-decoration: none;
}
p.colour_gold {
	color: #b99c57;
}

/* BASIC ELEMENTS */ 

html, body { 
	color: #333; 
	font-size: 0.9em; 
	font-family: Arial, Helvetica, sans-serif; 
	text-align: center;
	line-height: 1.4em; 
	margin: 0;
	border: 0 none;
	padding: 0;
}
h1 {
	font-size: 1.0em;
}
h2 {
	font-size: 1.2em;
}
h3 {
	font-size: 1.0em;
	color: #630134;
	margin-bottom: -5px;
}
img {
	border: 0 none;
	margin: 0;
	padding: 0;
}
a:link {
	color: #404041;
}
a:visited {
	color: #808080;
}
a:hover {
	color: #630134;
}
a:active {
	color: #630134;
}
#container { 
	text-align: left;
	position: relative;
	width: 800px; 
	margin: 3px auto;
	padding-bottom: 20px;
	background-color: #ffffff; 
	border: 1px solid #b99c57;
	height: 100%;
}	
#head { 
	width: 776px; 
	text-align: left;
	margin: 12px 0px 0px 12px;
	height: 50px;
}
#body {
	position: relative;
	left: 0px;
	top: 20px;
	width: 800px; 
	padding: 0px;
	min-height: 600px;
	height: 600px;
}
div[id] #body {
	height: auto;
}

#body h1  { margin: 0 0 5px 0; text-transform: uppercase;}
#body h2   { font-weight: 700; padding-top: 6px; letter-spacing: 0.1em; text-transform: uppercase; }
#body strong {
	font-weight: bold;
	color: #630134;
}

#foot {
	margin: 0px auto;
	padding: 0;
	text-align: left;
	position: relative; 
	width: 800px; 
	height: 220px; /* Extra height required in footer to avoid Safari (& IE?) truncation problem */
	clear: both;
}

/* COMMON TO ALL PAGES */ 

/* top tab text */ 
.allocate_pagetitle {
	font-weight: 700;
	font-size: 0.9em;
	text-indent: 10px;
	color: #ffffe0;
	text-transform: uppercase;
}
/* hint text under top tab - page 1 */ 
.booking-tip {
	color: #630134;
	font-size: 0.9em;
	font-weight: 700;
	margin-bottom: 30px;
	width: auto;
}
/* hint text under top tab - page 2 */ 
.booking-tip-rooms {
	margin: -10px 0 10px 0;
	width: auto;
	font-size: 0.9em;
	font-weight: 700;
	color: #630134;
}
.highlight {
	color: #630134;
}
/* telephone label */ 
.contact {
	font-weight: 700;
	font-size: 1.0em;
}
/* top tabs */ 
#tabs {
	width: 558px;
}
#bookingTab1, #bookingTab2, #bookingTab3 {
	width: 460px;
	height: 30px;
	margin-left: 12px;
	padding: 0;
	background-repeat: no-repeat;
}
#bookingTab1 {
	background-image: url(/skin/custom/52/53/486/assets/images/booking-tab1.gif);
}
#bookingTab2 {
	background-image: url(/skin/custom/52/53/486/assets/images/booking-tab2.gif);
}
#bookingTab3 {
	background-image: url(/skin/custom/52/53/486/assets/images/booking-tab3.gif);
}
/* 1-2-3 graphic */ 
.steps {
	float: right;
}

/* BOOKING DETAILS - RIGHT PANEL */ 

/* Your Booking Details headline */ 
#yourDetails {
	font-weight: 700;
	font-size: 1.0em;
	width: 208px;
	height: 16px;
	padding: 3px 0 5px 10px;
	color: #fff;
	background-color: #b99c57;
	background-repeat: no-repeat;
}
/* RIGHT PANEL */ 
div#booking-description {
	position: relative;
	float: right;
	width: 220px;
	padding: 0;
	margin: 30px 5px 20px 0;
}
#booking-description li {
	font-weight: 700;
}
li#bk-desc-hotel, li#bk-arriving, li#bk-nights {
	font-size: 0.9em;
	color: #630134;
	margin-bottom: 3px;
}
.booking-list ul, .booking-list li {
	margin: 0;
	padding: 0;
	line-height: 0.5em;
	color: #333;
}
table.booking-description {
	margin-bottom: 10px;
}

/* Room number and occupancy strip */ 
table.booking-description th {
	width: 160px;
	text-align: left;
	font-weight: 700;
	padding-left: 5px;
	border-top : 5px solid #ffffe0;
	border-bottom : 0 none;
	background-color: #f5eaba;
}
table.booking-description td {
	padding-top: 5px;
	padding-bottom: 5px;
}
/* Line above total price on payment page */ 
table.booking-description .price {
	border-top: 1px solid #630134;
}
.booking-description .offer-name, .offer-name {
	color: #fff;
	background-color: #630134;
	padding: 0 0 3px 5px;
}
#booking-text, #info-text {
	margin: 0;
	padding: 0;
	width: 216px;
	border-top: 0 none;
	border-bottom: 1px solid #b99c57;
	border-left: 1px solid #b99c57;
	border-right: 1px solid #b99c57;
	height: 40px;
	min-height: 40px;
	background-color: #ffffe0;
}
#booking-text ul, #info-text ul {
	margin: 0 10px 0 10px;
	padding: 10px 0 10px 0;
}
/* Contact details box plus terms and privacy link */ 
#info-text {
	margin-top: 10px;
	border-top: 1px solid #b99c57;
}
#info-text li {
	font-weight: 300;
}
#info-text a {
	font-size: 0.9em;
}
div[id] #booking-text, div[id] #info-text {
	height: auto;
}
td.desc, td.desc2 {
	width: 75%;
	color: #630134;
	font-weight: 700;
	font-size: 1.0em;
	text-transform: uppercase;
	background-color: #f5eaba;
}
td.desc2 {
	color: #333;
	background-color: #ffffe0;
	text-align: right;
}	
tr.price {
	color: #630134;
	background-color: #f5eaba;
}
.supps {
	color: #000;
	font-size: 0.9em;
	border-bottom: 0 none;
}

/* Terms and conditions box */ 

#terms-box {
	margin-top: 10px;
	width: 216px;
	border: 1px solid #b99c57;
	background-color: #ffffe0;
}	
#terms-box p {
	margin: 0 5px 5px 5px;
	font-size: 0.9em;
	font-weight: 300;
	line-height: 1.2em;
	color: #000;
}
#terms-box h3 {
	margin: 0 5px 5px 5px;
	color: #630134;
	font-size: 0.9em;
	font-weight: 700;
}

/* CHECK AVAILABILITY PAGE */ 

span.action-field {
	margin-bottom: 15px;
}

/*drop down labels*/
.required_field {
	font-size: 0.9em;
	color: #630134;
}
/*Calendar elements*/
div#calendar-container_0 {
	width: 255px;
	float: left;
}
div#calendar-container_1 {
	width: 255px;
	float: right;
	margin-right: 5px;
}
#calendar-help {
	font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, Sans-Serif;
	color:#630134;
	font-size: 1.1em;
	font-weight: 700;
	border-top: 1px solid #eee;
	border-bottom: 0 none;
	border-left: 0 none;
	border-right: 0 none;
}
/*Calendar key*/
#key {
	float: left;
	width: 280px;
	height: auto;
	margin: 30px 0 0 5px;
	border:1px solid #b99c57;
	padding: 3px 10px 3px 0;
}
/*Calendar key - main label */
.key-label {
	font-size: 0.9em;
	font-weight: 700;
	color: #b99c57;
	margin: 0 0 5px 2px;
}
/*Calendar key - text on cells */
#key .selector {
	font-size: 0.9em;
}
.stay-help {
	width: auto;
}
div.unavailable { float : right; }
div.restricted { float : right; margin-right : 2px; }
div.available { float : right; margin-right : 2px; }

/* Booking expired message */ 

p.status_message {
	float: left;
	color: #ff0000;
	font-weight: 700;
	font-size: 0.9em;
	margin: 10px;
}

/* Special offers graphic above calendar */ 

#offerBox {
	position: relative;
	float: right;
	width: 100px;
	height: 100px;
	margin: 0 10px 10px 0;
}

/* ROOM AND RATES PAGE */ 

/* main left panel container */ 
form#stay_details {
	width: 540px;
	border: 1px solid #b99c57;
	padding: 0px 0px 40px 5px;
	margin-left: 12px;
}
div.room-change p {
	font-weight: 700;
}
div.room-options {
	margin-top: 20px;
}
.room-options th {
	background-color: #886f4a;
}
.room-options td {
	background-color: #BE9B68;
}
/* Room1, Room2, Room3 containers */ 
#stay2, #stay3, #stay4 {
	width: 525px;
	padding: 10px 10px 10px 10px;
	margin-left: 12px;
	border: 1px solid #b99c57;
}
#stay2, #stay3 {
	margin-bottom: 20px;
}
/* Room Name AND Room stay type (e.g. 'Best Available Rate') */ 
.stay h1, .stay h2 {
	font-weight: 700;
	font-size: 1.0em;
	text-align: left;
	color: #630134;
}
/* Room name background */ 
div.room-options h1 {
	border: 0 none;
	background-color: #b99c57;
	border-top: 1px solid #b99c57;
	border-bottom: 1px solid #b99c57;
	text-align: left;
	color: #fff;
}
span.occ-desc h1 {
	font-size: 1.1em;
}
/* Room description text */ 
div.room-options p {
	font-size: 0.9em;
	padding-top: 3px;
}
/* Room rate description panel and offer description panel */ 
div.standard, div.offer {
	border: 0 none;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 5px;
	border-bottom: 1px solid #b99c57;
	border-left: 1px solid #b99c57;
	background-color: #ffffe0;
}
/* Room rate name */ 
div.standard h2, div.offer h2 {
	font-size: 1.0em;
	text-align: left;
	color: #000;
}
/* Offer description panel */ 
div.offer {
	background-color: #f5eaba;
	border-bottom: 1px solid #630134;
	border-left: 1px solid #630134;
}
/* Offer description text area */ 
span.product-desc {
	width: 68%;
}

/* Room image thumbnail */ 
.zoomable {
	margin-right: 5px;
}
.product-desc p {
	text-align: left;
}
/* Room price strip */ 
div.room-total {
	margin-top : 15px;
	height: 20px;
	padding : 3px;
	border-top : 1px dotted #630134;
	background-color : #ffffe0;
	border-bottom : 1px dotted #630134;
	margin-bottom : 5px;
}
/* Total price strip */ 
.room-footer {
	width: 540px;
	height: 20px;
	background-color: #f5eaba;
	border-top : 1px dotted #630134;
	border-bottom : 1px dotted #630134;
	margin-left: 10px;
}
/* Total price text */ 
.price, .price-desc {
	font-size: 1.2em;
	font-weight: 700;
	color: #630134;
}
.price {
	padding-right: 10px;
}
.price-desc {
	text-indent: 10px;
}
/* Total price figures */ 
#grand-total {
	font-size: 1.4em;
}

/* Stay type table - RO/BB */ 

table.product-opt {
	float: right;
	width : 175px;
	width : 30%;
	border : 1px solid #b99c57;
}
td.stay, td.price, td.choice {
	color:#000;
	background-color: #ffffe0;
}
div.offer td.stay, div.offer td.price, div.offer td.choice {
	background-color: #f5eaba;
}
td.stay, td.price {
	padding-left: 5px;
}
td.price {
	font-weight: 700;
	border-left : 1px dotted #b99c57;
}
td.choice { 
	border-left : 1px dotted #b99c57;
}

/* SUPPLEMENTS SECTION */

div.supp-pkg {
	background-color: #feffef;
	border-bottom: 3px solid #630134;
	border-left: none;
	border-right: none;
	border-top: none;
}
div.supp-pkg h2 {
	background-color: #630134;
	border: none;
	color: #feffef;
}

span.supp-desc {
	background-color: #f5eaba;
	border: 1px solid #b99c57;
}
/* Supplement terms */
.supp-desc p {
	text-align: left;
	line-height: 1.3em;
	font-size: 0.7em;
	margin-bottom: 3px;
	color: #000;
}
/* Supplement name */
p.supp-name {
	margin-top: 5px;
	font-size: 0.9em;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	color: #41361b;	
}
/* Supplement description text */
p.description {
	font-size: 0.9em;
	margin-top: 5px;
}
p.price-description {
	font-weight: 700;
	font-size: 1.1em;
	color: #630134;
	margin-bottom: 5px;
}
div.supp-wait {
	margin-bottom: 15px;
}
div.supp-options {
	margin-top: 40px;
}
div.supp-options h1 {
	border-bottom: 1px solid #b99c57;
}
.supp-cont {
	margin-top: 10px;
}

/* Payment page elements */ 

div#payment, div#thanks-booking {
	border: 1px solid #b99c57;
	width: 545px;
	margin-left: 12px;
}
div#payment fieldset {
	border-top: 1px solid #b99c57;
	margin: 5px 0 15px 0;
	padding: 5px 0 5px 10px;
}
div#payment input {
	width: 200px;
	margin-bottom: 18px;
}
div#payment fieldset legend {
	color : #b99c57;
}
div#payment fieldset label {
	width : 180px;
}

div#payment div {
	padding-bottom : 2px;
}

div#payment label {
  width : 200px;
  padding-left: 10px;
  margin-right: 20px;
  font-size: 0.9em;
  line-height: 1.2em;
  color:#333;
}

div#payment label.required_field {
  font-weight: bold;
  color:#630134;
}

div#payment status_message {
  font-weight: bold;
  color: red;
}
#form-note {
	font-size: 0.8em;
	margin: 0 0 0 10px;
}
textarea {
  width : 95%;
  height : 80px;
  margin-left: 10px;
}
.card_fields {
	line-height: 3.0em;
}
/* Deposit figure */
.deposit-confirm {
	color: #ff0000;
	font-size: 2.0em;
	font-weight: 700;
}
span.action-field.country select {
	width: 225px;
}
.pointer, .pointertop {
	font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, Sans-Serif;
	margin-left: 10px;
	font-weight: 700;
	font-size: 1.0em;
	color: #630134;
}
/* Tip text at top of payment page */
p.pointertop {
	padding-bottom: 10px;
}

/* @group Booking Complete */

div#booking_amendment {
	width: 100%;
	height: 80px;
	padding: 10px;
	background-color: #ffffe0;
	border: 1px solid #b99c57;
}
div#thanks-booking h2 {
	padding : 10px 0 5px 0;
	border-bottom : 0 none;	
	font-weight: 700;
	font-size: 1.0em;
	color: #b99c57;
	margin: 0;
}

div.ref {
	width: 535px;
	margin: 10px 0 10px 0;
	font-style: italic;
	font-weight: 700;	
	color: #630134;
	background-color: #f5eaba;
}

div.ref span {
	padding-left: 10px;
	font-weight: 700;	
	font-size: 1.8em;
	color: #630134;
}
div#thanks-booking {
	width: 530px;
	background-color: #ffffe0;
	padding-left: 10px;
	padding-bottom: 40px;
}
div#thanks-booking p {
	margin-bottom: 10px;
	margin-right: 10px;
}

div#thanks-booking input#saddr {
	width : 80px;
}
.enjoy {
	color: #b99c57;
	font-weight: 700;
}
tr.deposit td, tr.deposit-remaining td {	
	background-color: #f5eaba;
	border-bottom: 1px solid #630134;
}
#cancel-container {
	border: 1px solid #b99c57;
	width: 754px;
	background-color: #ffffe0;
	margin: 0 12px 10px 12px;
	padding: 10px;
}

/* @end */

/* buttons */ 

div.buttons {
	width: 545px;
}

#continue, #add-room, #directions, #print {
	width: 120px;
	height: 21px;
	margin-top: 10px;
	background-image: url(/skin/custom/52/53/486/assets/images/bn-continue.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#continue {
	float: right;
}

/* Add Room button - page 1 */ 
#add-room {
	width: 100px;
	margin-bottom: 20px;
	border : 0;
	color : transparent;
	cursor : pointer;
	background-image: url(/skin/custom/52/53/486/assets/images/bn-add-room.gif);
}
/* Check Prices button - page 1 */ 
#next_page {
	float: right;
	width: 120px;
	height: 21px;
	margin-right: 24px;
	background-image: url(/skin/custom/52/53/486/assets/images/bn-check-price.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/* Go Back button - page 2 */ 
.btn-stay_details {
	float: left;
	width: 100px;
	height: 21px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
	text-indent: -9999px;
	border : 0;
	font-size : 1px;
	color : transparent;
	cursor : pointer;
	background-image: url(/skin/custom/52/53/486/assets/images/bn-change-details.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* Change Room button - page 2 */ 
div.room-change button {
	float: right;
	width: 120px;
	height: 21px;
	margin: 0;
	border: 0;
	cursor : pointer;
	background-image: url(/skin/custom/52/53/486/assets/images/bn-change-room.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#confirm {
	float: right;
	width: 150px;
	height: 21px;
	margin: 10px 0px 20px 0;
	text-indent: -9999px;
	border: 0;
	font-size: 1px;
	color: transparent;
	cursor: pointer;
	background-image: url(/skin/custom/52/53/486/assets/images/bn-confirm.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#directions {
	color : transparent;
	cursor : pointer;
	border : 0;
	margin: 0 0 0 10px;
	background-image: url(/skin/custom/52/53/486/assets/images/bn-directions.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#print {
	float: right;
	width: 100px;
	margin: 0 30px 10px 0;
	font-size: 1px;
	text-indent: -9999px;
	border : 0;
	color : transparent;
	cursor : pointer;
	background-image: url(/skin/custom/52/53/486/assets/images/bn-print.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/* Number guest drop down - page 1 */
select.room-select {
	margin-left: 58px;
}
/* OFFER LISTING PAGE */

li span.left-panel {
	float : left;
	width : 78%;
}

li span.right-panel {
	float : right;
	width : 22%;
}
#offer_list {
	margin-left: 11px;
}
#offer_list h1, offer_detail h1 {
	margin-bottom: 10px;
	font-size: 1.0em;
	font-weight: bold;
	color: #999999;
	letter-spacing: 3px;
}	
#offer_list h2 {
	font-size: 1.0em;
	color: #b99c57;
	text-transform: none;
	font-style: italic;
}
#offer_list a {
	font-style: normal;
}
#offer_list p.description {
	font-weight: 700;
	margin-bottom: 10px;
}
.offer_detail {
	padding: 0px 15px 10px 5px;
	margin-bottom: 10px;
	width: 95%;
	border-bottom: 1px dotted #b99c57;
}
p.tandc {
	font-size: 0.9em;
	font-style: italic;
	color: #630134;
}
.allocate-offer-rest, ul.allocate-offer-sl {
	font-size: 0.9em;
	color: #404041;
}
li.bklist {
	width: 776px;
	border-top: 0 none;
}
.offer-desc {
	font-size: 0.9em;
	color: #404041;
}
li.offer-rest {
	font-size: 0.9em;
	margin: 0;
	color: #404041;
}
li.currency {
	font-weight: bold;
	font-size: 1.2em;
	color: #b99c57;
	margin-bottom: 10px;
}
/* Terms and Privacy pages */
#info {
	margin-left: 10px;
}
.info-heading {
	color: #630134;
	font-size: 1.1em;
	font-weight: 700;
}
.info-subhead {
	color: #333333;
	font-size: 1.0em;
	font-weight: 700;
}
/* Promo code panel */
div#offer-query {
  border : 1px solid #b99c57;
  background-color : #feffef;
  padding : 5px;
  width : 206px;
  margin-top: 10px;
  font-family: sans-serif;
  font-size : 10px;
}
div#offer-query h1 {
	color: #b99c57;
}
input {
	margin-right: 5px;
}	

/* @end */



/* @group Calendar Design */

div#calendar-container {
	width : 100%;
}

/* Month heading */
.yui-calendar .calhead { 
	font-weight: 700;
	height: 20px;
	color: #fff;
	background-color: #f5eaba;
	color: #b99c57;
}

/* Day */
.yui-calendar td.calcell { 
	background-color: #f5eaba;
	color: #b99c57;
	width : 52px;
}

/* In other month */
.yui-calendar td.calcell.oom { background-color: #ffffe0; color : #ddd; }

/* Before today */
.yui-calendar td.calcell.previous { color: #ddd; }

/* Selected first night */
.yui-calendar td.calcell.selected { background-color: #630134; }
.yui-calendar td.calcell.selected a { color:#fff; font-weight: 700; }

/* Other nights */
.yui-calendar td.calcell.highlight1 { background-color: #630134; }
.yui-calendar td.calcell.highlight1 a { color : #fff; }

/* On mouse over */
.yui-calendar td.calcell.calcellhover { 
	color:#fff; background-color: #333; }


/* @end */