/* --------------------------------
   Hilton Brand.com
   Main Styles for Screen Media
-------------------------------- */

body {
	background-color: #fff;
	border: 0;
	color: #333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
	/* remove the following line to left-align the entire page */
	text-align: center;
}

#wrapper {
	width: 994px;
	/* remove the following 2 lines to left-align the entire page */
	margin: 0 auto;
	text-align: center;
}

/* forms
--------------------------- */

form {display: inline;}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

.frmText {
	border: 1px solid #ccc;
	width: 300px; 
}

.frmTextMed {
	border: 1px solid #ccc;
	width: 200px; 
}

.frmTextShort {
	border: 1px solid #ccc;
	width: 165px; 
}

.frmTextTiny {
	border: 1px solid #ccc;
	width: 55px; 
}

.frmTextSignin {
	border: 1px solid #ccc;
	width: 140px; 
}

.frmTextSearch {
	border: 1px solid #ccc;
	margin-top: -1px;
	width: 75px; 
}

.frmTextDate {
	border: 1px solid #ccc;
	width: 105px; 
}

.frmTextarea {
	border: 1px solid #ccc;
	height: 125px; 
	overflow: auto;
	width: 420px; 
}

.frmSubmit:hover {
	border: none;
}

.tblForm td {
	font-size: .7em;
	padding: 0 2em 1em 0;
}

/* common
--------------------------- */

p {margin: 0 0 1em 0;}

.linktop {
	border-top: 1px dotted #ccc;
	font-size: .9em;
	margin: 2em 0 3em 0;
	padding-top: 1em;
}

h1 {
	border: 0;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

h1 a:link, h1 a:visited {
	background: transparent url(../media/images/logos/hdr_logo.gif) no-repeat top;
	float: left;
	height: 109px;
	margin: 0 41px 0 35px;
	padding: 0;
	text-decoration: none;
	width: 187px;
}

h1 a:hover {background: transparent url(../media/images/logos/hdr_logo.gif) no-repeat top;}

h2 {
	background-color: transparent;
	color: #010930;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

h3 {
	background-color: transparent;
	border-bottom: 1px solid #D2D5D7;
	color: #323A61;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 0 8px 0;
	padding: 0 0 4px 0;
}

h4 {
	background-color: transparent;
	font-size: 1.4em;
	margin: 0 0 .2em 0;
}

.rule {
	border-top: 1px dotted #ccc;
	margin: 1.5em 0;
}

i {font-style: italic;}
u {border-bottom: 1px solid #333;}

sup {
	font-size: .8em;
	position: relative;
	top: -3px;
}

.imgright {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.imgleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.floatleft {float: left;}
.floatright {float: right;}
.clearleft {clear: left;}
.clearright {clear: right;}
.clear {clear: both;}

hr, .wai {display: none;}

caption {
	font-size: .7em;
	font-weight: bold;
	padding: 0 0 .5em 0;
	text-align: left;
}

.small {font-size: .9em;}
.bold {font-weight: bold;}

/* header
--------------------------- */

#header {
	background-color: transparent;
	color: #999;
	font-size: .7em;
	text-align: left;
}

#header input, #header select {
	background-color: #fff;
	color: #000;
	font-family: Verdana, Arial, sans-serif; 
	font-size: 10px;
}

#header input:hover, #header input:focus, #header select:hover, #header select:focus {
	background-color: #eee;
	border: 1px solid #999;
	color: #000;
}

#header input.btn:hover, #header input.btn:focus {border: none;}

#header a {
	background-color: transparent;
	color: #999;
}

#header a:hover {
	background-color: transparent;
	color: #333;
}

#signin, #search {font-size: 9px;}

#signin {
	float: left;
	height: 1%;
	margin: 39px 30px 0 0;
	width: 390px;
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
}

#signin .hdr {
	float: left;
	margin-top: 11px;
	width: 67px;
}

#signin .input {
	float: left;
	width: 145px;
}

#signin .btn {
	float: left;
	margin-top: 5px;
	width: 27px;
}

#signin #username_es {
	margin-top:12px;
}

#signin #password_fr {
	margin-top:12px;
}

#signin #remember {
	background-color: transparent;
	clear: both;
	color: #999;
	margin-left: 208px;
}

#reservation {
	float: left;
	font-size: 9px;
	margin: 60px 32px 0 0;
	width: 119px;
}

/* brand.com nav
--------------------------- */

#navmain {
	clear: left;
	height: 23px;
	margin: 0;
	padding: 7px 0 0 0;
	width: 994px;
}

#navmain ul	{
	background: transparent url(../media/images/nav/hi_nav_main.gif) top left no-repeat;
	height: 23px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 994px;
}

#navmain li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
}
	
#navmain li, #navmain a {
	background-image: none;
	display: block;
	height: 23px;
}

#navmain ul li a {
	text-indent: -9999px;
	text-decoration: none;
}

#navmain #navmain01 {left: 0; width: 173px;}  
#navmain #navmain02 {left: 173px; width: 115px;}  
#navmain #navmain03 {left: 288px; width: 78px;}

#navmain #navmain0302 {left: 366px; width: 110px;}  
#navmain #navmain04 {left: 476px; width: 134px;}  
#navmain #navmain05 {left: 600px; width: 103px;}  
#navmain #navmain06 {left: 706px; width: 117px;}
#navmain #navmain07 {left: 823px; width: 171px;}

#navmain #navmain01 a:hover {background: transparent url(../media/images/nav/hi_nav_main.gif) 0 -23px no-repeat;}  
#navmain #navmain02 a:hover {background: transparent url(../media/images/nav/hi_nav_main.gif) -173px -23px no-repeat;}  
#navmain #navmain03 a:hover {background: transparent url(../media/images/nav/hi_nav_main.gif) -288px -23px no-repeat;}

#navmain #navmain0302 a:hover {background: transparent url(../media/images/nav/hi_nav_main.gif) -366px -23px no-repeat;}  
#navmain #navmain04 a:hover {background: transparent url(../media/images/nav/hi_nav_main.gif) -476px -23px no-repeat;}  
#navmain #navmain05 a:hover {background: transparent url(../media/images/nav/hi_nav_main.gif) -600px -23px no-repeat;}  
#navmain #navmain06 a:hover {background: transparent url(../media/images/nav/hi_nav_main.gif) -706px -23px no-repeat;}
#navmain #navmain07 a:hover {background: transparent url(../media/images/nav/hi_nav_main.gif) -823px -23px no-repeat;}

/* masthead
--------------------------- */

#masthead {clear: left;}

/* footer
--------------------------- */

#footer {
	background: transparent;
	color: #666;
	float: left;
	font-size: 9px;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	text-align: left;
}

#footer #footersub, #footer #footernav {
	float: left;
	width: 994px;
}

#footer input, #footer select {
	background-color: #fff;
	color: #000;
	font-family: Verdana, Arial, sans-serif; 
	font-size: 10px;
}

#footer input:hover, #footer input:focus, #footer select:hover, #footer select:focus {
	background-color: #eee;
	border: 1px solid #999;
	color: #000;
}

#footer input.btn:hover, #footer input.btn:focus {border: none;}

#footer a {
	background-color: transparent;
	color: #999;
}

#footer a:hover {
	background-color: transparent;
	color: #666;
}

#footer img {
	border: none;
}

#footer #linksutil {
	float: left;
}

#footer #copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	float: right;
	text-align: right;
	width: 200px;
	padding-top:17px;
}

#footer ul.navutil {
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer ul.navutil li {
	float: left;
	margin: 0;
	padding: 0 4px;
}

#footer ul.navutil li.first {
	padding: 0 4px 0 0;
}

#footer #worldwide {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	float: left;
}

#footer #search {
	float: right;
	text-align: right;
}

#footer input {
	height: 16px;
	margin: 0;
	padding: 0;
	width: 155px;
}

#footer select {
	height: 16px;
	margin: 0;
	padding: 0;
}

#footer #search .btn, #footer #worldwide .btn {
	height: 27px; 
	position: relative;
	top: -3px;
	width: 27px;
}

#footer #aboutNav {
	padding-top: 16px;
	visibility: visible;
}

#footer #brandBar { clear:both; padding-top:1px; margin-bottom:30px;}
#footer #brandBar .brandBar2 { border-top: 1px solid #eaeaea; /*border-bottom:1px solid #efefef; */ margin:0; padding-top:12px;}
#footer .footerLogos { padding:0 0 4px 0; border-bottom:1px solid #e0e0e0; height:50px; margin:0; background:transparent; width: 990px; list-style:none; }
#footer .footerLogos li { display:block; margin:0; padding:0; float:left; position:relative;}
#footer .footerLogos li a { display:block; height: 47px; background-image:url(/common/media/images/misc/logo_brandLogoBars.gif); background-repeat: no-repeat; }
#footer .footerLogos li a span { display:block;height:0;overflow:hidden; }
#footer .footerLogos li.brandBarLi_WA { padding-left:19px;}
#footer .footerLogos li.brandBarLi_WA a { width: 61px; background-position: 11px 0; }
#footer .footerLogos li.brandBarLi_WA a:hover { background-position: 11px -76px; }
#footer .footerLogos li.brandBarLi_WA .brandDescPopup { left: 0px; background-position: 0px bottom; }
#footer .footerLogos li.brandBarLi_CH { padding-left:2px; }
#footer .footerLogos li.brandBarLi_CH a { width: 75px; background-position: -52px 0; }
#footer .footerLogos li.brandBarLi_CH a:hover { background-position: -52px -76px; }
#footer .footerLogos li.brandBarLi_CH .brandDescPopup { margin-left: -79px; }
#footer .footerLogos li.brandBarLi_HI { padding-left:5px; }
#footer .footerLogos li.brandBarLi_HI a { width: 59px; background-position: -132px 0; }
#footer .footerLogos li.brandBarLi_HI a:hover { background-position: -132px -76px; }
#footer .footerLogos li.brandBarLi_HI .brandDescPopup { left: -84px; }
#footer .footerLogos li.brandBarLi_DT { padding-left:3px; }
#footer .footerLogos li.brandBarLi_DT a { width: 70px; background-position: -194px 0; }
#footer .footerLogos li.brandBarLi_DT a:hover { background-position: -194px -76px; }
#footer .footerLogos li.brandBarLi_DT .brandDescPopup { left: -81px; }
#footer .footerLogos li.brandBarLi_ES { padding-left:5px; }
#footer .footerLogos li.brandBarLi_ES a { width: 63px; background-position: -269px 0; }
#footer .footerLogos li.brandBarLi_ES a:hover { background-position: -269px -76px; }
#footer .footerLogos li.brandBarLi_ES .brandDescPopup { left: -80px; }
#footer .footerLogos li.brandBarLi_GI { padding-left:8px; }
#footer .footerLogos li.brandBarLi_GI a { width: 76px; background-position: -340px 0; }
#footer .footerLogos li.brandBarLi_GI a:hover { background-position: -340px -76px; }
#footer .footerLogos li.brandBarLi_GI .brandDescPopup { left: -76px; }
#footer .footerLogos li.brandBarLi_HP { padding-left:10px; }
#footer .footerLogos li.brandBarLi_HP a { width: 61px; background-position: -426px 0; }
#footer .footerLogos li.brandBarLi_HP a:hover { background-position: -426px -76px; }
#footer .footerLogos li.brandBarLi_HP .brandDescPopup { left: -80px; }
#footer .footerLogos li.brandBarLi_HW { padding-left:9px; }
#footer .footerLogos li.brandBarLi_HW a { width: 65px; background-position: -496px 0; }
#footer .footerLogos li.brandBarLi_HW a:hover { background-position: -496px -76px; }
#footer .footerLogos li.brandBarLi_HW .brandDescPopup { left: -73px; }
#footer .footerLogos li.brandBarLi_HT { padding-left:9px; }
#footer .footerLogos li.brandBarLi_HT a { width: 65px; background-position: -570px 0; }
#footer .footerLogos li.brandBarLi_HT a:hover { background-position: -570px -76px; }
#footer .footerLogos li.brandBarLi_HT .brandDescPopup { left: -76px; }
#footer .footerLogos li.brandBarLi_HV { padding-left:6px; }
#footer .footerLogos li.brandBarLi_HV a { width: 81px; background-position: -641px 0; }
#footer .footerLogos li.brandBarLi_HV a:hover { background-position: -641px -76px; }
#footer .footerLogos li.brandBarLi_HV .brandDescPopup { left: -70px; }
#footer .footerLogos li.brandBarLi_WW { padding-left:35px; }
#footer .footerLogos li.brandBarLi_WW a { width: 190px; background-position: -757px 0; }
#footer .footerLogos li.brandBarLi_WW a:hover { background-position: -757px -76px; }

.brandDescPopup { position: absolute; display:none; z-index: 50; bottom:47px; width:230px; background:transparent url(/common/media/images/misc/brandBubble.gif) no-repeat bottom center; padding-bottom:16px; }
.brandDescPopup .popMessage { background:transparent url(/common/media/images/misc/brandBubble.gif) no-repeat top center; }
.brandDescPopup .popMessage p { padding:11px; margin:0; font-size:9px;}

.turnOnThisPopup .brandDescPopup { display:block; }

