body { margin: 0px; padding: 0px; font-size: 11px; font-family: Verdana, Arial, Helvetica; color: #000; background-color: #fff; }


/* -- HEADINGS -- */

.ColumnLeft H1 { font-size: 16px; font-family: 'Trebuchet MS', Arial, Verdana, Helvetica; margin: 0px 0px 10px 0px; padding: 0; }
.ColumnLeft H2 { font-size: 14px; font-family: 'Trebuchet MS', Arial, Verdana, Helvetica; margin: 0px 0px 10px 0px; padding: 0; }

.TileLargeContainer .TileText h3 { font-size: 13px; font-style: italic; font-weight: bold; color: #fff; margin: 3px 0px 4px 0px; padding: 0px 0px 0px 0px; }
.TileContainer .TileText h3 { font-size: 13px; font-style: italic; font-weight: bold; color: #fff; margin: 3px 0px 4px 0px; padding: 0px 0px 0px 0px; }

.SpecialOffers h4 { text-transform: uppercase; color: #fff; padding: 7px 5px 7px 10px; margin: 0; font-size: 14px; font-family: 'Trebuchet MS', Arial, Verdana, Helvetica; }
.PressReleases h4 { text-transform: uppercase; color: #52626d; padding: 7px 5px 7px 0px; margin: 0; font-size: 16px; font-family: 'Trebuchet MS', Arial, Verdana, Helvetica; }

.BannerHeading { font-size: 13px; font-weight: bold; font-style: normal; font-family: 'Trebuchet MS', Arial, Verdana, Helvetica; margin: 0px 0px 10px 0px; padding: 0; }

.small { font-size: 10px; }
.Purple { color: #36365A; }
.red { color: #df261c; }
.white { color: #fff; }


/* --- DIVS --- */

#Pattern { display: none; z-index: 80; position: absolute; width: 126px; height: 752px; left: 50%; margin-left: 414px; }
#Wrapper { position: relative; margin: 0 auto; width: 960px; background-color: #f5f2e8; }
#HeaderContainer { position: relative; margin: 0 auto; width: 814px; text-align: left; padding: 32px 0px 0px 0px; }

.GlobalLogo { float: left; display: inline; width: 110px; height: 110px; margin: 0px; }
.OtherBrands { float: right; display: inline; width: 157px; margin: 20px 0px 41px 0px; }
.GlobalNav { z-index: 200; position: relative; margin: 0 auto; width: 609px; margin: 0px 0px 0px 0px; padding: 0px; background-color: #e9e4e1; height: 27px; line-height: 27px; }
.GlobalFooter { position: relative; font-family: Arial, Verdana, Helvetica; margin: 0 auto; width: 960px; background-color: #f5f2e8; background:url('../../images/template/rendezvous/general/Footer-BG.gif') repeat-x #514847 center left; color: #fff; overflow: hidden;  }
.GlobalFooterPadding { padding: 30px 30px 40px 30px; overflow: hidden; height: 100%; }
.GlobalFooterPadding a { color: #fff; text-decoration: none; }
.GlobalFooterPadding a:hover { color: #bbbf62; text-decoration: none; }

.RendezvousGroup { float: left; width: 205px; font-size: 10px; font-face: Arial, Verdana, Helvetica; }
.RendezvousGroup .small { font-size: 9px; }
.SocialMedia { float: left; width: 310px; font-size: 10px; font-face: Arial, Verdana, Helvetica; }
.SocialMedia .small { font-size: 9px; }
.BookNow { float: right; width: 573px; font-size: 10px; font-face: Arial, Verdana, Helvetica; text-align: right; }
.BookNow .small { font-size: 9px; }

.BannerContainer { z-index: 50; position: relative; margin: 0 auto; width: 609px; margin: 0px 0px 30px 0px; padding: 0px; background-color: #c5c7c8; overflow: hidden; }
.HPBannerLeft { float: left; width: 360px; text-align: left; height: 204px; }
.HPBannerRight { float: right; width: 249px; text-align: left; height: 204px; }
.BannerPadding { padding: 20px 20px 20px 20px; color: #fff; font-family: 'Trebuchet MS', Arial, Verdana, Helvetica; font-style: italic; font-size: 11px; line-height: 1.4em; }

.ContentContainer { position: relative; margin: 0 auto; width: 814px; overflow: hidden; padding: 0px 0px 30px 0px; }
.ContentContainer .LeftColumn { float: left; display: inline; width: 172px; margin: 0px 0px 0px 0px;}
.ContentContainer .RightColumn { float: right; width: 609px; }

.ColumnLeft { float: left; width: 390px; overflow: hidden; }
.ColumnLeft a { text-decoration: none; }

.ColumnLeft ul { margin: 10px 0px 10px 0px; padding: 0px 0px 0px 15px; }

.ColumnRight { float: right; width: 200px; }

.SidebarNav { background-color: #e9e4e1; margin: 30px 0px 0px 0px; }
.SidebarNav ul { list-style: none; margin: 0; padding: 5px 0px 5px 0px; }
.SidebarNav ul li { padding: 8px 20px 8px 8px; text-transform: uppercase; font-family: 'Trebuchet MS', Arial, Verdana, Helvetica; color: #463b3b; cursor: pointer; background:url('../../images/template/rendezvous/icons/SidebarArrow.png') no-repeat right center; }
.SidebarNav ul li a { color: #463b3b; text-decoration: none; }
.SidebarNav ul li a:hover { color: #463b3b; text-decoration: none; }
.SidebarNav ul li:hover { background-color: #d7c2b5; cursor: pointer; }
.SidebarNav .SidebarNavHeading { color: #ffffff; padding: 10px 13px 10px 8px; text-transform: uppercase; font-family: 'Trebuchet MS', Arial, Verdana, Helvetica; font-size: 12px; }

.BookingBox { display: none; background-color: #e9e4e1; overflow: hidden; margin: 25px 0px 0px 0px; }
.BookingBox ul { list-style: none; margin: 0; padding: 0; }
.BookingBox ul li { border-top: 1px solid #fff; font-family: 'Trebuchet MS', Arial, Verdana, Helvetica; padding: 6px 3px 6px 10px; color: #463b3b; text-transform: uppercase; font-size: 10px; line-height: 1.4em; }

.BookingBox table.BookingForm  { padding: 15px 10px 10px 10px; color: #463b3b; }
.BookingBox table.BookingForm td { color: #463b3b; padding-top: 0px; font-family: 'Trebuchet MS', Arial, Verdana, Helvetica; font-size: 10px;}

.BookingBox .BookingBoxButtons { overflow: hidden; clear: both; }
.BookingBox .BookingBoxButtons img { float: left; }

.LeftColumn .Buttons { margin: 45px 0px 140px 0px; overflow: hidden; }

.FooterDivider { width: 100%; height: 27px; background:url('../../images/template/rendezvous/general/Footer-Divider.gif') repeat-x #52626d top left; }

.PressReleases { width: 360px; }
.PressReleases ul { list-style: none; margin: 0; padding: 0; }
.PressReleases ul li { border-bottom: 1px solid #362d2c; padding: 10px 40px 10px 0px; color: #000; background:url('../../images/template/rendezvous/icons/Arrow.png') no-repeat right center; }
.PressReleases ul li a { color: #362d2c; text-decoration: none; }
.PressReleases ul li a:hover { color: #362d2c; text-decoration: none; }

.ArticleDivider { clear: both; width: 100%; overflow: hidden; }
.ArticleDivider img { float: right; }

.ListItem { border: 1px solid #ddd8cf; padding: 15px 20px 15px 20px; overflow: hidden; height: 100%; text-align: left; }
.ListItem img { float: right; display: block; margin: 0px 0px 0px 10px; }
.ListItem h4 { margin-bottom: 5px; margin-top: 0px; font-size: 13px; font-weight: normal; }

#BannerAd { display: none; position: absolute; width: 480px; height: 77px; left: 50%; margin-left: -73px; top: 35px; }




/* -- BUTTONS -- */

.TileLargeContainer { width: 360px; height: 84px; background-color: #b1b3b4; overflow: hidden; margin: 0px 0px 20px 0px; }
.TileLargeContainer .TileText { z-index: 80; position: relative; float: right; width: 135px; color: #fff; display: inline; margin: 9px 0px 0px 0px; font-size: 11px; line-height: 1.2em; }
.TileLargeContainer .TileText a { color: #fff; text-decoration: none; }
.TileLargeContainer .TileText a:hover { color: #bbbf62; text-decoration: none; }
.TileLargeContainer .TileText .arrow { float: right; width: 21px; display: inline; margin: 40px 10px 0px 3px; }
.TileLargeContainer .TileBG { position: absolute; width: 150px; height: 84px; background-color: #463b3b; z-index: 70; margin-left: 210px; }

.TileContainer { width: 200px; height: 84px; background-color: #b1b3b4; overflow: hidden; margin: 0px 0px 20px 0px; }
.TileContainer .TileBG { position: absolute; width: 150px; height: 84px; background-color: #463b3b; z-index: 70; margin-left: 80px; }
.TileContainer .TileText { z-index: 80; position: relative; float: right; width: 110px; color: #fff; display: inline; margin: 4px 0px 0px 0px; font-size: 11px; line-height: 1.2em; }
.TileContainer .TileText .arrow { float: right; width: 21px; display: inline; margin: 40px 10px 0px 3px; }


.SpecialOffers { background-color: #463b3b; color: #fff; }
.SpecialOffers ul { list-style: none; margin: 0; padding: 0; }
.SpecialOffers ul li { border-bottom: 1px solid #fff; padding: 13px 40px 13px 10px; color: #fff; background:url('../../images/template/rendezvous/icons/OffersArrow.gif') no-repeat #52626d right center; }
.SpecialOffers ul li a { color: #fff; text-decoration: none; }
.SpecialOffers ul li a:hover { color: #bbbf62; text-decoration: none; }

.SpecialOffersText { padding: 0px 10px 0px 10px; }
.SpecialOffersText a { text-decoration: none; color: #9ea24c; }
.SpecialOffersText a:hover { text-decoration: none; color: #fff; }

.SidebarRight { position: relative; width: 200px; margin: 0px 0px 20px 0px; }
.SidebarRightPadding { position: relative; padding: 13px 13px 13px 13px; word-wrap: break-word; }
.SidebarRightPic { position: relative; width: 200px; height: 100px; background-color: #ccc; }
.SidebarRightHeadingBG { z-index: 70; position: absolute; margin: 45px 0px 0px 0px; line-height: 1.2em; width: 170px; height: 45px; background:url('../../images/template/rendezvous/general/Sidebar_Heading_BG.gif') no-repeat #52626d left center; color: #4b1a0a; font-family: 'Trebuchet MS', Verdana, Arial, Helvetica; font-weight: bold; }
.SidebarRightHeadingBGPadding { padding: 9px 0px 0px 8px; }

.PurpleGradientButtonContainer { float: right; background-color: #bd2222;  display: inline; margin: 0px 0px 20px 12px; padding: 0px 7px 0px 7px; overflow: hidden; height: 60px; _width: 0px; width: auto; font-size: 12px; }
.PurpleGradientButtonContainer ul { list-style: none; margin: 0px 4px 0px 4px; padding: 0; float: left; }
.PurpleGradientButtonContainer ul li { text-align: center; float: left; padding: 8px 0px 0px 0px; color: #fff; }
.PurpleGradientButtonContainer ul li a { color: #fff; text-decoration: none; }
.PurpleGradientButtonContainer ul li a:hover { color: #000; text-decoration: none; }



/* -- GENERAL -- */

.ArticleImage { width: 150px; height: 150px; float: right; display: inline; border: 1px solid #fff; margin: 0px 0px 10px 10px; }



/* -- FORMS -- */

form { padding: 0; margin: 0; }
.BookingBox .BookingForm input, .BookingBox .BookingForm select { background-color: #fff; border: 1px solid #999; padding: 3px; margin: 2px 0px 0px 0px; color: #999; font-size: 11px; }

form#ContactForm { margin: 0; padding: 0; }

#ContactForm label { display:block; float:left; margin: 0px; padding: 7px 0px 0px 0px; text-align: left; width:70px; font-family: Arial, Verdana, Helvetica; font-size: 11px; }
#ContactForm label.fields { float: left; width: 190px; padding: 0px; }

#ContactForm input, select, textarea { border: 1px solid #ddd8cf; background-color: #f5f4f0; padding: 4px; color: #766341; font-family: Arial, Verdana, Helvetica; font-size: 12px; }

#ContactForm textarea { border: 1px solid #ddd8cf; background-color: #f5f4f0; padding: 4px; width: 200px; margin: 0px 0px 8px 0px; color: #766341; font-family: Arial, Verdana, Helvetica; font-size: 12px; overflow: auto; }

#ContactForm .row { clear: both; padding-bottom: 8px; }

#ContactForm .Submit { background-color: #a8ae61 !important; color: #fff; padding: 5px 15px 5px 15px; font-size: 13px; border: none; }

#TheForm .submit { background-color: #a8ae61 !important; color: #fff; padding: 3px 10px 3px 10px; font-size: 12px; border: none; }



/* -- DROPDOWN -- */

ul.NavRight { position: absolute; right: 0px; list-style: none; margin: 0; padding: 0px 0px 0px 0px; }
ul.NavRight li { float: left; padding: 0px 25px 0px 0px; font-size: 11px; font-family: 'Trebuchet MS', Verdana, Arial, Helvetica; color: #463b3b; }
ul.NavRight li a { text-decoration: none; color: #463b3b; }
ul.NavRight li a:hover { color: #000; }


/* LEVEL ONE */
ul.dropdown { display: inline; list-style: none; margin: 0; padding: 0; }
ul.dropdown li { cursor: pointer; float: left; zoom: 1; color: #463b3b; margin: 0px 0px 0px 0px; padding: 0px 13px 4px 0px; font-size: 11px; font-family: 'Trebuchet MS', Verdana, Arial, Helvetica; text-transform: uppercase;}
ul.dropdown a { text-decoration: none; color: #463b3b; }
ul.dropdown a:hover { color: #000; }
ul.dropdown a:active { color: #463b3b; }
ul.dropdown li a { display: block; color: #463b3b; }
ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover { color: #000; position: relative; }
ul.sub_menu li.hover { background-color: #ccc !important; position: relative; }
ul.dropdown li.hover a {  }



/* LEVEL TWO */
ul.dropdown ul { list-style: none; margin: 0; width: 210px; visibility: hidden; position: absolute; z-index: 200; top: 100%; left: -10px; padding: 0px; background-color: #e9e4e1; overflow: hidden; }
ul.dropdown ul li { font-weight: normal; color: #463b3b; float: none; padding: 3px 0px 3px 0px; font-size: 11px; text-align: left; background: none; line-height: 1.1em; height: auto; }
ul.dropdown ul li:hover {  }
									  
                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a { width: 100%; display: inline-block; color: #463b3b !important; text-decoration: none; padding: 3px 5px 3px 9px; } 
ul.dropdown ul li a:hover { background-color: #f5f0ec !important; }



/* LEVEL THREE */
ul.dropdown ul ul { list-style: none; margin: 0; width: 210px; visibility: hidden; position: relative; z-index: 200; top: 0px; left: 0px; padding: 3px 0px 0px 0px; background-color: #e9e4e1; }
ul.dropdown ul ul li { font-weight: normal; color: #463b3b; float: none; padding: 3px 0px 3px 0px; font-size: 11px; text-align: left; background: none; line-height: 1.1em; height: auto; }
ul.dropdown ul ul li:hover { background-color: #f5f0ec !important; }
									  
                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul ul li a { width: 100%; display: inline-block; color: #463b3b !important; text-decoration: none; padding: 1px 5px 1px 23px; } 
ul.dropdown ul ul li a:hover { }




/* --------------------------- */
/* ROTATING BANNER       	   */
/* --------------------------- */


/* rotator in-page placement */
div#rotator { position:absolute; width: 360px; z-index: 100; height: 204px; margin: 0px 0px 0px 0px; padding: 0px; }

/* rotator css */
div#rotator ul { margin: 0; padding: 0; }
div#rotator ul li {	float:left;	position:absolute; list-style: none; }

/* rotator image style */	
div#rotator ul li img { padding: 0px; margin: 0; }
div#rotator ul li.show { z-index:1; }


/* --------------------------- */
/* MAP                  	   */
/* --------------------------- */

#map { position: relative; width: 570px; height: 500px; overflow: hidden; border: 1px solid #e7e4d9; }
#returnlink { display: block; position: absolute; bottom: 0; right: 0;  color: white; background: blue; padding: 3px;}

#map a.bullet { display: block; position: absolute; padding: 0px 0px 0px 13px; width: 95px; height: 16px; line-height: 16px; color: #000; background-image: url('../../images/template/rendezvous/map/bullet.png'); background-repeat: no-repeat; background-position: center left; text-decoration: none; z-index: 2; }
#map a.both { display: block; position: absolute; padding: 0px 0px 0px 13px; width: 95px; height: 16px; line-height: 16px; color: #000; background-image: url('../../images/template/rendezvous/map/bulletboth.png'); background-repeat: no-repeat; background-position: center left; text-decoration: none; z-index: 2; }
#map a.marque { display: block; position: absolute; padding: 0px 0px 0px 13px; width: 95px; height: 16px; line-height: 16px; color: #000; background-image: url('../../images/template/rendezvous/map/bulletmarque.png'); background-repeat: no-repeat; background-position: center left; text-decoration: none; z-index: 2; }
#map img.zoomable { }

#map div.popup{ display: none; position: absolute; width: 265px; top: 35px; left: 270px; background: #e7e4d9; z-index: 3; padding: 0px; border: 1px solid #baa585; color: #000; }
#map div.popup a.close{ float: right; padding: 8px 5px 0px 0px; }

#map div.popup h3 { font-family: Verdana, Arial, Helvetica; font-size: 12px; font-weight: bold; color: #615240; margin: 0px 0px 15px 0px; padding: 0; }
#map div.popup h3 a { color: #615240; text-decoration: none; }
#map div.popup h3 a:hover { color: #000; }


.popupcontent { padding: 15px; }
.popupcontent h3 { margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; font-size: 15px; }
