/*General */ body { background-repeat: repeat-y; background-position: 35px 0; background-color: #eef2f5; background-image: url(../images/interface/bg_main_blue.gif) } .hiddenstructure, #ESLmenu li.hiddenstructure, .accesskey {display: none;} .clear { height: 1em; clear: both } .hidden {display:none;} /* Masthead */ #ESLmasthead { position: absolute; z-index: 4; top: 150px; left: 345px; width: 500px } #ESLmasthead #title h1.hiddenstructure { display: none; visibility: hidden;} #title { background-repeat: no-repeat; background-position: 0 0; visibility: visible; position: absolute; z-index: 5; top: 30px; left: 0; width: 375px; height: 26px } #logo { background-repeat: no-repeat; background-position: 0 0; position: absolute; z-index: 6; top: 10px; left: 400px; width: 73px; height: 149px } #strapline { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-image: url(../images/interface/strapline_blue.gif); background-repeat: no-repeat; background-position: 82px 5px; text-align: center; margin: 0; padding: 0; position: absolute; z-index: 6; top: 75px; left: 0; width: 375px; height: 28px; border-style: dotted none; border-width: 1px 0; } #strapline p { font-size: 83%; font-weight: bold; margin: 0; padding: 0 } #ESLcontact { position: absolute; z-index: 1; top: 175px; left: 100px } #telephone { font-size: x-large; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-repeat: no-repeat; background-position: 0 0; visibility: visible; display: block; margin: 0; padding: 0; position: absolute; z-index: 6; top: 290px; left: 345px; width: 177px; height: 17px } a#emailbox { font-size: 66%; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-repeat: no-repeat; background-position: 0 0; letter-spacing: 0.1em; visibility: visible; display: block; margin: 0; padding: 0; position: absolute; z-index: 6; top: 290px; left: 545px; width: 177px; height: 17px; background-image: url(../images/interface/icon_email_blue.gif); } a#emailbox:hover { text-decoration: underline; background-position: 0 -17px } /* end Masthead */ /* menu */ a span.menuicon { font-size: 65%; display: none; margin: 0 0.3em 0 0; padding: 0.2em 0.3em; width: 1em; float: left } ul.SubAccomodation, ul.SubItineraries, ul.SubSpecials, ul.SubOverview {display: block;} #ESLmenu { position: absolute; z-index: 2; top: 175px; left: 100px; width: 210px } #ESLmenu ul { margin: 0 0 3px; padding: 0 } #ESLmenu ul li { display: inline } #ESLmenu ul li a.choice, #ESLmenu ul li a.nochoice, #ESLmenu ul li a.chosen { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-repeat: repeat-y; display: block; margin: 0 0 2px; padding: 0.3em 0.3em 0.3em 25px } #ESLmenu li.label { cursor: pointer } #ESLmenu ul li a:hover {} #ESLmenu ul li a:active {} #ESLmenu ul.submenu { margin: 0; padding: 0 } #ESLmenu ul.submenu a.subchoice { font-size: 60%; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; display: block; margin: 0 0 0 28px; padding: 0.3em; border-bottom: 1px dashed #ccc } #ESLmenu ul.submenu a.subchoice:hover { border-bottom: 1px solid #ccc } #ESLmenu ul.submenu a.subchoice:active {} ul#MenuCompany a.choice { color: #59819c; background-color: #eef2f5; background-image: url(../menuimages/newicons_comp_blue.gif); background-repeat: repeat-y; background-position: 0 -60px } ul#MenuCompany a.choice:hover { color: #fff; background-color: #59819c; background-position: 0 -180px } ul#MenuCompany a.nochoice { color: #59819c; background-color: #eef2f5; background-image: url(../menuimages/newicons_comp_blue.gif); background-position: 0 0 } ul#MenuCompany a.nochoice:hover { color: #fff; background-color: #59819c; background-position: 0 -300px } ul#MenuCompany a.chosen { color: #59819c; background-color: #eef2f5; background-image: url(../menuimages/newicons_comp_blue.gif); background-repeat: repeat-y; background-position: 0 -120px } ul#MenuCompany a.chosen:hover { color: #fff; background-color: #59819c; background-position: 0 -240px } ul#MenuServices a.choice { color: #6f985a; background-color: #f0f4ee; background-image: url(../menuimages/newicons_hotel_green.gif); background-position: 0 -60px } ul#MenuServices a.subchoice { color: #6f985a; } ul#MenuServices a.choice:hover, ul#MenuServices a.subchoice:hover { color: #fff; background-color: #6f985a; background-position: 0 -180px } ul#MenuServices a.nochoice { color: #6f985a; background-color: #f0f4ee; background-image: url(../menuimages/newicons_hotel_green.gif); background-position: 0 0 } ul#MenuServices a.nochoice:hover { color: #fff; background-color: #6f985a; background-position: 0 -300px } ul#MenuServices a.chosen { color: #6f985a; background-color: #f0f4ee; background-image: url(../menuimages/newicons_hotel_green.gif); background-position: 0 -120px } ul#MenuServices a.chosen:hover { color: #fff; background-color: #6f985a; background-position: 0 -240px } ul#MenuCountry a.choice { color: #c7712c; background-color: #f8f1e8; background-image: url(../menuimages/newicons_about_brown.gif); background-position: 0 -60px } ul#MenuCountry a.subchoice { color: #c7712c; background-position: 0 0 } ul#MenuCountry a.choice:hover, ul#MenuCountry a.subchoice:hover { color: #fff; background-color: #c7712c; background-position: 0 -180px } ul#MenuCountry a.nochoice { color: #c7712c; background-color: #f8f1e8; background-image: url(../menuimages/newicons_about_brown.gif); background-position: 0 0 } ul#MenuCountry a.nochoice:hover { color: #fff; background-color: #c7712c; background-position: 0 -300px } ul#MenuCountry a.chosen { color: #c7712c; background-color: #f8f1e8; background-image: url(../menuimages/newicons_about_brown.gif); background-position: 0 -120px } ul#MenuCountry a.chosen:hover { color: #fff; background-color: #c7712c; background-position: 0 -240px } ul#MenuAccount a.choice { color: #b6302f; background-color: #f7eaea; background-image: url(../menuimages/newicons_account_red.gif); background-position: 0 -60px } ul#MenuAccount a.choice:hover, ul#MenuAccount a.subchoice:hover { color: #fff; background-color: #b6302f; background-position: 0 -180px } ul#MenuAccount a.subchoice { color: #b6302f;} ul#MenuAccount a.nochoice { color: #b6302f; background-color: #f7eaea; background-image: url(../menuimages/newicons_account_red.gif); background-position: 0 0 } ul#MenuAccount a.nochoice:hover { color: #fff; background-color: #b6302f; background-position: 0 -300px } ul#MenuAccount a.chosen { color: #b6302f; background-color: #f7eaea; background-image: url(../menuimages/newicons_account_red.gif); background-position: 0 -120px } ul#MenuAccount a.chosen:hover { color: #fff; background-color: #b6302f; background-position: 0 -240px } ul#MenuRequests a.choice { color: #deb84c; background-color: #f9f7eb; background-image: url(../menuimages/newicons_req_yellow.gif); background-position: 0 -60px } ul#MenuRequests a.choice:hover { color: #fff; background-color: #deb84c; background-position: 0 -180px } ul#MenuRequests a.nochoice { color: #deb84c; background-color: #f9f7eb; background-image: url(../menuimages/newicons_req_yellow.gif); background-position: 0 0 } ul#MenuRequests a.nochoice:hover { color: #fff; background-color: #deb84c; background-position: 0 -300px } ul#MenuRequests a.chosen { color: #deb84c; background-color: #f9f7eb; background-image: url(../menuimages/newicons_req_yellow.gif); background-position: 0 -120px } ul#MenuRequests a.chosen:hover { color: #fff; background-color: #deb84c; background-position: 0 -240px } ul#MenuCompany, ul#MenuServices, ul#MenuCountry, ul#MenuAccount { border-bottom: 1px dashed #ccc } #ESLmenu ul.submenu a.final, #ESLmenu ul.submenu a.final:hover { border-bottom: 0 none } /* end Menu*/ #ESLNewContainer { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; position: absolute; z-index: 5; top: 330px; left: 345px; width: 500px } /* Quadrant 100px squares */ div.Quadrantpics { margin: 0 0.5em 0.5em 27px; padding: 0 0.5em 0 0; width: 213px; float: left; border-right: 1px dashed #59819c } div.Quadrantpics img { display: block; margin: 0; padding: 0; width: 100px; height: 100px; border: 0 } div.Quadrantpics img.first { margin: 0 1px 1px 0; padding: 0; float: left } div.Quadrantpics img.second { margin: 0 0 1px; padding: 0 } div.Quadrantpics img.third { margin: 0 1px 0 0; padding: 0; float: left } div.Quadrantpics img.fourth { margin: 0; padding: 0 } /* end of Quadrant */ /* All Content */ div.Content { background-image: url(../images/interface/bg_content_blue.gif); background-repeat: no-repeat; margin: 0; padding: 0; position: relative; width: 500px } div.Content h2 { color: #467997; font-size: 115%; font-weight: normal; margin: 0 27px 1em; padding: 27px 0 3px; width: 440px; clear: both; border-bottom: 1px dashed #467997 } div.Content h3 { color: #467997; font-size: 100%; margin: 0 27px 1em; padding: 0 0 3px } div.Content p { color: #467997; font-size: x-small; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 125%; margin: 0 27px 1em; padding: 0 } div.Content a { color: #305468; text-decoration: underline } div.Content a:hover { color: #036 } div.Content a:visited { color: #603 } div.Content textarea { background-color: #eef2f5; margin: 0 27px 1em; padding: 0 } div.Content select { background-color: #eef2f5; margin: 0; } div.Content input { background-color: #eef2f5; margin: 0 0 0 0px; padding: 3px; border: solid 1px #ccc } div.Content input:hover { background-color: #ccc } /* status messages */ div.Content p.success { color: #0c0; font-weight: bold } div.Content p.success a { color: #0c0; text-decoration: underline } div.Content p.success a:visited { color: #c0c } div.Content p.success a:hover { color: #360 } div.Content p.error { color: #f30; font-weight: bold } div.Content p.error a { color: #f30; text-decoration: underline } div.Content p.error a:visited { color: #c0c } div.Content p.error a:hover { color: #900 } div.Content p.error a:active, .success a:active { color: #333 } /* end of status messages */ /* Simple Pages Content */ div.Simple p { color: #467997; font-size: 65%; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 120% } div.Simple h3 { color: #467997; font-size: 100%; font-weight: bold; margin: 0 27px 1em; padding: 0 0 2px; width: 440px; border-bottom: 1px solid #467997 } /* end Simple pages */ /* smaller instances, two to a row OLD NOW DEPRECEATED */ /* div.FeaturedOne div.MiniInstance { font-size: 90%; margin: 0 0 10px; padding: 0; width: 200px; float: left; border-bottom: 1px solid #467997 } div.FeaturedOne div.left { margin-left: 27px } div.FeaturedOne div.right { margin: 0 0 0 20px; padding: 0 } div.FeaturedOne div.MiniInstance img { margin: 0 5px 5px 0; padding: 0; float: left } div.FeaturedOne div.MiniInstance p.price { float: left } div.FeaturedOne a.icon {float: right}*/ div.FeaturedOne div.MiniInstance { margin: 0 0 10px; padding: 0; width: 440px; float: left; border-bottom: 1px solid #467997 } div.FeaturedOne div.left { margin-left: 27px } div.FeaturedOne div.right { margin: 0 0 0 27px; padding: 0 } div.FeaturedOne div.MiniInstance img { margin: 0 5px 5px 0; padding: 0; float: left } div.FeaturedOne div.MiniInstance p.price { width: auto; float: left } div.FeaturedOne a.icon {float: right} div.Gallery div.MiniInstance { font-size: 90%; margin: 0 0 10px; padding: 0; width: 200px; float: left; border-bottom: 1px solid #467997 } div.Gallery div.left { margin-left: 27px } div.Gallery div.right { margin: 0 0 0 20px; padding: 0 } div.Gallery div.MiniInstance img { margin: 0 5px 5px 0; padding: 0; float: left;} div.Gallery div.MiniInstance p.price { float: left } div.Gallery a.icon {float: right} div.Gallery img.large_img {border: none; margin: 0 0 10px 26px;} /* div.Gallery div.MiniInstance { margin: 0 0 10px; padding: 0; width: 440px; float: left; border-bottom: 1px solid #467997 } div.Gallery div.left { margin-left: 27px } div.Gallery div.right { margin: 0 0 0 27px; padding: 0 } div.Gallery div.MiniInstance img { margin: 0 5px 5px 0; padding: 0; float: left } div.Gallery div.MiniInstance p.price { width: auto; float: left } div.Gallery a.icon {float: right} */ /* larger wider instances, one to a row */ div.FeaturedTwo div.MiniInstance { margin: 0 0 10px; padding: 0; width: 440px; float: left; border-bottom: 1px solid #467997 } div.FeaturedTwo div.left { margin-left: 27px } div.FeaturedTwo div.right { margin: 0 0 0 27px; padding: 0 } div.FeaturedTwo div.MiniInstance img { margin: 0 5px 5px 0; padding: 0; float: left } div.FeaturedTwo div.MiniInstance p.price { width: auto; float: left } div.FeaturedTwo a.icon {float: right} /* Common Mini instance Elements */ div.MiniInstance h3 { color: #59819c; font-size: 75%; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; display: block; margin: 0 0 0.3em; padding: 0 } div.MiniInstance h3 a { color: #305468; text-decoration: none } div.MiniInstance h3 a:hover {text-decoration: underline;} div.MiniInstance h3 a:visited { color: #636; text-decoration: underline } div.MiniInstance p { color: #467997; margin: 0; padding: 0 } div.MiniInstance p.price { font-size: 65%; font-weight: bold; margin: 0; padding: 0; width: 50px } div.MiniInstance p.description { font-size: 65% } div.MiniInstance a.read_more { font-size: 65%; float: none } div.MiniInstance ul li { font-size: 70%; line-height: 120%; list-style-image: url(../images/location/elephant_bullet.gif); list-style-position: inside; margin: 0.5em 1em 0.5em 0; padding: 0 } /* icons */ a.icon { background-repeat: no-repeat; display: block; margin: 0; padding: 0; } a.icon:hover { background-repeat: no-repeat; } a.addshort {width: 43px; height: 28px; background-image: url(../images/icons/icon_shortlist_add.gif); } a.addshort:hover {width: 43px; height: 28px; background-image: url(../images/icons/icon_shortlist_add.gif); background-position: 0px -63px; } a.remshort { width: 43px; height: 28px; background-image: url(../images/icons/icon_shortlist_rem.gif); } a.remshort:hover { width: 43px; height: 28px; background-image: url(../images/icons/icon_shortlist_rem.gif); background-position: 0px -69px; } a.email { background-image: url(../images/icons/emailtofriend.jpg); background-position: 19px 6px; margin: 0; padding: 0 } a.email:hover { background-position: 19px 6px; } a.packageiconshort, a.packageiconemail { text-decoration: none; background-repeat: no-repeat; display: block; margin: 0; padding: 0 0 0 45px; width: 200px; height: 28px } a.packageiconshort:hover, a.packageiconemail:hover { text-decoration: underline } a.packageiconshort span.hiddenstructure, a.packageiconemail span.hiddenstructure { display: block } a.packageiconshort { background-image: url(../images/icons/icon_shortlist_add.gif); } a.packageiconshort:hover {background-position: 0px -63px;} a.packageiconemail {background-image: url(../images/icons/emailtofriend.jpg); background-position: 19px 5px;} a.packageiconemail:hover { } /* end icons */ /* end icons */ /* Individual Products */ /* Hotel Image Boxes */ div.imagebox { margin-right: 10px; margin-bottom: 0.5em; padding: 0 10px 0 0; width: 200px; float: left; border-top: 0 none; border-bottom: 0 none; border-left: 0 none } div.imagebox a { font-size: 65%; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; text-align: right; display: block; margin: 0; padding: 5px } div.imagebox a:hover { text-decoration: underline } div.imagebox img { } div.Hotel { } div.Hotel p { font-size: 70% } div.Hotel a.icon { color: #467997; font-size: 80%; text-decoration: none; background-repeat: no-repeat; margin: 0; padding: 5px 0 3px 45px; width: 200px; height: 28px } div.Hotel a.icon:hover { text-decoration: underline; width: 200px } div.Hotel a.icon span.hiddenstructure, a.full span.hiddenstructure { display: block } div.HotelPhotos { margin: 0 0 0 27px; padding: 0; width: 460px } div.HotelPhotos img.mainphoto { margin: 0 1px 0 0; padding: 0; width: 350px; float: left; height: 200px; border-top: 1px solid #77add1 } div.HotelPhotos img.rightphoto1 { margin-top: 0px; margin-right: 0px margin-bottom: 0px; margin-left; 0px; padding: 0px; width: 100px; height: 100px } div.HotelPhotos img.rightphoto2 { margin-top: 1px; margin-right: 0px margin-bottom: 0px; margin-left; 0px; padding: 0px; width: 100px; height: 100px } /* alteration 2nd November 2006 */ div.HotelPhotos div.rightphoto2 { background-color: #ccc; display:block; margin-top: 1px; margin-right: 0px margin-bottom: 0px; margin-left; 0px; float:left; padding: 0px; width: 100px; height: 100px } div.HotelPhotos div.rightphoto1 { float:left; background-color: #ccc; display:block; margin-top: 0px; margin-right: 0px margin-bottom: 0px; margin-left; 0px; padding: 0px; width: 100px; height: 100px } #HotelDescription { color: #467997; margin: 1em 0 1em 27px; padding: 0; width: 350px; float: left; border-right: 1px dashed #59819c } #HotelDescription h3 { font-size: 100%; font-weight: bold; margin: 0 0 3px; padding: 0.5em 0 0 } #HotelDescription p { margin: 0 1em 1em 0; padding: 0 } #HotelDescription p.leader { font-size: 100% } #HotelDescription p.description, #HotelDescription p.leader { } #HotelDescription ul { background-color: #eeeeee; list-style-position: inside; margin: 0 1em 1em 0; padding: 1em; border-top: 1px solid #467997; border-bottom: 1px solid #467997 } #HotelDescription ul li { color: #467997; font-size: 75%; font-family: Verdana, Arial, Helvetica, sans-serif; list-style-image: url(../images/location/elephant_bullet.gif); list-style-position: inside; margin-right: 1em } .price {} #HotelDescription ul li p { font-size: 80%; font-style: italic } .startenddates { color: #467997; font-size: 75%; } .itemnotes { color: #467997; font-size: 65%; font-style:italic } .rating {} #HotelLocation { margin: 1em 0; padding: 0; width: 90px; float: left } #HotelLocation h4 { color: #467997; font-size: 65%; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: right; margin: 0; padding: 0 } #HotelLocation p.RegionLocation { color: #467997; font-size: 65%; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: right; margin: 0 0 0.7em; padding: 0 } #RegionMap { background-image: url(../images/location/map_region_NW.gif); background-repeat: no-repeat; background-position: 10px 0; margin: 0; padding: 0; width: 90px; height: 198px } #LocationCircle { background-image: url(../images/location/map_marker.gif); background-repeat: no-repeat; background-position: 0 0; text-align: left; position: relative; width: 26px; height: 26px } /* end of Individual Products */ /* NEW MAPS */ #map_maldives { background-image: url(../images/location/map_maldives45.jpg); background-repeat: no-repeat; background-position: 0 0; margin: 0; padding: 0; width: 90px; height: 320px } #map_srilanka { background-image: url(../images/location/map_region_NW.gif); background-repeat: no-repeat; background-position: 10px 0; margin: 0; padding: 0; width: 90px; height: 198px } #map_none { margin: 0; padding: 0; width: 90px; height: 198px } #ESLPageFooter { margin: 1em 0 1em 27px; padding: 0; width: 440px } #ESLfooterSection1 { margin: 2em 0 5px; padding: 0 0 5px; width: 440px; border-bottom: 1px dashed #467997 } #ESLfooterSection1 p { color: #467997; font-size: 70%; margin: 0; padding: 0 } #ESLfooterSection1 a { color: #467997 } #ESLfooterSection1 a:hover { color: #666 } #ESLfooterSection1a { float:left; margin:0; padding:10px 0 0 0; } #ESLfooterSection1b { float:right; margin:0; padding:0; } #ESLfooterSection1b a.fiftyninelogo { display: block; background-image: url(images/icons/59logo40px.gif); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; width: 40px; height: 40px; padding: 0; margin: 0 0 0 0; } #ESLfooterSection2 { margin: 0; padding: 0; width: 220px; float: left } #ESLfooterSection2 p { color: #467997; font-size: 60%; margin: 0; padding: 0 } #ESLfooterSection3 { text-align: right; margin: 0; padding: 0; width: 220px; float: left } #ESLfooterSection3 p { color: #ccc; font-size: 60%; margin: 0; padding: 0 } #ESLfooterSection3 a { color: #ccc } #ESLfooterSection3 a:hover { color: #467997; } #ESLfooterSection3 a:visited { color: #636 } #ESLfooterSection3 a.atollogo { float:right; display: block; background-image: url(images/icons/atol_logo_60px.gif); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; width: 60px; height: 60px; padding: 0; margin: 10px 0 30px 20px; } #ESLfooterSection3 a.topplogo { float:left; display: block; background-image: url(images/icons/topp_logo_black.gif); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; width: 80px; height: 35px; padding: 0; margin: 10px 20px 0 0px; } noscript p, p.noscript { color: #666; font-size: 60%; font-family: Verdana, Arial, Helvetica, sans-serif } #ESLphoto { visibility: visible; position: absolute; z-index: 0; top: 0; left: 100px; width: 750px; height: 135px; background-repeat: no-repeat; background-position: 0 0; } /* From the Blue file, to perhaps be reinstated later... */ #ESLmastimage { visibility: visible; position: absolute; z-index: 0; top: 0; left: 100px; width: 750px; height: 135px; background-repeat: no-repeat; background-position: 0 0; } div.blue0 { background-color: #eef2f5; background-image: url(../images/interface/banner05.jpg) } div.blue1 { background-color: #eef2f5; background-image: url(../images/interface/banner06.jpg) } div.blue2 { background-color: #eef2f5; background-image: url(../images/interface/banner08.jpg) } div.blue3 { background-color: #eef2f5; background-image: url(../images/interface/banner06.jpg) } div.blue4 { background-color: #eef2f5; background-image: url(../images/interface/banner15.jpg) } div.blue5 { background-color: #eef2f5; background-image: url(../images/interface/banner17.jpg) } div.blue6 { background-color: #eef2f5; background-image: url(../images/interface/banner17.jpg) } div.blue7 { background-color: #eef2f5; background-image: url(../images/interface/mainphoto_two.jpg) } div.blue8 { background-color: #eef2f5; background-image: url(../images/interface/mainphoto_two.jpg) } div.blue9 { background-color: #eef2f5; background-image: url(../images/interface/mainphoto_two.jpg) } div.green0 { background-color: #eef2f5; background-image: url(../images/interface/banner18.jpg) } div.green1 { background-color: #eef2f5; background-image: url(../images/interface/banner16.jpg) } div.green2 { background-color: #eef2f5; background-image: url(../images/interface/banner15.jpg) } div.green3 { background-color: #eef2f5; background-image: url(../images/interface/mainphoto_three.jpg) } div.green4 { background-color: #eef2f5; background-image: url(../images/interface/mainphoto_three.jpg) } div.green5 { background-color: #eef2f5; background-image: url(../images/interface/banner18.jpg) } div.green6 { background-color: #eef2f5; background-image: url(../images/interface/banner16.jpg) } div.green7 { background-color: #eef2f5; background-image: url(../images/interface/banner15.jpg) } div.green8 { background-color: #eef2f5; background-image: url(../images/interface/mainphoto_three.jpg) } div.green9 { background-color: #eef2f5; background-image: url(../images/interface/mainphoto_three.jpg) } div.green10 { background-color: #eef2f5; background-image: url(../images/interface/banner18.jpg) } div.green11 { background-color: #eef2f5; background-image: url(../images/interface/banner16.jpg) } div.green12 { background-color: #eef2f5; background-image: url(../images/interface/banner15.jpg) } div.green13 { background-color: #eef2f5; background-image: url(../images/interface/mainphoto_three.jpg) } div.green14 { background-color: #eef2f5; background-image: url(../images/interface/mainphoto_three.jpg) } div.green15 { background-color: #eef2f5; background-image: url(../images/interface/banner18.jpg) } div.green16 { background-color: #eef2f5; background-image: url(../images/interface/banner16.jpg) } div.green17 { background-color: #eef2f5; background-image: url(../images/interface/banner15.jpg) } div.green18 { background-color: #eef2f5; background-image: url(../images/interface/mainphoto_three.jpg) } div.green19 { background-color: #eef2f5; background-image: url(../images/interface/mainphoto_three.jpg) } div.green20 { background-color: #eef2f5; background-image: url(../images/interface/banner18.jpg) } div.green21 { background-color: #eef2f5; background-image: url(../images/interface/banner16.jpg) } div.green22 { background-color: #eef2f5; background-image: url(../images/interface/banner15.jpg) } div.brown0 { background-color: #eef2f5; background-image: url(../images/interface/banner07.jpg) } div.brown1 { background-color: #eef2f5; background-image: url(../images/interface/banner13.jpg) } div.brown2 { background-color: #eef2f5; background-image: url(../images/interface/banner14.jpg) } div.brown3 { background-color: #eef2f5; background-image: url(../images/interface/mainphoto_one.jpg) } div.brown4 { background-color: #eef2f5; background-image: url(../images/interface/mainphoto_one.jpg) } div.red0 { background-color: #eef2f5; background-image: url(../images/interface/banner11.jpg) } div.red1 { background-color: #eef2f5; background-image: url(../images/interface/banner12.jpg) } div.red2 { background-color: #eef2f5; background-image: url(../images/interface/mainphoto_two.jpg) } div.red3 { background-color: #eef2f5; background-image: url(../images/interface/mainphoto_two.jpg) } div.red4 { background-color: #eef2f5; background-image: url(../images/interface/mainphoto_two.jpg) } div.orange0 { background-color: #eef2f5; background-image: url(../images/interface/banner11.jpg) } div.orange1 { background-color: #eef2f5; background-image: url(../images/interface/banner12.jpg) } div.orange2 { background-color: #eef2f5; background-image: url(../images/interface/banner11.jpg) } div.orange3 { background-color: #eef2f5; background-image: url(../images/interface/mainphoto_three.jpg) } div.orange4 { background-color: #eef2f5; background-image: url(../images/interface/mainphoto_three.jpg) } div.maldives0 { background-color: #eef2f5; background-image: url(../images/interface/maldives/diver.jpg) } div.maldives1 { background-color: #eef2f5; background-image: url(../images/interface/maldives/aerial1.jpg) } div.maldives2 { background-color: #eef2f5; background-image: url(../images/interface/maldives/aerial2.jpg) } div.maldives3 { background-color: #eef2f5; background-image: url(../images/interface/maldives/aerial_close.jpg) } div.maldives4 { background-color: #eef2f5; background-image: url(../images/interface/maldives/aerial_close2.jpg) } div.maldives5 { background-color: #eef2f5; background-image: url(../images/interface/maldives/beachparty.jpg) } div.maldives6 { background-color: #eef2f5; background-image: url(../images/interface/maldives/boatdining.jpg) } div.maldives7 { background-color: #eef2f5; background-image: url(../images/interface/maldives/canoe.jpg) } div.maldives8 { background-color: #eef2f5; background-image: url(../images/interface/maldives/crusoeresidencies1.jpg) } div.maldives9 { background-color: #eef2f5; background-image: url(../images/interface/maldives/crusoeresidencies2.jpg) } div.maldives10 { background-color: #eef2f5; background-image: url(../images/interface/maldives/crusoeresidencies5.jpg) } div.maldives11 { background-color: #eef2f5; background-image: url(../images/interface/maldives/dhoni_cruise.jpg) } div.maldives12 { background-color: #eef2f5; background-image: url(../images/interface/maldives/diver.jpg) } div.maldives13 { background-color: #eef2f5; background-image: url(../images/interface/maldives/fish1.jpg) } div.maldives14 { background-color: #eef2f5; background-image: url(../images/interface/maldives/fish2.jpg) } div.maldives15 { background-color: #eef2f5; background-image: url(../images/interface/maldives/floatingsundeck.jpg) } div.maldives16 { background-color: #eef2f5; background-image: url(../images/interface/maldives/gili_villa2.jpg) } div.maldives17 { background-color: #eef2f5; background-image: url(../images/interface/maldives/hotelpool_close.jpg) } div.maldives18 { background-color: #eef2f5; background-image: url(../images/interface/maldives/palm.jpg) } div.maldives19 { background-color: #eef2f5; background-image: url(../images/interface/maldives/sunset.jpg) } div.maldives20 { background-color: #eef2f5; background-image: url(../images/interface/maldives/sunset_boat.jpg) } div.maldives21 { background-color: #eef2f5; background-image: url(../images/interface/maldives/underwater1.jpg) } div.maldives22 { background-color: #eef2f5; background-image: url(../images/interface/maldives/watersedge.jpg) } #ESLphoto { background-color: #eef2f5; background-image: url(../images/interface/mainphoto_two.jpg) } #ESLphotoBlue { visibility: visible; position: absolute; z-index: 0; top: 0; left: 100px; width: 750px; height: 135px; background-repeat: no-repeat; background-position: 0 0; } #ESLphotoBlue { background-color: #eef2f5; background-image: url(../images/interface/mainphoto_two.jpg) } #ESLphotoGreen { visibility: visible; position: absolute; z-index: 0; top: 0; left: 100px; width: 750px; height: 135px; background-repeat: no-repeat; background-position: 0 0; } #ESLphotoGreen { background-color: #eef2f5; background-image: url(../images/interface/mainphoto_three.jpg) } #ESLphotoBrown { visibility: visible; position: absolute; z-index: 0; top: 0; left: 100px; width: 750px; height: 135px; background-repeat: no-repeat; background-position: 0 0; } #ESLphotoBrown { background-color: #eef2f5; background-image: url(../images/interface/mainphoto_one.jpg) } #ESLphotoRed { visibility: visible; position: absolute; z-index: 0; top: 0; left: 100px; width: 750px; height: 135px; background-repeat: no-repeat; background-position: 0 0; } #ESLphotoRed { background-color: #eef2f5; background-image: url(../images/interface/mainphoto_two.jpg) } #ESLphotoOrange { visibility: visible; position: absolute; z-index: 0; top: 0; left: 100px; width: 750px; height: 135px; background-repeat: no-repeat; background-position: 0 0; } #ESLphotoOrange { background-color: #eef2f5; background-image: url(../images/interface/mainphoto_three.jpg) } #title { background-image: url(../images/interface/title_blue.gif) } #logo { background-image: url(../images/interface/logo_blue.gif) } #strapline, #telephone, a#emailbox, div.wrappedparagraph h3, div.wrappedparagraph p, div.wrappedparagraph a, #ESLcontent.brown p, #ESLcontent.brown a, #ESLcontent h2, div.imagebox a, #ESLfooter p, #ESLfooter a, div.MiniDescription a, #ESLcontent div.SimpleContent p, #ESLcontent div.SimpleContent a { color: #59819c } #strapline { border-color: #77ADD1 } /*#telephone { background-image: url(../images/interface/icon_phone_blue.gif); }*/ #telephone { background-image: url(../images/interface/esl_telephone_london.gif); } /* a#emailbox:hover { background-image: url(../images_v2/icon_email_brown.gif);} */ #ESLcontent { background-image: url(../images/interface/bg_content_blue.gif) } div.wrappedparagraph a:hover, #ESLcontent div.SimpleContent a:hover { color: #333 } #ESLcontent.brown a:hover { color: #333333; } #ESLcontent h2 { border-bottom: 1px dashed #59819c } div.imagebox { border-right: 1px dashed #59819c } #ESLmenu div#logged_in { margin: 0.5em 0 0; padding: 5px; border: solid 1px #ccc } #ESLmenu div#logged_in p { color: #999; font-size: 55%; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0 } #ESLmenu div#logged_in p span.username { font-weight: bold } div#ratingimage { background-repeat: no-repeat; display: block; margin: 0; padding: 0; height: 27px } div.star1 {background-image: url(../images/location/elephant_star_1.gif); width: 27px;} div.star2 {background-image: url(../images/location/elephant_star_2.gif); width: 56px;} div.star3 {background-image: url(../images/location/elephant_star_3.gif); width: 83px;} div.star4 {background-image: url(../images/location/elephant_star_4.gif); width: 110px;} div.star5 { background-image: url(../images/location/elephant_star_5.gif); width: 137px; }