/* @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 */

/* BASIC ELEMENTS */ 

html, body { 
	color: #333; 
	font-size: 0.9em; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: center;
	line-height: 1.4em; 
	background-color: #fff; 
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0;
	border: 0 none;
	padding: 0;
}
h1 {
	font-size: 1.0em;
}
h2 {
	font-size: 1.2em;
}
h3 {
	font-size: 1.0em;
	color: #790000;
	margin-bottom: -5px;
}
img {
	border: 0 none;
	margin: 0;
	padding: 0;
}
a:link {
	color: #333;
}
a:visited {
	color: #999;
}
a:hover {
	color: #990000;
}
a:active {
	color: #990000;
}
#container { 
	text-align: left;
	position: relative;
	width: 800px; 
	margin: 30px auto;
	padding-bottom: 20px;
	background-color: #fff; 
	border: 1px solid #333;
	height: 100%;
}	
#head { 
	width: 800px; 
	text-align: left;
	height: 130px;
	background-color: #00167e;
}
#body {
	position: relative;
	left: 0px;
	top: 20px;
	width: 800px; 
	min-height: 800px;
	height: 800px;
	padding: 0px;
}
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: #ff0000;
}

#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;
}

/* Top navigation */ 

#nav div {
	float: left;
}
#nav a {
	display: block; 
	overflow: hidden;
	margin: 0px;
	padding: 1px 0 2px 0; 
	color: #fff; 
	font-size: 0.8em; 
	line-height: 1.2em; 
	font-weight: bold;
	text-align: left; 
	text-decoration: none;
}
#nav a:hover {
	color: #ffcc00; 
}


/* COMMON TO ALL PAGES */ 

.allocate_pagetitle {
	font-weight: 700;
	font-size: 0.9em;
	text-indent: 10px;
	color: #fff;
}
/* hint text under top tab - page 1 */ 
.booking-tip {
	color: #ff0000;
	font-size: 0.9em;
	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;
	color: #ff0000;
}
.highlight {
	color: #990000;
}
/* telephone label */ 
.contact {
	font-weight: 700;
	font-size: 0.9em;
}
/* top tabs */ 
#tabs {
	width: 558px;
}
#bookingTab1, #bookingTab2, #bookingTab3 {
	width: 460px;
	height: 30px;
	margin-left: 10px;
	padding: 0;
	background-repeat: no-repeat;
}
#bookingTab1, #bookingTab3 {
	background-image: url(/skin/custom/1/5/448/assets/images/booking-tab1.gif);
}
#bookingTab2 {
	background-image: url(/skin/custom/1/5/448/assets/images/booking-tab2.gif);
}
/* 1-2-3 graphic */ 
.steps {
	float: right;
}

/* BOOKING DETAILS - RIGHT PANEL */ 

/* Your Booking Details headline */ 
#yourDetails {
	font-weight: 700;
	font-size: 0.9em;
	width: 210px;
	height: 16px;
	padding: 3px 0 5px 10px;
	color: #fff;
	background-color: #999;
	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-size: 0.9em;
	font-weight: 700;
}
li#bk-desc-hotel, li#bk-arriving, li#bk-nights {
	font-size: 0.9em;
	color: #990000;
	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 #eee;
	border-bottom : 0 none;
	background-color: #ddd;
}
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 #999;
}
.booking-description .offer-name, .offer-name {
	padding: 0 0 3px 5px;
	color: #fff;
	background-color: #333;
}
#booking-text, #info-text {
	margin: 0;
	padding: 0;
	width: 216px;
	border-top: 0 none;
	border-bottom: 2px solid #999;
	border-left: 2px solid #999;
	border-right: 2px solid #999;
	height: 40px;
	min-height: 40px;
	background-color: #eee;
}
#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: 2px solid #999;
}
#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: #990000;
	font-weight: 700;
	font-size: 1.0em;
	text-transform: uppercase;
	background-color: #ffcc00;
}
td.desc2 {
	color: #333;
	background-color: #ffffe0;
	text-align: right;
}	
tr.price {
	color: #990000;
	background-color: #ffcc00;
}
.supps {
	color: #000;
	font-size: 0.9em;
	border-bottom: 0 none;
}

/* Terms and conditions box */ 

#terms-box {
	margin-top: 10px;
	width: 216px;
	border-top: 2px solid #999;
	border-bottom: 2px solid #999;
	border-left: 2px solid #999;
	border-right: 2px solid #999;
	background-color: #eee;
}	
#terms-box p {
	margin: 0 5px 5px 5px;
	font-size: 0.8em;
	font-weight: 300;
	line-height: 1.2em;
	color: #000;
}
#terms-box h3 {
	margin: 0 5px 5px 5px;
	color: #333;
	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: #333;
}
/*Calendar elements*/
div#calendar-container_0 {
	width: 255px;
	float: left;
}
div#calendar-container_1 {
	width: 255px;
	float: right;
	margin-right: 5px;
}
#calendar-help {
	color:#990000;
	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 #999;
	padding: 3px 10px 3px 0;
}
/*Calendar key - main label */
.key-label {
	font-size: 0.9em;
	font-weight: 700;
	color: #333;
	margin: 0 0 5px 2px;
}
/*Calendar key - text on cells */
#key .selector {
	font-size: 0.8em;
}
.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, #offerBox-rooms {
	position: relative;
	float: right;
	width: 140px;
	height: 80px;
	margin: 0 10px 10px 0;
}
/* Special offers graphic on Rates and Rooms page */ 
#offerBox-rooms {
	margin: 20px 35px 10px 0px;
}

/* ROOM AND RATES PAGE */ 

/* main left panel container */ 
form#stay_details {
	width: 540px;
	border: 2px solid #999;
	padding: 0px 0px 40px 5px;
	margin-left: 10px;
}
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 5px 10px 10px;
	margin-left: 10px;
	border: 2px solid #999;
}
#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: #333;
}
/* Room name background */ 
div.room-options h1 {
	border: 0 none;
	background-color: #ffff99;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	text-align: left;
}
span.occ-desc h1 {
	font-size: 1.1em;
	color: #ff0000;
}
/* 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 #999;
	border-left: 1px solid #999;
}
/* Room rate name */ 
div.standard h2, div.offer h2 {
	font-size: 1.0em;
	text-align: left;
}
/* Offer description panel */ 
div.offer {
	background-color: #feffef;
	border-bottom: 1px solid #990000;
	border-left: 1px solid #990000;
}
/* Offer description text area */ 
span.product-desc {
	width: 68%;
}
/* Room image thumbnail */ 
ul.images {
	margin-right: 3px;
}
.product-desc p {
	text-align: left;
}
/* Room price strip */ 
div.room-total {
	margin-top : 15px;
	height: 20px;
	padding : 3px;
	border-top : 1px dotted #999;
	background-color : #ffffe0;
	border-bottom : 1px dotted #999;
	margin-bottom : 5px;
}
/* Total price strip */ 
.room-footer {
	width: 540px;
	height: 20px;
	background-color: #ffcc00;
	border-top : 1px dotted #999;
	border-bottom : 1px dotted #999;
	margin-left: 10px;
}
/* Total price text */ 
.price, .price-desc {
	font-size: 1.2em;
	font-weight: 700;
	color: #990000;
}
.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 #999;
}
td.stay, td.price, td.choice {
	color:#000;
	background-color: #eee;
}
div.offer table.product-opt {
	border : 1px solid #990000;
	margin-bottom: 5px;
}
div.offer td.stay, div.offer td.price, div.offer td.choice {
	background-color: #feffef;
}
td.stay, td.price {
	padding-left: 5px;
}
td.price {
	font-weight: 700;
	border-left : 1px dotted #333;
}
td.choice { 
	border-left : 1px dotted #333;
}

/* SUPPLEMENTS SECTION */

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

span.supp-desc {
	width: 70%;
	background-color: #ffff99;
	border: 1px solid #333;
}
/* Supplement drop down */
table.supp-grid {
	width: 100px;
	margin-right: 20px;
}
/* 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: #333;	
}
/* Supplement description text */
p.description {
	font-size: 0.9em;
	margin-top: 5px;
}
p.price-description {
	font-weight: 700;
	font-size: 1.1em;
	color: #790000;
	margin-bottom: 5px;
}
div.supp-wait {
	margin-bottom: 15px;
}
div.supp-options {
	margin-top: 40px;
}
div.supp-options h1 {
	border-bottom: 1px solid #333;
}
.supp-cont {
	margin-top: 10px;
}

/* Payment page elements */ 

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

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

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

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

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 {
	margin-left: 10px;
	margin-right: 10px;
	font-weight: 700;
	font-size: 1.0em;
	color: #ff0000;
}
/* 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: 2px solid #999;
}
div#thanks-booking h2 {
	padding : 10px 0 5px 0;
	border-bottom : 0 none;	
	font-weight: 700;
	font-size: 1.0em;
	color: #000;
	margin: 0;
}

div.ref {
	width: 300px;
	margin: 10px 0 6px 0;
	padding : 6px 0 6px 10px;
	background-color: #ffcc00;
	font-style: italic;
	font-weight: 700;	
	color: #990000;
}

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

div#thanks-booking input#saddr {
	width : 80px;
}
.enjoy {
	color: #003300;
	font-wieght: 700;
}
tr.deposit td, tr.deposit-remaining td {	
	background-color: #ffcc00;
	border-bottom: 1px solid #990000;
}
#cancel-container {
	border: 2px solid #999;
	width: 768px;
	background-color: #fff;
	margin: 0 10px 10px 10px;
	padding: 5px;
}

/* @end */

/* buttons */ 

div.buttons {
	width: 545px;
}
#continue, #add-room, #directions, #print {
	width: 120px;
	height: 21px;
	margin-top: 10px;
	background-image: url(/skin/custom/1/5/448/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/1/5/448/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/1/5/448/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-repeat: no-repeat;
	background-position: left top;
}
#go-back {
	background-image: url(/skin/custom/1/5/448/assets/images/bn-change-details.gif);
}	

/* Change Room button - page 2 */ 
div.room-change button {
	float: right;
	width: 120px;
	height: 21px;
	border: 0;
	margin: 0;
	cursor : pointer;
	background-image: url(/skin/custom/1/5/448/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/1/5/448/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/1/5/448/assets/images/bn-directions.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#print {
	float: right;
	width: 100px;
	margin: 0 30px 10px 0;
	border : 0;
	color : transparent;
	cursor : pointer;
	font-size: 1px;
	background-image: url(/skin/custom/1/5/448/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 AND OFFER DETAIL PAGES*/

/* Full offer listing */
#offer_list {
	margin-left: 10px;
}
li span.left-panel {
	width : 77%;
}

li span.right-panel {
	width : 23%;
}
/* Offer name on listing and detail page */
#offer_list h1, offer_detail h1 {
	margin-bottom: 10px;
	font-size: 1.0em;
	font-weight: bold;
	color: #333;
}	
#offer_list h2 {
	font-size: 1.0em;
	color: #999;
	text-transform: none;
	font-style: italic;
}
#offer_list a {
	font-style: normal;
}
/* Offer summary text on listing and detail page */
#offer_list p.description {
	font-weight: 700;
	margin-bottom: 10px;
}
.offer_detail {
	padding: 0px 15px 10px 5px;
	margin-bottom: 10px;
	width: 95%;
	background-color: #ffffe0;
	border-bottom: 1px dotted #999;
}
p.tandc {
	font-size: 0.9em;
	font-style: italic;
	color: #790000;
}
/* Offer restrictions info on offer detail page */
.allocate-offer-rest, ul.allocate-offer-sl {
	font-size: 0.9em;
	color: #990000;
}
li.bklist {
	width: 780px;
	border-top: 0 none;
}
.offer-desc {
	font-size: 0.9em;
	color: #333;
}
li.offer-rest {
	margin: 0;
	color: #990000;
}
li.currency {
	font-weight: bold;
	font-size: 1.2em;
	color: #990000;
	margin-bottom: 10px;
}
/* Terms and Privacy pages */
#info {
	margin-left: 10px;
}
.info-heading {
	color: #990000;
	font-size: 1.1em;
	font-weight: 700;
}
.info-subhead {
	color: #333333;
	font-size: 1.0em;
	font-weight: 700;
}
	

/* @end */



/* @group Calendar Design */

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

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

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

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

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

/* Selected first night */
.yui-calendar td.calcell.selected { background-color: #ffcc00; }
.yui-calendar td.calcell.selected a { color:#000; }

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

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


/* @end */