/* CORPORATE LAYOUT OVERRIDES                                   */
/* ============================================================ */
.corporate-copy { margin: 0 20px 0 20px; }
.corporate h2 { padding-bottom: 0; height: 40px;}
.corporate h2 img {display: block;}

.corporate div.masthead { margin-top: 0; margin-bottom: 20px; }

.corporate-copy li { margin-top: 10px; margin-bottom: 10px; }

/* "view-nav" needs to be flush with content */
.corporate-copy .view-nav { padding-left: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; }

/* CORPORATE GENERAL STYLES                                     */
/* ============================================================ */
a.arrow-link { padding-left: 20px; display: block; background-image: url(/hyatt/images/buttons/bullet_next_0.gif); background-repeat: no-repeat; background-position: left center; text-decoration: none;}

ul.square-bullets{list-style:none; margin: 8px 0 0 0;}
.square-bullets li{margin: 0; padding: 0 0 10px 8px; font-size:11px; background: url('/hyatt/images/summerfield/home_bullet.gif') no-repeat top left;;}

ul.list li { margin-top: 2px; margin-bottom: 2px; }

.view-nav ul li { margin-left: 0 }

/* HOME PAGE                                             */
/* ============================================================ */

.reservation-float { float:left; width: 322px; clear:both;}
.reservation { width:320px; height: 344px; border: 1px solid #D6D6BC; background:#F8F7F3;}
.reservation .error { display: block; width: 300px; margin-top: 10px; margin-bottom: 0;}

#home-main-image-float { float: right; width:627px }
#home-main-image {width:627px; height:346px;} /* 625 and 344px once all images are in place*/
#home-main-image h2{margin: 0; border: 0 none; padding: 0;}
	#home-main-image img{border: none; display: block;}
	#home-main-image #home-image-flipper { cursor: pointer;}

#home-left-content h3,
#home-right-content h3 { color: #666 }

#home-left-content {float:left; width:305px; margin: 0; display: inline;}
#home-left-content #brands {margin-left: 18px; color:#333333}
#home-left-content h3{font-size: 11px; font-weight: bold; color: #626262;letter-spacing: 0;margin-top: 25px;}
#home-left-content ul {list-style:none; margin: 8px 0 0 0;}
#home-left-content li {margin: 0; padding: 0 0 2px 8px; background: url('/hyatt/images/summerfield/home_bullet.gif') no-repeat top left;}
#home-left-content p {margin-right: 20px; line-height: 1;}
#home-left-content .read-more {background: none; margin: 6px 0 0 8px; padding: 0;}
#home-left-content a { font-weight: bold; font-size:11px; }
/* Netscape 6 needs some padding at the top */
	#hyatt-brands {clear: left; float: left; width: 326px; margin: 52px 0 0 20px; padding-top:10px; display: inline;} /* display: inline is to fix IE6 double-(horz)margin bug */
	#hyatt-brands h6 {margin-bottom: 10px;}
		#hyatt-brands a{margin:0 10px 0 0; border: none; text-decoration: none; display: inline;}
		#hyatt-brands img{border: none; vertical-align: top;}
		#hyatt-brands p{margin: 0 0 20px 0;}


#home-right-content{float:right; width:625px;}
	#home-right-content p{margin:12px 0 0 20px;}
	#home-right-content h3{margin-left: 20px;}


#home-right-content div#bookflap{width: 100%; height:180px; margin:30px 0 0 0;border-top: 0 none;padding: 10px 0 0 0; background-image: url(/hyatt/images/summerfield/dotted-line.gif); background-position: left top; background-repeat: repeat-x;}
#home-right-content div#bookflap div.bookflap-item {padding:0; float: left; width:170px; padding:0 13px 0 0; margin: 0 13px 10px 0; height:170px; border: 0 none; border-right:1px solid #d9d9d9; background-image: none;}

	#home-right-content div#bookflap div.bookflap-item h4 {font-size:13px;}
	#home-right-content div#bookflap div.bookflap-item img {margin-top:10px;}
	#home-right-content div#bookflap div.bookflap-item p {width:175px; margin:10px 0 0 0; font-size:11px;}
        #home-right-content div#bookflap div.last{border:none; margin:0; padding:0;}
        #home-right-content div#bookflap div.bookflap-item h5{height:40px;}
        
#home-right-content div#bookflap div.the-big-welcome{float:left; text-align:left; width:380px;padding:0 13px 0 0;border-right:1px solid #d9d9d9;}

/* ROOMS AND RATES INCLUDE SUMM
================================================================*/

.reservation img { border: 0 none; }
#locator-tab-container .locator-tabs {display: none;}

table#res-summ {margin: 0px 0 0 20px; }
table#res-summ td { font-size: 11px; }
table#res-summ h4 {color:#656560; font-weight: normal; font-size:17px;}
table#res-summ label {margin: 6px 0 0 0; display: block;}
table#res-summ h3 {color:#666;margin: 15px 0 6px 0;}

table#res-summ #location{display:block; margin:8px 0 7px 0;}
table#res-summ #find-hotel{display:inline; margin-left: 10px;}
table#res-summ #three-col-table td, table#res-summ #four-col-table td{padding:6px 0 0 0; vertical-align: bottom;}
table#res-summ #rooms-rate-submit {margin:15px 0 0 0;}

.locator-mm-yy-select {width:108px;}
#select-lto .locator-mm-yy-select {width:auto;}
.day-selector-box {width:38px; text-align: right; margin-left: 11px;}
.day-selector-box img {margin-right: -5px !important;}
* html .day-selector-box img {margin-right: 0 !important;}
.locator-digit-select {width:45px;}
* html .locator-digit-select {width:40px;}


/* CORPORATE - RESERVATIONS                                     */
/* ============================================================ */
/* negative margin to bump up content*/
.reservation-right { width: 360px; margin-left: 341px; }


/* CORPORATE - SPECIAL OFFERS                                   */
/* ============================================================ */
/* Inherits from the global special offers */
.corporate .special-offer { clear: left; }
.corporate .special-offer img { float: left; margin-left: 0; margin-right: 20px; }
#special-offers {margin:10px 0 0px 0; background: url(/hyatt/images/summerfield/dotted-line.gif) repeat-x left bottom;}
#special-offers img{width:175px;float:left;margin-top:10px;}
#special-offers .copy {width:490px;float:right;}

/*Override hyatt.com special offer finder styles*/
#special-offer-finder {width:729px;border:none;margin-top:10px;}
#special-offer-finder p{margin:0;}
#special-offer-finder .special-offers-wrapper { position:relative; width:520px;  font-size:11px;border-left: 1px solid #CCC;}
#special-offer-finder .special-offers-wrapper  ul{list-style: none; float: left;padding:15px 5px 0 15px;margin:0;margin-left:0px;}
#special-offer-finder .special-offers-wrapper  li{background:none;padding:0;margin:0;}

/* CORPORATE - LOCATIONS                                        */
/* ============================================================ */
form.hotel-locations { }
form.hotel-locations #search { width: 215px; margin-left: 0;}
form.hotel-locations .button { margin-left: 20px; }
form.hotel-locations label { display: block; font-size: 11px;  }
form.hotel-locations fieldset { border: 0px; margin-left: 0; padding-left: 0;}
form.hotel-locations fieldset label { display: inline; margin-right: 10px; margin-left: 0;}
form.hotel-locations { }

/*	HOTEL SEARCH RESULTS	*/
/* ======================== */

#search-results-container {padding:0 0 0 0; margin-top:0px; width: 490px;}
.dim img { border: 0 none; }
.pagination img { border: 0 none; }

#search-results-container dl.hotel-search-result {width: 490px; }
#search-results-container .grey-line { width: 508px !important }

.small-arrow, .small-arrow a { background-image: url(/hyatt/images/summerfield/bullet_next_0.gif) !important; background-repeat: no-repeat;}

/* Override any font-size 11px in the search dimensions.  Note that this is set in an inline style on the dim element*/
.dim * { font-size: 11px; }

#endeca label { display: block; }
#summerfield-search-box #endeca { padding-top: 10px; }
#summerfield-search-box .left-col-padding{padding:20px 0 40px 7px;}

.endeca-facet-title { color: #626262; }

.pagination { border: 1px solid #D8D4BE; background-color: #F8F7F3;color: #333;  }
.pagination a:link,
.pagination a:active,
.pagination a:visited,
.pagination a:hover { color: #333; }
/* CORPORATE - CONTACT                                          */
/* ============================================================ */
#contact {font-family: arial; font-size:11px; width: 400px; margin-left: -8px;}
* html #contact {margin-left: 0;}
#contact fieldset {border: none;}
#contact legend {display: none;}
#contact .label {display: block; margin:0 0 20px 0;  width: 180px; padding: 0 0 0 8px;}
#contact .label textarea {width: 100%; height: 100px;}
#contact .label input{width: 100%;}
#contact .required span{margin: 0 0 0 -6px;}
#contact p {margin: 10px  0 10px 8px;}
.bt-submit {font-size:10px; margin:0 0 0 8px;}
* html .bt-submit {border-bottom: 0;}

/* GEOCODE */
#expandmap { top: 202px; left: 876px; } 

/* CORPORATE - CUSTOMER SERVICE                                 */
/* ============================================================ */
.customerservice1 {width: 260px;}
.customerservice2 {float: right; width: 350px; margin: 0 50px 0 30px;}

form#contact input.bt-submit { display: block; padding: 1px 5px 1px 10px; background-image: url(/hyatt/images/buttons/bullet_white_next_0.gif); background-repeat: no-repeat; background-position: 5px center; }

/* CORPORATE - SITE MAP                                 		*/
/* ============================================================ */
#corporate-map { float: left; width: 180px; margin: 0 20px 0 0; }

/* putting a 1 pixel border magickally makes NS 6.2 happy to display the box model properly */
#properties-map {  border: 1px solid #fff; width: 500px; margin: 0 0 0 200px; }



/* ABOUT (and subsections)                                      */
/* ============================================================ */
div.sub-nav { width: 120px; margin: 0 20px 0 0; float: left; }
div.sub-nav .view-nav{ margin-top: 0; padding-left: 0; margin-left: 0;}
div.sub-nav .view-nav h4 { color: #5E86AE }
div.about-content { width: 565px; margin-left: 140px; }
.about-content address {font: 11px Arial, sans-serif; color: #000; margin: 10px 0;}


/* FORM STYLES / customer service and long term stay           */
/* ============================================================ */
#rates-form {width:560px;}
#rates-form td.form-left {width:300px; text-align: right; padding-right:5px;}
#rates-form td {padding: 0 0 14px 0;}
#rates-form fieldset{border: none;}
#rates-form legend {display: none;}
input, textarea, select {font-size: 11px;}
.form-error {color: red;}




/*  Flash Takeover - Home page		  */
/* ================================= */

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

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

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

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


/* Links for alternate content */
#alt-content-container{position: absolute; top: 0; left: -4px;z-index: 100;}
#alt-content-container a,
#alt-content-container a:hover{text-decoration: none;}
#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;border: 0;}
#alt-content-link{position: relative; z-index: 80;}

#alt-content-banner{position: absolute; top: 0; right: 0;}
#alt-content-banner img{border: 0px solid;}

#alt-content-container-peel{width: 200px; height: 90px;position: absolute; top: 1px; right: -1px;}
.summerfield #container .no-flash-peel{height: 1px;}



/* KATIE BROWN                                          */
/* ============================================================ */
.kb-column1, .kb-column2, .kb-column3 {padding-bottom:10px; margin-left: 0; margin-right: 60px; float: left; width:150px;}
#body ul.kb-column1 li, #body ul.kb-column2 li, #body ul.kb-column3 li {padding-left: 0; margin-left: 0; list-style-type: none; list-style-image: none; background-image: none;}

#clear_kb_column{clear:both; height:1px; margin:0;}

/* Quick book on the summerfield typography */
.clearfix,
.dateSelector,
.roomSelector,
.rateType ul,
.codeSection,
.searchAction,
ul.reservation-quick-links,
.travelPackage,
.home-middle-content,
.flapWrapper,
#home-middle-content,
.logosWrapper,
.dateSelector{
	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,
.dateSelector: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,
* html .dateSelector{
	height: 1%;
}
.clearfix,
.dateSelector,
.roomSelector,
.rateType ul,
.codeSection,
.searchAction,
ul.reservation-quick-links,
.travelPackage,
.home-middle-content,
.flapWrapper,
#home-middle-content,
.logosWrapper,
.dateSelector{
	display: block;
}
/* End hide from IE-mac */

.summerfield .reservation {
	height:auto;	
}
#select-lto .summerfield .reservation {
	height:344px;	
}
.summerfield #locator-tab-container .quickbook {
	background: #f8f7f3;
}
#locator-tab-container h3{
	padding-bottom:2px;
	margin:10px 0 0;
}

#locator-tab-container td{
	padding:0px 28px 0 0;
}
#searchTerms {
	font-size:11px;
	color:#999999;
	width:261px;
	float:none;
}
#select-lto #searchTerms {
	color:#333333;
}
#hotel-search-error #searchTerms {width:141px;}
#reservations #locator-tab-container .destinationField{
	padding:0 0 10px; #padding:0px;
}
.destinationField label,
.destinationField input , #brand-select-label{
	display:block;
}
.dateSelector, .roomSelector, .rateType, .offerCode, .submit, .a-img, .textDiv {
	float:none;
	width:auto;
}
.dateSelector .datelabelWrapper {
	position:relative;
	z-index:100;
}
.datelabelWrapper  .datelabel {
	position:absolute;
	left:2px;
	width:100px;/*firefox*/
	top:4px;
	_left:-105px;/*IE6*/
	_width:72px;
	*top:2px;/*IE7*/
	width/*\**/: 80px\9; /*IE8*/
}
/*safari hack*/
@media screen and (-webkit-min-device-pixel-ratio:0)
{
	.datelabelWrapper  .datelabel {
		top:17px;
		left:4px;
		width:95px;
	}
	.dateSelector label {
		float:left;
	}
}
.prepopulated {
	color:#999;
}
#make-a-reservation img {
	padding:15px 0 0 15px;
}
.reservation form{
	padding:2px 0 15px 15px;
}
#select-lto .reservation form{
	padding:0;	
}
/*.destinationField, .dateSelector, .roomSelector, .rateType, .codeSection, .searchAction, .perferedHotel, .hyattBrand {
	padding:6px 0 0;
	margin:0px;
}*/
.roomSelector,
.codeSection {
	padding-bottom:0px;
}
.destinationField .locationSize {
	width:210px;
}
.perferedHotel .hotelSelector{
	width:264px;
}
.dateSelector .dateWrapper.firstChild,
.rateType ul li.left,
.codeSection label:first-child{
	width:51%;
}
.codeSection label{
	width:47% !important;
}
.dateSelector .dateWrapper {
	float:left;
}
.dateWrapper input,
.dateWrapper a {
	float:left;
}
.dateWrapper a {
	width:24px;
	height:20px;
	text-indent:-9999px;
	overflow:hidden;
	background: url('../images/icon_calendar.gif') no-repeat top left;
	margin-left:3px;
}
.dateSelector #check-in-date{
	margin:0px;
}
.roomSelector label{
	width:70px !important;
	float:left;
	margin: 0px 10px 0 0;
}
.roomSelector label:last-child, .roomSelector label.lastchild{
	width:auto;
}
.roomSelector label:last-child a,
.roomSelector label.lastchild a, .rateType label a{ 
	position:relative;
	top:0px;
}
.roomSelector label select {
	display:block;
}
#locator-tab-container .rateType{
	margin:10px 0 0;
}

.rateType ul{
	list-style:none;
	margin:0;
	padding:0;
}
/*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;
}
#locator-tab-container .codeSection{
	margin:0 0 10px;
}	
.rateType input {
	position:relative;
	top:2px;
}
.codeSection label {
	float:left;
	width:47%;
}
#brandFilter {
	display:block;
	margin-bottom:10px;
}
#hotelQuickBook #brandFilter {
	display:block;
	margin-bottom:10px;
	float:left;
}
#hotelQuickBook #find_hotel_button {
	float:left;
}
.searchAction .searchLink {
	display:block;
	margin-bottom:10px;
}
.searchAction input {
	float:left;
	margin-right:13px;
}
ul.reservation-quick-links{
	background-color:#e9e9d5;
	width:auto;
	margin:0;
	padding:10px 7px 15px 7px!important;
	border-top:1px solid #d6d6bc;
}
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:43%;
}
ul.reservation-quick-links li.firstchild{
	width:51%; 
	border-right:1px solid #fff;
}
ul.reservation-quick-links h5{
	color:#333;
	font-size:11px;
	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;
}
.travelPackage {
	background:#d6d6bc;
}
.travelPackage img,
.travelPackage .travelRight {
	float:left;
}

.travelPackage img {
	padding:4px 13px;
}
.travelRight img {
	float:none;
	display:block;
	padding:0 0 3px 0;
}
.summ-hotel-air-car-tab a {
	padding-right:13px;
	background: url('../images/icon_new_window_blue.gif') no-repeat right 2px;
	font-size:11px;
}
.travelPackage .travelRight {
	padding:8px 0 0 5px;
	width:50%;
}
.offersCal{
	margin: 10px 0;
}
#summRatesAvailable #searchTerms{
	width:160px;
}
#hotel-search-results #searchTerms {
	width:140px;
	color:#000;
}

#summRatesAvailable .roomSelector label{
	margin: 5px 4px 0 0;
}
#hotelQuickBook .roomSelector .fieldlabel{
	width: 20% !important;
}
#hotelQuickBook .roomSelector .lastchild{
	width: 38% !important;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	#summerfield-search-box .roomSelector .lastchild {width:40% !important}
}
#summerfield-search-box #endeca-search-term #brand-select-label{
	padding-top:5px;
}
#coporateForm .nonSearchBrand {text-transform:capitalize !important;}
#holiday-offer .codeSection{margin:0 0 10px;}	
#holiday-offer .dateSelector{padding:0}	
#holiday-offer .roomSelector{padding-bottom:10px !important;}
#holiday-offer .fieldlabel{text-transform:none;}
.facebook_like_button_brand_13{float:right;height:17px; padding:11px 15px 0 0}
