body 
{font-family: Comic Sans MS, helvetica, Sans-Serif; font-size: 11px; background-color: #FFFFFF;  background-repeat:repeat-x; background-image: url(../Images/Background.jpg); margin: 0px;}

a 
{color: #0033CC;}

a:hover
{color: #FFF000;}

img {border: 0px;}


/* Master Styles */

#Wrapper {width: 960px; border: 0px solid #000; margin: 0px auto 0px auto;}

#HeaderMain
{width: 950px; Margin: 0px auto 0px auto; height: 102px; border: 0px solid; background-color: Transparent; background-image: url(../Images/header-background.jpg); background-repeat:repeat-x;}

.HeaderBar
{height: 10px; width: 950px; margin: 0px auto 0px auto; border: 0px solid; background-repeat: repeat-x;}

#HeaderLogo {float: left; height: 102px;}

#HeaderAbta, #HeaderTelephone {float: right;  height: 49px;}

#ContentTop
{width: 960px; Margin: 0px auto 0px auto; height: 13px; clear:both;}

#ContentBottom
{width: 960px; Margin: 0px auto 0px auto; height: 13px; clear:both;}

#ContentMiddle
{width: 960px; Margin: 0px auto 0px auto;  background-color: Transparent; clear:both; position: relative; border: 0px solid;}

#ContentMain 
{width: 960px; Margin: 0px auto 0px auto; border: 0px solid; position: relative;}

#FooterTop
{width: 960px; height: 10px; Margin: 0px auto 0px auto; clear: both; position: relative;}

#FooterBottom
{width: 960px; Margin: 0px auto 0px auto;  clear: both; position: relative; text-align: right;}

#FooterMiddle
{width: 960px; Margin: 0px auto 0px auto; height: 100px; background-color: #1B3D92; clear: both; position: relative; }

.FooterLinks
{width: 190px; float: left; color:#FFFFFF;}

.FooterNavigationLink
{display: block; margin: 5px 0px 5px 10px; color: #FFF;}

#FooterLogos
{border: 0px solid; float: right; text-align: right; margin-right: 5px; width: 300px;}

#NavigationMain
{width: 180px;  margin: 0px 0px 0px 0px; Position: relative; float: left; color: #003366; border: 0px solid; background-color: #FFFFFF;}

#MainBox {width: 720px;  border: 0px solid; position: relative; float: left; margin: 0px 0px 0px 2px;}

.BoxTop {Display:none;}

#Box-Top {display: none;}

#BoxMiddle {border: 0px solid; width: 760px;  clear:both; margin-left: 5px;}

#BoxBottom {display: none;}

.NavigationLink, .NavigationLinkTitle
{display: block;  text-decoration: none; float: left; font-size: 12px; width: 165px; margin: 0px 2px 0px 2px; padding: 7px 5px 7px 5px; font-weight: bold; background-color: #3b93ed; height: 24px; color: #FFFFFF;}

.NavigationLinkOdd
{display: block;  text-decoration: none; float: left; font-size: 12px; width: 165px; margin: 0px 2px 0px 2px; padding: 7px 5px 7px 5px;  font-weight: bold; background-color: #042680; height: 24px; color: #e09710;}


.NavigationLinkTitle
{color: #FFFFFF; font-weight: bold; float: left;}

.NavigationLinkSeperator
{float:left; background-position: right; background-repeat: no-repeat; border: 0px solid; width: 20px; height: 15px;}

.NavigationLink:Hover, .NavigationLinkTitle:hover, .NavigationLinkOdd:hover
{color: #FFF000;}

.SubNavigationLink
{display: block; height: 25px; border: 0spx solid; width: 110px; text-align: center; text-decoration: none; font-weight: bold; padding: 6px 0px 0px 0px; margin: 0px 0px 0px 5px; float: left; color: #FFF;  font-size: 11px; background-image: url(../Images/SubNavigation-button.gif); background-repeat: no-repeat;}

.PropertyVideoLink
{display: block; height: 25px; border: 0px solid; width: 285px; text-align: center; text-decoration: none; font-weight: bold; padding: 6px 0px 0px 0px; margin: 0px 0px 0px 5px; float: left; color: #FFF;  font-size: 11px; background-image: url(../Images/Button-Video.gif); background-repeat: no-repeat; clear:both;}

.PropertyVideoLink:hover
{display: block; height: 25px; border: 0px solid; width: 285px; text-align: center; text-decoration: none; font-weight: bold; padding: 6px 0px 0px 0px; margin: 0px 0px 0px 5px; float: left; color: #FFF;  font-size: 11px; background-image: url(../Images/Button-Video.gif); background-repeat: no-repeat; clear:both;}

.DescriptionSubNavigationLink
{display: block; height: 18px; width: 110px; text-align: center; text-decoration: none; font-weight: bold; padding: 3px 0px 0px 0px; margin: 0px 0px 0px 5px; float: left; color: #FFF; background-color: #003366;  font-size: 11px;}

.SubSectionNavigationLink
{display: block; height: 20px; text-align: center; font-weight: bold; padding: 6px 0px 0px 0px; margin: 10px 5px 0px 5px; float: left; color: #003366;  font-size: 11px;}

.SubNavigationLink:hover
{color: #FFF000;}

h2.PageTitle {font-size: 14px; margin: 0px 0px 0px 10px; color: #FF6600; margin-left: 0px;}

a.PageTitle{color: #003366;}

h3.PageTitle {font-size: 13px; margin: 0px; color: #003366;}

.PageHR {height: 1px; color: #CCC; clear: both;}

.TotalCostMessage {color: #FF0000;}

.DepositMessage {color: #003366;}

/* Signup Styles */

#Signup
{margin: 10px auto 0px auto; height: 40px; width: 180px;  height: 220px; background-image: url(../Images/newsletter-background.jpg); background-repeat: no-repeat; border: 0px solid #000; clear: both;}

.SignupText { font-size: 13px; font-weight:bold; color: #FFF000; float: left; margin: 60px 0px 0px 10px;}

.SignupTextbox
{border: 1px solid #F8F8F8; color: #6699ff; padding: 3px; width: 150px; margin: 8px 0px 0px 10px; float: left;}

.SignupLink 
{background-color: #FF9900; display: block; float: left; margin: 10px 0px 0px 10px; width: 160px;  text-decoration: none;  height: 20px; color: #FFFFFF; font-weight: bold; text-align: center; padding-top: 5px; font-size: 13px;} 

.SignupError
{display: block; border:0px solid; float: left; width: 130px; margin: 10px 0px 0px 10px;}
/* Propety Content */

#ContentDetails
{width: 100%; border: 0px solid; clear: both; position: relative; float: left;}


.HomepageBanner
{Width: 760px; height: 330px; Margin: 0px 5px 0px 0px; clear: both;}

/* Flash Slideshow Dimenisions */

#Demo {  height:330px;  border: 0px solid; width: 760px; margin: 0px; border: 0px solid;}

.PropertyBanner
{Width: 760px; height: 300px; Margin: 10px 5px 0px 0px; clear: both;}

#PropertyDetailHolder
{border: 1px solid;}

#PropertyDetail
{width: 420px; float: left; left: 0px; border: 0px solid; color: #666; line-height: 25px;  position: relative; margin: 0px 10px 10px 0px; }


/* Propety Content Right */

#PropertyRight
{position: relative; float: right; right: 10px; width: 280px; border: 0px solid;}

#PropertyImage
{width: 280px;  border: 0px solid;  position: relative; float: right; right: 0px;}

#PropertyOffer
{width: 270px;  border: 0px solid; height: 150px;  float: right; right: 0px; background-color: Transparent;  margin-top: 10px; clear: both; padding: 5px; background-image: url(../Images/Offer-Background.gif);}

#PropertySearch
{width: 280px;  border: 0px solid;  position: relative; float: right; right: 0px;   margin-top: 10px;  clear: both;}

#PropertyFeature 
{width: 258px;   height: 135px; border: 0px solid; font-weight: bold;  position: relative;  float: right; right: 0px; background-image: url(../Images/Feature-Background.gif); background-repeat: no-repeat; color:#003366; clear: both; padding: 10px; line-height: 25px; font-size: 12px; clear:both; z-index:4;}

.PropertyImages
{width: 280px;}

.PropertyImagesSmall
{width: 80px; float: left; margin: 5px 10px 0px 0px;}

.PropertyImagesSmallEnd
{width: 80px; float: right; margin: 5px 0px 0px 0px;}

/* Offer Styles */

div.OfferTitle {display: block; width: 255px; border: 0px solid;}

div.OfferText, div.OfferSubText {display: block; width: 255px; border: 0px solid; line-height: 18px; color: #0033CC; font-weight: bold;}

div.OfferPrice {display: block; width: 90px; border: 0px solid; float: left; color: #FF0000; font-size: 14px; font-weight: bold;}

div.OfferLink {display: block; width: 160px; border: 0px solid; float: right; text-align: right; vertical-align:bottom; margin-top: 5px;}

a.OfferLink {color: #FF0000; text-decoration: none; font-size: 13px;}

h3.OfferTitle {margin: 0px 0px 2px 0px; font-size: 16px; color: #003366; font-weight: bold;}

h3.FeatureTitle {margin: 0px 0px 2px 0px; font-size: 16px; color: #003366; font-weight: bold;}

/* Search Box Styles*/

.SearchTable
{font-size: 10px; Width:279px; color: #003366; background-color: #ffcc00; margin-bottom: -15px; border: 0px solid;}

#SearchTop
{height: 36px; background-image: url(../Images/searchheader.gif); background-repeat: no-repeat; margin-bottom: -10px; clear: both; border: 0px solid;}

#SearchBottom
{height: 12px; background-image: url(../Images/searchFooter.gif); background-repeat: no-repeat; clear: both; border: 0px solid;}

.RoomsTable
{font-size: 10px; width: 280px; color: #08bb9f; background-color: #ffcc00;}

.SearchBoxInputs
{font-size: 10px; padding: 2px; width: 190px;}

.SearchBoxInputsSmall
{font-size: 10px; padding: 2px; width: 70px;}

.SearchBoxInputsRoom
{font-size: 10px; padding: 2px; width: 40px;}

.SearchLabels
{font-size: 10px;}

.Button-Search
{border: 0px; width: 118px; height: 29px;  background-repeat: no-repeat; background-color: Transparent; font-weight: bold; color: #FFFFFF;  background-image: url(../Images/SearchButton.gif);}

.Button-Search:hover
{border: 0px; width: 118px; height: 29px;  background-repeat: no-repeat; background-color: Transparent; font-weight: bold; color: #FFF000;  background-image: url(../Images/SearchButton.gif);}


/* Property Gallery Styles*/

.PropertyGalleryImage
{width: 200px; height: 150px; margin: 6px;}


/* Main Property Styles */

.HotelList
{ border: 0px solid; width: 430px; height: 120px; margin: 2px 2px 5px 2px; float: left; padding: 5px; padding: 1px; line-height: 18px; background-color: #003366; color: #FFFFFF; line-height: 23px;}

.HotelTitle
{text-decoration: none; color: #60BCE7; font-weight: bold; font-size: 14px;}

.HotelImage
{width: 130px; height: 110px; float: left; Margin: 4px 4px 4px 4px; border: 1px solid #FFF;}

.HotelLink {color: #FF9900; display:block; border: 0px solid; font-size: 12px;}

.HotelLink:Hover {color: #FFF000;}
/* Introduction Styles */


#IntroductionText 
{ border: 0px solid; width: 760px; margin: 10px 0px 0px 0px; font-size: 12px; line-height: 21px; color: #003399;}


/* Homepage Features */

#FeaturedPropertiesMain
{border: 0px solid; width: 760px; margin: 25px 0px 0px 0px; font-size: 10px; color: #000; line-height: 18px; }

#Divider { width: 740px; height: 1px; border-bottom: 0px solid #CCC; margin: 3px 0px 0px 0px; clear: both;}

.DestinationTitle
{width: 40%; float: left; font-weight: bold; margin-top: 10px;}

div.DestinationLink
{width: 40%; float: right; text-align: right; font-weight: bold; margin-top: 10px;}

a.DestinationLink {color: #CCC;}

.PropertyItem
{ width: 172px; margin: 0px 2px 0px 2px; padding: 4px; float: left;  line-height: 20px; background-image: url(../Images/Featured-background.gif); background-repeat: no-repeat; height: 330px;}

.RatingResort {display:block; border: 0px solid;}

.PropertyTitle
{font-weight: bold; text-decoration: none; color: #FF6600; font-size: 11px; border: 0px solid; display:block; width: 170px; height: 20px;}


.PropertyImage
{width: 160px; height: 140px; clear: both; margin: -10px 0px 4px 0px;}

div.PropertyFeature
{color: #0033CC; font-weight: bold;  border: 0px solid;}


/* Static Page Styles */

a.StaticLink 
{color: Green;}


/* Availability Styles */

div.AccommodationMain {border: 0px solid; padding: 5px; width: 750px; line-height: 18px; color: #003366;}

.BreadcrumbText {border: 0px solid; color: #FFF;}

.BreadcrumbLink { color: #0033CC;}

.CurrentPage {color: #0033CC;}

.CheckoutRow {border-bottom: 1px solid #d8f2fb; color: #003366;}

.CheckoutPrice {border-bottom: 1px solid #d8f2fb; color: #FF0000; font-weight: bold;}

.SearchButton
{border: 0px; width: 118px; height: 25px;  background-repeat: no-repeat; background-color: Transparent; font-weight: bold; color: #FFFFFF;  background-image: url(../Images/Continue-Button.gif);}

.SearchButton:hover 
{border: 0px; width: 118px; height: 25px;  background-repeat: no-repeat; background-color: Transparent; font-weight: bold; color: #FFF000;  background-image: url(../Images/Continue-Button.gif);}

.CheckoutTable {color: #000; line-height: 18px; width: 100%;}

.ResultsTable {color: #000; line-height: 18px; width: 100%;}


/* Wait page Styles */

#splashScreen {text-align: center; width: 100%; border: 0px solid;}

#splashBox {width: 500px; height: 269px; border: 0px solid; background-image: url(../Images/wait.gif); background-repeat: no-repeat; padding-top: 20px; text-align: left; padding-left: 5px; margin-left: auto; margin-right: auto;}

.splashText {font-size: 15px; font-weight: bold; color:#08bb9f; line-height: 20px;  width: 300px; margin: 0px auto 0px auto; display: block;}






/* FLight + Hotel Styles */

.FlightsGrid
{ font-size: 11px; width: 100%;}

.FlightsRow
{height: 40px; border-bottom: 1px solid #c4dce7;}

.FlightsRowPrice
{color: #C7236C;}

h3.FlightsTitle
{color: #C7236C; margin: 0px;}

.MyCalendar .ajax__calendar_container {
    
    background-color: #FFFFFF;
    color: #003366;
    Border: 1px solid;
    padding: 1px;
    Font-size: 10px;
    Position: relative;
    left: 30px;
    Top: 30px;
    
}


.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
   Background-color: #0066CC;
   color: #FFFFFF;
   padding: 1px;
   font-size: 11px;
   text-align: center;
 
}

.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: #CCC;

}

.MyCalender .ajax__calendar_months
{
padding: 1px;}


#PrintHeader, #PrintHeaderLogo, #PrintHeaderContact, #PrintIntroText, #PrintFooter
{Display: none;}


.CostingMessage {font-size: 14px; color: #003366; font-weight: bold; padding-top: 10px;}

/* Email to a friend styles Matthew Richards 02/03/2009 */

.CostingEnquiryText {font-size: 12px; margin-top: 10px; display:block;}

#FFemail
{ background-image: none;}

#FFEmailtbl
{ width: 570px; font-family: arial; border: 0px solid #134989; font-size: 12px; line-height: 20px;}

.FFMainStyle
{ font-family: arial; border: 0px solid #134989; font-size: 12px; line-height: 20px; }

#FFHeader
{ background-color: #134989; font-size: 15px ; color: white; }
#FFHeaderText
{ background-color: #c8e2f2; color: #134989; }
#FFContentMain
{ background-color: white;}

#FFlinkbar
{ background-color: #134989; color: white; }

.FFsubmit
{border: 0px; width: 118px; height: 25px;  background-repeat: no-repeat; background-color: Transparent; font-weight: bold; color: #FFFFFF;  background-image: url(../Images/Continue-Button.gif);}

.FFsubmit:hover
{border: 0px; width: 118px; height: 25px;  background-repeat: no-repeat; background-color: Transparent; font-weight: bold; color: #FFF000;  background-image: url(../Images/Continue-Button.gif);}

.FFLink
{ color:White;}
#FFfooter
{ font-family: arial ;font-size: 10px; color: #989898; }


.Inputs
{line-height: 20px;}

.commentsBox
{width: 320px; height: 60px;}
p {font-size: 12px; font-family: Calibri;}


/* Enquiry Styles */

.EnquiryTextBox {width: 200px; padding: 2px;}

.EnquiryCommentsBox {width: 600px; height: 100px;}


/* Site Map Styles */

#SitemapDivider
{border-bottom: 1px solid; width: 98%; clear: both; margin: 10px auto 10px auto; height: 20px;}

.SitemapContent
{Border:0px solid; width: 230px; float: left; line-height: 20px; margin-left: 10px;}

.SitemapInformation
{Border:0px solid; width: 45%; float: left; line-height: 20px; margin-left: 10px;}

.SiteMapDestination
{color: #003366; font-weight: bold;}

.SiteMapProperty
{color: #C7236C; font-weight: bold; margin-left: 5px;}

.SiteMapSection
{color: #000000; margin-left: 15px;}

.SiteMapSubsection
{color: #000000; margin-left: 20px;}

.SitemapHome
{color: #C7236C; font-weight: bold;}

.SitemapLink
{color: #000000; margin-left: 10px;}


#PropertyGalleryHolder
{border: 0px solid; clear: both; width: 700px;  height: 175px; position: relative;}

/* Side Contact Bar */

#flyout{
font-family: Arial;
 color: #042680;
 background-color: white;
}

/* Property Review */

.PRTable {width: 800px; border: 0px solid; margin: 0px auto 0px auto;}

.PRTitle1 {font-weight: bold; font-size: 10pt; line-height: 15pt;}

.PRTitle2 {font-weight: bold; color: #000000; line-height: 15pt;}

.PRLabelTitle {width: 150px; font-weight: bold; text-align: left;}

.PRTitle1, .PRLabelTitle
{color: #042680;}

#PRButton {text-align: center;}

.PRErrorSummary {text-align:left;}

.PRCommentsTB {width: 625px; height: 100px;}

.PRVisitorDD {width: 225px}

.PRCountryDD {width: 225px}

.PRNameTB {width: 225px}

.PREmailTB {width: 225px}

.PRButton {background-image: url(../Images/SearchButton.gif); background-repeat: no-repeat; border: 0px; width: 120px; height: 27px; font-weight: bold; color: #ffffff; text-align: center; background-color: #d4ebf9;}

.PRButton:hover {background-image: url(../Images/SearchButton.gif); background-repeat: no-repeat; border: 0px; width: 120px; height: 27px; font-weight: bold; color: #ffffff; text-align: center; background-color: #d4ebf9;}

.CustomerDetails {padding-top: 10px; padding-left: 10px; background-image: url(../Images/SpeechTop.gif); background-repeat: no-repeat; height: 30px; color: #e09710; font-weight: bold; font-family: Comic Sans MS, helvetica, Sans-Serif; font-size: 14px;}

.ReviewText {padding: 10px; color: #000000; background-color: #def1fb; margin-top: -22px; line-height: 15pt; font-family: Comic Sans MS, helvetica, Sans-Serif; font-size: 11px; font-weight: bold;}

.PostedText {padding-bottom: 10px; padding-right: 10px; background-image: url(../Images/SpeechBottom.gif); background-repeat: no-repeat; height: 40px; margin-top: -11px; color: #e09710; text-align: right; font-family: Comic Sans MS, helvetica, Sans-Serif; font-size: 11px;}

.SearchAgainLink{ color: #0033cc; font-weight: bold; font-size: 12px;}