body {margin:0px auto; background:#fefaed}
.BodyCont {width:940px;height:900px; margin:0px auto;}
.Breaker {float:none; clear:both;} .PaddingTB10 {padding:10px 0;} 
.WidthSpace {width:100%; height:60px;} .S10 {width:100%;height:10px;font-size:1px;}
.MarginLeft {margin-left:3px;}
.MetropoleLogo {width:215px; height:138px; float:left; background: url(images/logo3.gif) no-repeat center;}
.WidthSpace12 {width:100%; height:12px;clear:both;}
/******* TOP PART ***********/
.TopPart {width:900px; height:40px;margin:0px auto;}
.TopPartTxt {width:632px; float:right; text-align:left; font:bold 12px arial;color:#000; margin-top:14px; }
.TopPartTxt .Link {float:left;}
.TopPartTxt .Link a{color:#000; text-decoration:none;float:left}
.TopPartTxt .Link a:hover{color:#1490B6; text-decoration:none;float:left}
.TopPartLeftTxt {width:266px; float:left; text-align:left; font:bold 12px arial;color:#000; margin-top:14px;}
.TopPartLeftTxt .Link {float:left;}
.TopPartLeftTxt .Link a{color:#000; text-decoration:none;float:left}
.TopPartLeftTxt .Link a:hover{color:#1490B6; text-decoration:none;float:left}
.TopPartLeftTxt .Sep {width:20px;float:left; text-align:center; color:gray }
.TopPartLeftTxt .TabSelected a{color:#000; text-decoration:underline}
.TopPartTxt .Sep {width:20px;float:left; text-align:center; color:gray }
.TopPart .TabSelected a{color:#000; text-decoration:underline}
/***********HEADER **************/
.Header {margin:5px auto;width:900px;height:350px; border-bottom:none;background:url(assets/002.jpg) no-repeat}
.HeaderBorder {width:910px; height:360px; background:#fff; margin:0px auto;border:1px solid black}
.SmallHeaderBorder {width:910px; height:260px; background:#fff; margin:0px auto;border:1px solid black}

/************* Pages images ***********/
.AttractionsHeader {margin:5px auto;width:900px;height:250px; border-bottom:none; background: url(images/attr.jpg) no-repeat;}
.SpecialOffersHeader {margin:5px auto;width:900px;height:250px; border-bottom:none; background: url(images/Metropole_Special_Offers.jpg) no-repeat;}
.AccomodationsHeader {margin:5px auto;width:900px;height:250px; border-bottom:none; background: url(images/rooms.jpg) no-repeat;}
.facilitiesHeader {margin:5px auto;width:900px;height:250px; border-bottom:none; background: url(images/Metropole_Facillities.jpg) no-repeat;}
.ContactUsHeader {margin:5px auto;width:900px;height:250px; border-bottom:none; background: url(images/contactus.jpg) no-repeat;}
/********** MAIN MENU *****************/ 
.LeftMainBodyTxtSpace {float:left; width:60px; height:300px;}
.BodyTextcont {width:585px; margin-top:10px;float:left;}
.BodyWideTextcont {width:850px; margin-top:10px;float:left;}
.BodyTextHeadingL {font:bold 18px arial; text-align:center;}
h1 {font:normal 27px arial; text-align:left;color:#4a4948;}
h2 {font:normal 18px arial; text-align:left;color:#4a4948;}
h3 {font:bold 16px arial; text-align:left;color:#a9693d;}
p {text-align:left; font:normal 12px arial; color:#4a4948; line-height:160%;}
.ContactusHeading {font:bold 14px arial; text-align:left;color:#000;float:left; padding-top:3px;}
.ContactUsCont {width:600px; margin:0px auto;text-align:center}
.ContactUsText {float:left; font:bold 12px arial; color:#4a4948; padding:4px 10px;}

/************ Reservation ********************/
.ResCont {width:270px;float:right;padding-top:30px;text-align:left;font:normal 12px arial}
.ResForm {width:200px;padding-left:15px;padding-top:10px; height:270px;background:#fff;border:1px solid #cccccc}
.ResHeading {font:bold 12px arial; color:#000; height:30px;}
.OptionTxt {font:normal 12px arial; color:#a9693d;float:left;}
.ArrivelBox {float:left; width:80px;}
.FieldsSpace {width:100%; height:10px;}
.OptionTxtSpace{width:44px; height:5px;float:left}
/*************** FOOTER ELEMENTS *******************/
.FooterCont {width:800px; text-align:left;margin:0px auto; font:normal 12px arial;color:#4a4948 ;height:70px;border:none; border-top:1px solid gray;}
.FooterCont .Txt {float:left; font:bold 12px arial; color:#4a4948}
.Sep {width:7px; text-align:center; float:left; color:#4a4948}
.FooterCont a{color:#4a4948; text-decoration:none}
.DeveloperDetails {float:right; font:bold 12px arial; color:#4a4948; text-align:right}
.DeveloperDetails a {color:#4a4948; text-decoration:none}
.DeveloperDetails a:hover {color:#1490B6; text-decoration:none}

/********* PAGES ****************/
.PageDetails {font:bold 13px arial; width:445px; height:50px;}
/************* rooms.aspx ***********/
.RoomCont {padding:20px 0;}
.ImgTxt {width:300px; padding:0 0 15px 0; float:left;}
.RoomImg {width:200px; height:133px; float:right; border:1px solid #cccccc;}
.RoomsHeading {width:290px;font:bold 16px arial; text-align:left;color:#a9693d;}
.RoomsTxt {text-align:left; font:bold 12px arial; color:#4a4948; line-height:160%;}
.RoomsTxt span{color:#4a4948; text-decoration:underline; cursor:pointer;}
.RoomsTxt span.underline {text-decoration:underline;}
.RoomsSepLine {float:none;clear:both;width: 500px; border-top: 1px dashed #c0c0c0; border-bottom: 1px dashed #c0c0c0; color: #ffffff; background-color: #ffffff; height: 1px;font-size:1px}
.RoomsStuff {text-align:left; font:bold 12px arial; color:#a9693d; line-height:160%;}
.RoomsStuff span{float:left; line-height:16px;width:150px; display: inline;padding-right:10px;padding-left:15px;color:#4a4948}
.AccImgSpace {float:right;height:10px;width:200px;float:right;}
/************* special_offers.aspx *********/
.SpacialOfferContSep {height:30px; width:100%}
.SpecialOfferCont {border:1px solid #cccccc;}
.SpecialOfferHeading {height:30px; background:#fff; text-align:center; font:bold 16px arial; color:#a9693d; border-bottom:1px solid #cccccc; padding-top:8px;}
.SpecialOfferContSmallHeading {height:20px; text-align:center; font:bold 14px arial; color:#4a4948; width:100%;padding-top:10px;}
.SpecialOfferDates  {text-align:center; font:normal 13px arial; color:#4a4948; width:100%;padding-top:10px;}
.SpecialOfferInclude {}
.SpecialOfferIncludeTxt{padding-top:20px;padding-left:15px; font:bold 14px arial;}
.SpecialOfferDescTxt{padding-top:20px;padding-left:15px; font:bold 13px arial;}
.SpecialOfferCont ul {width:400px; }
.SpecialOfferCont li {font:normal 12px arial; line-height:150%; list-style-type:none;}
.SpecialOfferBottomCont {width:100%; height:30px; border-top:1px solid #cccccc;font: bold 12px arial; text-align:center;padding-top:10px;}
table.tariff {width:100%;}
table.tariff td{border:1px solid #c0c0c0;text-align:center;height:30px;border-top:none;border-left:none;}
table.tariff td.NoRightBorder {border-right:none;}
/************* attractions.aspx *********/
.AttractionImg1 {border:1px solid #cccccc; float:left;}
.AttractionImg2 {border:1px solid #cccccc; float:right;}
.AttractionTxt1 {text-align:left; font:bold 12px arial; color:#4a4948; line-height:160%; float:left}
.AttractionTxt2 {text-align:left;width:330px; font:bold 12px arial; color:#4a4948; line-height:160%; float:left}
.AttractionCont {}
.AttractionContSep {height:40px; width:100%}
.BannerSpace {float:left; width:40px;height:700px;}
.Banner {width:170px; height:700px; border:1px solid #cccccc; float:left;}

/************** contacu_us.aspx + booking.aspx*************/
.InputTxt {font:bold 12px arial; text-align:left;float:left;width:220px;height:19px;}
.InputTxt span {font:normal 12px arial;}
.InputErrMsg {font:normal 13px arial;color:Red;text-align:left;float:left;width:380px;height:30px;padding-top:10px;display:none;}
.InputWarning {background: url(images/warning.gif) no-repeat left; width:30px; height:24px;float:left;margin-top:-5px;}
.InputBox {float:left; width:174px; height:19px; background:#fff; border:1px solid #cccccc;}
.InputBoxErr {float:left; width:170px; height:19px; background:#fff; border:1px solid #cccccc;border:2px solid red;}
.CountryErrMsg {float:right; width:140px; height:19px;text-align:right;font:bold 12px arial;color:Red;display:none;}
.InputSpace {width:400px; height:6px;float:none; clear:both;font-size:1px;}
.InputWidthSpace {width:50px; height:8px;float:left;font-size:1px;}
#contact_form label { width: 250px; }
#contact_form label.error {margin-left: 10px;width: auto;display: inline;}
.CountrySelectBox {font:normal 12px arial; text-align:left;float:left;width:172px;height:22px;}
option {background:#fff;}
select {background:#fff;}
/************ facilities.aspx **************/
.FacilityImg {width:200px; height:133px; float:left; border:1px solid #cccccc;}
.FacilityRestaurantImg {width:220px; height:173px;background:url(images/rest.jpg) no-repeat; float:right; border:1px solid #cccccc;}
.FacilityGameAreaImg {width:220px; height:170px;background:url(images/gamesArea.jpg) no-repeat; float:left; border:1px solid #cccccc;}
.FacilityLoungeImg {width:220px; height:174px;background:url(images/LoungeImg.jpg) no-repeat; float:right; border:1px solid #cccccc;}
.FacilityJessyLoungeImg {width:200px; height:221px;background:url(images/024.jpg) no-repeat; float:right; border:1px solid #cccccc;}
.FacilityLibraryImg {width:230px; height:176px;background:url(images/Library.jpg) no-repeat; float:left; border:1px solid #cccccc;}
.FacilityLoungeImg2 {width:200px; height:300px;background:url(images/LoungImg2.jpg) no-repeat; float:right; border:1px solid #cccccc;}
.FacilityTxt {text-align:left; font:bold 12px arial; color:#4a4948; line-height:160%;padding-left:15px;float:left;width:300px;}
.FacilityHeading {width:290px;font:bold 16px arial; text-align:left;color:#a9693d;float:left;padding-left:15px;}
.FacilitySpace {width:100%;height:40px;}
.FormTypeTxt {font:bold 12px arial; text-align:left;float:left;width:100px;height:19px;}
/********* Form  Paging ************/
.FormType {width:150px; height:20px; border:2px solid #cccccc; float:left; text-align:center;padding-top:2px;margin-right:5px;font:bold 12px arial; color:#000; cursor:pointer;}
.FormTypeSelected {width:150px; height:20px; border:2px solid #000; float:left; text-align:center;padding-top:2px;margin-right:5px;font:bold 12px arial; color:#000;background:#fff; cursor:pointer;}
#Enquiries{display:none}

/** maps_directions.aspx **/
.Map { width:564px; height:256px;float:left;border:1px solid #000;}
.Map span{font:bold 12px arial; color:#4a4948; text-align:center;}
.Map span a{color:#4a4948; text-decoration:none}
.TransportationCont {height:180px;}
.TransportationTxt {width:500px; height:135px; float:left;}
.TimeTables {background: url(images/CityRailtitle.jpg) no-repeat; width:254px; height:35px;float:left; cursor:pointer;}
.BytrainImg {background: url(images/bytrain.jpg) no-repeat; width:200px; height:163px;float:right;}
.TrainTravelTimeTxt {font:bold 12px arial; color:#4a4948;padding-bottom:10px}
 .MapFromTrain{background:url(images/map.gif) no-repeat; width:355px; height:425px;margin:0px auto;}
/**  Date Picker **/
.DatePickerIcon {background: url(images/date_picker.jpg) no-repeat right; width:32px; height:22px;float:left;cursor:pointer;}
.DatePickBox {width:90px;height:18px;float:left;border:1px solid #cccccc}
/* the div that holds the date picker calendar */
.dpDiv {}
/* the table (within the div) that holds the date picker calendar */
.dpTable {font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 12px;text-align: center;color: #505050;background-color: #ece9d8;border: 1px solid #AAAAAA;}
/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {}
/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {}
/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {}
/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {}
/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {border: 1px solid #ece9d8;}
/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {background-color: #CCCCCC;border: 1px solid #AAAAAA;}
/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {background-color: #aca998;border: 1px solid #888888;cursor: pointer;color: red;}
/* the table cell that holds the name of the month and the year */
.dpTitleTD {}
/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {}
/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {}
/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {background-color: #CCCCCC;border: 1px solid #AAAAAA;color: white;}
/* additional style information for the text that indicates the month and year */
.dpTitleText {font-size: 12px;color: gray;font-weight: bold;}
/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {color: #4060ff;font-weight: bold;}
/* the forward/backward buttons at the top */
.dpButton {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;font-size: 10px;color: gray;background: #d8e8ff;font-weight: bold;padding: 0px;}
/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;font-size: 10px;color: gray;background: #d8e8ff;font-weight: bold;}
/* Online Booking*/
.BookOnline {width:215px;padding:20px 0;}
.BookOnlineBtn {width:140px;height:40px;text-align:center; cursor:pointer;font:bold 17px arial;}

/** Rooms Reservation Page **/
.RoomsReservationBodyCont {width:1396px; border:1px solid #000;margin:0px auto}
.RoomsReservationBodyContTopSpace {width:1200px;height:30px;padding-top:10px;padding-left:40px;margin:0px auto;font:bold 18px arial; text-align:left;}
.RoomsReservationDateCont {float:left;width:120px;border:1px solid #000;border-left:none;border-bottom:none; overflow:auto;}
.RoomsReservationDate {float:left; background:#e8e8e8;width:120px; height:16px;border-bottom:1px solid #000;font:bold 12px arial;text-align:center;}
.RoomsReservationRoomsCont {float:left;width:50px;border:1px solid #000;border-left:none;border-bottom:none; }
.RoomsReservationRoom {float:left; background:#f8f8f8;width:50px; height:16px;border-bottom:1px solid #000;font:bold 12px arial; text-align:center;}
.RoomsReservationRoomTaken {float:left; background:yellow;width:50px; height:16px;border-bottom:1px solid #000;font:bold 12px arial; text-align:center;}
.MonthPicker {float:left;width:140px;margin-right:20px;}
.YearPicker {float:left;width:140px;margin-right:20px;}
.PickerLabel {width:86px; font:bold 12px arial;float:left;padding-top:2px}
        .On{background-color:yellow;}
        .Off{background-color:#f8f8f8;}
.RoomStyle {width:23px;height:12px;border:solid 1px #000;}

/*** ROOMS POPUP ***/
.RoomsPopUpCont {width:700px;border:1px solid #c0c0c0;float:left;padding:10px;}
.RoomsPopUpCont .Heading {font:bold 16px arial; text-decoration:underline;padding-top:6px;}
.RoomsPopUpCont .Room {font:normal 12px arial;padding-top:6px;}
.RoomsLink {font:bold 14px arial; float:left; padding-left:10px; padding-top:10px; color:#000;clear:both;}