@import "global.css";

/* Photo Gallery */
#photo-container { width: auto; margin: 10px; height: auto; border: 1px solid #cc6600; text-align: left;  } 
#pcontainer { clear: both; width: 560px; .width: 550px; margin-left: 5px; overflow:auto; background:#cc6600; height: 300px; }
#pcontainer ul { white-space: nowrap; display:table-row; .display: block; }
#pcontainer ul li {display:table-cell; .display:inline; .zoom:1; .height:auto; padding:0 10px; vertical-align: middle;}
#pcontainer ul li img { padding: 3px; background: #fff; border: 1px solid #1b0874; margin: 10px 0;}
#photo-content {margin-left: 10px; margin-bottom: 10px; }

/* Search Options */
#search-instructions-container { width: 330px; margin: 10px; min-height: 450px; border: 1px solid #cc6600; text-align: left; padding: 15px;}

/* Group Booking Options */
#groupbooking-instructions-container { width: 330px; margin: 10px; min-height: 450px; border: 1px solid #cc6600; text-align: left; padding: 15px;}

/* STAF Options */
#staf-container { width: 330px; margin: 10px; min-height: 450px; border: 1px solid #cc6600; text-align: left; padding: 15px; }
#form { margin: 10px 0; }
.formField { margin-top: 3px; float: left; }
.formField p { width: 100px; float: left; }
.formField input { width: 162px; }
.formField input.subject { width: 222px; }
.samplemessage { clear: both; margin-left: 100px; width: 222px; }

/* Members Options */
#members-container { width: auto; margin: 10px; border: 1px solid #cc6600; text-align: left; padding: 15px; }

/*- Booking Conditions -*/
#booking-container {width: 410px; margin: 10px; min-height: 450px; border: 1px solid #cc6600; text-align: left; padding: 15px; }
.bookcond-tbl th { text-align: left;  }
#claim-container {width: 410px; margin: 10px; min-height: 330px; border: 1px solid #cc6600; text-align: left; padding: 15px; }


/* Compare Hotels */
#compare-container { width: auto; margin: 10px; height: auto; border: 1px solid #cc6600; text-align: left;  } 
#ccontainer { clear: both; width: 750px; .width: 740px; margin-left: 10px; overflow:auto; height: 700px; }
#ccontainer ul { white-space: nowrap; display:table-row; .display: block; }
#ccontainer ul li {display:table-cell; .display:inline; .zoom:1; .height:auto; padding:0; vertical-align: top; }
#compare-content {margin-left: 10px; margin-bottom: 10px; }

#ccontainer li h4 { width: auto; color: #fff; font: bold 12px "Franklin Gothic Medium", "Lucida Sans", Verdana; background:#cc6600; height: 30px; line-height: 30px; border-right: 1px solid #fff; padding: 0 5px; }
#comparePriceHeader { height: 20px; line-height: 20px; border-bottom: 1px solid #cc6600; padding: 10px 0 5px 10px; .padding: 13px 0 2px 10px; width: auto; } 
#comparePrice { height: 20px; line-height: 20px; border-bottom: 1px solid #cc6600; padding: 5px 0 10px 5px; width: auto; }
#compareRatingHeader { height: 15px; line-height: 15px; border-bottom: 1px solid #cc6600; padding: 10px 0 10px 0px; width: auto;  }
#compareRatingHeader p { padding-left: 10px; }
#compareRating { height: 15px; line-height: 15px; border-bottom: 1px solid #cc6600; padding: 10px 0 10px 5px; width: auto; }
#compareAvailabilityHeader { height: 30px; .height: 25px; line-height: 30px; padding-left: 10px; padding-top:10px; .padding-top:15px; width: auto; border-bottom: 1px solid #cc6600; }
#compareAvailability { height: 25px; padding-top: 15px; line-height: 20px; padding-left: 5px; width: auto; border-bottom: 1px solid #cc6600; }
#comparePicturesHeader { height: 125px; .height: 125px; line-height: 30px; padding-left: 10px; padding-top: 10px;  }
#comparePictures { height: 130px; line-height: 30px; padding-left: 10px; padding-top: 5px; }
#compareFacilitiesHeader { height: 3px; background: #cc6600; width: 180px;}
#compareFacilities { width: 160px; height: 35px; padding: 0px; font: 11px "Lucida Sans", Arial, Sans Serif; color: #666666; border-bottom: 1px solid #cc6600; line-height: 35px; padding: 0 10px; }
#compareFacilities span { float: right; padding: 0; padding-left: 10px;  }
.facilityIcon { margin: 0; border: none; padding-top: 4px; }
.tickIcon {margin: 0; border: none; padding-left: 66px; padding-top: 2px;}
#remove { }
.alt { background: #ffffcc; }

/* Hotel Reviews */
.reviews-bkng { background: url("/images/reviews/post-bkng.gif") no-repeat top right; }.