@charset "utf-8";
/* CSS Document */

body {color: #4D4D4D; font-family: Arial, Helvetica, sans-serif; font-size: 75%; text-align: left; background-color: #0E3C60; background-image: url(../images/site/body_bg.jpg); background-repeat: repeat-y; }

#clear, .clear , #clear2, .clear2 { clear: both; }
em { font-style: italic; }

#wrapper { width: 895px; margin-left: 35px; margin-bottom: 10px; }

/* Enquiry Forms */
	label {float: left; width: 190px; font-weight: normal; padding-left: 5px; margin-bottom: 10px;}
	select {float: left; width: 254px; font-weight: normal; padding-left: 5px; margin-bottom: 10px;}
	input, textarea {width: 250px; margin-bottom: 10px; }
	textarea {width: 250px; height: 150px; }
	option { font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; } 
	.boxes {width: 1em; }
	#Submit {margin-left: 350px; margin-top: 5px; padding-left: 5px; width: 90px; }
	form br {clear: left; }

/* Logo & Top nav */
#topNavigation { width: 880px; margin-left: 15px; text-align: right;  }
	.logo { border: none; margin-top: 10px;  width: 177px; /*width: 226px; */ float: left; margin-bottom: 15px; }
	.topNav { /*width: 654px;*/ width: 703px; float: left; }
	.topNav li { display: inline; list-style: none; margin: 0px 2px; padding: 0px;  } 
	.topNav a { padding: 87px 2px 5px 2px; margin: 0px; color: #FFFFFF; text-align: center; font-size: 1em; font-weight: normal; text-decoration: none; display: inline-block; text-transform: none; }
		.topNav a:link, .topNav a:visited { color: #FFFFFF; }
		.topNav a:active, .topNav a:hover { text-decoration: none; } 
		
		body#home #index, body#ME #meetings_events, body#ME_eventPlanning #meetings_events, body#ME_assocConvention #meetings_events, body#ME_Exhibitions #meetings_events, body#ME_meetingRooms #meetings_events, body#ME_privateDining #meetings_events, body#ME_delegatePackages #meetings_events, body#ME_Capacities #meetings_events, body#D_home #dining, body#D_LoungeBar #dining, body#D_Aroma #dining, body#D_ArtisanGrill #dining, body#D_ChefsTable #dining, body#WhatsNew #news, body#WhatsNew_Refurb #news, body#WhatsNew_Promotions #news, body#WhatsNew_LatestNews #news, body#GuestRooms #rooms, body#Facilities #facilities, body#LA #location, body#Contact #contact, body#Contact_GrpRes #contact, body#Contact_EnquiryForm #contact, body#Contact_RestRes #contact, body#Contact_Recruitment #contact, body#Contact_NewsletterForm #contact { background-color: #EB008B; /*color: #EB008B;*/ }  
		

/* Flash banner container */
#banner { clear: both; width: 848px; margin-left: 15px; margin-top: 15px; background-color:#FFFFFF; border: solid 1px #EAEBEB; padding: 15px; position: relative; z-index: 1; }
	
	/* home promos & testimonials */
	#homeBanner { width: 848px; margin-top: 15px; padding-bottom: 2px; background: url(../images/site/home_enquiry_bg.gif) no-repeat bottom right; }
	
	#imageContainer { height:340px; }  
	#imageContainer img { display:none; position:absolute; top:0px; left:0px; height:340px; width:847px; opacity: -0.01; } 
	
	.homePromo { width: 280px; float: left; text-transform: uppercase; font-size: 17px; font-weight: lighter;  }
		.homePromo p { padding: 5px 10px 0px 12px; margin: 0px; }
		.homePromo strong { color: #EB008B; font-weight: lighter; }
		.homePromo a:link, .homePromo a:visited { color: #EB008B; text-decoration: none; }
		.homePromo a:active, .homePromo a:hover { text-decoration: none; }
		
	.testimonial { width: 272px; float: left; margin-left: 16px;  }
		.testimonial p { padding: 15px 15px 5px 15px; margin: 0px; font-family: Arial; font-size: 1em; color: #FFFFFF; }
	
	/* mini-enquiry form on home - scroll down for M&E version */
	.mini-enquiry { width: 275px; float: left; margin-left: 13px; font-size: 11px; color: #4D4D4D; }
			.mini-enquiry-header { width: 275px; background: #E6007E url(../images/site/bg_enquiry.gif) no-repeat; }
			.mini-enquiry h1 { font-size: 14px; color: #FFFFFF; text-transform: uppercase; padding: 7px 45px 5px 45px; text-align: center; } 
			

		
		.newsticker { list-style-type: none; background-color: #EB008B; }
	
	#contentHome { width: 880px; margin-left: 15px; margin-top: 15px; }
		.threeColHmePromo { width: 292px; float: right;  } /* width: 282px float: left;*/
		.threeColHmePromoMiddle { width: 282px; float: left; padding: 0px 16px 0px 17px; }
		.twoColHmePromo { width: 564px; float: left; padding: 0px 16px 0px 0px; }

/* body content */
#content { clear: both; width: 848px; margin: 15px 0px 0px 15px; background-color:#FFFFFF; border: solid 1px #EAEBEB; padding: 15px; }
	#content .heading { background: url(../images/site/heading_bg.gif) no-repeat top left; font-size: 1.2em; color: #FFFFFF; text-transform: uppercase; font-weight: lighter; text-indent: 20px; position: relative; left: -29px; display: block; height: 30px; padding-top: 8px;} 
	#content .heading a { color: #FFFFFF; text-decoration: none; }
	#content .heading strong {color: #EB008B;}
	
.subNav { width: 136px; float: left; text-align: left; padding: 0px; margin-top: 20px; }
	.subNav ul {padding: 0px; margin-bottom: 20px; }
	.subNav li { padding: 0px 5px 10px 5px; position: relative; left: -10px; list-style-type: none; list-style-position:outside; }
	.subNav a:link, .subNav a:visited {padding-left: 10px; color: #4D4D4D; text-transform: uppercase; text-decoration: none; display: block; background: url(../images/site/arrow_grey.gif) no-repeat top left;}
	.subNav a:active, .subNav a:hover {color: #EB008B; background: url(../images/site/arrow_pink.gif) no-repeat top left; }
	
		body#ME_eventPlanning #planning, body#ME_assocConvention #conventions, body#ME_Exhibitions #exhibitions, body#ME_meetingRooms #meetings, body#ME_Capacities #capacities, body#ME_privateDining #privatedining, body#ME_delegatePackages #delegate, body#D_LoungeBar #lounge, body#D_Aroma #aroma, body#D_ArtisanGrill #artisan, body#D_ChefsTable #fivesenses, body#WhatsNew_Refurb #refurb, body#WhatsNew_Promotions #offers, body#WhatsNew_LatestNews #latestNews, body#Contact_GrpRes #grp_res, body#Contact_EnquiryForm #enquiry, body#Contact_RestRes #rest_res, body#Contact_Recruitment #recruitment, body#Contact_NewsletterForm #newsletter {color: #EB008B; background: url(../images/site/arrow_pink.gif) no-repeat top left; }
	
		
.resources { width: 136px; text-align: left; padding: 0px; font-size: 0.95em;  } 
	.resources a:link, .resources a:visited {padding: 0px; color: #4D4D4D; text-decoration: underline; text-transform: none; display: inline; background-image: none; }
	.resources a:active, .resources a:hover {color: #4D4D4D; background: none; }
	.advert h4 { font-size: 1em; text-transform: uppercase; font-weight: lighter; }
	.advert { width: 120px; padding: 2px 5px 2px 5px; border: solid 1px #D2D2D2; margin-top: 10px;}
	
	.datasheet a:link, .datasheet a:visited { display: block; width: 120px;  padding: 2px 5px 2px 5px;  text-decoration: none;  text-transform: uppercase; margin-bottom: 5px; border: solid 1px #D2D2D2;  background-color:  #EB008B; color: #FFFFFF;  background-image: none; }
	.datasheet a:active, .datasheet a:hover { background-color:  #EB008B; color: #FFFFFF; }
	
	.enquiry a:link, .enquiry a:visited { display: block; width: 120px;  padding: 2px 5px 2px 5px;  text-decoration: none; text-transform: uppercase; margin-bottom: 5px; border: solid 1px #D2D2D2; background-color: #EB008B; color: #FFFFFF;  background-image: none;}
	.enquiry a:active, .enquiry a:hover { background-color: #EB008B; color: #FFFFFF;}
	
	body#GuestRooms .TA_rated { position: relative; left: -160px; top: -100px; }
	body#Contact .TA_rated { position: relative; left: -160px; top: -260px; }
	
.contentMain {width: 704px; float: right; margin-top: 20px;  }
	
	/* generic styles color: #005A9A; */
	
	.contentMain h1 { color: #333333; font-size: 1.85em; font-weight: lighter; padding: 0px 5px 15px 5px;  }
	.contentMain h2, .contentMain h3 { color: #003A6C;  font-size: 1.40em; padding:5px;  font-weight: lighter; }
		.contentMain td h2, .contentMain td h3 { padding: 0px; font-size: 1.15em; }
		.threeCol_content h2, .threeCol_content h3 {padding-left: 0px; font-size: 1.15em;  }
		#twoCol_promo h2, #twoCol_promo h3 { font-size: 1em; text-transform: uppercase; padding: 5px 0px 5px 0px; font-weight: lighter; border-bottom: solid 1px #898989; }
	
	.contentMain h4 { color: #0098B0; font-size: 1em; font-weight: bold; text-transform: uppercase; padding:0px 0px 5px 5px; }
		.contentMain td h4 { color: #2D2D2D; font-weight: 500;  }
		.Menus h4 {padding: 5px 0px 5px 0px; color: #005A9A; font-size: 1.25em; text-transform: capitalize; }
		
	.contentMain h5 { color: #0098B0; font-size: 1em; }
		.Menus h5 { padding-left: 0px; color: #005A9A;}
	
	.contentMain p { padding: 0px 5px 15px 5px; }
		.Menus p {padding-left: 0px; }
	.contentMain p strong, .contentMain td strong, .contentMain li strong { color: #2D2D2D; font-weight: bold;  }
		.phone  {color: #005A9A; font-weight: bold; }
	.contentMain ul { list-style: outside disc; margin-left: 25px; padding-bottom: 5px; }
	.contentMain li { padding: 5px 0px 0px 5px;}
	
	td.shade { background-color: #E5E5E5; }
	.contentMain td { padding: 5px; }
	
	a:link, a:visited { color: #005A9A; text-decoration: none;}
	a:active, a:hover { text-decoration: underline; }
	
	 a:link.withArrow,  a:visited.withArrow { background: url(../images/site/arrow_blue_half.gif) no-repeat top left; padding-left: 10px;}
	 a:active.withArrow,  a:hover.withArrow { text-decoration: none; background: url(../images/site/arrow_blue.gif) no-repeat top left; }
	 
		
	blockquote { width: 550px; display: block; left: 50px; position: relative; }
	
	
	/* 3-col promos */
	#threeCol { width: 704px; padding-bottom: 15px;}
	#threeCol_promo { width: 223px; padding-left: 15px; float: left; }
		#threeCol_promo.champagne, #threeCol_promo.refurbishment, #threeCol_promo.bars, #threeCol_promo.suites, #threeCol_promo.services, #threeCol_promo.map { padding-left: 0px; }
		
		#threeCol_promo h3 { font-size: 1em; text-transform: uppercase; color: #2674B6; font-weight: lighter; margin: 0px;}
		#threeCol_promo div { padding: 5px 0px 3px 0px; }
		#threeCol_promo img { border-top: solid 3px #FFFFFF; }
	
	#threeCol_promo h2 { text-transform: uppercase; padding: 12px 5px 8px 8px; height: 10px; color: #FFF; font-weight: lighter;  margin: 0px; font-size: 1em;}
	#threeCol_promo h2 a {color: #FFF; text-decoration: none; }
		.champagne, .refurbishment,.bars, .suites, .services, .map { background: url(../images/site/3col_header_bg.gif) no-repeat 0px top;}
	.chablis, .meetingRooms, .winning, .aclub, .pdining, .five_senses, .in-room, .room_dining, .salon, .gym, .interest, .recruit, .contactUs { background: url(../images/site/3col_header_bg.gif) no-repeat 15px top; }
	
	
	/* 2-col promo */
	#twoCol_promo { padding: 10px 10px 0px 0px; width: 332px; float: left;   }
	#twoCol_promo p { padding: 5px 0px 3px 0px; }
	
	
	/* 3-col content */
	.threeCol_content { width: 215px; float: left; padding-left: 5px;  }
	.threeCol_content p { padding: 0px 20px 10px 0px; }
	
	/* Click and reveal menus */
	.Menus { float:right; visibility: hidden; width:455px; position:absolute; border: solid 1px #E2E2E2; text-align: center; padding: 5px; }
	#menu {	float:left;	width:190px; padding-left: 5px; padding-top: 5px; }
	
	body#ME_privateDining .Menus { left:420px; top:740px; } 
	body#ME_privateDining #menu { height:1080px; }
	
	body#D_ArtisanGrill .Menus { left:420px; top:1400px; }
	body#D_ArtisanGrill #menu { height:970px; }
	
	body#D_LoungeBar .Menus { left:420px; top:1238px; }
	body#D_LoungeBar #menu { height:430px; }
	
	/*Tabs on Refurb */
			
	#mainTabbedContent { width: 700px; }
		div.TabbedContent { width: 700px; margin: 0px 0 20px 0;}
		.tabs-container { clear: left; padding: 10px 8px 0 8px; }
		ul.TabbedContent { list-style-type: none; float: left; padding: 0px; margin: 0px; }
		ul.TabbedContent li { margin: 0 2px 0 0; float: left; }
		ul.TabbedContent a { float: left; margin: 0; padding: 0px 0px 0px 12px; text-decoration: none; background: url(../images/site/arrow_blue_half.gif) no-repeat top left; color: #005A9A;}
		ul.TabbedContent a span { float: left; display: block; padding: 0px 8px 5px 0px; }
		ul.TabbedContent a:hover { color: #005A9A; } 
		ul.TabbedContent a.active { float: left; margin: 0; padding: 0px 0px 0px 12px; text-decoration: none; color: #005A9A; }
			ul.TabbedContent a.active span { float: left; display: block; padding: 0px 8px 5px 0px;}
			
		ul.TabbedContent a:hover, ul.TabbedContent a.active { color: #005A9A; background: url(../images/site/arrow_blue.gif) no-repeat top left;}
		ul.TabbedContent a:hover span, ul.TabbedContent a.active span {  }
		
		.tab ul { list-style: inside disc; margin: 0px 30px 10px 30px;}
		.tab table table td { padding: 2px 5px 2px 5px; }
	


/* Our Partners */
	
	.partnerDescrip { width: 700px; padding-top: 20px; padding-bottom: 15px; border-bottom: solid 1px #CCCCCC; }

	
/* Site Footer */
#footer { clear: both; width: 848px; margin: 15px 0px 0px 15px; background-color:#FFFFFF; border: solid 1px #EAEBEB; padding: 5px 15px 5px 15px; font-size: 0.85em; }
	#footer .left { float: left; width: 200px; }
	#footer .right { float: left; width: 648px; text-align: right; }

#footer img { border: none; padding: 0px 5px 0px 5px; }

/* mini-enquiry on M&E pages */
.mini-enquiry#overBanner  { width: 275px; height: 249px; float: left; font-size: 11px; color: #4D4D4D; background: #FFFFFF url(../images/site/bg_minienquiry.gif) no-repeat bottom; }
	#overBanner { position: absolute; z-index: 500; top: 135px; left: 625px;  }		
			#overBanner .mini-enquiry-header { width: 275px; background: #E6007E url(../images/site/bg_enquiry.gif) no-repeat; }
			#overBanner .mini-enquiry h1 { font-size: 14px; color: #FFFFFF; text-transform: uppercase; padding: 7px 45px 5px 45px; text-align: center; } 
			
			#overBanner .mini-enquiry-inner { padding: 0px 5px;}
				.mini-enquiry-inner p { padding:5px 0px;}
				#overBanner .mini-enquiry .leftCol  { padding:3px 0px; width: 121px; float: left; }
				#overBanner .mini-enquiry .rightCol { padding: 3px 0px; width: 121px; float: right; }
				#overBanner .mini-enquiry strong { color: #E6007E; }
				#overBanner .enquiryTel { color: #E6007E; font-size: 25px; }
				
				#overBanner .mini-enquiry form {  }
				#overBanner label { width: 100px; padding: 0px; margin:0px; }
				#overBanner .mini-enquiry select {width: 115px; font-weight: normal; margin-bottom: 5px;}
				#overBanner  input, #overBanner textarea { width: 140px; margin-bottom: 5px; }
				#overBanner .mini-enquiry option { color: #4D4D4D; font-size: 11px; } 
				#overBanner .mini-enquiry .boxes {width: 120px; }
				#overBanner #MEMiniSubmit { width: 121px; height: 22px; float: left; background: url(../images/site/mini-submit.gif) no-repeat left center; color: #FFFFFF; font-size: 11px; cursor:pointer; border: none; margin-top: 15px;   }

/* slide out panel */
.panelAnchor { position: absolute; top: 0px; left: 930px; }

.panel {
position: absolute;
top: 400px;
right: 0px;
display: none;
background: ;
border:1px solid #FFFFFF;
width: 457px;
height: 249px;
padding:0px;
}

.panel p {
margin: 0 0 15px 0;
padding: 0;
color: #FFFFFF;
}

.panel h3 { color:#C4007A; text-transform: uppercase; font-size: 64px; font-weight: lighter;}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
border-bottom: 1px solid #9FC54E;
}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}

a.trigger{
position: absolute;
text-decoration: none;
top: 400px; left: 0px;
padding: 0px;
display: block;
background: url(../images/site/promo_tab_inactive.gif) no-repeat; 
outline: none; -moz-outline-style: none;
}

a.trigger:hover{
position: absolute;
text-decoration: none;
top: 400px; left: 0px;
padding: 0px;
display: block;
background: url(../images/site/promo_tab_inactive.gif) no-repeat; 
}

a.active.trigger {
background: url(../images/site/promo_tab_active.gif) no-repeat;
}