﻿/* sidebar */
#divSidebar {margin-top:6px;}

/* breadcrumbs */
#divBreadcrumbs {left:0;}



/* page header */
#divGeographyPageHeading {margin-bottom:10px;}
#divGeographyPageHeading .geographyPageHeading {background-color:#46adad;width:663px;height:32px;margin:0;font-size:16px;color:white;padding:12px 0 0 8px;background:url(/images/Geography/header.gif) no-repeat;}
#divGeographyPageHeading.noprice .geographyPageHeading {background-image:url(/Custom/LowCostHols/images/headingNoRedLabel.png);background-position:-1px 6px;}
#divGeographyPageHeading #lblPriceBasis {color:#fff;position:absolute;right:160px;top:8px;font-size:10px;font-weight:bold;background:none;text-align:right;width:126px;}
#divGeographyPageHeading div.price {position:absolute;top:7px;right:13px;left:auto;color:white;width:132px;padding:0px;margin:0;background:none;
    text-align:center;font-size:22px;font-weight:bold;}

/* City Main Content*/
#divBody #divCityMainContent {background:url(/Custom/LowCostHols/Images/body/bodyBoxBg.gif) #fff no-repeat 0px 100%;
								padding:8px 8px 0 8px;margin-bottom:10px;margin-top:-6px;}
#divBody #divCityMainContent h3 {position:static;padding:0;width:auto;
    font-family:Arial, Sans-Serif;font-size:14px;font-weight:bold;color:#46adad;}
#divBody #divCityMainContent h2 {position:static;padding:0;width:auto;
    font-family:Arial, Sans-Serif;font-size:14px;font-weight:bold;color:#46adad;}
#divBody #divCityMainContent h1 {position:static;padding:0;width:auto;
    font-family:Arial, Sans-Serif;font-size:14px;font-weight:bold;color:#46adad;}
#divBody #divCityMainContent p {margin:0;padding:0;color:#555;line-height:1.4em;font-size:12px;}
#divBody #divCityMainContent h4 {position:static;padding:0;width:auto;
    font-family:Arial, Sans-Serif;font-size:14px;font-weight:bold;color:#46adad;}
#divBody #divCityMainContent p a {text-decoration:underline;color:#000;}
#divBody #divCityMainContent #divIntoductionText {float:left;margin-left:10px;width:320px;padding-bottom:10px;}
#divBody #divCityMainContent #divIntoductionText h2 {margin:20px 0 10px 0;}
#divBody #divCityMainContent #divIntoductionText h3 {margin:20px 0 10px 0;}
#divBody #divCityMainContent #divIntoductionText h4 {margin:20px 0 10px 0;}
#divBody #divCityMainContent #divIntoductionText ul {line-height:1.7em;color:#555;padding:0 20px 5px 20px;margin:0;}
#divBody #divCityMainContent #divIntoductionText p {margin-top:10px;}

/* City images */
#divCityMainContent #divImageDisplay {float:left;}

#divBody #divCityMainContent #imgMainImage {display:block;padding:3px;border:1px solid #ddd;max-width:312px; width:304px; height:228px;}
#divBody #divCityMainContent div.thumbs {margin-top:7px;width:321px;}
#divBody #divCityMainContent div.thumbs a.imagethumb {margin-right:7px;/*margin-bottom:7px;*/}


/* tabs */
#divGeographyTabs {background:#f3f3f3;width:671px;height:30px;overflow:hidden;}
#divGeographyTabs 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/Geography/tab-background.gif) no-repeat 0 -30px;}
#divGeographyTabs a.selected,
#divGeographyTabs a:hover {background-position:0 0;color:#dc3343;line-height:30px;}



/* tab content - generic styling */
#divBody #divGeographyTabContent div.bodyBox {width:651px;padding:10px;margin-bottom:0;float:none;}
#divBody #divGeographyTabContent div.bodyBox h1,
#divBody #divGeographyTabContent div.bodyBox h2,
#divBody #divGeographyTabContent div.bodyBox h3 {position:static;padding:0;margin:14px 0 -10px;width:auto;
    font-family:Arial, Sans-Serif;font-size:14px;font-weight:bold;color:#46adad;}
#divBody #divGeographyTabContent div.bodyBox h3.withmargin {margin-bottom:6px;}
#divBody #divGeographyTabContent div.bodyBox h4 {font-family:Arial, Sans-Serif;font-size:12px;font-weight:bold;color:#b52b45;}
#divBody #divGeographyTabContent div.bodyBox h1:first-child,
#divBody #divGeographyTabContent div.bodyBox h2:first-child,
#divBody #divGeographyTabContent div.bodyBox h3:first-child {margin-top:0;}
#divBody #divGeographyTabContent div.bodyBox p {margin:12px 0 0;color:#555;}
#divBody #divGeographyTabContent div.bodyBox ul {list-style:none;margin:15px 0 0;padding:0;color:#555;}
#divBody #divGeographyTabContent div.bodyBox ul li {padding:0 0 0 21px;margin:0 0 10px;vertical-align:top;
    background:url(/Custom/LowCostHols/images/redBullet.gif) no-repeat;}
#divBody #divGeographyTabContent div.bodyBox p a,
#divBody #divGeographyTabContent div.bodyBox ul a {text-decoration:underline;color:#000;}
#divBody #divGeographyTabContent div.bodyBox p a:hover,
#divBody #divGeographyTabContent div.bodyBox ul a:hover {color:#b52b45;}
#divBody #divGeographyTabContent div.bodyBox p a:visited,
#divBody #divGeographyTabContent div.bodyBox ul a:visited {color:#525;}



/* tab content loading message */
#divBody #divGeographyTabContent #divGeographyTabContentLoading p {padding:20px 20px 20px 60px;font-size:14px;font-weight:bold;
    background:url(/custom/lowcosthols/images/waiting.gif) no-repeat 10px 12px #fff;color:#70acac;}



/* overview */
#divBody #divGeographyOverview div.content {width:330px;float:left;}
#divBody #divGeographyOverview div.cityContent {width:330px;float:left;}
#divBody #divGeographyOverview div.sidebar {width:312px;float:right;}

/* overview: holiday finder */
#divHolidayFinder {position:relative;width:316px;padding:0;color:#444;font-size:11px;margin:-8px 0 30px 0;}
/*#divContentCity #divHolidayFinder {position:relative;width:316px;padding:0;color:#444;font-size:11px;margin:-8px 0 30px 10px;} */
#divHolidayFinder h3 {display:none;}
#divHolidayFinder #divInformation {display:none;}
#divContent #divHolidayFinder #divHolidayOptionsHolder {
    background:url(/Custom/LowCostHols/Images/HolidayFinder/HolidayFinderBackgroundSmallText.gif) no-repeat 0 0;
    margin-top:5px;width:312px;height:280px;}
#divContentCity #divHolidayFinder #divHolidayOptionsHolder {
    background:url(/Custom/LowCostHols/Images/HolidayFinder/CityBreakFinderBackgroundSmallText.gif) no-repeat 0 0;
    margin-top:5px;width:312px;height:280px;}
      
#divHolidayFinder #divHolidayOptions {padding:27px 15px 10px;}
#divHolidayFinder #divHolidayOptions div {padding:6px 0;height:23px;}
#divHolidayFinder #divHolidayOptions label {margin-top:3px;display:block;margin-bottom:2px;float:left;width:133px;}
#divHolidayFinder #divHolidayOptions select {color:#444;font-size:11px;margin:0 0 5px;width:145px;}
#divHolidayFinder #divHolidayOptions #btnFindHolidays {position:absolute;right:23px;margin-top:5px;}

/* overview: images */
#divBody #divGeographyOverview #imgMainImage {display:block;padding:3px;border:1px solid #ddd;max-width:312px; width:304px; height:228px;}
#divBody #divGeographyOverview div.thumbs {margin-top:7px;width:321px;}
#divBody #divGeographyOverview div.thumbs a.imagethumb {margin-right:7px;/*margin-bottom:7px;*/}

/* overview: travel info */
#divBody #divGeographyOverview div.travelinfo {color:#333;}
/*#divContentCity #divBody #divGeographyOverview div.travelinfo {color:#333;padding-left:10px;}*/

#divBody #divGeographyOverview div.travelinfo h4 {margin:0 0 2px;font-size:13px;color:#46adad;
    font-family:Arial, sans-serif;font-weight:bold;}
#divBody #divGeographyOverview div.travelinfo dl {margin:0;font-size:11px;}
#divBody #divGeographyOverview div.travelinfo dt {color:#333;display:block;float:left;width:90px;}
#divBody #divGeographyOverview div.travelinfo dd {color:#666;margin-left:90px;}
#divBody #divGeographyOverview div.travelinfo dd a {color:#666;}
#divBody #divGeographyOverview div.travelinfo dd a:hover {color:#999;}

/* overview: map */
#divBody #divGeographyOverview #divGeographyMapContainer h5 {padding:0;margin:14px 0 7px;
    font-family:Arial, Sans-Serif;font-size:13px;font-weight:bold;color:#46adad;}
#divContent #divGeographyMapContainer {padding: 0 0 10px 0;}
/*#divContentCity #divGeographyMapContainer {padding: 0 10px 10px 10px;} */
    
/* overview: tabbed offers */
#divBody #divGeographyOverview #divGeographyTabbedOffersOverview {margin-top:20px;}
    
   
   
/* attractions */
#divBody #divGeographyAttractions div.preamble {margin-bottom:15px;}
#divBody #divGeographyAttractions div.content {width:402px;float:left;}
#divBody #divGeographyAttractions div.sidebar {width:240px;float:right;}
#divBody #divGeographyAttractions div.content.nosidebar {width:642px;}

/* attractions: images */
#divBody #divGeographyAttractions div.sidebar img {display:block;padding:3px;border:1px solid #ddd;margin-bottom:24px;width:232px;}
#divBody #divGeographyAttractions div.sidebar img.last {margin-bottom:0;}



/* prices and offers */
#divBody #divGeographyPricesAndOffers div.content {width:337px;float:left;}
#divBody #divGeographyPricesAndOffers div.sidebar {width:305px;float:right;}

#divContentCity #divBody #divOffersOverview {margin-top:20px !important;}


/* prices and offers: geography deal */
#divBody #divGeographyPricesAndOffers #divGeographyDeal {position:relative;width:210px;height:262px;padding:7px;
    background:url(/custom/lowcosthols/images/geography/dealbackground.gif);margin-top:20px;margin-left:56px;}
#divBody #divGeographyPricesAndOffers #divGeographyDeal img {display:block;}
#divBody #divGeographyPricesAndOffers #divGeographyDeal div.dealoverlay {position:absolute;top:2px;left:2px;
    width:70px;height:69px;background:url(/custom/lowcosthols/images/geography/dealstar.png);}
#divBody #divGeographyPricesAndOffers #divGeographyDeal div.typeandprice {background:#d9d9d9;margin-top:4px;}
#divBody #divGeographyPricesAndOffers #divGeographyDeal div.typeandprice h5 {margin:0;font-size:11px;font-weight:bold;
    padding:4px 3px;}
#divBody #divGeographyPricesAndOffers #divGeographyDeal div.typeandprice h5.dealtype {float:left;color:#555;}
#divBody #divGeographyPricesAndOffers #divGeographyDeal div.typeandprice h5.price {color:#b52b45;text-align:right;}
#divBody #divGeographyPricesAndOffers #divGeographyDeal h4 {color:#46adad;padding:0;margin:5px 0 0;}
#divBody #divGeographyPricesAndOffers #divGeographyDeal label.starrating {margin-top:-4px;}
#divBody #divGeographyPricesAndOffers #divGeographyDeal div.details {margin:2px 0;}
#divBody #divGeographyPricesAndOffers #divGeographyDeal div.details label {display:block;font-size:9px;line-height:12px;padding:0;}
#divBody #divGeographyPricesAndOffers #divGeographyDeal div.details label.spacer {height:12px;}
#divBody #divGeographyPricesAndOffers #divGeographyDeal div.moreinfo {text-align:right;}
#divBody #divGeographyPricesAndOffers #divGeographyDeal div.moreinfo input.button {width:126px;height:25px;
    background:url(Images/body/buttonBackground126px.gif) no-repeat 0 0;}

/* prices and offers: deal grid */
#divBody #divGeographyPricesAndOffers #divDeal {margin-top:0;}
#divBody #divGeographyPricesAndOffers #divDeal select.dropdown {margin-right:4px;}
#divBody #divGeographyPricesAndOffers #divDeal #ddlDeal_AirportID {margin-right:0;}

/* prices and offers: tabbed offers */
#divBody #divGeographyPricesAndOffers #divGeographyTabbedOffers {margin-top:45px;}



/* hotels */
#divBody #divGeographyTabContent #divGeographyHotels h3 {color:#b52b45;margin-top:30px;}
#divBody #divGeographyHotels div.geographyHotelList {margin-bottom:20px;}
#divBody #divGeographyHotels div.geographyHotelList.lasthotellist {margin-bottom:0;}

/* hotels: hotel list items */
#divBody #divGeographyHotels div.geographyHotelList div.hotellistproperty {cursor:pointer;padding:6px;float:left;height:70px;
    background:url(/custom/lowcosthols/images/bluehighlightbox.gif) no-repeat;width:307px;margin-bottom:10px;}
#divBody #divGeographyHotels div.geographyHotelList div.hotellistproperty.alt {float:right;}
#divBody #divGeographyHotels div.geographyHotelList div.hotellistproperty.bottomtwo {margin-bottom:0;}
#divBody #divGeographyHotels div.geographyHotelList div.hotellistproperty:hover {background-position:0 -82px;}

#divBody #divGeographyHotels div.geographyHotelList div.hotellistproperty img {float:left;margin-right:10px;}
#divBody #divGeographyHotels div.geographyHotelList div.hotellistproperty div {float:left;width:227px;}
#divBody #divGeographyHotels div.geographyHotelList div.hotellistproperty h4 {font-size:12px;margin:0;padding:0;color:#46adad;}
#divBody #divGeographyHotels div.geographyHotelList div.hotellistproperty label.starrating {position:relative;top:-3px;cursor:pointer;}
#divBody #divGeographyHotels div.geographyHotelList div.hotellistproperty a {font-size:11px;color:#555;}
#divBody #divGeographyHotels div.geographyHotelList div.hotellistproperty label.fromprice {display:block;font-size:11px;
    font-weight:bold;color:#555;margin-top:8px;}
#divBody #divGeographyHotels div.geographyHotelList div.hotellistproperty label.fromprice span {font-size:15px;color:#b52b45;
    margin-left:2px;margin-right:2px;}
    
/* hotels: hotel list blurb */
#divBody #divGeographyHotels div.geographyHotelList a.hotellistlink {float:right;color:#b52b45;display:block;
    text-align:right;margin-top:8px;}
#divBody #divGeographyHotels div.geographyHotelList a.hotellistlink:hover {text-decoration:underline;}
#divBody #divGeographyHotels div.geographyHotelList div.blurb {width:500px;margin-top:-6px;}



/* insider tips */
#divBody #divGeographyInsiderTips div.content {width:412px;float:left;}
#divBody #divGeographyInsiderTips div.sidebar {width:230px;float:right;}
#divBody #divGeographyInsiderTips div.quotes {margin-top:15px;}
#divBody #divGeographyInsiderTips div.content.nosidebar {width:642px;}

/* insider tips: images */
#divBody #divGeographyInsiderTips #divPolaroidImages {width:230px; position:absolute; top:85px;}/*been altered to fit facebook button*/
#divBody #divGeographyInsiderTips #divPolaroidImages div.polaroidbg {background:url(/custom/lowcosthols/images/geography/polaroidbg.png) no-repeat 0 0;
    width:200px;height:231px;margin-bottom:5px;margin-left:30px;}
#divBody #divGeographyInsiderTips #divPolaroidImages div.polaroidbg.last {margin-bottom:0;}
#divBody #divGeographyInsiderTips #divPolaroidImages img {display:block;padding:9px 0 0 9px;width:180px;height:180px;}

/* insider tips: quotes */
#divBody #divGeographyInsiderTips div.quotes ul li span {white-space:nowrap;font-style:italic;color:#555;font-weight:bold;}



/* tabbed offers */
#divBody div.geographyTabbedOffers {line-height:1.3em;zoom:1;}

#divBody div.geographyTabbedOffers img {width:150px;height:110px;border:none;}
#divBody div.geographyTabbedOffers h5.dealtype {background:#d9d9d9;color:#888;font-size:11px;
    font-weight:bold;padding:3px 2px;margin:0 2px 1px;text-align:center;}
#divContent #divBody div.bodyBox div.geographyTabbedOffers div.offer h4 {margin:0 4px 1px;color:#70acac;font-size:12px;}
#divBody div.geographyTabbedOffers h5.price {margin:1px 4px 4px;font-size:12px;}
#divBody div.geographyTabbedOffers label {font-size:9px;line-height:12px;display:block;
    padding:0;margin:0 4px;cursor:pointer;}

#divBody div.geographyTabbedOffers div.offer {float:left;width:150px;margin:0 0 0 17px;
    background:#efefef;color:#333;cursor:pointer;}
#divBody div.geographyTabbedOffers div.offer.firstoffer {margin-left:0;}
#divBody div.geographyTabbedOffers div.offer:hover {background:#ffffdf;color:#333;}
#divBody div.geographyTabbedOffers div.offer:hover h5.dealtype {background:#f2e2c2;}

    
    
/* holiday search links */
#divBody #divGeographyHolidaySearches {margin-bottom:20px;margin-top:40px;}

#divBody #divGeographyHolidaySearches div.geographyHolidaySearch {cursor:pointer;padding:6px;float:left;height:69px;
    background:url(/custom/lowcosthols/images/bluehighlightboxplus10.gif) no-repeat;width:317px;margin-bottom:15px;overflow:hidden;}
#divBody #divGeographyHolidaySearches div.geographyHolidaySearch.alt {float:right;}
#divBody #divGeographyHolidaySearches div.geographyHolidaySearch.bottomtwo {margin-bottom:0;}
#divBody #divGeographyHolidaySearches div.geographyHolidaySearch:hover {background-position:0 -82px;}

#divBody #divGeographyHolidaySearches div.geographyHolidaySearch img {float:right;margin-left:10px;width:70px;height:70px;}
#divBody #divGeographyHolidaySearches div.geographyHolidaySearch div {float:right;width:233px;}
#divBody #divGeographyHolidaySearches div.geographyHolidaySearch h4 {font-size:13px;margin:0 0 0 -1px;padding:0;color:#46adad;}
#divBody #divGeographyHolidaySearches div.geographyHolidaySearch p {font-size:10px;margin:1px 0 0;padding:0;color:#555;line-height:13px;}

/*18. Customer Quotes*/
#divBody #divGeographyTabContent div.bodyBox #divCustomerQuote {padding:10px 10px 0 10px;}
#divBody #divGeographyTabContent div.bodyBox #divCustomerQuote div {position:relative;}
#divBody #divGeographyTabContent div.bodyBox #divCustomerQuote img.portrait {float:right;border:2px solid #BABABA;margin-left:10px;}
#divBody #divGeographyTabContent div.bodyBox #divCustomerQuote .quote {color:#777;margin:0; font-weight:900;font-family:Arial;font-style:italic;font-size:13px;padding:0 18px 0 20px}
#divBody #divGeographyTabContent div.bodyBox #divCustomerQuote img.quotemarks {width:16px;height:16px}
#divBody #divGeographyTabContent div.bodyBox #divCustomerQuote img#rightmark{position:absolute;bottom:0;right:0}
#divBody #divGeographyTabContent div.bodyBox #divCustomerQuote img#leftmark{position:absolute;top:0;left:0}
#divBody #divGeographyTabContent div.bodyBox #divCustomerQuote h3 {text-align:right;margin:5px 0 10px 0px;float:none;}


/*19. Focus Images*/
#divBody #divFocusImageHolder {margin-bottom:10px;height:220px;width:680px;background:url(/custom/lowcosthols/images/Geography/shadow.png) no-repeat 0 0;position:relative;}
#divBody #divFocusImageHolder #divFocusImageViewPort {width:660px;overflow:hidden;position:relative;height:200px;}
#divBody #divFocusImageHolder #divFocusImageSlideshow {position:absolute;height:200px;overflow:hidden}
#divBody #divFocusImageHolder #divFocusImageSlideshow img {float:left;max-width:660px}

#divFocusImageSlideshowThumbs {position:relative;width:80px;max-height:180px;z-index:5;float:right;right:10px;top:5px;}
#divFocusImageSlideshowThumbs div {position:absolute;top:13px;width:40px;}
#divFocusImageSlideshowThumbs #divColumn1 {right:40px;}
#divFocusImageSlideshowThumbs #divColumn2 {right:0px;}
#divFocusImageSlideshowThumbs img{margin:2px;height:30px;width:30px;border:solid 2px #000}
#divFocusImageSlideshowThumbs img:hover{border:solid 2px #EEE;cursor:pointer;}

 /*20. Facebook*/
#divGeographyAttractions div.preamble:first-child p{width:402px;}
.FacebookButton {position:absolute;left:431px;top:91px;z-index:1;border:none; overflow:hidden; width:230px;height:60px;}
.FacebookButton_LongHaul{position:absolute;left:431px;top:331px;z-index:1;border:none; overflow:hidden; width:230px;height:60px;}
