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

@import "openjawQuickbook.css";

body{margin-top:15px;}

/* navigation */
#pure-property #html-navigation{position: absolute; z-index: 60; display: block;left: 30px;background: none;width: 167px; height: 337px; padding:0; font-size: 9px;}
#pure-property #html-navigation #nav-inner{font-size: 11px;}

#pure-property #nav-inner{position: relative; z-index: 30; background: transparent url(/hyatt/images/pure/spas/nav/nav-bg-mid.gif) top left repeat-y; width: 167px; height: 321px;}
#pure-property #nav-inner-bottom{position: relative; z-index: 20; background: transparent url(/hyatt/images/pure/spas/nav/nav-bg-bottom.gif) bottom left no-repeat; height: 16px;}

#pure-property #property-logo{z-index: 40;position: relative;text-align: center; background: transparent url(/hyatt/images/pure/spas/nav/nav-bg-top.gif) top left no-repeat; padding-top:3px;}
#pure-property #html-navigation ul{position: relative; z-index: 90; margin-left: 3px;}
#pure-property #html-navigation ul li{margin-bottom: -1px; border: none;float: left;display: block;width: 164px; color: #000; background: transparent url(/hyatt/images/pure/spas/nav/nav-grey-line.gif) top right no-repeat; text-transform: uppercase;}
#pure-property #html-navigation ul li a:link, #pure-property #html-navigation ul li a:visited{border: none; display: block; margin: 0; padding: 10px 13px 9px 21px; width:130px;}

/* Nav-Shadow CSS */
#nav-shadow{width: 175px; height: 346px;position: absolute; bottom: -7px; right: -7px; z-index: 10;background-color: transparent;}
#nav-shadow[id]{background: url(/hyatt/images/pure/spas/nav/nav-shadow.png) no-repeat top left;}
#nav-shadow{background: none; filter/**/:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/hyatt/images/pure/spas/nav/nav-shadow.png', sizingMethod='scale');}

/* home page slot */
#pure-property #home-slot{position: absolute; z-index: 60; display: block; left: 29px; top: 400px; background: none; width: 167px; height: 100px; padding:0; font-size: 9px;}
#pure-property #home-slot #slot-shadow{display: block; width: 175px; height: 110px;position: absolute; bottom: -9px; right: -8px; z-index: 10;background-color: transparent;}
#pure-property #home-slot #slot-shadow[id]{right: -7px;}
#pure-property #home-slot #slot-shadow[id]{background: url(/hyatt/images/pure/spas/slot-shadow.png) no-repeat top left;}
#pure-property #home-slot #slot-shadow{background: none; filter/**/:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/hyatt/images/pure/spas/slot-shadow.png', sizingMethod='scale');}
#pure-property #home-slot #slot-content{position: absolute; top: 1px; left: 1px; z-index: 30; background: transparent url(/hyatt/images/pure/spas/slot-background.gif) top left no-repeat; width: 167px; height: 102px;}
#pure-property #home-slot #slot-content #slot-padding{position: relative; padding: 24px 5px 0 10px; width: 150px; }
#pure-property #home-slot #slot-content #slot-padding img{border: 3px solid #CCC; float: left; margin-right: 7px;}
#pure-property #home-slot #slot-content #slot-padding h3{margin: 0; padding: 0;}
#pure-property #home-slot #slot-content #slot-padding p{line-height: 13px; margin: 2px 0 0 0; padding: 0; font-size: 11px; color: #333399;}

#html-container{position: absolute; top: 0; right: 18px;width: 419px;z-index: 40;}

/* iframe container for bookable spas */
#iframe-container{position:absolute; top:0px; right:18px; width: 723px; height: 517px; padding:0 2px 2px 2px;margin: 7px 0px 0 535px; z-index: 40; background: #fff;}
#pure-property #iframe-container iframe{border:1px solid #ccc;width:100%; height:100%;}

#hotel-home-link{position: absolute; top: 0; right: 26px;}

#pure-property #media-nav{float: right;margin-top: 50px;margin-right: 22px;display:inline;} /* inline is to fix IE6 double-margin issue */
#pure-property #media-nav li{display: block;float: left;}
#pure-property #media-nav li a{padding: 0 5px;}

/* homepage container shadow */
#pure-property #homepage-shadow-wrapper{position: absolute; top: 7px; left: 8px; height: 520px; width: 950px; z-index: 30;}
#pure-property #homepage-shadow{position: absolute; height: 520px; width: 950px; z-index: 30; background: transparent url(/hyatt/images/pure/spas/homepage-shadow.png) top left;}
#pure-property #homepage-shadow[id]{background: url(/hyatt/images/pure/spas/homepage-shadow.png) no-repeat top left;}
#pure-property #homepage-shadow{background: none; filter/**/:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/hyatt/images/pure/spas/homepage-shadow.png', sizingMethod='scale');}


#pure-property #seo-copy{
						position: absolute; top: 50%; margin-top: -175px; left: 300px; height: 400px; width: 400px;z-index: 40;
						color: #fff; font-size: 16px; font-family: Georgia, Times, Serif; text-align: center;
						}
#pure-property #seo-copy h2{color: #fff; text-transform: lowercase;}
#pure-property #seo-copy .text-block{line-height: 1.5;}
#pure-property #seo-copy .text-block a{color: #9fbac4;}
#pure-property #seo-copy .text-block a:hover, #pure-property #seo-copy .text-block a:active{text-decoration:underline;}

#pure-property #html-content{padding-bottom: 0;}
#pure-property #html-content p{margin: 0;margin-bottom: 15px;}
#pure-property .service-details{color: #64BAD1;display: block;margin: 0; padding: 0;}


#pure-property .scrollable{height: 330px;margin-bottom: 0;}

/* all pages */
#pure-property div.text-block {padding: 0; margin: 5px 0 15px 0; line-height: 16px;}
#pure-property h3 {color: #64BAD1; font-size: 11px;}
#pure-property .large-offer-image {width: 97px; height: 65px;}
#pure-property a.darkblue-link {color:#1F3C89;}

#pure-property .left-side-content{margin-top:10px;}
#pure-property #html-container #html-content ul {margin:10px 0 15px 0;}
#pure-property #html-container #html-content li {margin-left: 30px;}

/* photo gallery */
#pure-property #galley-nav {width: 946px; height: 31px; border: 1px solid #CCC;}
#pure-property #gallery-nav a{color:#666;}
#pure-property #gallery-nav a .current{color:#64BAD1;}
#pure-property span.photo-gallery-text {color: #64BAD1; position: relative; top: 10px; left: 20px; z-index: 10;}
#pure-property span.photo-gallery-select {color: #64BAD1; position: relative; top: 10px; left: 55px; z-index: 10;}
#pure-property img.left-arrow {border: 0; padding-right: 5px;}
#pure-property img.right-arrow {border: 0; padding-left: 5px;}
#pure-property #image-caption-holder{}
#pure-property span.image-caption {color: #666; position: relative; top: -3px; left: 0; width: 946px; text-align: center; display: block;}
#pure-property span.no-picture {color: #555; position: relative; top: 10px; left: 280px; z-index: 1;}

/* Specials */
#pure-property #html-container #html-content .special-offer li {margin-left: 15px;}
#pure-property .offer-detail img{display: block; margin-top:5px;}
#pure-property .terms-conditions {font-size: 10px;}

/* contact us: location info */
#pure-property h3.activity, #pure-property h3.terms {color: #64BAD1; font-size: 11px;}

/* contact us: contact us form */
#pure-property #spaForm {}
#pure-property #spaForm p {padding: 0; margin: 0 0 7px 0;}
#pure-property #spaForm p label {color: #666; letter-spacing: -1px;}
#pure-property #spaForm p input {color: #444; padding: 2px; font-size: 11px; width: 153px; border-left: 1px solid #000; border-top: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #888; }
#pure-property #spaForm span.example {color: #999;}
#pure-property #spaForm p.lastname,  #pure-property #spaForm p.telephone{float: right;}
#pure-property #spaForm #emailsubject{width: 335px;}
#pure-property #spaForm textarea{font-family: arial, sans-serif; color: #444; font-size: 11px; height: 60px; width: 338px; border-left: 1px solid #000; border-top: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #888; }
#pure-property #spaForm #submit{border: 0; width: 65px; height: 18px; background-image: url(/hyatt/images/pure/spas/submit.gif); cursor: pointer;}
#pure-property #spaForm span.error {color: #FF0000;}

#pure-property #content-container{clear: both;}


/* footer */
#pure-property #footer{clear: both;}
#pure-property #footer .member-greeting{color:#000;}
#pure-property #footer #footer-address{margin-top: 10px; line-height: 1.4em;}
#pure-property #footer #footer-address h4, #pure-property #footer #footer-address h4 a{font-size: 11px;}
#pure-property #footer #footer-address .footer-contact{margin-left:10px;}

/* the code that made the hotel address black)
#pure-property #footer #footer-address, #pure-property #footer #footer-address h4, #pure-property #footer #footer-address h4 a{color: #000;}
*/

/* text colour themes */
body.energy-1 #header, body.energy-1 #footer, body.energy-1 #header a, body.energy-1 #footer a {color: #fff;}
body.energy-2 #header, body.energy-2 #footer, body.energy-2 #header a, body.energy-2 #footer a {color: #666;}
body.energy-3 #header, body.energy-3 #footer, body.energy-3 #header a, body.energy-3 #footer a {color: #666;}
body.energy-4 #header, body.energy-4 #footer, body.energy-4 #header a, body.energy-4 #footer a {color: #666;}

body.calm-1 #header, body.calm-1 #footer, body.calm-1 #header a, body.calm-1 #footer a {color: #666;}
body.calm-2 #header, body.calm-2 #footer, body.calm-2 #header a, body.calm-2 #footer a {color: #666;} 
body.calm-3 #header, body.calm-3 #footer, body.calm-3 #header a, body.calm-3 #footer a {color: #666;}
body.calm-4 #header, body.calm-4 #footer, body.calm-4 #header a, body.calm-4 #footer a {color: #666;}

body.restore-1 #header, body.restore-1 #footer, body.restore-1 #header a,  body.restore-1 #footer a {color: #fff;}
body.restore-2 #header, body.restore-2 #footer, body.restore-2 #header a,  body.restore-2 #footer a {color: #fff;}
body.restore-3 #header, body.restore-3 #footer, body.restore-3 #header a,  body.restore-3 #footer a {color: #fff;}
body.restore-4 #header, body.restore-4 #footer, body.restore-4 #header a,  body.restore-4 #footer a {color: #fff;}

/* header & footer links */
#pure-property a#hotel-home-link:hover, #pure-property a#hotel-home-link:active,
#pure-property #media-nav a:hover, #pure-property #media-nav a:active,
#pure-property #footer a:hover, #pure-property #footer a:active {color:#000;}
#pure-property #footer .sign-out-on{color:#000;}

/* bg and nav themes */
#html-navigation ul li a:link, #html-navigation ul li a:visited{color:#000;} /* this cannot have #pure-property infront of it or it will override the styles below */

body.energy-1{background-color: #910b3d;}
body.energy-1 #html-navigation ul#main-sections li.active a, body.energy-1 #html-navigation ul li a:hover, body.energy-1 #html-navigation ul li a:active {color: #000; background: #fff url(/hyatt/images/pure/spas/nav/energy-1-active.gif) top right repeat-y;}
body.energy-2{background-color: #b0c14c;}
body.energy-2 #html-navigation ul#main-sections li.active a, body.energy-2 #html-navigation ul li a:hover, body.energy-2 #html-navigation ul li a:active {color: #000; background: #fff url(/hyatt/images/pure/spas/nav/energy-2-active.gif) top right repeat-y;}
body.energy-3{background-color: #ffe118;}
body.energy-3 #html-navigation ul#main-sections li.active a, body.energy-3 #html-navigation ul li a:hover, body.energy-3 #html-navigation ul li a:active {color: #fff; background: #fff url(/hyatt/images/pure/spas/nav/energy-3-active.gif) top right repeat-y;}
body.energy-4{background-color: #ffe118;}
body.energy-4 #html-navigation ul#main-sections li.active a, body.energy-4 #html-navigation ul li a:hover, body.energy-4 #html-navigation ul li a:active {color: #fff; background: #fff url(/hyatt/images/pure/spas/nav/energy-4-active.gif) top right repeat-y;}

body.calm-1{background-color: #c1c5df;}
body.calm-1 #html-navigation ul#main-sections li.active a, body.calm-1 #html-navigation ul li a:hover, body.calm-1 #html-navigation ul li a:active {color: #000; background: #fff url(/hyatt/images/pure/spas/nav/calm-1-active.gif) top right repeat-y;}
body.calm-2{background-color: #dfc870;}
body.calm-2 #html-navigation ul#main-sections li.active a, body.calm-2 #html-navigation ul li a:hover, body.calm-2 #html-navigation ul li a:active {color: #fff; background: #fff url(/hyatt/images/pure/spas/nav/calm-2-active.gif) top right repeat-y;}
body.calm-3{background-color: #aed2e1;}
body.calm-3 #html-navigation ul#main-sections li.active a, body.calm-3 #html-navigation ul li a:hover, body.calm-3 #html-navigation ul li a:active {color: #000; background: #fff url(/hyatt/images/pure/spas/nav/calm-3-active.gif) top right repeat-y;}
body.calm-4{background-color: #b4b6b8;}
body.calm-4 #html-navigation ul#main-sections li.active a , body.calm-4 #html-navigation ul li a:hover, body.calm-4 #html-navigation ul li a:active {color: #000; background: #fff url(/hyatt/images/pure/spas/nav/calm-4-active.gif) top right repeat-y;}

body.restore-1{background-color: #438cf8;}
body.restore-1 #html-navigation ul#main-sections li.active a, body.restore-1 #html-navigation ul li a:hover, body.restore-1 #html-navigation ul li a:active {color: #fff; background: #fff url(/hyatt/images/pure/spas/nav/restore-1-active.gif) top right repeat-y;}
body.restore-2{background-color: #abc358;}
body.restore-2 #html-navigation ul#main-sections li.active a, body.restore-2 #html-navigation ul li a:hover, body.restore-2 #html-navigation ul li a:active {color: #fff; background: #fff url(/hyatt/images/pure/spas/nav/restore-2-active.gif) top right repeat-y;}
body.restore-3{background-color: #f2c847;}
body.restore-3 #html-navigation ul#main-sections li.active a, body.restore-3 #html-navigation ul li a:hover, body.restore-3 #html-navigation ul li a:active {color: #fff; background: #fff url(/hyatt/images/pure/spas/nav/restore-3-active.gif) top right repeat-y;}
body.restore-4{background-color: #584c7b;}
body.restore-4 #html-navigation ul#main-sections li.active a, body.restore-4 #html-navigation ul li a:hover, body.restore-4 #html-navigation ul li a:active {color: #fff; background: #fff url(/hyatt/images/pure/spas/nav/restore-4-active.gif) top right repeat-y;}

/* takes the top grey line off of the nav item below the active one - all browsers except IE6- */
#pure-property #html-navigation ul#main-sections li.active +li, #pure-property #html-navigation ul#main-sections li:hover +li{background: none;}

/* HTML Nav */
#section-nav{border-top: 1px solid #ccc;text-align: center;margin: 0 45px 20px 45px;padding-top: 15px;}
#section-nav li{display: inline; background: #FFF url(/hyatt/images/pure/spas/nav-arrow.gif) no-repeat 0 5px; padding-left: 10px;}
#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;}

/* HTML content link styling */
#html-content a{color: #1F3C89;text-decoration: underline;}


/* Openjaw quickbook override for translated special offers quickbook */
#quick-book { margin-left: auto; width: 180px;}