/* ============================================================ */
/* Critical Mass | Hyatt CSS Document							*/
/* ============================================================ */
/* Project: Hyatt Pure											*/
/* Author: Aaron Glenn											*/
/* Date: May 23, 2006											*/
/* Comments: Initial Setup										*/
/* ============================================================ */



/* HTML Elements												*/
/* ============================================================ */
html *{margin: 0; padding: 0;}
body{
	font-family: Verdana,Tahoma,MS Sans-Serif,sans-serif;
	font-size: 11px;
	color: #626364;
	background-color: #584c7b;
	text-align: center;
	height: 100%;
}

/* loading screen */
#loading-screen {display: block; position: absolute; top: 0; left: 0; z-index: 99; width: 100%; height: 100%; background-color: #fff; text-align: center;}
	#loading-screen img {margin-top: 150px;}

body.calm{background-color: #6cc4f2;}
body.energize{background-color: #f2c847;}
body.restore{background-color: #584c7b;}


a{color: #626364;text-decoration: none;}
a:link{}
a:visited{}
a:hover{}
a:active{}
a img{border: 0;}
sup {font-size:10pt;}

h1{font-size: 24px;position: relative;height: 80px;}
h1 img{display: none;}
h1 a{display: block; position: absolute; top: 0; left: 0; width: 150px; height: 150px; z-index: 20;}
h2{font-size: 26px;font-family: Georgia, Times New Roman, Serif;text-align: center;font-weight: normal;margin: 45px 35px 20px 35px;color: #64BAD1;padding-bottom: 5px;letter-spacing: 1px;text-transform:lowercase;}
/*border for spa locator page */
	h2.bottom-border{padding:0 0 15px 0; margin: 45px 35px 30px 100px; border-bottom: 1px solid #ccc; width: 440px;}
h3{font-size: 12px;}
h4{font-size: 10px;}

ul{}
ul li{}

dl{}
dl dt{}
dl dd{}

p{margin: 10px 0; line-height: 1.5;}

table{}
table th{}
table tr{}
table td{}

form{margin: 0px;}
form fieldset{}
form legend{}
form label{}
form input{}




/* Structural Blocks 											*/
/* ============================================================ */

#container{width: 975px; margin: auto;position: relative; text-align: left;}


/* Masthead 												*/
/* ============================================================ */
#header{}
	#header a{color:#fff;}
	#header h1{float: left;width: 150px;height: 80px;}
	#header h1 a{height: 80px;}
	#header h1 span.hidden-text{position: absolute; top: -1000px;}
	#search{float: right;margin: 50px 30px 0 0;}
	#search label{text-transform: uppercase; color: #fff;font-weight: bold;}
	#search #pure-search{
			width: 200px;
			border-top: 1px solid #000;
			border-left: 1px solid #000;
			border-bottom: 1px solid #ccc;
			border-right: 1px solid #ccc;
			vertical-align: middle;
			font-size: 9px;
			color: #999;
			padding: 1px 2px;
			font-family: Verdana, Sans-Serif;
			margin-right: 8px;
			margin-left: 5px;
			}
	#search .button{display: inline;vertical-align: middle;}

	/* mood controls */

	#mood-controls{float: left; margin: 50px 0 0 47px; display: none;} /* only display if javascipt is on */
	#mood-controls #music-note, #mood-controls #launch-player, #mood-controls #music-controller, #mood-controls #drop-down-wrapper{float: left;}
	#mood-controls #music-note{display:block; width: 11px; height: 13px; position: relative; bottom: 2px; right: 2px;}
	#mood-controls #music-controller{margin: 0 14px 0 10px;}

	#mood-controls #drop-down-wrapper {position:absolute; left: 346px; top:50px; z-index: 80; background-image: url(/hyatt/images/transparent.gif);}
	#mood-controls #customize {width: 172px;}
	#mood-controls #current-mood {color: #fff; background: transparent url(/hyatt/images/pure/nav/white-arrow.gif) 3px 4px no-repeat; text-transform: capitalize; padding-left: 12px;}

	body.calm #mood-links{background-color: #6cc4f2;}
	body.energize #mood-links{background-color: #f2c847;}
	body.restore #mood-links{background-color: #584c7b;}
	#mood-links{float: left; position: relative; right: 7px; margin-top: 8px; height:87px; width: 169px; color: #fff; border-top: #fff solid 1px; display:none;} /* initially hidden for javascript toggle */

	/* the next four lines are to use the gradient bg-image for nice browsers */
	#drop-down-wrapper > #mood-links{border: none; height: 87px;}
	body.calm #drop-down-wrapper > #mood-links{background: #6cc4f2 url(/hyatt/images/pure/nav/calm-nav-bg-line.gif) top left no-repeat;}
	body.energize #drop-down-wrapper > #mood-links{background: #f2c847 url(/hyatt/images/pure/nav/energize-nav-bg-line.gif) top left no-repeat;}
	body.restore #drop-down-wrapper > #mood-links{background: #584c7b url(/hyatt/images/pure/nav/restore-nav-bg-line.gif) top left no-repeat;}

	#mood-links li {display: block; clear: left; float: left;  height: 20px; width: 161px; padding: 8px 0 0 8px; border-bottom: #fff solid 1px; list-style: none;}
	/* the next five lines are to use the gradient bg-image for happy browsers */
	#mood-links > li {border: none; height: 21px; width: 150px; padding-left: 19px; background: transparent url(/hyatt/images/pure/nav/calm-nav-li.gif) bottom left no-repeat;}
	#mood-links > li span{display: none;}
	body.calm #mood-links > li {background-image: url(/hyatt/images/pure/nav/calm-nav-li.gif)}
	body.energize #mood-links > li {background-image: url(/hyatt/images/pure/nav/energize-nav-li.gif)}
	body.restore #mood-links > li {background-image: url(/hyatt/images/pure/nav/restore-nav-li.gif)}
	
	#mood-links a{color:#959595;}
	#mood-links a:hover, #mood-links a.active, #mood-links .current{color:#fff;}

/* Content Section 												*/
/* ============================================================ */
#content-container{width: 975px;height: 517px; margin-bottom: 20px; display: block; clear: both;position: relative;}


	/* Flash Portions */
	#flash-container{overflow: hidden;position: absolute;top: 7px;left: 8px;z-index: 30;height: 519px;background: #fff;}
	#flash-navigation{position: absolute; top: 122px; left: 8px; z-index: 50;width: 948; height: 519px;overflow: hidden; width: 500px;}


	/* HTML Wrapper */
	#html-container{
		float: left; width: 420px; height: 517px; border: 1px solid #ccc;
		margin: 7px 0px 0 535px; display: inline;
		position: relative;
		z-index: 20;
		background: #fff;

	}
	
	#html-container-inflash{
		width: 420px; 
		height: 518px; 
		border: 1px solid #ccc;
		margin: -522px 0px 0 527px; 
		background: #FFFFFF;
		position:relative;
		z-index:40;
}

	.hidden-onload{display: none !important;}

	/* HTML Content */
	#html-content{display: block; margin: 0 35px 35px 35px; font-size: 11px;position: relative;}
	.centered-content-block{width: 440px;margin-left: 100px !important;}

	/* Block Styles */
	.full-width{width: 950px !important;}
	.quarter-width{width: 250px;}
	.third-width{width: 305px;}
	.half-width{width: 525px;}
	.twothirds-width{width: 640px !important;margin-left: 315px !important;}
	.menu-only{width: 200px;background: none !important;}

	.scrollable{overflow: auto;height: 250px; margin-right: 0px; padding-right: 10px; }
	.hide-under-flash{display: none !important;}
	.top-line{border-top: 1px solid #888;}
	.hotspot{display:block; width: 20px; height: 20px;border: 1px solid;position: absolute;background: url(/hyatt/images/transparent.gif);}
	.destination{display:block; width: 200px; height: 300px;border: 1px solid;position: absolute;display: none;}
	.destination dt{display: block; border: 1px solid;height: 145px;}
	.destination dd{display: block; border: 1px solid;height: 180px;}	/* HTML Nav */
	#section-nav{border-top: 1px solid #ccc;text-align: center;margin: 0 35px 20px 35px;padding-top: 15px;}
	#section-nav li{display: inline;}
	#section-nav li a{font-size: 10px; font-weight: normal;margin: 0 15px 0 0px;line-height: 180%;}
	#section-nav li a.active,
	#section-nav li a:hover{color: #64BAD1;}
	#section-nav li a sup{font-size: 150%;line-height: 100%;vertical-align: top;}

	/* General Content Styles */
	h2.underline{border-bottom: 1px solid #CFCFCF;}
	#html-content p{margin-bottom: 20px;}
	dl.news-item{margin: 0 50px 30px 50px;}
	dl.news-item dt{font-weight: bold;}
	dl.news-item dd{line-height: 1.5;}

	dl.special-offer{display: block; margin-bottom: 20px;}
	dl.special-offer dt{font-weight: bold;}
	dl.special-offer dt a{color: #1F3C89 !important;}
	dl.special-offer dt,
	dl.special-offer dd{margin: 0; margin-left: 120px;padding: 0;}
	dl.special-offer dd{line-height: 1.5;}
	dl.special-offer dd.thumb{float: left;margin: 0;clear: none;}
	dl.special-offer dd.thumb img{border: 4px solid #ccc;}
	dl.special-offer dd.thumb img.large-offer-image{margin-right: 10px;}
	dl.special-offer dd.offer-detail{margin-top: 10px;}

	dl.locations{margin-bottom: 30px;}

	dl.locations dt{color: #64C6E8;font-weight: bold;}
	dl.locations dd{line-height: 1.5;}

	dl.thumblink{width: 200px;margin: 30px 10px 30px 0;float: left; clear: none; }
	dl.thumblink dt,
	dl.thumblink dd{margin: 0; margin-left: 100px;padding: 0;}
	dl.thumblink dt,
	dl.thumblink dt a{color: #64C6E8;font-weight: bold;}
	dl.thumblink dd.thumb{float: left;margin: 0;clear: none;}
	dl.thumblink dd.thumb img{border: 4px solid #ccc;}

	ul.bullet-list{}
	ul.bullet-list li{margin-bottom: 10px;}

	/* Spa Location Dimensions */
	ul.locations-dimensions { margin-top: 10px; }
	ul.locations-dimensions li { margin:0; padding: 0 0 0 15px; background: transparent url(/hyatt/images/reservations/icon_arrow2.gif) no-repeat left 3px;  list-style-type: none;}
	ul.locations-dimensions li a.endeca-facet-link { padding-left: 0;}

	ul#top-level.locations-dimensions { width: 200px; float: left; }
	ul#top-level.locations-dimensions li { padding-left: 15px; }
	.sub-dimensions { margin-left: 220px; width: 330px; position: static; }
	.sub-dimensions ul.second-level { float: left; width: 100px; position: relative;}
	/* Weird ie bug, we need the background on this element, so we position it off-screen */
	.sub-dimensions ul li a.endeca-facet-link { background-position: 500px 500px }

	.dimension-selected { color: #72BDB9; font-weight: bold; }

	/* Spa Location Listings ex) Contact Us */
	#gift-container, #contact-container { width:310px; height: 200px; margin-left: 225px; border-top: 1px solid #ccc;  padding-top: 5px;}
	#location-list-container { height: 200px; margin-top: 5px; }
	#location-list-container dl.hotel-search-result {width: auto; }
	#location-list-container dl.hotel-search-result dt,
	#location-list-container dl.hotel-search-result dd { margin-left: 0;  font-size: 11px;}
	#location-list-container dl.hotel-search-result dd.utility-nav { display: block; position: static;}
	#location-list-container dl.hotel-search-result dt { width: 99%;  }
	#location-list-container dl.hotel-search-result dt a.b { color: #64BAD1 }
	#location-list-container dl.hotel-search-result dt a.purchase-link {float: right; padding-left: 20px; color: #1F3C89; text-decoration: none; background: transparent url(/hyatt/images/pure/bullet_gift.gif) 10px center no-repeat;}
	#location-list-container dl.hotel-search-result dd span.spa { display: block; }
	.location-listing{padding-bottom: 20px;}
	.spa-name{color: #64C6E8;font-weight: bold; display: block;}
	dl.hotel-search-result dd.location .tel { display: block; }
	/* Fix problem with IE */
	#location-list-container div dl { position: static; }


	.stay-fit-logo{background: url('/hyatt/images/pure/stay-fit.gif') no-repeat 35px 460px !important;}


	#html-container .special-offer-detail{margin: 60px 40px 50px 100px;}
	#html-container .special-offer-detail h3{}
	#html-container .special-offer-detail ul{margin: 0;padding: 0;list-style: inside;list-style-type: square;}
	#html-container .special-offer-detail .check-availability{color: #C3DA30;font-weight: bold;}



/* Footer Section 												*/
/* ============================================================ */
#footer{display: block; clear: both;text-align: center;color:#fff;}
#footer a{color:#fff;}
#footer a:hover{color:#959595;}
	#footer-nav{}
	#footer-nav li{display: inline; list-style: none;}
	#footer-nav li a{}
	.member-greeting{color: #fff;display: inline; clear: none;}

#footer form{display: inline;}
#footer form div{display: inline;padding-left: 5px;}
#footer form input{width: 50px;height: 12px; margin-botton: -3px;margin-left: -50px;}





/* ALT HTML NAV	 												*/
/* ============================================================ */
#html-navigation{position: absolute; top: 102px; left: 8px; z-index: 40;background: #202020;padding-top: 30px;}
#html-navigation ul{list-style: none;}
#html-navigation ul li a{display: block;color: #fff;}

#html-navigation #main-sections{border-bottom: 1px solid #fff;}
#html-navigation #main-sections li{background: #305E6B url(/hyatt/images/pure/main_section_nav_bg.gif) top left repeat-y;border: 1px solid #305E6B;}
#html-navigation #main-sections li a{display: block; padding: 18px 10px 18px 23px;border-top: 1px solid #fff;text-transform: uppercase;letter-spacing: -.05em;}

#html-navigation #content-sections{padding-top: 20px;padding-bottom: 20px;background: #202020 url(/hyatt/images/pure/content_section_nav_bg.gif) top left repeat-y;}
#html-navigation #content-sections li{margin: 0; padding: 0;border: 1px solid #222;}
#html-navigation #content-sections li a{font-size: 9px;display: block; padding: 6px 0px 6px 23px;margin: 0;}




/* Shadow CSS	 												*/
/* ============================================================ */

#content-shadow{width: 965px; height: 536px;position: absolute; top: 0; left: 0; z-index: 10;background-color: transparent;}
#content-shadow[id]{background: url(../images/pure/bg_shadow.png) no-repeat top left;}
#content-shadow{background: url(/hyatt/images/pure/spas/bg.gif) no-repeat 6px 5px; filter/**/:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/hyatt/images/pure/bg_shadow.png', sizingMethod='scale');}

#logo-shadow{display: block; width: 150px; height: 80px;position: absolute; top: 0; left: 0; z-index: 10;}
#logo-shadow[id]{background: url(../images/pure/logo_shadow.png) no-repeat top left;}
#logo-shadow{background-image: url(/hyatt/images/pure/logo-simple.gif) no-repeat 0 4px; filter/**/:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/hyatt/images/pure/logo_shadow.png', sizingMethod='scale');}



/* Custom Classes 												*/
/* ============================================================ */

.active{}
.inactive{}
.required{color: red;border: 1px solid;}
.fineprint{font-size: 10px;color: #666;}
.debug *{border: 1px solid red;}
.clear, .clear-all{display: block; clear: both; height: 1px; line-height: 1px;}
.ns6-wrapper[class] {display: block; position: relative;}


/* Gallery Section												*/
/* ============================================================ */
#gallery{margin-top: 50px;}
#gallery a{position: relative; width: 56px; height: 56px;float: left; display: block;border: 1px solid #fff;}
#gallery a.current{width: 50px;height: 50px;overflow: hidden;position: relative;border: 3px solid #66C5E1; display: inline; margin: 1px;}
#gallery a.current img{position: absolute; top: 0px; left: 0px;display: inline;}
#gallery a img{}
#gallery-image-large{position: absolute; top: 7px; left: 8px;z-index: 25;cursor: pointer;}
#hotspot{display: none;}

/*Fix for Netscape 6 */
#gallery a span{position: relative; width: 50px;height: 50px; display: block; cursor: pointer;}
/*
	This rule was causing a bug in IE that would blank out the image.
	I then moved the link to the image itself and hide the hotspot.
	----------------------------------------------------------------
	#hotspot{position: absolute; top: 420px; left: 270px; display: block; height: 100px; width: 280px;z-index: 90; background: url(/hyatt/images/transparent.gif);border: 1px solid pink;}
*/


/* Stretchable "Tall" Layout									*/
/* ============================================================ */

.tall{} /* ALT LAYOUT STYLE */
.tall #content-container{background: #fff url('/hyatt/images/pure/bg_tall_container.gif') no-repeat top left; min-height: 540px;height:auto;}
.tall #html-navigation{display: none;}
.tall #content-shadow{display: none;}
.tall #flash-container{width: 150px; background: transparent;}
.tall .left-col-padding{width: 307px; padding: 0; float: left; clear: none;margin: 0;background: none;}
.tall #right-column{width: 170px;float: left;}
	.tall #shim {float: left; width:1px; height:536px;}
.tall #html-container{height: auto; margin:20px 20px 0 0; width: 420px; float: left; border:none;}

.tall dl.thumblink{width: 170px;  margin:}

/*	HOTEL SEARCH RESULTS	*/
/* ======================== */
.tall .search-results{padding:0; margin:0;}
.tall #flash-container{left: 3px;}
.tall #endeca {padding: 0; float: left; clear: none; margin: 0; background: none;}
.tall #endeca-container{width: 337px;  margin:2px 0 1px 0px; float: left; background: url(/hyatt/images/pure/search-page-tile.jpg) 2px 0 repeat-y;}
.tall #endeca-container form{color: #fff !important; margin:20px 0px 0 0; padding:0; width:140px;}
.tall #endeca-container form a{color: #fff !important;}
.tall #endeca-container form .endeca-facet-title{color: #fff;}
.tall #endeca-container form .endeca-refinement-count{color: #fff; float: left;}
.tall #endeca-search-term{display: none;}
.tall #endeca-search-facets{margin: 0 0 0 154px;}
.tall .pad {display: block; margin:0px 0 10px 0;}

.tall #endeca-search-facets .dim{width:140px; margin:0; padding:0;}
.tall .endeca-facet-link {margin:0; background: url(/hyatt/images/pure/bullet_endeca.gif) no-repeat 0 4px; display: block; float: left; clear: both;}

#endeca-container{background: #6cc4f2 url(/hyatt/images/pure/search-page-tile.jpg);}
#endeca-container form div{display: block; clear: both;background: none;}

.tall .pagination{background: none; color: #333;text-align: left;}
.tall .pagination a{color: #333 !important;}

#search-results-container{padding:0px 5px 40px 30px; float: right;  margin-top:0px;clear: none;  overflow: visible; }

/*	IE shorten widths within results	*/
/* ==================================== */

.tall .msg, .tall .clear-all, .tall .pagination{width:auto;}

dl.hotel-search-result{width: auto;position: relative;margin: 0 0 10px 0; }
dl.hotel-search-result dt,
dl.hotel-search-result dd{margin: 0;margin-left: 140px;width: 250px;padding: 0;}

dl.hotel-search-result dt{clear: none; font-weight: bold;}
dl.hotel-search-result dt a{color: #1F3C89;}
dl.hotel-search-result dd.thumbnail{float:left;width:122px;margin: 0;}
dl.hotel-search-result dd.location{float: none;padding-bottom: 15px;}
dl.hotel-search-result dd.location a{display: none;}
dl.hotel-search-result dd.location span.postal-code{display: block; }
dl.hotel-search-result dd.location br{display: none;}
dl.hotel-search-result dd.utility-nav{display: none;}
dl.hotel-search-result dd.status{display: none; clear: both;}

.address {display: block;}

.msg{display: block; clear: both;width: 410px !important;padding-bottom: 5px;}
.msg a{font-weight: bold;}
.msg div{margin: 0 !important;}
#search-results-map{float:none;height:100px;width: 200px;background-color:#FFFFFF;border0px; margin-top:0;}
#search-error-messaging{width:300px;float:none;}

/*	Amex promotion specific styles 	*/
/* ==================================== */
#amex-asia{}
#amex-na{}
#amex-aus{}
#amex-africa{}
#amex-europe{}
#amex-sa{}

/***********************************************************BOOKING PAGE*************************************************************************/
.booking-iframe {background-color:#FFFFFF;width:721px;height:469px; _width:723px;_height:471px; border:none; margin:42px 0 0 216px;position:absolute;z-index:199;}
.booking-iframe iframe {float:left;display:inline;position:absolute;margin:2px;z-index:200;border:1px solid #CCCCCC;}