body 
{font-family: verdana, helvetica, Sans-Serif; font-size: 11px; background-Image: url(../Images/background.jpg);  background-repeat: repeat-x; margin: 0px;}

a 
{color: #0033CC;}

a:hover
{color: #000033;}

img {border: 0px;}

/* Master Styles */

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

#HeaderMain
{width: 950px; Margin: 0px auto 0px auto; height: 101px;}

#HeaderLogo, #HeaderTelephone
{float: left; height: 101px; margin: 0px 0px 10px 0px; border: 0px solid; width: 400px;}

#HeaderTelephone
{float: right; width:500px;}

#ContentTop, #ContentBottom
{width: 950px; Margin: 0px auto 0px auto; height: 13px; clear:both; background-Image: url(../Images/Content-top.gif); } 

#ContentMiddle
{width: 950px; Margin: 0px auto 0px auto; clear:both; position: relative; border: 0px solid; }

#ContentMain 
{width: 950px; Margin: 0px auto 0px auto; border: 0px solid; position: relative;background-color:white;}

#FooterTop, #FooterBottom
{width: 950px; Margin: 0px auto 0px auto; clear: both; position: relative;}

#FooterMiddle
{width: 950px; Margin: 10px auto 0px auto; height: 70px; clear: both; position: relative; padding-top: 5px;}

#FooterLogos
{float: right; text-align: right; margin-right: 10px;}

#NavigationMain
{width: 200px; border:0px solid; margin: 5px 0px 0px 5px;float: left; color: #000; padding-top: 1px; min-height:150px;}

#MainBox
{width: 740px;  border: 0px solid; position: relative; float: right; margin: 5px 0px 0px 5px;}

 #BoxBottom
{display: none;}

.TopLinks {border: 0px solid; float: left; margin-left: 0px;}


#BoxMiddle
{border: 0px solid; width: 740px;  float: left; background-color: #FFFFFF; clear:both; Margin: 0px 0px 0px 0px;}

.NavigationLink, .NavigationLinkTitle
{border: 0px solid; vertical-align: middle; color: white;font-weight:bold; text-decoration: none; float: left; font-size: 11px; padding: 5px; 
display: block; clear: both;width:180px;height:20px;background-Image: url(../Images/subSectionnavigation-button.gif);background-repeat:no-repeat;}

.NavigationLink:Hover, .NavigationLinkTitle:hover
{color: #66ccff;}

.NavigationLinkSeperator
{ border: 0px solid; text-align: center; vertical-align: middle; color: #ff0066; text-decoration: none; float: left; font-size: 10px; 
background-repeat: no-repeat; padding: 3px 1px 0px 1px; display: block;}

.SubNavigationLink, .DescriptionSubNavigationLink
{display:block; text-decoration:none; padding: 3px 5px 0px 5px; color:white; font-weight: bold;width: 220px; height:20px;font-size:11px; float: left;
 margin: 5px 3px 5px 3px; text-align: left; background-Image: url(../Images/SubNavigation-button.gif);background-repeat:no-repeat;}

.SubSectionNavigationLink
{display:block; text-decoration:underline; padding: 3px 5px 0px 0px; color:#ff0066; font-weight: bold; width: 230px; height: 25px; float: left; 
margin: 5px px 0px 3px; text-align: left;}

.SubNavigationLink:hover, .SubSectionNavigationLink:hover, .DescriptionSubNavigationLink:hover
{color:black;}

.FooterLinks
{width: 200px; float: left;}

.FooterNavigationLink
{display: block; margin: 5px 0px 5px 10px; color: #999; width: 160px; text-decoration: none;}

.FooterNavigationLink:hover
{color:#0033CC;}

h2.PageTitle
{font-size: 14px; margin: 3px 0px 0px 10px; color: #053096;font-weight:bold;}

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

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

#Bookwithconfidence
{  border: 0px solid;}


/* Signup Styles */



#Signup
{width: 170px; height: 260px; clear:both; margin: 0px 3px 5px 5px; display:block; background-image: url(../Images/Newsletter-Background.gif); 
background-repeat: no-repeat; }

.SignupText {font-size: 11px; line-height: 19px; color: #fff; font-weight:bold;float: left; margin: 10px 0px 0px 3px; display:block;
 border: 0px solid; float:left; clear: both; width: 150px;}

.SignupTextbox
{color: #666; padding: 3px; width: 160px; margin: 10px 2px 0px 2px; float: left; clear:both; display:block; border: 0px solid;}

#TextBoxHolder
{border: 0px solid; width: 150px; clear:both;}

.SignupLink 
{display: block; border: 0px solid; float: left; width: 127px; margin: 10px auto 0px 8px;  text-decoration: none;
height: 22px; font-weight: bold; text-align: center; font-size: 13px; clear: both; background-image: url(../Images/Newsletter-Button.gif);
padding-top: 5px; color: #fff;} 

.SignupLink:Hover
{color: #FFF000;} 


.SignupError
{display: block; border:0px solid; float: left; width: 130px; margin: 10px 0px 0px 8px;}


/* Propety Content */

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

.HomepageBanner
{Width: 720px; height: 250px; Margin: 0px 0px 0px 0px; clear: both; }

.PropertyBanner
{Width: 740px; height: 250px; Margin: 0px 0px 0px 0px; clear: both;}



#PropertyDetail
{width: 430px; float: left; left: 0px; border: 0px solid; color: #666; line-height: 25px; margin: 15px 0px 0px 5px; padding: 0px;}


/* Propety Content Right */

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

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

#PropertyOffer
{width: 270px;  border: 0px solid;   float: right; right: 0px; background-color: #FFFFFF;   margin-top: 10px; clear: both; padding: 5px; }

#PropertySearch
{width: 280px; border: 0px solid #d00016; position: relative; float: right; right: 0px; background-color: #4da5e4; margin-top: 10px; margin-bottom: 0px; clear: both;}

#PropertyFeature
{width: 270px; height: 150px; position: relative; float: right; right: 0px; background-image: url(../Images/Featured-background.gif); margin-top: 10px; clear: both; padding: 5px; line-height: 20px; font-size: 12px; z-index:4; color: #FFFFFF;}

.PropertyImages
{width: 280px;margin:0px 0px 10px 0px;}

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

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

.PropertyVideo 
{display: block; width: 280px; border: 0px solid; padding: 5px; text-align: center; background-color:  #ff0066; font-size: 14px; color: #FFFFFF; font-weight: bold; clear:both; margin-top: 10px;}

.PropertyVideoLink {text-decoration: none; color: #ff0066;margin-top:10px;}

/* Offer Styles */

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

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

div.OfferSubText {display: block; width: 255px; border: 0px solid; line-height: 18px; color: #FFFFFF; }

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: #FFFFFF; text-decoration: none;}

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

/* Search Box Styles*/

.SearchTable
{font-size: 10px; Width:280px; color: white; border: 0px solid #d00016; background-color: #4da5e4;}

.SearchHeader
{background-image: url(../Images/searchheader.gif); height: 53px; background-repeat: no-repeat; background-color: #4da5e4;}

#SearchBottom
{border: 0px solid; height: 14px; clear: both; background-image: url(../Images/searchbottom.gif); }

.RoomsTable
{font-size: 10px; width: 280px; color: #ffffff;}

.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
{background-image: url(../Images/Search-Button.gif); background-repeat: no-repeat; border: 0px; width: 121px; height: 35px; font-weight: bold; color: #ffffff; text-align: Center; background-color: Transparent;}

.Button-Search:hover
{color: green;}


/* Property Gallery Styles*/

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


/* Main Property Styles */

.HotelList
{color: #0033CC; width: 430px; height: 105px; margin: 10px 0px 0px 0px; float: left; padding: 0px; font-size: 14px; text-align: right;  background-Image: url(../Images/HotelListBackground.jpg); background-repeat: no-repeat;}

.HotelTitle, .HotelLink, .HotelSubTitle
{display:block; width: 165px; float: left; text-align: left; border: 0px solid; font-weight: bold; text-decoration: none; }

.HotelLink
{color: #0033CC;}

.HotelImage
{width: 90px; height: 90px; margin: 8px 10px 0px 10px; float: left; display: block;}




/* Introduction Styles */


#IntroductionText 
{border: 0px solid; width: 420px; margin: 10px 0px 0px 0px; font-size: 11px; color: #003399; line-height: 20px; float: left; padding: 5px;}

#SpecialIntroductionText
{border: 0px solid; width: 630px; margin: 10px 0px 0px 5px; font-size: 11px; color: #003399; line-height: 20px; float: left; padding: 5px;}



/* Homepage Features */

#FeaturedPropertiesMain
{border: 0px solid; width: 930px; margin: 0px 0px 0px 5px; font-size: 11px; color: #FF9900; line-height: 18px; float: left;visibility:hidden;}

#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
{border: 0px solid; width: 164px; min-height: 210px; margin: 5px 7px 0px 4px; padding: 5px; float: right;  background-image: url(../Images/Background-featured.gif); line-height: 17px;}

.PropertyTitle
{font-weight: bold; text-decoration: none; color: #0033CC;}

.PropertyImage
{width: 150px; height: 100px; clear: both; margin: 0px 0px 0px 5px; border: 0px solid;}

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


/* Static Page Styles */

a.StaticLink 
{color: Green;}


/* Availability Styles */
div.AccommodationMain {border: 0px solid; padding: 5px; width: 700px; line-height: 18px;}

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

.BreadcrumbLink { color: #FF9900;}

.CurrentPage {color: #0033CC;}

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

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

.SearchButton
{background-image: url(../Images/SearchButton.gif); background-repeat: no-repeat; border: 0px; width: 122px; height: 35px; text-align: center; font-weight: bold; background-color:#FFF; color: #FFFFFF; margin-top: 5px;}

.SearchButton:hover 
{color: #FFF000;}

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

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

h3.TotalCostMessage {font-size: 16px; color: #FF0000;}

Span.DepositMessage {color: #000000; margin-left: 40px;}


/* Wait page Styles */

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

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

.splashText {font-size: 16px; font-weight: bold; color:#999; line-height: 24px; text-align: center;}






/* FLight + Hotel Styles */

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

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

.FlightsRowPrice
{color: #C7236C;}

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

.MyCalendar .ajax__calendar_container   {    background-color: #ffffff;     border:solid 1px #cccccc;}
.MyCalendar .ajax__calendar_header  {    background-color: #ffffff;     margin-bottom: 4px;}
.MyCalendar .ajax__calendar_title,.cal_Theme1 .ajax__calendar_next,.cal_Theme1 .ajax__calendar_prev    {    color: #000;     padding-top: 3px;}
.MyCalendar .ajax__calendar_body    {    background-color: #ffffff;     border: solid 1px #cccccc;color:Black;}
.MyCalendar .ajax__calendar_dayname {    text-align:center;     font-weight:bold;     margin-bottom: 4px;     margin-top: 2px;}
.MyCalendar .ajax__calendar_day {    text-align:center; color:Black;}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,.cal_Theme1 .ajax__calendar_active  { color: #000000; font-weight: bold;background-color: #ffffff;}
.MyCalendar .ajax__calendar_today   {    font-weight:bold;}
.MyCalendar .ajax__calendar_other {color: black;}


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


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


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

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

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

#FFemail
{background-image: none;}


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

#FFHeader
{ background-color: #134989; font-size: 14px ;}
#FFHeaderText
{ background-color: #FFFFFF; color: #FF0000; margin: 5px; }

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

.FFsubmit
{background-image: url(../Images/SearchButton.gif); background-repeat: no-repeat; border: 0px; width: 122px; height: 35px; text-align: center; font-weight: bold; background-color:#FFF; color: #FFFFFF; margin-top: 5px;}

.FFsubmit:hover
{color: #FFF000;}

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


.Inputs
{line-height: 20px;}

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


/* Description Styles */


.DescriptionTable {height: 450px; margin-left: 5px; line-height: 20px;  position: relative; margin-right: 10px; border: 0px solid; font-size: 11px; color: #666; font-family: Trebuchet MS;}

.DescriptionContent {width: 100%;}

.DescriptionImages {width: 33%;}


/* Flash Slideshow Dimenisions */

#Demo {width: 740px; height: 222px; margin: 0px 0px 0px 0px ; border: 0px solid; margin: 0px auto 0px 5px;}



/* Site Map Styles */

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

.SitemapContent
{Border:0px solid; width: 200px; 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: #003366; font-weight: bold; margin-left: 5px;}

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

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

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

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

/* Top Contact Bar */

#flyout{
 font-family: verdana, helvetica, Sans-Serif; font-size: 11px;
 color: #333;
 background-color: #FFFFFF;
 width: 180px;
 height: 40px;
 max-width: 180px;
}

.thankscolor{ color: #333;}

/* Property Review */

.PRTable {width: 740px; 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: 175px; font-weight: bold; text-align: left;border:0px solid;}

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

#PRButton {text-align: center;}

.PRErrorSummary {text-align:left;}

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

.PRVisitorDD {width: 225px}

.PRCountryDD {width: 225px}

.PRNameTB {width: 220px;margin:0px 20px 0px 0px; }

.PREmailTB {width:220px; }

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

.PRButton:hover {border: 0px; width: 108px; height: 25px;  background-repeat: no-repeat; font-weight: bold; color: #cccccc; background-color: #08bb9f;}

.PropertyVideoLink {clear:both; margin-top: 10px; width: 280px; font-size: 10pt;border:0px solid;  height: 23px; padding-top: 3px; display: block; background-color: #ff9933; text-decoration: none; text-align: center; font-weight: bold; color: #ffffff;}

.PropertyVideoLink:hover {text-decoration: none; font-weight: bold; color: #333;}

.CustomerDetails {color: #d00016;}

.ReviewText {color: #000000;}

.PostedText {color: #909090;}

#HomepageImageHolder
{border: 0px solid; clear: both; height: 192px;}

#HomepageTextHolder
{border: 0px solid; clear: both; margin: 10px 0px 0px 0px;}

#HomepageText 
{border:0px solid; float: left; width: 650px;}

#HomepageSearch
{border:0px solid; float: left; width: 280px; margin: 0px 0px 0px 10px;}



#Box-Top
{display:none;}

.BoxTop
{display:none;}

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


/*--- Slideshow Styles-----------------------------------------------------------------------*/
ul.slideshow {list-style: none; overflow: hidden;position: relative; margin: 0;padding: 0;}
ul.slideshow li{position: absolute;left: 0; right: 0;}
ul.slideshow li.show{z-index: 500;}
#slideshow-caption {position: absolute; bottom: 0; left: 0;  background: #FFF; z-index: 500;}
#slideshow-caption .slideshow-caption-container {padding: 0px 10px; z-index: 1000; Border: 0px solid }
#slideshow-caption b{margin: 5; padding: 0; font-size: 18px; font-weight: bold; float: left; display: block; margin: 2px 5px 2px 0px}
#slideshow-caption p { margin: 0; padding: 0; font-size: 18px; float: left; display: block; margin: 2px 5px 2px 0px;}
/*--- Only need to change the styles below the border colour and the colour of the the text--*/
ul.slideshow,  ul img, #Mask {width: 750px; height: 250px; border: 0px solid;}
ul.slideshow, #slideshow-caption {color: #003366; border-color: #000;}

/* Enquiry Pop up styles*/

.ContactMask {background-color:#e2ecf6; filter:alpha(opacity=90); opacity:0.9;}

.modalPopup {Background: url(../Images/Background-ContactEnquiry.gif) no-repeat #FFFFFF; color:Black; padding:10px; width:490px; height: 370px; border: 2px solid #63c7fb; margin: 0px auto 0px auto;}

.modalPopup h3 {color: #FF9900; margin: 0px; font-size: 20px;}

.modalPopup p {line-height: 18px; font-size: 12px;}

.modalPopup table {border-top: 1px solid #003366; width: 480px; font-size: 11px; }

.ContactEnquiryTextbox
{width: 200px; padding: 3px; border: 1px solid #ccc; margin: 3px; }

#ClosePanel
{text-align: center; clear: both; margin: 0px auto 0px auto; font-size: 11px;}

.ButtonEnquire
{background-image: url(../Images/SearchButton.gif); background-repeat: no-repeat; border: 0px; width: 108px; height: 25px; font-weight: bold; color: #ffffff; text-align: center;cursor:hand;}

.EnquiryLink
{border: 0px solid; vertical-align: middle; color: white;font-weight:bold; text-decoration: none; float: left; font-size: 11px; padding: 5px; 
display: block; clear: both;width:180px;height:20px;background-Image: url(../Images/subSectionnavigation-button.gif);background-repeat:no-repeat;}

.EnquiryLink:hover
{color: #a9d9f0;}