/* Marriott Home CSS Document */
body { margin: 0; padding: 0;}
#topNavContainer p, #topNavContainer ul, #pageFooterContainer p, #pageFooterContainer ul, #copyRightContainer p, #copyRightContainer ul { font:normal 11px/14px verdana, arial, sans-serif; word-spacing:-0.05em; color:#333333; text-decoration:none; margin:0px; padding:2px 0 7px 0; list-style:none; }
img {border:0;}

/* Clear Utilities */
.floatContainer {margin:0; padding:0;}
.clearFloat:after { content: "."; display: block; height:0; clear: both; visibility: hidden; }
.clearFloat { display: inline-table; }
.clearFloat h2 {display:inline-block;}
.clearFloat h2 {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearFloat { height: 1%; }
.clearFloat { display:block; }
.clearFloat h2 {display:block;}
.clearFloat h2 {display:block;}
/* End hide from IE-mac */

/* Total Width for Containers */
#topNavContainer, #pageFooterContainer, #copyRightContainer { margin:0; padding:0; width:100%;}
/* Hides from IE-mac \*/
* html #topNavContainer, * html #pageFooterContainer, * html #copyRightContainer  { height: 1%; }
/* End hide from IE-mac */

/* Main code */
.firstRow, .secondRow { border-left-style:solid; }
.topNavInner { margin:0; width:100%; position:relative; z-index:7; }

/* Mozilla code */
.firstRow > .topNavInner, .secondRow > .topNavInner { border-bottom: 1px solid transparent; }

.pageMaxWidth { width:920px;}
/* Hides from IE-mac \*/
* html .pageMaxWidth { height: 1%; }
/* End hide from IE-mac */

body#page-grid-c .pageMaxWidth,
body#page-grid-d .pageMaxWidth { width:920px;}

/* Total Width for Containers */
#topNavContainer { margin:0; padding:0; width:100%;}
/* Hides from IE-mac \*/
* html #topNavContainer  { height: 1%; }
/* End hide from IE-mac */

/* ------------ Top Nav ------------ */
#topNav h2, #topNav h3, #topNav p, #topNav ul, #topNav h4 {width:auto;}
#topNav ul, #topNav li, #topNav p, #topNav h2, #topNav h3 {padding: 0; margin: 0; font:bold 11px/11px arial, sans-serif;}
#topNav { margin: 0; padding: 0; float: right; width: 100%; border-bottom: 4px solid #9d102d; font-family: arial, sans-serif; font-size:11px; line-height:11px; font-weight:bold; }
.clearTopNav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#topNav ul { list-style: none; }
#topNav ul li { display: inline-block; float: left; }
#globalLinks { float: left; width: 100%; background-color: #9d102d; color: #fff; padding: 3px 0 3px 0; margin: 0; }
#globalLinks a {color: #fff; text-decoration: none; font-family: arial, sans-serif; font-size:11px; line-height:11px;}
#globalLinks a:visited {color: #fff; text-decoration: none; }
#globalLinks a:hover {color: #fff; text-decoration: underline; }
#globalLinks a:active {color: #fff; text-decoration: underline; }
#globalLinks li { border-left: 1px solid #fff; padding:0 5px 0 5px; margin: 0 5px 0 -5px; color: #fff; }
#globalLinks li:first-child { border-left: 0; }
#accountLinks { float: left; margin-left: 4px;}
#utilities { float: right; white-space: nowrap; }
#reservationsNumbers { float: left; color: #9D102D; margin: 4px 0 0 5px; font-weight: normal;}
#mainLinks { float: left; width: 100%; margin: 30px 0 0 0; }
#logo { float: left; margin-left: 16px; }
#tabsContainer { float: right; margin: 0; padding: 0 0 4px 0;}
#welcomeMessage { padding-bottom: 10px; }
#welcomeMessage h2 { margin: 0; padding: 0; font:normal 10px/14px arial, sans-serif; text-align:left; color:#9d102d;}
#welcomeMessage #signInLink { margin-left: 10px; }
#welcomeMessage #signInLink a { color: #039; text-decoration: none; font:normal 10px/14px arial, sans-serif;}
#welcomeMessage #signInLink a:visted { color: #39e; }
#welcomeMessage #signInLink a:hover { color: #9d102d; text-decoration: underline; }
#welcomeMessage h3 { font:9px/11px arial, sans-serif; color:#666; text-align:left;}
#welcomeMessage h3 a {color: #666; text-decoration: none; font:9px/11px arial, sans-serif;}
#welcomeMessage h3 a:hover {color: #9d102d; text-decoration: underline;}
#tabs {margin-right: -9px; }
#tabs a {color:#666; text-decoration:none; font-family: arial, sans-serif; font-size:11px; line-height:11px;}
#tabs a:visited {color:#666; text-decoration:none;}
#tabs a:hover {color:#9d102d; text-decoration:underline;}
#tabs a:active {color:#9d102d; text-decoration:underline;}
#tabs li { border-left: 1px solid #666; padding:0 9px 0 9px; margin: 0 9px 0 -9px; }
#tabs li:first-child { border-left: 0; }
#pageContainer { float: left; }
#tabs a:link.active, #tabs a:visited.active, #tabs a:hover.active, #tabs a:active.active { color:#9d102d;}
/* ------------ End top nav styles ------------ */

/*Footer Styles*/
#pageFooterContainer { height:51px; border-top:1px solid #000000; margin-top:15px; z-index:21; width:auto; position:relative; }
#pageFooterContainer p {font:normal 9px/9px arial, sans-serif !important; height:9px !important; color:#333333; margin:0; padding:0;}
#pageFooterContainer ul { list-style:none; margin:0; padding:0; font:normal 9px/9px arial, sans-serif !important; color:#999999 !important; text-decoration:none;}
#pageFooterContainer li { display:inline !important; padding:0; margin:0; font:normal 9px/9px arial, sans-serif !important; color:#999999 !important;}
#pageFooterContainer .globalTabsContainer li { margin:0px 6px 0 0; }
#pageFooterContainer .globalTabsContainer li:before { margin-right:9px; }
#pageFooterContainer a {font:normal 9px/9px arial, sans-serif !important; color: #003399 !important; text-decoration: none;}
#pageFooterContainer a:link {font:normal 9px/9px arial, sans-serif !important; color: #003399 !important; text-decoration: none;}
#pageFooterContainer a:visited { color: #3399ee !important;}
#pageFooterContainer a:hover {color: #9d102d !important; text-decoration: underline;}
#pageFooterContainer a:active {color: #9d102d !important;}
#pageFooterContainer li { border-left:1px solid #666666; padding:0 5px 0 5px; margin:0 5px 0 -5px; }
#pageFooterContainer { height: 1%; }
#pageFooterContainer li { display:block; float:left; }
#pageFooterContainer li:first-child { border-left: 0; }
#pageFooterContainer img {display:block; margin:3px 0;}

.pop-up-window { background-image: url(Images/icon_newwindow_9x8.gif); background-repeat: no-repeat; background-position: center right; padding-right:12px; }

.footer {background-color:#ebebdb; margin-top:4px; width:100%; position:relative; }
.footerUtilitiesContainer {width:100%; margin:0; position:relative; overflow:hidden; height:29px;} /* for explorer only*/
.footerUtilitiesContainer[class] {display:table; position:static; border:0;}
.footerUtilities { display:block; border:0px solid green; width:968px; position: absolute; top: 50%;} /* for explorer only */
.footerUtilities[class] { display: table-cell; vertical-align: middle; position: static; border:0;}
.footerUtilitiesInner {position: relative; top: -50%; margin-left:15px;}
.footerUtilitiesInner[class] {position: static;  border:0;} 

.bbbImage {text-align:right; float:right; width:83px; border:0px solid green; }
.bbbImage[class] {display:table-cell;}
.bbbImage img { margin-right:15px !important; display:block; }
#copyRightContainer {margin:6px 0 0 0; padding:0 0 8px 0; width:auto; min-width:720px;}
.copyRight {width:480px; float:left; margin:0; padding:0; }
.copyRight p {padding-left:15px !important; }
.privacyLinks {float:right; width:212px; border:0px solid orange;}
/* Hides from IE-mac \*/
.privacyLinks  { text-align:right;  }
/* End hide from IE-mac */
.privacyLinks[class] {width:auto;}

/*Win IE browsers - hide from Mac IE\*/
* html .privacyLinks ul { margin-right:-13px !important; }
/*End hide*/
/*Mac IE 5*/
.privacyInner {margin-right:15px !important; }

/* Fix footer alignment in IE7 */
*:first-child+html .footerUtilities { float: left; width: 560px; margin-top: 5px;}
*:first-child+html .bbbImage {clear: none; float: right;}
/* Fix footer visibility in IE7 */
*:first-child+html #pageFooterContainer li {padding:0 5px 2px 5px; margin:0 5px 3px -5px;}

/**************************************************************************/
/* Style Updates to Occommodate the New Page Width, and Header Fixes      */
/**************************************************************************/
#page-grid-b .pageMaxWidth{ 
	width: 920px;
}
* html #page-grid-b .globalUtilitiesContainer{
	float: right !important;
}
* html #page-grid-b .globalUtilitiesContainer .globalUtilities ul{
	float: right !important;
	width: 340px !important;
}

h1 { FONT-WEIGHT: bold; FONT-SIZE: 16px;COLOR: #333333;LINE-HEIGHT: 18px;FONT-FAMILY: arial, sans-serif; TEXT-DECORATION: none; }
