/* Generic Styles */
Body 
 {font-family: Trebuchet MS, Arial, Sans-Serif;}
  
Body, img, h1, h2, h3, h4 
 { border: 0px;}

h1 {margin: 0px;}

/* Main Layout Styles */

#HeaderMain
 {width: 760px; height: 50px; border: 0px solid; margin-left: auto; margin-right: auto; }

#HeaderLogo
 {width:250px; height: 50px; float: left;}
 
.NologoStyle {font-size: 25px; font-weight: bold; margin: 10px 0px 0px 5px; text-decoration: none;}

#HeaderContact
 {width:250px; height: 50px;  float: right; text-align:right; margin: 4px 8px 0px 0px; font-size: 20px; font-weight: bold;  line-height: 18px;}

#TopTelephoneNumber {display: block;}
#TopEmailAddress {display: block; clear: both;}

.HeaderEmailAddress
{font-size: 14px; font-weight: bold; color: #FFFFFF;}

#WelcomeText
{clear: both; margin: 5px 0px 10px 5px; border: 0px solid; Width: 755px; text-align: left; font-size: 12px; line-height: 18px;}

#RuleTop
 {width: 760px; height: 6px; clear: both; border-bottom: 3px solid; margin-left: auto; margin-right: auto;}

#RuleBottom
 {width: 760px; height: 6px; clear: both; border-top: 3px solid; margin-left: auto; margin-right: auto;}

#NavigationMain
{width: 760px; height: 20px; border: 0px solid; font-size:small; margin-left: auto; margin-right: auto; text-align: center;}

.MainNavigationLink { height: 20px; display: block; margin-left: 3px; padding-left: 3px; float: left; -left : 0px solid;}
.MainNavigationLinkEnd { height: 20px; display: block; margin-left: 3px; padding-left: 3px; float: left; -left : 0px solid;}


#ContentMain
 {width: 760px; height: auto; border: 0px solid; margin-left: auto; margin-right: auto;}

#FooterMain
 {width: 760px; height: 55px; border: 0px solid; clear: both; margin-left: auto; margin-right: auto;}

#FooterLogosL
 {width:270px; height: 55px; float: left; padding: 2px 0px 0px 2px; border: 0px solid; line-height: 11px; font-size: 12px; margin-top: -2px;}

#SmallPrint
 {width: 300px; height: 45px; float:left; padding-top: 5px; font-size: x-small; border: 0px solid;}

#FooterLogosR
 {width: 250px; height: 45px; float: right; padding-top: 5px; border: 0px solid; margin-top: -45px;}
 
.PageLabel {font-size: 11px;}
 
 
 
 /* Default Page Layout Styles */
 
 #SearchMain
 {width: 525px; height: auto; margin: 5px; float: right; border: 0px solid;}
 
 #OfferMain 
 {width: 210px; height: 230px; float: left; margin: 5px; border: 0px solid;}
 
 .OfferSpace1
 {width: 240px; margin: 5px; height: auto; float: left; text-align: center;}
 
 .ImageWidth
 {width: 100%;}
 
 #SignupMain
 {width: 620px; clear: both; height: 25px; margin: 5px; border:0px solid;}


/*Site Map Layout Styles */

#LeftList, #RightList 
{float:left; width: 300px;}

.ListTop 
{font-size: small; list-style-type: none; margin: 0px; line-height: 23px;}

.ListSub 
{font-size: small; list-style-type: none; margin-left: 10px; line-height: 23px;}


/*Editorial layouts */

.EnquiryPanel 
{width: 600px; height: 155px; clear: both; font-size: small; padding: 10px;}

.Labels
{float: left; width: 110px;}

.LabelsR
{float: left; width: 100px;}

.Inputs
{float: left; width: 180px;}

.EnquiryLabel 
{display: block; width: 110px;  font-size: small; height: 24px;}

#EditorialLeft 
{width: 530px; float:left; margin-left: 5px;}

#EditorialRight
{width: 200px; float:right; text-align: center;}

h1.PageTitle {font-size: Large; margin: 0px;}
h2.PageTitle {font-size:medium; margin: 0px;}

#OfferHolder
{width: 760px; height: auto; text-align: center; clear: both;}


/* Offer Banner Details */


div.OfferBlock
{width: 230px; height: auto; font-family: Trebuchet MS, Sans-Serif; float: left; margin: 2px; text-align: center;}

span.BannerTitle
{font-size: 16px; margin: 4px; display: block; width: 238px; text-decoration: none;}
 
span.BanerSubtitle 
{font-size: 14px;  margin: 4px 4px 0px 4px; display: block;  width: 240px;}

span.BannerNights
{font-size: 16px; margin: 0px 4px 4px 4px; display: block; float: left; width: 80px;}

span.BannerPrice
{font-size: 16px;  margin: 0px 4px 4px 4px; display: block; float:right; width: 100px;}

.BannerImage
{width: 190px; height: 100px; text-align: center; margin: 5px; clear: both;}


/* Costing Page Layout */

#CostEnquiry
{width: 740px; height: 250px; font-size: small; padding: 5px;}

.CostingEnquiryText 
{font-size: 16px; font-weight: bold; margin-top: 3px; margin-bottom: 3px;}

.CommentsBox {height: 300px; width: 300px;}


/*Availability Page Styles*/

.DisableFlightButton, .EnableFlightButton
{display: block; float: left; width: 80px; border-right: 2px solid; font-weight: bold; padding: 5px; font-size: 12px; }

.DisableAccommButton, .EnableAccommButton
{display: block; float: left; width: 130px; border-right: 2px solid; font-weight: bold;  padding: 5px; font-size: 12px;}



/*TravelMedia Page*/
#TMDetails
{width: 450px; float: left; margin-right: 5px;}

#TMImages
{width: 180px; float: left; text-align: right;}







/* Checkout Styles */

.PassengerInput { font-size: smaller; height: 12px; width:155px;}
.PassengerSelect {font-size: smaller; }

.HelpText {color:#BBBBBB;}
.ValidationError {color: #FF0000; font-size: smaller; }

.CostTable
{border: 0px solid; width: 640px;}


.CheckoutTable {width: 100%; font-size: 12px;}

.CheckoutRow {border-bottom: 1px solid #CCCCCC;}

.FlightResultsTable {width: 100%; font-size: 12px;}

.FlightResultsSeperator {border-bottom: 1px solid #CCCCCC; }

.FlightResultsPrice {color: #CC0000; font-weight: bold; text-align: right;}

.FlightResultsSubText {color: #CCCCCC;}


/* Hotel Directory Styles */

#CountryHolder 
{width: 95%; line-height: 25px; margin-left: 15px; font-size: 11px; border: 0px solid;}

.CountryLink , .CountryLink:Hover 
{display: block; width: 170px; height: 25px; float: left; border: 0px solid; color: #0033CC;}

.CountryLink:Hover 
{color: #CCC;}

/* Hotel Page Styles */

#MainHotelWrapper
{width: 830px; margin: 10px; border: 0px solid;}

#MainHotelTitle
{width: 100%;  border: 0px solid;}

#MainHotelText
{width: 510px; height: auto; min-height: 450px; float: left; margin: 5px 5px 5px 0px;}

p.HotelText
{line-height: 20px; font-size: 12px;}

#MainRightContent
{width: 300px; height: auto; min-height: 450px; float: left; margin: 5px 0px 0px 5px;}

#MainHotelImage
{width: 300px; height: 200px; min-height: 200px;}

.tmImage{ width: 140px; height: 100px; margin-left: 5px;}

#MainHotelSearch
{width: 300px; height: 200px;  margin-top: 5px;}

#MainHotelFooter
{width: 820px; height: auto; min-height: 150px; float: left; margin: 5px 5px 5px 0px; padding: 5px;  clear: both; border-top: 1px solid #0033CC; color: #0033CC;}

h1.HotelTitle {margin: 0px; font-size: 16px; color: #0033CC;}

/*Hotel Search Styles*/

.HotelSearchTitle
{font-size: 15px; font-weight:bold; padding: 0px 0px 10px 5px; color: #FFFFFF;}

.HotelSearchTable
{font-size: 11px; width: 290px; padding:0px; margin-top: 3px; }

.SearchTableWrapper
{padding: 5px;}

.SearchTableWrapperTop
{background-image: url(../../Images/WLH/HotelSearch-top.gif); height: 14px;}

.SearchTableWrapperMid
{background-color: #4e80c3;}

.SearchTableWrapperBot
{background-image: url(../../Images/WLH/HotelSearch-bot.gif); height: 14px;}

.HotelSearchButton
{border: 0px solid; background-image:url(../Images/WLH/hotelbuttonsearch.gif); background-repeat: no-repeat; margin-bottom: 10px; width: 105px; height: 22px; color: #000; font-weight: bold; font-size: 14px;}


.CountryHolder {width: 95%; line-height: 25px; margin-left: 15px; font-size: 11px; border: 1px solid;}

.CountryLink {display: block; width: 230px; height: 25px; float: left; border: 0px solid;}

.CountryLink:Hover {display: block; width: 210px; height: 25px; float: left; border: 0px solid; color: #CC0000;}

.CountryTitle {margin: 0px; font-size: 14px; color: #CC0000;}