/* Base HTML Elements */


body {
	background-color: #fff;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif, tahoma;
	padding: 0px;
	margin: 0px 0px 12px 0px;
	font-size: 0.8em;
}
a img {
	border: 0px;
}
h1, h2, h3 {
	font-family: arial, Sans-Serif, Verdana;
	font-weight: normal;
}
h1 {
	margin: 0;
	padding: 0px;
	font-size: 1.7em;
	color: #77b900;
}
h2 {
	margin: 6px 0px 6px 0px;
	padding: 0px;
	font-size: 1.3em;
	color: #77b900;
}
h3 {
	margin: 6px 0px 6px 0px;
	padding: 0px;
	font-size: 1em;
	color: #77b900;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif, tahoma, arial;
}
p {
	margin: 8px 0px 12px 0px;
	line-height: 1.3em;
}
a h2, a h3 {
	color: #77b900;
	text-decoration:none !important;
}
h2 a {
	color: #77b900;
}
a, .link {
	color: #000;
	cursor: pointer;
}
iframe {
	border: 0px;
}
/* CSS Utils */
.clear {
	clear: both;
}
/* Header Area */
.pageWithMenuHeader {
	position: relative;
	height: 240px;
}
.logo {
	border: 0px;
	padding: 0;
	top: 0px;
	left: 0px;
	float: left;
}
.headerHotelInfo {
	float: left;
	margin: 10px 0 0 148px;
}
.hotelName {
	font-family: arial, Sans-Serif, Verdana;
	font-weight: normal;
	margin: 10px 0 0 0;
	padding: 0px;
	font-size: 1.8em;
	width: 700px;
	color: #77b900;
}
/* Root Master Page Zones */
.zoneRoot {
	margin-left: auto;
	margin-right: auto;
	width: 930px;
	background-color: White;
	margin-top: 0px;
	border-top: 0px;
}
.zoneLower {
	width: 930px;
	background: url(/resources/images/sitewide/zoneLowerBackground.gif) repeat-y top left;
	z-index: 1;
}
.zoneLowerLeft {
	float: left;
	width: 279px;
	padding: 12px 0px;
	background-color: #EEF7E2;
	text-align: left;
	border-right: solid 1px white;
}
.zoneLowerLeftInner {
}
.zoneMainContent {
	float: left;
	width: 650px;
}
.zoneMainContentInner {
	padding: 16px 40px;
	z-index: 1;
}
.zoneContent {
	background: #fff;
	padding: 10px 24px 36px 24px;
	position: relative;
}
.zoneHeader {
	padding: 12px 0px;
	background: white;
	position: relative;
	height: 90px;
	width: 930px;
}
.zoneSlideShow {
	float: left;
	width: 650px;
	height: 240px;
	background-color: #eeeeee;
}
.zoneReservations {
	float: left;
	width: 279px;
	height: 240px;
	background-color: #EEF7E2;
	border-right: solid 1px white;
}
.zoneFooter {
	width: 100%;
	text-align: center;
	font-size: 0.9em;
	color: #555;
	padding-top: 6px;
	position: relative;
}
.zoneMenu {
	border-top: solid 1px white;
	padding: 0px; /*position: relative;*/
	width: 930px;
	height: 44px;
	background: #80B53A url(../images/sitewide/green-bar.gif) bottom left repeat;
	z-index: 2;
}
.zoneUtils {
	margin-top: 12px;
	padding-top: 14px;
	text-align: center;
	width: 930px;
	text-align: center;
	font-size: 0.9em;
	color: White;
	height: 26px;
	background: #80B53A url(../images/sitewide/green-bar.gif) bottom left repeat;
}
.zoneUtils a {
	color: White;
}
.search {
	text-align: center;
	float: right;
}
.search .txt {
	width: 200px;
}
.btn, .btnReserve {
	background-color: #77B900;
	border: none;
	color: #FFF;
	padding: 2px 10px;
}
.btnReserve {
	width: 200px;
	float: right;
	margin: 8px 10px 4px 0;
}
.btn:hover, .btnReserve:hover {
	color: #336600;
}
/* Site Wide Non-Zone Classes */
.location {
	margin-bottom: 10px;
}
.share {
	position: absolute;
	top: 5px;
	right: 45px;
}
.rssLink {
	right: 5px;
	top: 5px;
	position: absolute;
}
.reservationsHeader {
	background: #80B53A url(../images/sitewide/shallow-green-bar.gif) top left repeat;
	height: 36px;
}
.reservationsHeader h2 {
	color: White;
	padding: 10px 0 0 12px;
	margin: 0px;
	font-size: 1.2em;
}
.reservationsInputHolder {
	background: #EEF7E2;
	height: 160px;
	padding: 5px 10px;
}
ul.reservation-occupants {
	padding: 0;
	margin: 2px 0;
}
ul.reservation-occupants li {
	float: left;
	list-style: none;
	width: 30%;
	padding-right: 3%
}
ul.reservation-occupants li label, ul.reservation-occupants li select {
	width: 100%;
}
.reservation-dates label {
	width: 44%;
	float:left;
	text-align: right;
	padding: 2px 5px;
	margin-bottom: 8px;
}
.reservation-dates input, .reservation-dates select {
	width: 46%;
	margin-bottom: 8px;
}
.reservations-logos {
	margin: 8px 10px 4px 0;
}
.zonePromotions {
	margin-top: 12px;
}
.promotion {
	display: block;
	position: relative;
	width: 120px;
	float: left;
	color: #FFF;
	margin: 9px;
	font-size: 0.9em;
	text-align: center;
}
.promotion img {
	width: 120px;
	height: 120px;
}
.promotionCaribbeanNights {
	width: 112px;
	height: 120px;
}
a.promotion {
	text-decoration: none;
}
.promotionCopy {
	overflow: visible;
	color: Black;
}
.promotionCopy:hover {
	text-decoration: underline;
}
.promotionPriorityClub .promotionCopy {
	padding-left: 8px;
}
.promotion .visual {
}
.adr {
	display: inline;
}
.slideshow {
}
.slideshowSlide {
	display: none;
}
.slideshowNav {
	position: absolute;
	top: 0px;
	right: 0px;
}
.showSlide {
	display: inline;
}
#galleryNav {
	width: 520px;
	margin: 15px;
}
#galleryNav li {
	width: 150px;
	float: left;
	margin: 8px;
	list-style: none;
}
#galleryNav a {
	width: 150px;
	padding: 2px;
	display: block;
	border: 0px solid #77b900;
}
#galleryNav a.activeSlide {
	background: #77b900;
}
#galleryNav a:focus {
	outline: none;
}
#galleryNav img {
	border: none;
	display: block;
}
.zoneNews {
}
.newsHeader, .specialsHeader, .emailHeader {
	font-size: 1em;
	padding: 8px 12px;
	height: 20px;
	display: block;
	color: #fff !important;
	background: #80B53A url(../images/sitewide/shallow-green-bar.gif) top left repeat;
}
.zoneSpecials {
}
.newsContent, .specialsContent {
	padding: 6px 12px;
}
.emailContent {
	padding: 0px 12px;
}
.emailContent p {
	padding: 0 0 6px 0;
}
.highlightInMenu {
	color: #77b900 !important;
}
.phoneTermsHolder {
	position: relative;
}
.phoneTermsHeader {
	float: right;
}
.phoneTermsFooter {
	float: right;
	position: relative;
}
.phoneTermsLink {
	color: #bbb;
	font-size: 0.8em;
}
.phoneTermsBox, .phoneTermsFooterBox, .phoneTermsContactUsBox {
	position: absolute;
	width: 140px;
	height: 92px;
	border: solid 1px #bbb;
	display: none;
	background-color: white;
	padding: 12px;
	z-index: 90;
	font-size: 0.8em;
}
.phoneTermsBox {
	top: -96px;
	left: 0;
}
.phoneTermsFooterBox {
	top: -96px;
	left: 0;
}
.phoneTermsContactUsBox {
	top: -96px;
	left: 0;
}
.phoneTermsClose {
	text-align: center;
}
/* Menu Master Page Zones */
.zoneLeftMenu {
	width: 200px;
	float: left;
}
.zoneMenuContents {
	float: left;
	width: 630px;
}
/* Home Page & Standard Page */
.zoneHomeContent {
	position: relative;
}
.zoneHomeContent img, .zoneStandardPageContent img {
	float: right;
	margin: 10px 0px 20px 20px;
}
.zoneStandardPageContent {
	position: relative;
}
.zoneStandardPageContent ul {
	margin: 0px;
	padding: 0 0 0 40px;
}
.zoneStandardPageContent li {
	margin: 0px;
	padding: 0 0 0 10px;
}
/* Contact Us */
.zoneGetInTouch {
	float: left;
	width: 210px;
}
.zoneFindUs {
	float: left;
	width: 420px;
}
.zoneKeyPeople {
	float: left;
	width: 240px;
}
.address {
	float: left;
	width: 200px;
}
.googleMapInfoWindowHeader {
	margin: 0 0 6px 0;
	padding: 0px;
}
.googleMapInfoWindowContent {
	float: left;
	width: 200px;
}
.googleMapOfficePhoto {
	float: left;
	width: 84px;
}
.googleMapAddress {
	float: left;
	width: 100px;
}
/* Skate */
.skateContent {
	margin-right: -40px;
}
.skateCopy {
	float: left;
	width: 386px;
}
.skateImages {
	float: right;
	width: 194px;
}
.skateContent h1, .skateContent h2 {
	color: #004888;
}
.skateContent .highlight {
	color: #004888;
}
/* Search Results */
.searchResults {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.searchResults li {
	margin: 20px 0px;
}
.searchResults h3 {
	margin-bottom: 0px;
}
.searchResults li .decription p {
	padding: 0px;
	margin: 0px;
}
.searchResults li .decription {
}
.searchResults li .url a {
	font-size: 0.9em;
	color: #999;
}
.searchResults li .url a:hover {
	color: #999;
}
.hang {
	float: right;
	margin: -98px -36px 5px 10px;
	width: 194px;
	z-index: 500;
}
.zoneStandardPageContent .offers-panel {
	clear:both;
}
.zoneStandardPageContent .offers-image{
	float:left;
	width:112px;
}
.zoneStandardPageContent .offers-desc {
	float:left;
	padding-left:10px;
	width:440px;
}
.zoneStandardPageContent .offers-desc h3 {
	border-bottom: 1px #CCC solid;
}
.zoneStandardPageContent .offers-desc h3 a {
	text-decoration: none;
	color: #77B900;
}


/* CLEARFIX
--------------------------------------------------*/
.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html .group {
	height: 1%;
} /* IE6 */
.group {
	min-height: 1px;
} /*IE7 */

/* new version */

/* For modern browsers */
.cf:before, .cf:after {
	content:"";
	display:table;
}
.cf:after {
	clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom:1;
}


/* GENERAL
--------------------------------------------------*/

.fl {
	float:left;
}
.fr {
	float: right;
}
#ui-datepicker-div {
	z-index: 100;
}
a.slide-link-layer {
	float: left;
	position: absolute;
}
img.img-fr {
	float:right;
	margin:10px 0 0 10px;
}
p.small-print {
	font-size: 0.7em;
}
.highlight {
	color: #77b900;
}
.txt-l {
	font-size: 1 em;
}
.txt-xl {
	font-size: 1.2em;
}
/* REFURB PAGE ADDITIONAL STYLES
--------------------------------------------------*/
p.introduction {
	font-size: 1.4em;
	color: #77b900;
}
h3.caps-dark-grey {
	text-transform: uppercase;
	color: #222222;
	font-size: 2em;
}
table.table-green-border {
	border: 6px solid #77b900;
	padding: 4px 10px;
	margin-bottom: 10px;
}
table.table-green-border tr td {
	font-size: 1em;
	padding:0px;
}
table.table-green-border td.green {
	color: #77b900;
}

/* ADDITIONAL STYLES
--------------------------------------------------*/

/* Custom button styles */

.standard-form {
margin-bottom: 20px;	
}
.submit {
    border:none;
    padding:0;
    cursor:pointer;
    overflow:visible;/*IE6 IE7 IE8*/
    height:24px;/*IE6 IE7*/
    text-align:left;
    margin-right:1px;
    text-decoration: none;
	  background:url("/Resources/Images/SiteWide/large-green-button-le.png") no-repeat;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#FFF;
    text-transform:uppercase;
    font-size:1.1em;
}
.submit span {
    height:21px;
    display:block;
    position:relative;
    left:1px;
    background-position:top right;
    background-repeat:no-repeat;
    padding:5px 21px 0px 10px;
	background-image:url("/Resources/Images/SiteWide/large-green-button-re.png");
}
a.submit, a.submit span {
    display:block;
    float:left;
}
a.submit{
    margin-right: .5em;
}