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

#home{font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#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-top: 1px solid #fff; border-bottom: 1px solid #fff;}
#home-masthead a img{display:block;}

/* Home slots pull in bookflap/home includes */
#home #home-slots{background: #9E9D99 url(/hyatt/images/corporate/home_slots_bg.gif) top left repeat-y;float: right;width: 615px; min-height: 135px;}

#home .flap-item { width: 164px; height: 129px; float: left; color: #fff; text-align: center; padding: 10px 20px 10px 20px; overflow: hidden; text-align: center; font-size:11px;}
#home .flap-item a { display: block;width: 160px; color: #fff;text-decoration: none;font-size: 11px; }
#home .flap-item h4 { margin: 0; font-weight: bold; color:#ffffff; text-transform:uppercase;}
#home .flap-item h4 a { color: #fff;text-decoration: none;font-size: 11px;text-transform: uppercase;font-weight: bold; }
#home .flap-item a:hover { text-decoration: underline; }

/* 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; }

/* 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;}



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

#home #locator-tab-container{background: #EEEDE8;width: 329px;padding: 10px 0 75px 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{width:190px; font-size:11px; float: left;}

#home #locator-tab-container td{background: #EEEDE8 !important;padding: 5px 5px 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: 2px; font-size: 11px;}
#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: #EEEDE8; position: relative; float: left; width: 954px;}
#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;}