﻿/* This to make the search highlighting work */
#divSearchHolder {background:#f3f3f3;position:absolute;z-index:100;width:290px;}
#divSearchHolder #divSearch,
#divSearchHolder #divSearch #divSearchMain {margin-bottom:0;}

#divSearchHolder #divSearch #aCancelSearchHighlight {float:left;margin-top:12px;margin-right:6px;text-decoration:underline;color:#666;cursor:pointer;}


/* flight deals */
#divFlightDealInfo {margin:0 0 10px 0;padding-top:45px;background:#fff url(images/searchBoxFooter.gif) no-repeat 0 100%;padding-bottom:10px;position:relative;}
#divFlightDealInfo h4 {font-size:13px;line-height:30px;text-indent:8px;color:#fff;width:291px;height:38px;background:#fff url(images/sidebar/flightSearchBoxHeader.png) no-repeat scroll 0 0;position:absolute;top:-15px;left:0;margin-top:15px;}
#divFlightDealInfo p {font-size:10px;line-height:10px;margin:0;width:270px;padding:5px 0;}

#divFlightDealInfo table {margin:7px 0 7px 0;width:100%;text-align:left;text-indent:6px;border-collapse:collapse;border:solid 1px #e8e8e8;}
#divFlightDealInfo table tr th {font-size:11px;border-left:solid 1px #e8e8e8;padding:2px 0;background:url(images/hotelList/priceTableHeaderBg.png) no-repeat 0 0;color:#46adad;font-weight:normal;}
#divFlightDealInfo table tr td {font-size:10px;padding:3px 0 3px 0;}
#divFlightDealInfo table tr.alt td {background:url(images/hotelList/highlightedRowBg.png) no-repeat 0 0;color:#d22644;font-size:12px;text-align:center;text-indent:0;width:16%;}
#divFlightDealInfo table tr.alt td.noprice {color:#000;}

#divFlightDealInfo #divFlightDealNavigate a {display:block;float:left;width:45px;height:14px;text-indent:-10000px;margin:5px 0 5px 0;}
#divFlightDealInfo #divFlightDealNavigate a.DateBack {background:url(images/datesBackBtn.png) no-repeat 0 0;}
#divFlightDealInfo #divFlightDealNavigate a.DateForward {margin-left:3px;background:url(images/datesForwardBtn.png) no-repeat  0 0;}
#divFlightDealInfo #divFlightDealNavigate a.noop {background-position:0 -14px;cursor:default;}


/* property header */
#divBody #divPropertyDetails.bodyBox {padding-top:45px;}
#divPropertyDetails #divPropertyHeader h1 {background-color:#46adad;width:663px;height:46px;margin:0;position:absolute;left:0;font-size:16px;color:white;padding:14px 0 0px 8px;top:-9px;background:url(images/PropertyDetails/largeheader.gif) no-repeat;}
#divPropertyDetails #divPropertyHeader.noprice h1 {background-image:url(/Custom/LowCostHols/images/headingNoRedLabel.png);background-position:-1px 8px;top:-8px;}
#divPropertyDetails #divPropertyHeader #lblPriceBasis {color:#fff;position:absolute;right:160px;top:2px;font-size:10px;width:170px;background:none;text-align:right;}
#divPropertyDetails #divPropertyHeader #lblPriceBasis.specialOfferBasis {width:130px;}
#divPropertyDetails #divPropertyHeader h3 {position:absolute;top:-5px;right:13px;left:auto;color:white;width:132px;padding:0px;background:none;text-align:center;font-size:22px;}
#divPropertyDetails #divPropertyHeader #lblPricing {position:absolute;top:19px;right:13px;left:auto;color:white;width:132px;padding:0px;background:none;text-align:center;font-size:11px;font-weight:bold;}


/* property details */
#divPropertyDetails #divMainImage {float:left;margin-right:15px;position:relative;}
#divPropertyDetails #divMainImage img {display:block;padding:3px;border:1px solid #ddd;}
#divPropertyDetails #divMainImage #divSpecialOfferOverlay {position:absolute;bottom:-6px;right:-4px;width:81px;height:79px;background:url(images/PropertyDetails/special-offer-overlay.png) no-repeat 0 0;}

#divBody #divPropertyDetails.bodyBox h4 {margin:0;padding:0;color:#000;font-size:12px;font-family:Arial;}
#divPropertyDetails h4 a {color:#333;text-decoration:underline;}
#divPropertyDetails h4 a:hover {color:#999;}

#divPropertyDetails #divKeyDetails.hasimages {margin-left:233px;}
#divPropertyDetails #divKeyDetails div.keyPropertyData {position:relative;margin:19px 0 18px;font-size:12px;}
#divPropertyDetails #divKeyDetails div.keyPropertyData dl {margin:0;}
#divPropertyDetails #divKeyDetails div.keyPropertyData dl dt {margin:0;padding:0;width:240px;float:left;display:block;font-weight:bold;color:#000;}
#divPropertyDetails #divKeyDetails div.keyPropertyData dl dd {color:#333;margin:0;padding:0 0 0 240px;}

#divPropertyDetails #divKeyDetails h5 {color:#46adad;font-size:12px;font-weight:bold;padding:0;margin:12px 0 2px;}
#divBody #divPropertyDetails #divKeyDetails p {margin-bottom:0;color:#555;}


/* tabs */
#divBody #divPropertyContent.bodyBox {padding-top:45px;}
#divPropertyContent #divPropertyTabs {position:absolute;top:0;left:0;background:#f3f3f3;width:671px;height:30px;overflow:hidden;}
#divPropertyContent #divPropertyTabs a {display:block;float:left;width:126px;margin-right:4px;height:30px;line-height:32px;text-align:center;font-size:12px;color:#888;font-weight:bold;background:url(images/PropertyDetails/tab-background.gif) no-repeat 0 -30px;}
#divPropertyContent #divPropertyTabs a.selected,
#divPropertyContent #divPropertyTabs a:hover {background-position:0 0;color:#dc3343;line-height:30px;}

#divPropertyContent div.propertyTab {min-height:300px;}


/* hotel information */
#divPropertyContent #divHotelInformation h5 {margin:14px 0 -10px;padding:0;color:#46adad;font-size:12px;font-weight:bold;}
#divPropertyContent #divHotelInformation h5:first-child {margin-top:0;}
#divPropertyContent #divHotelInformation p {margin:12px 0 0;color:#555;}
#divPropertyContent #ulFacilities {float:left;width:570px;list-style-type:none;padding:0;margin:12px 0 0;}
#divPropertyContent #ulFacilities li {float:left;width:190px;font-size:11px;line-height:16px;padding:0;margin:0;color:#555;}


/* location and map */
#divPropertyContent #divLocationAndMap #divMap {height:300px;width:100%;}
#divPropertyContent #divLocationAndMap #divMap.hasLocation {height:261px;width:217px;margin-left:20px;float:right;}
#divPropertyContent #divLocationAndMap h5 {margin:14px 0 -10px;padding:0;color:#46adad;font-size:12px;font-weight:bold;}
#divPropertyContent #divLocationAndMap h5:first-child {margin-top:0;}
#divPropertyContent #divLocationAndMap p {margin:12px 0 0;color:#555;}


/* prices and offers */
#divPropertyContent #divPricesAndOffers div.propertyOffer {margin-bottom:10px;padding:10px;border:1px solid #eee;}
#divPropertyContent #divPricesAndOffers div.propertyOffer label {display:block;float:left;width:200px;font-size:13px;font-weight:bold;color:#70acac;}
#divPropertyContent #divPricesAndOffers div.propertyOffer div.propertyOfferDetails {margin-left:215px;}
#divPropertyContent #divPricesAndOffers div.propertyOffer div.propertyOfferDetails ul {margin:0;padding:0;}
#divPropertyContent #divPricesAndOffers div.propertyOffer div.propertyOfferDetails ul li {margin:0;padding:0;font-size:11px;color:#666;}
#divPropertyContent #divPricesAndOffers p.hasoffers {margin-top:30px;}

/* hotel deal grid style */
#divPropertyContent #divPricesAndOffers table.hoteldeal {width:100%;font-size:13px;text-align:left;border-collapse:collapse;border:solid 1px #e8e8e8;}
#divPropertyContent #divPricesAndOffers table.hoteldeal tr th {border-left:solid 1px #e8e8e8;text-indent:7px;padding:2px 0;background:url(/Custom/LowCostHols/Images/hotelList/priceTableHeaderBg.png) no-repeat 0 0;color:#46adad;font-weight:normal;}
#divPropertyContent #divPricesAndOffers table.hoteldeal tr th.nomonth {text-align:center;text-indent:0;}
#divPropertyContent #divPricesAndOffers table.hoteldeal tr.alt {background:#ecf7f7;}
#divPropertyContent #divPricesAndOffers table.hoteldeal tr.alt td {background:url(/Custom/LowCostHols/Images/hotelList/highlightedRowBg.png) no-repeat 0 0;}
#divPropertyContent #divPricesAndOffers table.hoteldeal tr td {border:solid 1px #e8e8e8;color:#d32744;font-size:13px;padding:3px 0 0 7px;vertical-align:top;line-height:1em;width:12%;}
#divPropertyContent #divPricesAndOffers table.hoteldeal tr td.noprice {color:#000;text-align:center;vertical-align:middle;padding:0;text-indent:0;}
#divPropertyContent #divPricesAndOffers table.hoteldeal tr td label {display:block;font-size:10px;text-decoration:line-through;color:#666;line-height:1em;}
#divPropertyContent #divPricesAndOffers table.hoteldeal tr td.mealBasis {color:#46adad;padding:7px 0px 7px 7px;vertical-align:middle;width:auto;}

#divPropertyContent #divPricesAndOffers table.hoteldeal th.navigateDatesButtons a {display:block;float:left;width:45px;height:14px;text-indent:-10000px;}
#divPropertyContent #divPricesAndOffers table.hoteldeal th.navigateDatesButtons a.DateBack {margin-left:6px;background:url(/Custom/LowCostHols/Images/datesBackBtn.png) no-repeat 0 0;}
#divPropertyContent #divPricesAndOffers table.hoteldeal th.navigateDatesButtons a.DateForward {margin-left:3px;background:url(/Custom/LowCostHols/Images/datesForwardBtn.png) no-repeat 0 0;}
#divPropertyContent #divPricesAndOffers table.hoteldeal th.navigateDatesButtons a.noop {background-position:0 -14px;cursor:default;}

#divPropertyContent #divPricesAndOffers table.hoteldeal td.price {cursor:pointer;}

#divPropertyContent #divPricesAndOffers p.hoteldeal {width:100%;text-align:right;font-size:10px;margin-bottom:0;}


/* images (dont't try this at home folks - I'm centering dynamic content here) */
/* Here's how it works:
   The positioner div shrink-wraps the content because it's absolutely positioned.
   It's then moved to the right 50% of the width of its parent.
   The holder is positioned relatively inside and is moved left 50% of the width of the positioner. */
/* Do not touch unless you own a magic wand. */
#divPropertyContent #divPropertyImages {overflow:hidden;width:100%;height:154px;}
#divPropertyContent #divPropertyImages #divPropertyImagesBase {position:relative;width:200%;right:50%;} /* width:200%;right:50%; is so the content doesn't wrap unexpectedly */
#divPropertyContent #divPropertyImages #divPropertyImagesPositioner {position:absolute;top:0;right:50%;}
#divPropertyContent #divPropertyImages #divPropertyImagesHolder {position:relative;left:50%;float:left;} /* float:left; is for ie6 */

#divPropertyContent #divPropertyImages #imgImageHoverMain {display:block;float:left;padding:3px;border:1px solid #ddd;margin-right:10px; width:218px; height:148px;}
#divPropertyContent #divPropertyImages #imgMainImagePlayButton {position:absolute; width:50px; height:30px; top:116px; left:10px; border:none;}

#divPropertyContent #divPropertyImages div.thumbs {float:left;margin:0 -5px 0 0;}
#divPropertyContent #divPropertyImages div.thumbs div {float:left;width:46px;margin-right:5px;}
#divPropertyContent #divPropertyImages div.thumbs div a {margin-bottom:5px;margin-right:0;}
#divPropertyContent #divPropertyImages div.thumbs div a img {display:block;}


/* Videos */
#divPropertyContent #divPropertyImages div.videos {float:left;margin:0 -5px 0 0; width:46px; margin-right:5px; margin-left:5px;}
#divPropertyContent #divPropertyImages div.videos a img {display:block; width:40px; height:40px; border:solid 3px #e8e8e8; margin-bottom:5px;}
#divPropertyContent #divPropertyImages div.videos a {/*position:relative;*/ text-decoration:none;}
#divPropertyContent #divPropertyImages div.videos a:hover {background:#d22644; border-color:#d22644;}


#divPropertyContent #divPropertyImages div.videos div.VideoThumbHolderDiv {position:relative;}

#divPropertyContent #divPropertyImages div.videos a.selected img {/*background:#d22644;*/ border-color:#d22644;}

#divPropertyContent #divPropertyImages div.videos a img.playImage {width:25px; height:15px; position:absolute; left:10px; top:16px; border:none;}


/* Top Image Video */
#divPropertyDetails #divMainImage #imgMainTopImagePlayButton { position:absolute; width:50px; height:30px; top:106px; left:9px; border:none 0px;}
#divPropertyDetails #divMainImage #imgTopImageHoverMain { width:210px; height:140px;}


/* email property details */
#divBody #divEmailPropertyDetails.bodyBox {padding-top:8px;}
#divEmailPropertyDetails h3 {height:5px;overflow:hidden;width:671px !important;padding:0 !important;}
#divEmailPropertyDetails div h5 {margin:0px 0 2px 0;font-size:12px;font-family:Arial;color:#46adad;font-weight:bold;background:url(images/body/bodyBoxHeader.gif) no-repeat 0 0;}
#divEmailPropertyDetails div #txtEmailTo {height:19px;width:340px;}
#divEmailPropertyDetails #btnSearchForPricesBottom {width:218px;background:url(images/PropertyDetails/buttonBackground_SearchFor.gif) no-repeat 0 0;position:absolute;bottom:9px;right:9px;}