@import "global.css"; 
@import "destinationsites.css";

/* Category Page Container
******************************************************************************/
#page-content { margin-left: 20px; width: auto; padding-right: 10px; _padding-right: 8px; margin-top: 10px; }

#hotel-photos { min-width: 250px; width: 250px; min-height: 186px; _height: 186px; }
#hotel-image { background: URL("/images/bkng/hotel_bkng.jpg") no-repeat bottom center; text-align: center;    }
.mainImage { border: 3px solid #fff; margin-bottom: 40px; }

#hotel-photos-link { text-align: right; line-height: 20px; }
#hotel-photos-link img { vertical-align: middle; margin-left: 0px; }
#hotel-buttons ul { margin-top: 15px;  }
#hotel-buttons li { float: left; margin-right: 15px;  }

#hotel-availability { }
#hotel-title { float: left; width: 390px; }
#hotel-currencies { background: URL("/images/bkng/hotel-availability-bkng.gif") no-repeat right bottom; float: left; width: 257px; height: 45px; }
.availability-currency { position: absolute; padding-left: 145px; padding-top: 22px; color: #fff; }

.disclaimer { color: #c00; }
/* #room-availability li { width: auto; background: URL("/images/bkng/search-result_bkng.jpg") no-repeat left top; margin: 0px; padding: 0px; border-bottom: 1px solid #da8b33; }
#room-title { color: #fff; font: bold 14px "Franklin Gothic Medium", "Lucida Sans", Verdana; letter-spacing: 0.03em; height: 28px; line-height: 28px; padding-left: 10px; }  */


#hotel-room-description { width: 430px; padding: 0 10px; float: left; background: URL("/images/underlines/vertical-bar.gif") no-repeat bottom right; }

#hotel-price-detail { width: 184px; float: left; text-align: right; padding-bottom: 10px;  padding-right: 10px; }
#hotel-price-detail ul { margin: 0; padding: 0; }
#hotel-price-detail li { min-height: 0; background: none; border-bottom: none; float: left; width: 100px;  margin: 0; padding: 0; height: 20px; }
#hotel-price-detail li.figure { width: 54px; text-align: left; padding-left: 5px; }
#hotel-price-detail li.figure2 { width: 104px; text-align: left; padding-left: 75px; }

.figure-divisor { padding-right: 20px; margin: 2px 0;  }

#detail-container { margin: 15px 0;  }
#hotel-details ul { margin-left: 10px; float: left; width: 204px; }
#hotel-details-content h3 { color: #cc6600; font: bold 14px "Franklin Gothic Medium", "Lucida Sans", Verdana; letter-spacing: 0.03em;  }
#hotel-details-content { float: left; width: 410px; padding: 5px 10px 20px 10px; }

#change-availability { width: 648px; }

#AddThisFooter { background: URL("/images/underlines/h2.gif") no-repeat 0 0px; padding-top: 8px; }

/*- Hotel Table -*/
.room-availability-tbl { border-left: 2px solid #ffc426;  border-right: 2px solid #ffc426;  border-top: 2px solid #ffc426; }
.room-availability-tbl th { background: #ffe190; color: #cc6600; padding: 5px; text-align: left; }
.room-availability-tbl th img { padding-left: 3px;}
.room-availability-tbl td {  text-align: left; border-bottom: 2px solid #ffc426; vertical-align: top;}
.room-availability-tbl td.typeCell { padding: 5px; vertical-align: top;}
.room-availability-detail td { padding: 5px; border-bottom: 1px solid #ffe190; font-weight: bold;}
.room-availability-tbl-footer { border-left: 2px solid #ffc426; border-right: 2px solid #ffc426; border-bottom: 2px solid #ffc426; }
.room-availability-tbl-footer th { background: #ffe190; color: #cc6600; padding: 5px; }
.room-availability-tbl-footer th.pleft { text-align: left; color: #1b0874; }
.tblPrice, .tblPrice span { color: #6699ff; }
.tblStrikePrice { color: #f00; text-decoration:line-through; padding-right: 5px; float: left; }

/*- Guest Details Table -*/
.guest-details-tbl { border-left: 2px solid #ffc426;  border-right: 2px solid #ffc426;  border-top: 2px solid #ffc426;  }
.guest-details-tbl th { background: #ffe190; color: #cc6600; padding: 5px; text-align: left; }
.guest-details-tbl td { padding: 5px; text-align: left; border-bottom: 2px solid #ffc426; vertical-align: top; }
.guest-details-tbl-footer { border-left: 2px solid #ffc426; border-right: 2px solid #ffc426; border-bottom: 2px solid #ffc426; }
.guest-details-tbl-footer th { background: #ffe190; color: #cc6600; padding: 5px; color: #1b0874;  }
.guest-details-tbl-footer th.pleft { text-align: left; color: #1b0874; }

/*- Guest Details Login -*/
#guest-details-login { background: #cc6600 URL("/images/bkng/guest-details-login.gif") no-repeat; width: 643px; _width: 640px; min-height: 203px; _height: 203px; }
#guest-details-login-footer { background: URL("/images/bkng/guest-details-login-footer.gif") no-repeat; width: 643px; _width: 640px; height: 15px; }
#guest-details-login-nonmember { float: left; padding: 20px; width: 300px; _width: 297px; }
.guest-details-login-table th { font: bold 15px "Lucida Sans", Verdana; color: #fff; padding-bottom: 5px;  }
.guest-details-login-table td { color: #666; }
.guest-details-login-table td.leftName { color: #fff;} 

#guest-details-login-existingmember { float: left; width: 303px; width: 263px; background: URL("/images/bkng/guest-details-existingmember.gif") no-repeat; margin: 10px; margin-top: 10px; padding: 10px; padding-bottom: 30px; }
#guest-details-login-existingmember h3 { font: bold 15px "Lucida Sans", Verdana; color: #cc6600; margin-bottom: 10px; }

#guest-details-login-nonmember2 { float: left; padding: 20px 20px 10px 20px; width: 270px; }
#guest-details-login-credit { float: left; width: 333px; width: 293px; padding: 20px 20px 10px 20px; }
.guest-details-credit-table th { font: bold 15px "Lucida Sans", Verdana; color: #fff; padding-bottom: 5px;  }
.guest-details-credit-table td { color: #666; }
.guest-details-credit-table td.leftName { color: #fff;}

#guest-details-confirmation { padding: 0 20px; color: #fff;  }
#guest-details-confirmation input { margin-right: 5px; }

/*- Additional Details -*/
.additional-tbl-input { width: 140px; }
.guest-tbl-input { width: 140px; }
.guest-tbl-input-lng { width: 170px; }
.yellow1 { color: #ffe293; }

/*- Full Message -*/
#full-message {	width: 635px; padding: 10px; background: #ffffcc; border-top: 2px solid #ffc426; border-bottom: 2px solid #ffc426; }
#full-message p { font-weight: bold; padding-left: 80px; }
#full-message img { position: absolute; margin-top: -5px; margin-left: 20px; }

/*- User Reviews -*/
.reviewTable { border-top: 1px solid #ffcc00; }
.reviewTable td { padding: 5px 15px; border-bottom: 1px solid #ffcc00; }
.userRatingTable td { padding: 0; border-bottom: none;}

/*- Payment Pager -*/
#paymentpager { height: 32px; float: right; width: 110px; background: URL("/images/bkng/paymentPager.gif") no-repeat; text-align: right; margin-top: 10px; padding-left: 229px;}
#paymentpager li { float: left; margin-right: 10px; }
#paymentpager li a.pagerOn { height: 28px; width: 22px; background: URL("/images/bkng/circle-on.gif") no-repeat; display: block; font: bold 15px "Lucida Sans", Verdana; color: #fff; padding-right: 11px; padding-top: 6px; }
#paymentpager li a.pagerOff { height: 20px; width: 14px; background: URL("/images/bkng/circle-off.gif") no-repeat; display: block; margin-top: 5px; font: bold 11px "Lucida Sans", Verdana; color: #cccccc;  padding-top: 4px; padding-right: 8px;}
#paymentpager li a.pagerOff-lightblue { height: 20px; width: 14px; background: URL("/images/bkng/circle-off-lightblue.gif") no-repeat; display: block; margin-top: 5px; font: bold 11px "Lucida Sans", Verdana; color: #fff;  padding-top: 4px; padding-right: 8px;}

/*- Confirmation Page -*/
#status-header { width: auto; background: URL("/images/bkng/confirmation-status.jpg") no-repeat right 0; padding: 20px; }
#status-footer { width: auto; background: URL("/images/bkng/confirmation-status.jpg") no-repeat right 0; height: 13px;}

/*- Hotel Offer - */
.hotelhotdeal { color: #bb1c1c; font-weight: bold; font-size: 12px; margin: 5px 0; padding-left: 78px; background: URL("/images/search/save.gif") no-repeat; _height: 28px; min-height: 28px;}
.hotelhotdeal a { font-size:10px; margin-top: 3px;  }
.hotdealsupplementary { display: none; background: #fff; width: 370px; padding: 10px 10px; border: 1px solid #ffc426; position: absolute; }
.hotdealname { color: #bb1c1c; font-weight: bold; font-size: 12px; }

.hotdealInfo { }
.hotdealInfo td { border: none; line-height: normal;}
.hotdeal-title { width: 110px; vertical-align:top; padding: 2px 5px; }
.hotdeal-data { width: 240px; font-weight: bold; vertical-align:top; padding: 2px 5px; }