/* PRODUCT BROWSER */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr { margin: 0; padding: 0; }

html { background-color:#000000; }
body { background-color:#000000; color: #4C4C4C; font: 12px Arial, Verdana, sans-serif; }
a:link{ color: #4C4C4C; text-decoration: underline;}
a:hover{ color: #8C8C8C; text-decoration: none;}

div.hr{ margin: 10px 0px 10px 0px; height: 1px; background-image: url(../../images/shared/HRseperator.gif); }
div.hr hr{ display: none; }
.BodyTextFixed .prima img {margin:10px 0px 0px 0px; padding:0;}
/***********************************
	Flash Content Home Page
***********************************/
.landingFlashWrapper{ width: 1000px; height: 530px; margin: 0 auto; }
.landingFlashContainer{
	width: 1000px;
	height: 530px;
}

/***********************************
	Flash Content Hub Pages
***********************************/
.flashHub{
	width: 1000px;
	margin: 0 auto;
}
.flashcontentHub{
	height: 530px;
	color: #FFFFFF;
	font: normal 12px/22px Arial, Helvetica, sans-serif;
	text-align: center; /*background-image: url(../../images/shared/Temp-Restaurants-Hub-Flash.jpg); background-position: center top; background-repeat: no-repeat;*/
}


/***********************************
	Flash Content Internal Pages
***********************************/
#FlashContentDivContainer {	height:150px; position:absolute; left:0px; top:200px; z-index:100; visibility: visible; }
#FlashContentDivContainer2 {
	width:100%;
	height:150px;
	position:absolute;
	left:0px;
	top:300px;
	z-index:100;
	visibility: visible;
	clear:both;
}
#FlashContentDivContainer3 { width:100%; height:170px; position:absolute; left:0px; top:270px; z-index:100; visibility: visible; margin:0px;}
#FlashContentDivContainer4 { width:100%; height:170px; position:absolute; left:0px; top:210px; z-index:100; visibility: visible; }

#flash{}
.flashHome{ width: 1000px; margin: 0 auto; }
.flashcontentHome{ height: 436px; color: #FFFFFF; font: normal 12px/22px Arial, Helvetica, sans-serif; text-align: center; /*background-image: url(../../images/shared/Temp-Restaurants-Home-Flash.jpg); background-position: center top; background-repeat: no-repeat;*/ }


.flashInsidePage {
	width: 960px;
	height: 250px;
	overflow:hidden;
	margin: 0 auto;
}
.flashcontentInsidePage {
	color: #FFFFFF;
	font: normal 12px/22px Arial, Helvetica, sans-serif;
	text-align: center;
	padding-top: 66px;
}

/**********************************
	Branding Styles
**********************************/
#BrandingContainer{ width: 100%; background-image: url(../../images/header/mgm-grand-header-background.jpg); background-position: center top; background-repeat: no-repeat;  }
#Branding{ width:960px; margin:0 auto; height: 80px; background-image: url(../../images/header/mgm-grand-header-background.jpg); background-position: center top; background-repeat: no-repeat;  }

#BookingInterfaceOpenContainer{ width:100%; height:203px; position:absolute; left:0px; top:0px; z-index:200; visibility: hidden; clear: right; }
#BookingInterfaceOpen{ width: 960px; margin: 0 auto; clear: right;}
#BookingInterfaceClosed{ float: left; width: 241px; height: 70px; margin: 0px 0px 0px 0px; }

#MGMGrandLogo{ float: left; width: 180px; height: 80px; }
#MGMGrandLogo img{ margin: 0px 0px 0px 141px; }

#LanguagesDrop{ float: right; width: 120px; height: 18px; margin: 40px 0px 0px 0px; }


/*********************************
	Main Navigation Styles
*********************************/
#MainNavigationContainer{ margin: 0px 0px 0px 0px; background-image: url(../../images/main-navigation/main-navigation-background.jpg); background-position: center top; background-repeat: no-repeat; }
#MainNavigation{ width:960px; margin:0 auto; height: 30px; background-image: url(../../images/main-navigation/main-navigation-background.jpg); background-position: center top;}


/********************************
	Content Styles
********************************/
#ContentContainer{ background-position: center top; background-repeat: no-repeat; }
#Content{ width:960px; margin:0 auto; background-position: center top; background-repeat: no-repeat; }
.ContentHeaderContainer{
	width:960px;
	margin:0 auto;
	height: 250px;
	padding: 100px 0px 0px 0px;
}
.ContentHeaderContainerTools{width:960px; margin:0 auto; height: 90px;	padding: 100px 0px 0px 0px;}
.ContentHeader{ float: left; padding: 0px 30px 0px 30px; }
p { font: normal 12px/16px Arial, Helvetica, sans-serif; color: #4C4C4C; padding: 0px 0px 16px 0px; }
p a:link{ color: #4C4C4C; text-decoration: underline;}
p a:visited{ color: #4C4C4C; text-decoration: underline;}
p a:hover{ color: #8C8C8C; text-decoration: none;}
p a:active{ color: #4C4C4C; text-decoration: underline;}

.ContentHeaderText{ width: 450px; float: left; margin: 0px 30px 0px 0px; color:#FFFFFF; font: normal 12px  Arial, Verdana, sans-serif; }

#ContentBodyContainer{ width: 960px; margin:0 auto; background-color: #000000; background-image: url(../../images/shared/content-background.jpg); background-position: center top; background-repeat: no-repeat; }
.ContentBody{float: left; width: 440px; background-color: #FFFFFF; background-image: url(../../images/shared/content-top-background.jpg); background-position: left top; background-repeat: no-repeat; }
.ContentBody2{float: left; width: 440px; background-color: #FFFFFF; }

.ContentBodyFull{float: left; width: 670px; background-color: #FFFFFF; background-image: url(../../images/shared/content-top-background.jpg); background-position: left top; background-repeat: no-repeat; }

.BodyText{ padding: 0px 19px 0px 19px;}
.BodyText a:link{ color: #4C4C4C; text-decoration: underline;}
.BodyText a:hover{ color: #8C8C8C; text-decoration: none;}
.BodyText a:active{ color: #4C4C4C; text-decoration: underline;}
.BodyText a:visited{ color: #4C4C4C; text-decoration: underline;}
.BodyText ul li{
	list-style-type: none;
	background-position: left 5px;
	background-repeat: no-repeat;
	background-image: url(../../images/shared/MaximumBox-Bullet.gif);
	margin: 0px 0px 0px 20px;
	padding: 0 0 10px 10px;
}

/* For pages with full width navigation that have detail content bar */
.PageToggleFixed{ float: left; width: 670px; }
.BodyTextFixed{ float: left; padding: 0px 19px 0px 19px; width: 402px;}
.BodyTextFixed ul li{
	list-style-type: none;
	background-position: left 5px;
	background-repeat: no-repeat;
	background-image: url(../../images/shared/MaximumBox-Bullet.gif);
	margin: 0px 0px 0px 20px;
	padding: 0 0 10px 10px;
}
.BodyTextFixed img{ margin: 30px 0px 20px 0px; }
.BodyHeaderFixed{ }
.BodyHeaderFixed img{ margin: 30px 0px 20px 0px; }
.ContentDetailsFixed{float: right; min-height: 750px; height:auto !important; height:750px; width: 230px; background-color:#FFFFFF;  background-image: url(../../images/shared/ContentDetailsBackground.jpg); background-repeat: no-repeat; background-position: 0px -50px;}
.ContentDetailsCopyFixed{margin: 30px 20px 0px 20px; font-size: 11px; color: #4C4C4C;}
.ContentDetailsCopyFixed a:link{ color: #4C4C4C; text-decoration: underline;}
.ContentDetailsCopyFixed a:hover{ color: #8C8C8C; text-decoration: none;}
.ContentDetailsCopyFixed a:active{ color: #4C4C4C; text-decoration: underline;}
.ContentDetailsCopyFixed a:visited{ color: #4C4C4C; text-decoration: underline;}
.ContentDetailsCopyFixed ul li{ 
	font-size: 11px/16px;
	list-style-type: none;
	background-position: left 6px;
	background-repeat: no-repeat;
	background-image: url(../../images/shared/MaximumBox-Bullet.gif);
	margin: 4px 0px 0px 0px;
	padding: 0 0 0px 10px;
}
/*****************************************
	Nightlife Schedule Styles
*****************************************/
.EventSectionTitle{ float: left; width: 632px; margin: 30px 0px 20px 0px;}
.EventContainer{ float: left; width: 631px; padding: 0px 0px 0px 19px;}
.EventImage{ float: left; width: 230px; margin: 0px 10px 0px 0px;}
.EventHeader{ font: bold 16px Arial, Helvetica, sans-serif; padding: 0px 0px 10px 0px; text-transform: uppercase; color: #666666;}
.EventText{float: right; width: 373px; margin: 0px 0px 10px 0px;}
.EventRule{ clear: both; height: 1px; margin: 0px 0px 10px 0px; background-image: url(../../images/shared/HRseperator.gif); background-repeat: repeat-x; }

.PEventContainer{ float: left; width: 300px; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 19px;}
.PEventContainerRight{ float: left; width: 300px; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;}
.PEventImage{ float: left; width: 300px; margin: 0px 0px 10px 0px;}
.PEventHeader{ font: bold 16px Arial, Helvetica, sans-serif; padding: 0px 0px 10px 0px; text-transform: uppercase; color: #666666;}
.PEventText{float: left; width: 300px;}

.EventImageS img{ margin: 0px 15px 0px 15px;}
.EventTextS{float: left; margin: 0px 0px 10px 0px;}
.EventHeaderS a:link{ font: 16px Arial, Helvetica, sans-serif; padding: 0px 0px 10px 0px; text-transform: uppercase; color: #666666;  text-decoration:underline;}
.EventHeaderS a:hover{ font: bold 16px Arial, Helvetica, sans-serif; padding: 0px 0px 10px 0px; text-transform: uppercase; color: #666666; text-decoration:none;}
.EventHeaderS a:active{ font: 16px Arial, Helvetica, sans-serif; padding: 0px 0px 10px 0px; text-transform: uppercase; color: #666666;}
.EventHeaderS a:visited{ font: 16px Arial, Helvetica, sans-serif; padding: 0px 0px 10px 0px; text-transform: uppercase; color: #666666;}
.EventHeaderS{ font: bold 16px Arial, Helvetica, sans-serif; padding: 0px 0px 10px 0px; text-transform: uppercase; color: #666666;}





#ContentLeftColumn{
	float: left;
	width: 670px;
	padding: 0px 20px 0px 30px;
}
.ContentLeftColumnContainer{ background-color: #FFFFFF; background-image: url(../../images/shared/content-top-background.jpg); background-position: left top; background-repeat: no-repeat; }
.PageNavigationContainerFull{ float: left; width: 665px; padding: 0px 0px 0px 4px;}
.PageNavigationContainer{ float: left; width: 436px; padding: 0px 0px 0px 4px;}
.PageNavigation{ float: left; padding: 14px 14px 0px 14px; color: #4C4C4C; font: bold 11px Arial, Helvetica, sans-serif; text-transform: uppercase; }
.PageNavigation a:link{ color: #8C8C8C; text-decoration: none;}
.PageNavigation a:hover{ color: #4C4C4C; text-decoration: none;}
.PageNavigation a:active{ color: #8C8C8C; text-decoration: none;}
.PageNavigation a:visited{ color: #8C8C8C; text-decoration: none;}
.PageNavigation ul li {font: normal 10px Arial, Helvetica, sans-serif; list-style-type: none;}
.PageNavigationDivider{ float: left; height: 26px; width: 1px; background-color: #FFFFFF;}
div.PageNavigationhr{ margin: 10px 20px 0px 15px; height: 1px; background-image: url(../../images/shared/HRseperator.gif); }
div.PageNavigationhr hr{ display: none; }

.BodyHeader{ float: left; width: 421px; padding: 0px 0px 0px 19px;}
.BodyHeaderFull{ float: left; width: 650px; padding: 0px 0px 0px 19px;}
.BodyHeader img{ margin: 30px 0px 20px 0px; }
.BodyHeaderFull img{ margin: 30px 0px 20px 0px; }
.BodyHeaderText{ float: left; font: normal 18px Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 20px 0px 16px 0px; }

 

.ContentDetails{float: right; min-height: 800px; height:auto !important; height:800px; width: 230px; background-color:#FFFFFF;  background-image: url(../../images/shared/ContentDetailsBackground.jpg); background-repeat: no-repeat; background-position: top;}
.ContentDetailsCopy{margin: 56px 20px 0px 20px; font-size: 11px; color: #4C4C4C;}
.ContentDetailsCopy a:link{ color: #4C4C4C; text-decoration: underline;}
.ContentDetailsCopy a:hover{ color: #8C8C8C; text-decoration: none;}
.ContentDetailsCopy a:active{ color: #4C4C4C; text-decoration: underline;}
.ContentDetailsCopy a:visited{ color: #4C4C4C; text-decoration: underline;}

.ContentDetailsCopy ul li{ 
	font-size: 11px/16px;
	list-style-type: none;
	background-position: left 6px;
	background-repeat: no-repeat;
	background-image: url(../../images/shared/MaximumBox-Bullet.gif);
	margin: 4px 0px 0px 0px;
	padding: 0 0 0px 10px;
}
.MaximumZoneBox{ width: 400px; padding: 0px 0px 0px 0px; border: #D1D1D1 1px solid; background-color: #EEEEEE;}
.MaximumZoneBox img{ margin: 18px 0px 18px 18px;}
.MaximumZoneBoxText{ margin: 0px 18px 8px 18px; }
.MaximumZoneBoxText ul li{
	font-size: 11px/14px;;
	list-style-type: none;
	background-position: left 5px;
	background-repeat: no-repeat;
	background-image: url(../../images/shared/MaximumBox-Bullet.gif);
	margin: 0px 0px 0px 0px;
	padding: 0 0 10px 10px;
}
.AwardContainer{}
.AwardContainer img{ margin: 20px 20px 0px 0px;}

#ContentRightColumn{
	float: left;
	width: 210px;
	margin: 0px 0px 0px 0px;
}

.SocialNetworkContainer{
	padding: 8px 0px 0px 10px;
	height: 31px;
	color: #FFFFFF;
	font: normal 10px/0px Arial, Helvetica, sans-serif;
	margin: 0px 0px 12px 0px;
	background-image: url(../../images/shared/SocialNetworkBackground.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
.SocialNetworkContainer img{ margin: 0px 5px 0px 5px;}
.SocialNetworkContainer a:link{color: #FFFFFF; font: 9px Arial, Helvetica, sans-serif; text-decoration: underline;}
.SocialNetworkContainer a:visited{color: #FFFFFF; font: 9px Arial, Helvetica, sans-serif; text-decoration: underline;}
.SocialNetworkContainer a:hover{color: #CCCCCC; font: 9px Arial, Helvetica, sans-serif; text-decoration: none;}
.SocialNetworkContainer a:active{color: #FFFFFF; font: 9px Arial, Helvetica, sans-serif; text-decoration: underline;}

.PromoPodContainer{ color: #919191; font: normal 11px/12px Arial, Helvetica, sans-serif; padding: 10px 10px 10px 10px; margin: 0px 0px 20px 0px; background-image: url(../../images/shared/PromoPod-Gradient-Bckgrnd.jpg); }
.FlashBannerContainer{ margin: 0px 0px 20px 0px; }
div.Promohr{ margin: 8px 0px 8px 0px; height: 1px; background-image: url(../../images/shared/HRseperator.gif); }
div.Promohr hr{ display: none; }

.trap{width: 100%; height: 20px; clear: both; }

/**************************************
	Casino Specific Pages Styles
**************************************/
.TableGamesNav {
	margin: 30px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	font: Bold 11px/24px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background-color: #EEEEEE;
	border: solid 1px #D1D1D1;
}

.TableGamesNav a:link{color: #4C4C4C; text-decoration: none;}
.TableGamesNav a:visited{color: #4C4C4C; text-decoration: none;}
.TableGamesNav a:hover{color: #8C8C8C; text-decoration: none;}
.TableGamesNav a:active{color: #4C4C4C; text-decoration: none;}

/**************************************
	Press Room Specific Styles
**************************************/
.ReleaseTitle{ color: #4C4C4C; font: bold 16px Arial, Helvetica, sans-serif;}

/**************************************************************
	Site Map Layout
***************************************************************/

.siteMapCols{ width: 290px; float: left; padding-right: 10px; padding-left: 10px; }
#SiteMap ul li ul li .hr, #PageNotFound ul li ul li .hr{ display: none; }
#SiteMap .hr, #PageNotFound .hr{ margin: 0px 0px 10px 0px; }
#SiteMap ul li ul li ul li, #PageNotFound ul li ul li ul li{ margin-left: -13px; }
#SiteMap ul, #PageNotFound ul{ padding-top: 0px; }
#SiteMap ul li ul, #PageNotFound ul li ul{ padding-top: 20px; }
#SiteMap ul li, #PageNotFound ul li{ font-weight: bold; }
#SiteMap ul li ul li, #PageNotFound ul li ul li{ font-weight: normal; background-image: none; background-repeat: no-repeat;}
#SiteMap ul li ul li span, #PageNotFound ul li ul li span
{
	font-weight: bold;
	background-image: url(../../images/bulletDark.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	margin-left: -10px;
	padding-left: 10px;
	margin-bottom: -14px;
	display: block;
}

.SiteMapHr{ margin-left: 20; }

/*********************************
	Footer Styles
*********************************/
#FooterContainer{ background-image: url(../../images/footer/footer-background.jpg); background-position: center top; background-repeat: no-repeat; }
#Footer{ width:960px; margin:0 auto; height: 120px; color: #797979; font: 9px "Tahoma", Arial, Helvetica, sans-serif; text-decoration: none; background-image: url(../../images/footer/footer-background.jpg); background-position: center top; color: #797979;}
#Footer a:link{ color: #797979; font: 9px Arial, Helvetica, sans-serif; text-decoration: none;}
#Footer a:visited{ color: #797979; font: 9px Arial, Helvetica, sans-serif; text-decoration: none;}
#Footer a:hover{ color: #CCCCCC; font: 9px Arial, Helvetica, sans-serif; text-decoration: none;}
#Footer a:active{ color: #797979; font: 9px Arial, Helvetica, sans-serif; text-decoration: none;}
.FooterSub-Links{ text-transform: uppercase; padding: 10px 0px 0px 0px;}
.FooterSub-Links img{ margin: 0px 6px 0px 0px;}
.FooterLogoLinks{ height: 45px; padding: 10px 0px 10px 0px;}


/*************************************************
	Sub Navigation Styles
**************************************************/
#SubNavContainer{ background-image:url(../../images/subnavigation/sub-navigation-background.jpg); background-position: center top; background-repeat: no-repeat; }
#SubNav { width:960px; margin:0 auto; }
#productbrowser { width:960px; height:90px; font-size:12px; line-height:18px;}

#products {position: relative; height: 59px; width: 960px; overflow: hidden;}
#products ul {width: 3840px; list-style-type: none; overflow: none;}
#products li {float: left;}

#bar {top: 6px; width: 960px; height: 20px; position:relative; cursor: hand; cursor: pointer;}
#bar span {color: #eee; font-size: 11px; position: absolute; z-index: 110; top: 1px; cursor: hand; cursor: pointer;}

/*** Restaurants ***/
#bar #cat1 {left: 50px;}
#bar #cat2 {left: 302px;}
#bar #cat3 {left: 575px;}
#bar #cat4 {left: 828px;}

/*** Hotel ***/
#bar #hotel1 {left: 60px;}
#bar #hotel2 {left: 330px;}
#bar #hotel3 {left: 575px;}
#bar #hotel4 {left: 858px;}

/*** Amenities ***/
#AmenitiesMenu {position: relative; height: 59px; width: 960px; overflow: hidden;}
#AmenitiesMenu ul {width: 1920px; list-style-type: none; overflow: none;}
#AmenitiesMenu li {float: left;}
#bar #amenities1 {left: 50px;}
#bar #amenities2 {left: 840px;}

/*** Nightlife ***/
#NightlifeMenu {position: relative; height: 59px; width: 960px; overflow: hidden;}
#NightlifeMenu ul {width: 1920px; list-style-type: none; overflow: none;}
#NightlifeMenu li {float: left;}
#bar #nightlife1 {left: 50px;}
#bar #nightlife2 {left: 840px;}

#knob {width:155px; height:20px; background: url(../../images/subnavigation/slider-handle-2.jpg) no-repeat;}

/*************************************************
	Top Panel - toggle effect - show/hide Top Panel
**************************************************/
#topContainer {position: absolute;   /*Panel will overlap  content */ top: 0; width: 100%; z-index: 999; text-align: center; margin-left: auto; margin-right: auto;}
#topPanel { width: 100%; color: #fff; overflow: hidden; height: 0; margin: 0px 0px 0px 0px;}

#topPanel .panelContent { width: 960px; height: 220px; margin: 0 auto; padding-top: 0px; text-align: left; font-size: 0.85em;}
#topPanel .panelContent .left { width: 120px; float: left; padding-left: 65px; font-size: 0.95em;}
#topPanel .panelContent .right { width: 290px; float: right; text-align: right; padding-right: 65px; font-size: 0.95em;}

#topPanel .panelClose { display: block; right: 15px; top: 10px; width: 70px; font-size: 0.8em; text-align: left;}
#topPanel .panelClose a {display: block; width: 100%; height: 20px; background: url(../../images/mootools/button_close.jpg) no-repeat right 0; padding-right: 0px; border: none; font-size: 0.9em; color: white;}
#topPanel .panelClose a:hover {background: url(../../images/mootools/button_close.jpg) no-repeat right -20px;}

/****************************************
	Product Pods
****************************************/
/** Dining Pod **/
.DiningReservationPodContainer{ width: 230px; height: 150px; font-size: 9px/0px; background-image: url(../../images/shared/pod_DiningReservations_Bckgrnd.jpg); background-repeat: no-repeat;}
.DiningReservationPodForm{ width: 190px; padding: 71px 20px 20px 20px;}

/** Hotel Pod **/
.HotelReservationPodContainer{ width: 230px; height: 150px; font-size: 9px/0px; background-image: url(../../images/shared/pod_HotelReservations_Bckgrnd.jpg); background-repeat: no-repeat;}
.HotelReservationPodForm{ width: 190px; padding: 71px 20px 20px 20px;}
/*** Hotel Widget Form Fields ***/
.HotelDate{float: left; color: #4C4C4C; width: 82px; font-size: 9px; vertical-align: middle; padding: 3px 0px 0px 0px; text-align: center; border: 0px;  }
.HotelPartySize { color: #4C4C4C; width: 51px; font-size: 9px; vertical-align: middle; padding: 0px 0px 0px 6px; text-align: center; border: 0px; }

/*************************************************
	Reservation GUI - Hotel, Dining, Tickets
**************************************************/
#ResGUIContainer{ width: 242px; height: 182px; background-image: url(../../images/header/BookingBackground.jpg); background-repeat: no-repeat; padding: 10px 10px 0px 10px; overflow: hidden;}
.ResGUINavigation{ width: 220px; height: 32px; }

#ResHotelContainer{ width: 200px; height: 140px; background-image: url(../../images/header/BookingHotelBckgrnd.jpg); background-repeat: no-repeat; padding: 10px 10px 0px 10px;}
.FormTitles{ color: #000000; font: normal 10px Arial, Helvetica, sans-serif; text-transform: uppercase;}

#ResDiningContainer{ width: 200px; height: 140px; background-image: url(../../images/header/BookingDiningBckgrnd.jpg); background-repeat: no-repeat; padding: 10px 10px 0px 10px;}

#ResTicketsContainer{ width: 200px; height: 140px; background-image: url(../../images/header/BookingTicketsBckgrnd.jpg); background-repeat: no-repeat; padding: 10px 10px 0px 10px;}

.ResAirHotelLink{}
.ResAirHotelLink a:link{ color: #333333; text-decoration: none; }
.ResAirHotelLink a:hover{ color: #333333; text-decoration: underline; }
.ResAirHotelLink a:visit{ color: #333333; text-decoration: none; }
.ResAirHotelLink a:active{ color: #333333; text-decoration: none; }
 
/*************************************************
	Book Gui - Cal
**************************************************/

form {display:inline;}
.bookgui {}

/* -- Dates -- */
.bookgui input.date2{}
button.bookgui {background:url(../../images/bookgui/calenderIcon.gif); border:0; cursor:pointer; height:15px; margin:0; width:16px; padding:0; float:left;}
button.bookgui:hover, button.bookgui.active {background-position: 0px 16px;}

/* -- Nights --*/
.bookgui input.night2{}

.btn {float:left}
/**** Tabbed Booking / Hotel ****/
#guest1, x:-moz-any-link, x:default {top: -10px;}
#guest1 {left: 84px; top: -91px; z-index:1; background:#fff; position:relative; display:none; border: #A5ACB2 1px solid; border-top:0; text-align:center; padding:3px 1px; width:16px; }
#guest1 a {display:block;}
/**** Tabbed Booking / Dining ****/
#guest4, x:-moz-any-link, x:default {top: -10px;}
#guest4 {left: 84px; top: -51px; z-index:1; background:#fff; position:relative; display:none; border: #A5ACB2 1px solid; border-top:0; text-align:center; padding:3px 1px; width:16px; }
#guest4 a {display:block;}

#venu, x:-moz-any-link, x:default {top: -10px;}
#venu {left: 0px; top: -89px; z-index:1; background:#fff; position:relative; display:none; border: #A5ACB2 1px solid; border-top:0; padding:0px 0px 0px 0px; width:140px; font: normal 8px Verdana, Arial, Helvetica, sans-serif;  }
#venu a {display:block;}

#TMvenu, x:-moz-any-link, x:default {top: -15px;}
#TMvenu {left: 0px; top: -70px; z-index:1; background:#fff; position:relative; display:none; border: #A5ACB2 1px solid; border-top:0; padding: 0px 0px 0px 0px; width:177px; font: normal 8px Verdana, Arial, Helvetica, sans-serif;  }
#TMvenu a {display:block;}

/***** In-page form field styles ****/
/* Dining fields */
#guest2, x:-moz-any-link, x:default {top: -10px;}
#guest2 {left: 132px; top: -42px; z-index:1; background:#fff; position:relative; display:none; border: #A5ACB2 1px solid; border-top:0; text-align:center; padding:3px 1px; width:16px; font: normal 8px Verdana, Arial, Helvetica, sans-serif; }
#guest2 a {display:block;}
/* Hotel fields */
#guest3, x:-moz-any-link, x:default {top: -10px;}
#guest3 {left: 132px; top: -42px; z-index:1; background:#fff; position:relative; display:none; border: #A5ACB2 1px solid; border-top:0; text-align:center; padding:3px 1px; width:16px; font: normal 8px Verdana, Arial, Helvetica, sans-serif; }
#guest3 a {display:block;}

.choice{font: normal 9px Arial, sans-serif; padding: 0px; margin: 0px;}
.choice:link{color:#333; text-decoration:none; background:#fff;}
.choice:visited{color:#333; text-decoration:none; background:#fff;}
.choice:active{color:#333; text-decoration:none; background:#fff;}
.choice:hover{color:#333; text-decoration:none; background:#EEE;}

.venuchoice{font: normal 9px/14px Arial, sans-serif; padding: 0px 0px 0px 4px; margin: 0px;}
.venuchoice:link{color:#333; text-decoration:none; background:#fff;}
.venuchoice:visited{color:#333; text-decoration:none; background:#fff;}
.venuchoice:active{color:#333; text-decoration:none; background:#fff;}
.venuchoice:hover{color:#333; text-decoration:none; background:#EEE;}

.TMvenuchoice{font: normal 9px/14px Arial, sans-serif; padding: 0px 0px 0px 4px; margin: 0px;}
.TMvenuchoice:link{color:#333; text-decoration:none; background:#fff;}
.TMvenuchoice:visited{color:#333; text-decoration:none; background:#fff;}
.TMvenuchoice:active{color:#333; text-decoration:none; background:#fff;}
.TMvenuchoice:hover{color:#333; text-decoration:none; background:#EEE;}

/* -- Calendar --*/
div.bookgui {background:url(../../images/bookgui/bookgui-bg.gif); height:175px; width:147px; padding:0 12px; text-align:center;}
div.bookgui * {margin:0; padding:0;}	
div.bookgui div {background:none !important; cursor:move; height:165px; overflow:hidden; padding-top:10px; position:relative; width:147px;}	

div.bookgui caption {color:#EEE; font:normal 12px/17px Arial, Helvetica, sans-serif; padding-top:4px; text-align:center; width:100%;}
div.bookgui caption a {cursor:pointer; display:block; height:11px; overflow:hidden; position:absolute; text-indent:-100px; top:16px; width:11px;}
div.bookgui caption a.prev {background-image:url(../../images/bookgui/bookgui-prev.gif); left:1px;}
div.bookgui caption a.next {background-image:url(../../images/bookgui/bookgui-next.gif); right:1px;}
div.bookgui caption a:hover {background-position:0 11px;}
div.bookgui caption span {height:25px; position:relative; text-align:center;}
div.bookgui caption span.month {padding-right:8px;}
div.bookgui caption span.month:after {content:',';}

div.bookgui table {border:0; border-collapse:collapse; border-spacing:0; cursor:default; margin:0 auto; overflow:hidden; width:147px;}
div.bookgui td, div.bookgui th {border:0; color:#999; font:normal 12px Arial, Helvetica, sans-serif; height:19px; text-align:center; width:21px;}
div.bookgui td {color:#333; font-size:11px; padding-right:5px; text-align:right; width:16px;}
div.bookgui td.invalid {color:#666;}
div.bookgui td.valid {color:#FFF; cursor:pointer;}
div.bookgui td.active, div.bookgui td.hover {color:#EEE; cursor:pointer; text-decoration:underline;}


/*************************************************
	Flash- toggle effect - show/hide Flash
**************************************************/
#flashPanel {
    position: relitive;   /*Panel will overlap  content */
    /*position: relative;*/   /*Panel will "push" the content down */
    top: 0;
    width: 960px;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
#myFlash {width: 960px; color: #fff; background: #1E1E1E; overflow: hidden; position: relative; z-index: 3; height: 0;}



/**********************************************************
	Page Toggles 
**********************************************************/
/* Include id's for all your layers here, with commas between. */
#Page1, #Page2, #Page3, #Page4, #Page5, #Page6, #Page7, #Page8, #Page9, #Page10, #Page11, #Page12, #Page13, #Page14, #Page15 {display:none;}

/* for link style change */	
a:link.on, a:visited.on {color: #4C4C4C; text-decoration:none;}
a:link.off, a:visited.off {color: #8C8C8C; text-decoration:none;}
a:link.done, a:visited.done {color: #8C8C8C; text-decoration:none;}
a.on:hover, a.off:hover, a.done:hover {text-decoration:none;}

/**********************************************************
	Toggles
**********************************************************/

/* -- Mootools Accordion --  */
.toggler {   
    color: #4C4C4C; 
	font: bold 12px Arial, Helvetica, sans-serif;
    cursor: pointer;
    padding: 5px;
	padding-right: 14px;
	display: inline;
	background:url(/images/shared/btnToggleUp.gif) center right no-repeat;
}
.inside {padding: 10px;}
.slide { margin-bottom: 5px;}

/* -- End Mootools Accordion --  */


.ToggleH2 {
	padding: 0px 0px 0px 0px; color: #4C4C4C; font: bold 12px Arial, Helvetica, sans-serif;
	/*display: block;*/
	cursor: pointer;
	/*padding-left: 14px;*/
	padding-right: 14px;
	display: inline;
	background-image: url(../../images/shared/btnToggleUp.gif);
	background-repeat: no-repeat;
	background-position: right;
}

.ToggleH2a {
	padding: 0px 0px 0px 0px; color: #4C4C4C; font: bold 12px Arial, Helvetica, sans-serif;
	/*display: block;*/
	cursor: pointer;
	padding-left: 20px;
	/*padding-right: 14px;*/
	display: block;
	background-image: url(../../images/shared/btnToggleUp.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

.ToggleContainer{margin-top: 10px;}
.ToggleContainer p{margin-top: 0px;}
.ToggleContent{display: none;}

/**********************************************************
	Div Rules
**********************************************************/
.rule{border-bottom: #CCCCCC 1px solid; clear: both; margin: 10px 0px 0px 0px;}


/***************************************
	Form Styles
***************************************/
/*** Promo Pods Form Fields ***/
.PromoTextEntry{ color: #454545; width: 186px; border: 0px; font-size: 11px; vertical-align: middle; padding: 0px 0px 0px 4px; margin: 10px 0px 10px 0px; background-color: #E4E4E4; }

/*** Dining Widget Form Fields ***/
.DiningDate{float: left; color: #4C4C4C; width: 82px; font-size: 9px; vertical-align: middle; padding: 3px 0px 0px 0px; text-align: center; border: 0px;  }
.DiningPartySize { color: #4C4C4C; width: 51px; font-size: 9px; vertical-align: middle; padding: 0px 0px 0px 6px; text-align: center; border: 0px; }

/**********************************************************
	Print / No Print Styles
**********************************************************/
h1 { display: none; }
h2 { display: none; }

.printbtn{ }

.PrintHeader{ display: none; }

.PrintFooter{ display: none; }


/**********************************************************
	QuickMenu Core CSS
**********************************************************/

/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:right;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:9;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm1 ul {top:100%;}#qm1 ul li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/
#navLang {
	float: left;
	margin: 0;
	padding: 0 0 0 0px; 

}

*html div #navLang {
	\padding: 10px 0 0 0px; /* IE hack */
}

	/* QuickMenu 1 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm1	
	{	
		width:120px;
		margin: 0;
		padding:0;
		background-color:#000;
		border-width:0px;
		border-style:solid;
		/*border-color:#685F51;*/
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm1 a	
	{	
		padding:0px 0px 0px 0px;
		margin:0px;
		color:#000;
		font-family:Arial;
		font-size:11px;
		text-decoration:none;
		border-width:0px;
		border-style:solid;
		border-color:#222121;
	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm1 a:hover	
	{	
		background-color:#000;
	}


	/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm1 li:hover>a	
	{	
		background-color:#000;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm1 .qmactive, body #qm1 .qmactive:hover	
	{	
		background-color:#000;
		text-decoration:none;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm1 div, #qm1 ul	
	{	
		margin:0px 0px 0px 0px;
		background-color:#454545;
		border-width:1px 1px 0px 1px;
		border-style:solid;
		border-color:#212121;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm1 div a, #qm1 ul a	
	{	
		padding:2px 0px 2px 0px;
		background-color:#454545;
		background-image:none;
		font-size:11px;
		border-width:0px 0px 1px 0px;
		border-style:solid;
		border-color:#212121;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm1 div a:hover	
	{	
		background-color:#1F1F1F;
		background-image:none;
		text-decoration:none;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm1 ul li:hover>a	
	{	
		background-color:#1F1F1F;
		background-image:none;
		text-decoration:none;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm1 div .qmactive, body #qm1 div .qmactive:hover{ background-image:none; }


	/*"""""""" Individual Titles""""""""*/	
	#qm1 .qmtitle{ font-size:11px; }


	/*"""""""" (main) Rounded Items""""""""*/	
	#qm1 .qmritem span{ border-color:#666666; background-color:#EEEEEE; }


	/*"""""""" (main) Rounded Items Content""""""""*/	
	#qm1 .qmritemcontent	
	{	
		padding:0px 0px 0px 0px;
	}


	/*"""""""" (sub) Rounded Items""""""""*/	
	#qm1 div .qmritem span	
	{	
		border-color:#666666;
		background-color:#EEEEEE;
	}


	/*"""""""" (sub) Rounded Items Content""""""""*/	
	#qm1 div .qmritemcontent	
	{	
		padding:0px 0px 0px 0px;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm1 .qmparent	
	{	
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm1 ul	
	{	
		width:120px;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm1 ul li:hover > a.qmparent	
	{	
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm1 ul .qmparent	
	{	
	}

/**********************************************************
	Special Offers
**********************************************************/
#SpecialsContentLeftColumn{ float: left; width: 670px; padding: 20px 0px 0px 30px; }
#SpecialsContentRightColumn{ float: left; width: 230px; margin: 20px 0px 0px 0px; }
#SpecialsContentRightColumnPromoPods{ float: left; width: 210px; margin: 20px 0px 0px 20px; clear:both; }

.SpecialsPodContainer{ width: 230px; height: 135px; font-size: 9px/0px; background-image: url(../../images/shared/pod_Specials_Bckgrnd.jpg); background-repeat: no-repeat; background-color:#CA890B; background-position:top;}
.SpecialsPodForm{ width: 210px; padding: 76px 10px 20px 10px;}

.P3SpecialsContainer{ float: left; width: 188px; margin: 10px 0px 0px 0px; padding: 0px 0px 10px 0px;}
.SpecialsImage{ float: left; width: 188px; margin: 0px 0px 10px 0px; height: 110px;}
.SpecialsHeader{ font: bold 16px Arial, Helvetica, sans-serif; padding: 0px 0px 10px 0px; text-transform: uppercase; color: #666666;}
.SpecialsButtons{ float: left; width: 188px; margin: 0px 0px 10px 0px; font-weight: bold;}

.P2SpecialsContainer{ float: left; width: 300px; margin: 10px 0px 0px 0px; padding: 0px 0px 10px 0px;}
.SpecialsBodyHeader{ float: left; width: 300px; padding: 0px 0px 20px 0px;}
.SpecialsContainer{ float: left; width: 631px; padding: 0px;}

.SpecialsDate {
	clear:both;
	margin-top:10px;
	color:#ce8910;
	font-size: 14px;
	}

/********** FIELDS **********/
/****************************/
form {
	margin: 0px;
	padding: 0px;
	}

input.textfield2 {
	background: #ffffff url(/images/shared/background-fields2.jpg) left top repeat-x;
	padding-top:3px;
	width: 285px;
	height: 15px;
	border: 1px solid #cccccc;
	font-family: arial;
	font-size: 9pt; 
	color: #4c4c4c;
	}	

.textarea {
	background: #ffffff url(/images/shared/background-fields2.jpg) left top repeat-x;
	width: 100%;
	height: 36px;
	border: 1px solid #cccccc;
	font-family: arial;
	font-size: 9pt; 
	margin-top:3px;
	scrollbar-arrow-color: #7c7c7c;
	scrollbar-3dlight-color: #555555;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #000000;
	scrollbar-highlight-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-track-color: #343434;
	color: #4c4c4c;
	}

select {
	border: 1px solid #cccccc;
	font-family: arial;
	font-size: 9pt; 
	color: #4c4c4c;
	}