/*	Homepage Specific CSS	*/
/* ======================== */

#home {font-family: Arial, Helvetica, sans-serif;font-size: 11px; }
#home #main-container{background-image: none;}

/* Flash Masthead pulled in via include/scenario */
#home #home-masthead{float: right; width: 614px; height: 277px; background: none; padding: 0; border-bottom: 1px solid #fff;}
#home-masthead a img{display:block;}

/* Home slots pull in bookflap/home includes */
#home #home-slots{background: #FFFFFF;float: right;width: 615px; min-height: 135px;}
#home #home-slots td{vertical-align:top;}

#home .flap-item { color: #fff; text-align: left; padding: 0px; overflow: hidden;}
#home .flap-item a { display: block; color: #000;text-decoration: none;font-size: 11px; }
#home .flap-item p { width: 194px; color: #393939; font-size: 11px; margin: 0;  padding:3px 0 0 0;}
#home .flap-item h4 { margin: 0 0 0 0; font-weight: bold; }
#home .flap-item h4 a { color: #005597; text-decoration: none; font-size:11px;  text-transform: uppercase;  font-weight: normal;}
#home .flap-item a:hover { text-decoration: underline; }
#home .flap_1 {padding:0 13px 0 0;}
#home .flap_2 {padding:0 13px 0 0;}
#home .flap_3 {padding:0;}


.flapWrapper { padding: 15px 0 21px 0;}

/* For bookflap items that take up the whole area */
#home .full-flood { width: 205px; height: 149px; padding: 0 0 0 2px; margin: 0}
#home .full-flood a { width: 204px; }
#home .full-flood img { margin: 0 !important; }

/* ...Doubt ...*/
/* Home content is the bottom section of the homepage */
/* ================================================== 
#home #home-content{background: #fff;padding: 10px 0 20px 0;float: left; width: 954px;}
#home #home-content dl{float: left;display: inline; width: 160px;margin: 0;padding: 0;margin-left: 20px;margin-right: 10px;}
#home #home-content dl dt{color:#CEA100;font-weight: bold;margin-bottom: 8px;margin-top: 5px;}
#home #home-content dl dd,
#home #home-content dl .offer-item{margin: 0; padding: 0;margin-bottom: 8px;font-size: 11px;}
#home #home-content dl dd a{font-size: 11px;font-weight: bold;}
#home #home-content dl dd p{font-size: 11px;margin: 0;}
#home #home-content #home-brand-list{float: left; width: 315px;}
#home #home-content #home-special-offers{}
#home #home-content #home-leisure{margin-left: 35px;}
#home #home-content #home-news{margin-left: 35px;}
#home #home-content #home-news .rss-link-index a{color:#db7b36;}
#home #home-content #home-news .rss-link-index a:hover{color:#cc7332;}
dt#home-whats-new{display: block; padding-top: 10px;}
/* ...Doubt ...*/


/* Locator Tab container is the quickbook - name is legacy from older homepage design */
/* ================================================================================== */

#home #locator-tab-container{background: #E8EDF0; width: 325px;padding: 0 0 0 0; margin-bottom:10px;}

#home #locator-tab-container h3{padding-bottom: 0;color: #767067;}
h1#make-a-reservation{font-size: 14px;font-weight:normal;margin: 0 0 4px 0;}
h2#check-available-rates{font-size: 14px;padding:0;}

#home #searchTerms{color:#999999; font-size:11px; width:261px; height:14px; padding-top:2px; }

#home #locator-tab-container td{background: #E8EDF0 !important;padding: 3px 21px 0 0}
#home #locator-tab-container td table td{padding-top: 0;padding-right: 5px;} /* Nested cells need to be reset */
#home #locator-tab-container td select{font-size: 11px;}
#home #locator-tab-container label{display: block; padding-bottom: 1px; font-size: 11px;}
#home #locator-tab-container .error{padding:7px 0 0 0; margin:0 0 -7px 15px !important}
#location{display: block; float: none;}
#brand-select-label{display: block;}

#reservation-quick-links{padding: 0;margin: 0; list-style: none;}
#reservation-quick-links li{display: block; float: left; width: 150px;}
#reservation-quick-links li a{font-weight: normal; font-size: 11px;}

#home-middle-content{background: #FFF; position: relative; float: left; width: 954px;}
#home-middle-content #make-a-reservation {width:324px;}
#reservation-promo{position: absolute; bottom: 1px; left: 0; display: block; margin: 0;}
#reservation-promo a{margin: 0;padding: 0;height: 64px!important;}
#reservation-promo a img{margin: 0;float: left;}

.tracking{position: absolute; top: 0; left: 0; display: none;}

#home #footer{float: left;}


/* Flash Ad 																		  */
/* ================================================================================== */

#hah-flash-overlay {position: absolute; z-index: 100; overflow: hidden;}
#hah-banner { margin:0 0 0 0; display: block;}

.closed{
	height:149px;
	width:408px;
	top:362px;
	left:349px;
	background-color: #9E9D99;
	display: none;
}

.open {height:694px; width:614px; top:84px; left:349px; display: block; }
.open #banner {margin:0;}

/* Hyatt At Home Banner CSS */
#hah-button{position:absolute; top:362px; left:350px; width:203; height:148; z-index:1;}
#hah-loader{position:absolute; top:0; left:350px; width:615; height:640; z-index:2;display: none;}




/*  Flash Takeover					 */
/* ================================= */

#fto-container{position:absolute; top: 85px; left: 10px;}
#flash-container{position:absolute; top: 0; right: 1px;overflow: hidden;}
##flash-container{right: -1px;}
#flash-container embed,
#flash-container object{position: absolute; top: 0; right: 0;}

.fto-noflash{width: 955px; height: 670px;}
.fto-open{width: 955px; height: 670px;}
.fto-closed{width: 955px;height: 1px;}
.fto-closed #flash-container{height: 130px; width: 138px !important;}

iframe{display: none;width: 320px; height: 400px;background: #ccc;}
.fto-noflash iframe{position: absolute; top: 0; left: 0;}

body .fto-open #flash-container{width: 955px; height: 600px !important;}


/* Links for alternate content */
#alt-content-close{position: absolute; top: 0; right: 0; display: block; width: 80px; height: 30px;z-index: 100;background: url(/hyatt/images/transparent.gif) top left;}
#alt-content-link{position: relative; z-index: 10;}
#alt-content-container-peel{width: 614px;}

#alt-content-peel-link{position: absolute; top: 0; right: 0;display: block; width: 200px; height: 90px;z-index: 100;background: url(/hyatt/images/transparent.gif) top left;text-decoration: none;}
#alt-content-banner{position: absolute; top: 0; right: 0;text-decoration: none;}

#home .no-flash-peel{width: 614px; position: absolute; left: 350px;}

/* New home page changes */
.logosWrapper {
    clear:both;
    display:block;
    width:954px;
    list-style:none;
    padding:0;
    margin:0 0 0 0;
    border-top:1px solid #e2e2e2;
}
.logosWrapper li {
    float:left;
    margin: 5px 0;
}
.logosWrapper li:first-child {
    
}

/* ========================================= */

/* Home content is the bottom section of the homepage */
/* ================================================== */
#home #home-content {
    background: #fff;
    padding: 0px 0 15px 0;
    float: right;
    width: 614px;
}
#home #home-content dl {
    float: left;
    display: inline;
    width:25.5%;
    margin: 0;
    padding: 0 2px 0 0;
}
#home #home-content dl#home_resources {
    width:19%;
}
#home #home-content dl dt {
    color:#CEA100;
    font-weight: bold;
    text-transform:uppercase;
    padding:9px 0 2px 0;
}
#home #home-content dl dd, #home #home-content dl .offer-item {
    margin: 0;
    padding: 1px 0 0 0;
    font-size: 11px;
}
#home #home-content dl dd a {
    font-size: 11px;
}
#home #home-content dl dd p {
    font-size: 11px;
    margin: 0;
}
#home #home-content #home-brand-list {
    float: left;
    width: 315px;
}

#home #home-content #home-news .rss-link-index a {
    color:#db7b36;
}
#home #home-content #home-news .rss-link-index a:hover {
    color:#cc7332;
}

/*-----------------------------------------*/

a.openWindow {
    padding-right:13px;
    background: url('../images/icon_new_window.gif') no-repeat right 2px;
}
a.openWindow:hover,
a.openBlueWindow {
    padding-right:13px;
    background: url('../images/icon_new_window_blue.gif') no-repeat right 2px;
}

/*-----------------------------------------*/

#home a {
    text-decoration:none;
}
#home a:hover {
    text-decoration:underline;
}

/*-------------------------------------------*/

.flap-item img { display:block; width:auto; margin:0 0 10px 0!important; border:1px solid #b3b399; }

/*-------------------------------------------*/
.travelPackage {
    background:#e2e2e2;
    border-top:5px solid #FFFFFF;
    margin-top:5px;
}
.travelPackage img,
.travelPackage .travelRight {
    float:left;
}
.travelRight img {
    float:none;
    display:block;
}
.travelPackage .travelRight {
    padding:8px 0 6px 5px;
    width:169px;
    background:#e2e2e2;
}
.travelPackage .travelRight a {
    padding-left:2px;
}

/*-------------------------------------------*/

ul.reservation-quick-links{
    background-color:#fff;
    width:314px;
    margin-left:5px!important;
    padding:5px 0!important;
    height:50px;
}
ul.reservation-quick-links,
ul.reservation-quick-links ul {
    padding:0;
    margin:0;
    list-style:none;
}
ul.reservation-quick-links li {
    display: block;
    float: left;
    padding-left:2%;
    width:45%;
}
ul.reservation-quick-links li.firstchild{
    width:49%; 
    background:transparent url(../images/line_gray.gif) no-repeat top right; 
}
ul.reservation-quick-links h5{
    color:#333;
    font-size:11px;
    text-transform:uppercase;
    margin:0;
    font-weight:normal;
    padding-bottom:5px;
}
ul.reservation-quick-links li ul li {
    width:100%!important;
    border:0!important;
    display:block;
    position:relative;
    left:-2px;
}
ul.reservation-quick-links li a {
    font-weight: normal;
    font-size: 11px;
}

/*-------------------------------------------*/

.destinationField,
.dateSelector, 
.roomSelector,
.rateType, 
.codeSection,
.searchAction,
.perferedHotel{
    padding:2px 0 10px 15px;
}
.destinationField {
    padding-top:10px;
}

/*-------------------------------------------*/

#locator-tab-container #make-a-reservation {height:30px;}

/*-------------------------------------------*/

#brandFilter {color:#333; font-size:13px; width:265px;}

/*-------------------------------------------*/

.dateSelector .dateWrapper:first-child,
.rateType ul li.left,
.codeSection label:first-child{
    width:51%;
}
.dateSelector .dateWrapper {
    float:left;
    width:47%;
}
.dateWrapper input,
.dateWrapper a {
    float:left;
}
.dateWrapper a {
    width:24px;
    height:20px;
    margin-left:3px;
}

/*--------------------------------------------*/
label.fieldlabel {
    text-transform: uppercase;
    font-size:11px;
    color:#393939;
}
.datelabelWrapper {
    position:relative;
    z-index:100;
}
.datelabel {
    position:absolute;
    left:2px;
    top:2px;
    padding:3px;
    width:100px;
    display:none;
    
    *left:-142px; /*IE7*/
    *top:0;
    _left:-135px;/*IE6*/
}
.prepopulated {
    color:#999;
}

/* Quick book on the home page refresh typography */
/* This needs to be first because FF3 is now supporting this */
.clearfix,
.dateSelector,
.roomSelector,
.rateType ul,
.codeSection,
.searchAction,
ul.reservation-quick-links,
.travelPackage,
.home-middle-content,
.flapWrapper,
#home-middle-content,
.logosWrapper{
    display: inline-block;
}

.clearfix:after,
.dateSelector:after,
.roomSelector:after,
.rateType ul:after,
.codeSection:after,
.searchAction:after,
ul.reservation-quick-links:after,
.travelPackage:after,
.home-middle-content:after,
.flapWrapper:after,
#home-middle-content:after,
.logosWrapper:after{
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden; }

/* Hides from IE-mac \*/
* html .clearfix,
* html .dateSelector,
* html .roomSelector,
* html .rateType ul,
* html .codeSection ,
* html .searchAction,
* html ul.reservation-quick-links,
* html .travelPackage,
* html .home-middle-content,
* html .flapWrapper,
* html #home-middle-content,
* html .logosWrapper{
    height: 1%;
}
.clearfix,
.dateSelector,
.roomSelector,
.rateType ul,
.codeSection,
.searchAction,
ul.reservation-quick-links,
.travelPackage,
.home-middle-content,
.flapWrapper,
#home-middle-content,
.logosWrapper{
    display: block;
}
/* End hide from IE-mac */

/*..................Room Details ............*/
.roomSelector label{
    width:26%;
    float:left;
}
.roomSelector label:last-child,
.roomSelector label.lastchild{
    position:relative;
    top:-5px;
}
.roomSelector label:last-child a,
.roomSelector label.lastchild a{ 
    position:relative;
    top:3px;
}
.roomSelector label select {
    display:block;
}

/*.................. Rate type ............*/

.rateType ul{
    list-style:none;
    margin:0;
    padding:0;
}
.rateType td {left:-6px !important; font-size:11px !important}
/*safari*/
@media screen and (-webkit-min-device-pixel-ratio:0){
.rateType ul{
    padding: 0 0 0 3px;
}
}
.rateType ul li{
    float:left;
    width:47%;
    position:relative;
    left:-6px;
}
.rateType input {
    position:relative;
    top:2px;
}

.rateType label a,
.rateType label a{ 
    position:relative;
    top:3px;
}

/*.................. codeSection ............*/

.codeSection label {
    float:left;
    width:47%;
}

/*.................. searchLink ............*/

.searchAction .searchLink {
    display:block;
    margin-bottom:10px;
}
.searchAction input {
    float:left;
    margin-right:13px;
}
.searchAction .blurb {
    float:left;
    font-size:10px;
    color:#393939;
    position:relative;
    top:-3px;
    font-family:Arial, Helvetica, sans-serif;
}

#advanced-search {
    float:none;
    margin:0;
}

/*.................. date picker ............*/

#dp-popup {
    border:2px solid #999;
}

#dp-popup .closeWindow {
    position:relative;
    z-index:10000px;
    
    position:absolute;
    text-align:center;
    width:231px;
    background:#648ab1;
    padding:4px 0;
    bottom:-1px;
    right:0;
}
#dp-popup .closeWindow a{   
    color:#fff;
}
.dp-popup .dp-applied {
    float:left;
    min-height:204px;
    _min-height:206px;
}
#dp-popup .firstChild {
    border-right:1px solid #d8d8d8;
}
.dp-popup .dp-applied:first-child{
    border-right:1px solid #d8d8d8;
}
.dp-nav-prev .dp-nav-prev-month,
.dp-nav-next .dp-nav-next-month {
    text-indent:-10000px;
    overflow:hidden;
    width:24px;
    height:29px;
    margin:0;
    padding:0;
}
.dp-nav-prev .dp-nav-prev-month {
    position:relative;
    left:-4px;
    top:-2px;
    background:#e9e9e9 url('../images/icon_month_prev.gif') no-repeat center center;
}
.dp-nav-next .dp-nav-next-month {
    position:relative;
    left:4px;
    top:-2px;
    background:#e9e9e9 url('../images/icon_month_next.gif') no-repeat center center;
}
#home #check-in-date{color:#999999; font-size:11px; height:14px; padding-top:2px;}
#home #check-out-date{color:#999999; font-size:11px; height:14px; padding-top:2px;}