/********************************************** * File: elite-hotels.css * Desc: Elite Hotels base css file ***********************************************/ DIV#fpara {margin: 5px 0 0 0;} /*********************************** * Main Outer Divider */ DIV#outerdiv {padding:0;} DIV#outerdiv H1, DIV#outerdiv H2, DIV#outerdiv H3, DIV#outerdiv H4 {margin: 5px 0 0 0; padding:0;} DIV#outerdiv H2.full {border-bottom: 1px solid silver;} DIV#outerdiv .smallpara {float:left;margin:0 0 0 20px;/*border: 1px solid green;*/} DIV#outerdiv .rightpara {float:right;width:53%;margin:0;/*border: 1px solid green;*/} DIV#outerdiv .leftpara {float:left;width:60%;margin:5px 15px 0 0;/*border: 1px solid green;*/} DIV#outerdiv H2.left {border-bottom: 1px solid silver; /*margin-left:235px;*/} DIV#outerdiv H2.right {border-bottom: 1px solid silver; /*margin-right:235px;*/} /*********************************** * Link Decoration */ DIV#outerdiv A:link, DIV#outerdiv A:visited {padding: 0 0 1px 0; background: url(/img/dotted.png) repeat-x bottom ; text-decoration: none ; border-bottom: 0 ;} DIV#outerdiv A:hover, DIV#outerdiv A:active {border-bottom: 1px solid Indigo; background: url(/img/spacer.gif) repeat-x bottom;padding: 0 ;text-decoration: none;} /*********************************** * Main H1 Divider (i.e. hotel name) */ DIV#elite-heading {width: 100%; margin:0; text-align: center;} DIV#elite-heading H2 {padding: 10px 0 10px 0 ; margin: 0 0 10px 0;text-align: center !important;} DIV#elite-menu {padding:0 0 10px 0; margin:0; width:100%;} DIV#elite-tag-cloud {padding:0; margin:0; width:100%;} /*********************************** * Map Info Box */ DIV#mapinfo, DIV#mapinfo H4 {color:black;} /*********************************** * Info Box */ DIV#elite-info-box {background: black url(/img/background/bg_room.png) repeat-x;border:0;margin-bottom:10px;padding:15px;} DIV#elite-info-box UL {margin-left:0em; padding-left:0.2em;} DIV#elite-info-box LI {background:url(/img/bullet.png) 0em 0.5em no-repeat; padding-left: 0.8em; list-style: none !important;} DIV #elite-info-box .wedding-rings {float:right;} DIV#outerdiv IMG.topleft {float:left;margin: 7px 15px 15px 0;} DIV#outerdiv IMG.midleft {float:left;margin: 15px 15px 15px 0;} DIV#outerdiv IMG.midright{float:right;margin: 15px 0 15px 15px;} DIV#outerdiv .right {float:right;padding-right:20px;} /*********************************** * Bullets */ DIV#elite-bullets UL {margin-left:0em; padding-left:0.2em;} DIV#elite-bullets LI {background:url(/img/bullet.png) 0em 0.5em no-repeat; padding-left: 0.8em; list-style: none !important;} /*********************************** * Hotel Menu */ DIV#elite-hotel-h2 {border:0;width:100%;margin:0 auto;padding:10px 0 0 0;max-width:80%;} DIV#elite-hotel-h2 H2 {color: white !important;padding:0;margin: 0 auto;text-align:center;} DIV#elite-hotel-heading {display:table;margin:0 auto;padding:0;} DIV#elite-hotel-line {margin:0 auto;padding:0;width:100%;height:2px;} DIV#elite-hotel-name {border:0;text-align:center;padding:0;margin:0;line-height:1.4em;} DIV#elite-hotel-location {margin:10px 0 20px 0;text-align:center;} DIV#hotelmenu {margin: 0; padding: 0 10px 0 10px;line-height:1.3em;border:0;} DIV#hotelmenu A {text-indent:5px;} DIV#hotelmenu A,DIV#hotelmenu LABEL {display:block;text-align: left;width:145px;} DIV#hotelmenu LABEL {text-align: center;} /*********************************** * Address Tab */ DIV#hoteladd {width: 100%; text-align: center; margin: 0; padding: 10px 0 10px 0;} DIV#hoteladd ADDRESS {padding: 5px 5px 5px 5px ; margin: 0;} DIV#hoteladd LABEL {text-align: center; display: block; margin:0; padding:0; border:0;} /*********************************** * Hotel Selection Drop Down */ DIV#hotseldiv {display:none;} DIV#hotseldiv {text-align:center;margin: 5px 10px;} DIV#hotseldiv FORM {padding:2px;margin:0;} DIV#hotseldiv SELECT {border: 1px inset;} /*********************************** * Reservations (Booking.com) */ DIV#bookingbutton {padding:0; margin:15px 0;} DIV#bookingbutton IMG {margin:0 auto;display:block;} DIV#bookingbutton A:link, A:visited, A:hover, A:active {background:none;border:0;padding:0;margin:0;} /*********************************** * Advert Button */ DIV#adbutton {padding:0; margin:15px 0;} DIV#adbutton IMG {margin:0 auto;display:block;} DIV#adbutton A:link, A:visited, A:hover, A:active {background:none;border:0;padding:0;margin:0;} /*********************************** * Reservations */ DIV#resdiv {width: 100%; margin:0;padding:0;border:0;} DIV#resformdiv {width: 167px; background:none; border: 0; padding: 8px;margin:0;} DIV#resdiv FORM {padding:0;margin:0;} DIV#resdiv TABLE {margin-left: -2px; border-collapse:collapse; padding:0; margin:0;} DIV#resdiv H2 {margin: 5px 2px 10px 2px; text-align: center; padding:0;} DIV#resdiv LABEL {display: block; margin: 2px 0 0 0;} DIV#resdiv SELECT{margin:-1px; padding:0;border:1px inset;} DIV#resdiv INPUT, DIV#resdiv TEXTAREA {width:100%;border:1px inset;} DIV#resdiv TEXTAREA {margin-bottom:8px;} DIV#ressub {padding:0;margin:0;} DIV#resdiv .cbox {width:auto;vertical-align: middle;padding:0;background:none;border:none;} DIV#paydiv LABEL {display: block; margin: 5px 0 2px 0;} DIV#paydiv SELECT {padding:1px;} DIV#paydiv INPUT {margin-bottom:1px;} DIV#paydiv .left {float:left;margin-right:1em;} DIV#paydiv .full {width: 95%; padding:10px; border:0;} DIV#paydiv .w50 {width:43%;float:left;border:1px solid silver;padding:10px;margin:15px 10px;} DIV#paydiv H2 {border-bottom: 1px solid silver;margin-bottom:2px;} DIV#paydiv .w50 H2{border-bottom:none;} DIV#paydiv .errtitle INPUT {border: 2px dotted red;text-align:center;} DIV#paydiv .errfield {border: 2px dotted red;margin:0;padding:0;} DIV#total LABEL {display:inline;margin-right:10px;} DIV#dtotal LABEL {display:inline;margin-right:10px;} /*********************************** * News */ DIV#newsformdiv LABEL {display: block; margin: 1px 0 0 0;} /*********************************** * Calendar Link */ .dpcal, .dpcalo {position: relative !important; cursor: pointer; border: 0; margin:0; vertical-align: bottom;} .dpcal {padding: 0 0 1px 0; background: url(/img/dotted.png) repeat-x bottom;} .dpcalo {padding: 0 ; border-bottom: 1px solid #990033 ; color: #990033; background: url(/img/spacer.gif) repeat-x bottom;} /*********************************** * Weather Divider */ DIV#weathdiv {margin: 0; padding: 0; color:black; overflow:hidden; width:100%;} DIV#weathdiv {background: #272423 url(/img/menu/main/grad_cyan.png) no-repeat; color:#cccccc;padding-top:5px;text-align:center;} DIV#weathdiv-b {background: #272423 url(/img/menu/main/grad_cyanb.png) no-repeat bottom;padding-bottom:5px;} DIV#weathdiv IMG {border: 0;} /*********************************** * Finish of centre content */ DIV#clearcol{clear: both;} /*********************************** * Content Title (i.e. Accomodation) */ DIV#outerdiv .elite-content-title {display: block; margin: 10px 0 10px 0;} /*********************************** * Centre Column Main Content Div */ DIV#elite-text {margin: 0 auto 5px auto; padding: 20px 20px;} DIV#elite-text P {margin: 5px 5px 10px 5px;} DIV#content HR {margin: 10px 5px 10px 5px; color:gray; height:1px; border:0 ; clear:both ;} DIV#elite-text UL {margin:0;padding-left:1em;float:left;} DIV#elite-text LI {list-style: circle inside; } DIV#elite-text .blist {border: 1px solid red;float:left;margin:20px;} /*article sizing*/ DIV#elite-text .artleft {margin: 7px; float:left; display:block;} DIV#elite-text .art50 {margin: 7px; float:left; width: 47%; display:block;} DIV#elite-text .art50 H2 {border-bottom: 1px solid silver; padding-left: 5px;} DIV#elite-text .artfull {float: left; width: 100%; display: block;} /*********************************** * Slideshow */ DIV#elite-slideshow {margin: 0 auto 5px auto; text-align:center;} DIV#elite-slideshow OBJECT {position:relative;} DIV#elite-hotel-tabs {width:196px;height:276px;float:right;background:whitesmoke;padding:0;margin:0;} DIV#elite-hotel-tabs IMG {padding: 0;margin:0;border:0;} /*********************************** * Right Col */ DIV#elite-right {border-width: 0px ;} /*********************************** * Nav Column Divider */ DIV#navcol { border-width: 0px ;} DIV#navcol UL, DIV#navcol LI {margin: 0 10px 0 3px; border: 0; padding: 0; list-style-type: none; list-style-position: outside; list-style: none; text-align: left; text-indent: 0 ;} DIV#navcol UL {margin: 10px 0 20px 0 ;} DIV#navcol LI IMG {margin-right: 3px; position:relative; top:5px;} /*********************************** * Centre Column Divider */ DIV#contentcol2, DIV#contentcol3 {text-align:justify ; margin: 0 4px 0 0;} /*********************************** * Links */ #elinks UL, #elinks LI { /*margin: 0 0 0 3px ;*/ margin: 0 10px 0 3px ; border: 0 ; padding: 0 ; list-style-type: none ; list-style-position: outside ; list-style: none ; text-align: left ; text-indent: 0 ; } /*********************************** * Photo Tour */ DIV#elite-photo-tour {background: black url(/img/background/bg_room.png) repeat-x;border:0;margin-bottom:10px;padding:20px;} DIV#elite-photo-tour {margin: 20;} DIV#elite-photo-tour A:link, DIV#elite-photo-tour A:visited {background:none;border-bottom:0;} DIV#elite-photo-tour A:hover, DIV#elite-photo-tour A:active {background:none;border-bottom:0;} DIV#elite-photo-tour IMG {margin:15px;float:left;border:2px inset #272423;} /*********************************** * Contact */ #contactinfo {margin: 20px 10px 0 10px; padding: 0;} /*********************************** * Sitemap */ DIV#elitesitemap {border: 0;} DIV#elitesitemap UL {height: 215px; width: 30%; list-style-type: none; float: left; display:inline;} DIV#elitesitemap LI {background:url(/img/bullet.png) 0em 0.5em no-repeat; padding-left: 0.8em; list-style: none !important;} /*********************************** * News */ DIV#elite-news {float:left;height:180px;width:100%;padding:35px 0 0 0;margin:0;overflow:hidden;} DIV#elite-news H2 {text-align:center;} DIV#elite-news P {margin: 0;padding: 0 5px 0 5px;width:160px;text-align:center;} DIV#elite-news-img {border:0;overflow:hidden;margin:0 5px 5px 5px;padding:0;font-size:0em;} DIV#elite-news-img IMG{border:0;display:block;margin:auto;} /*********************************** * News Slider */ .section {padding: 0;width:100%;margin-bottom:30px;} .newsslider {position:relative; height:135px;width:100%; overflow:hidden;} .newsslidercontent {position:absolute;overflow:hidden;width:100%;} .newssection {padding:0;} /*********************************** * Login */ DIV#elite-login-box {padding:0;margin:0;height:100%;margin-top:20px;} DIV#elite-login {margin:0; padding: 5px;} DIV#elite-login H2 {padding-left:5px;} DIV#elite-login FORM {padding:0;margin:0;} DIV#elite-login LABEL {display:block;float:left;width:6em;text-align:right;margin-right:0.5em;} DIV#elite-login INPUT {border:1px inset;width:8em;} DIV#elite-login DIV.cbox {padding-left:2em;} DIV#elite-login .cbox INPUT {width:1.5em;position:absolute;vertical-align: middle;} DIV#elite-login .cbox {margin-bottom:5px;} DIV#elite-login .logsub INPUT {margin:3px auto;display:block;} DIV#elite-login-form LABEL {display: block; margin: 5px 0 2px 0;} /*********************************** * Guest Questionnaire */ DIV#hotelsurvey {background: black url(/img/background/bg_room.png) repeat-x;border:0;margin-bottom:10px;padding:15px;}} DIV#hotelsurvey FORM {padding:0;margin:0;} DIV#hotelsurvey LABEL {display: block; float:left;width:25%;} DIV#hotelsurvey .surveyl {display: block; float:left;width:10em;} DIV#hotelsurvey INPUT {border:1px inset;margin: 1px 0;float:left;} DIV#hotelsurvey .surveyq {float:left;width: 4.5em;align:middle;text-align:left;} DIV#hotelsurvey .surveyq INPUT {margin:0;padding:0;border:0;} DIV#hotelsurvey .surveyd {float:left;} DIV#hotelsurvey .surveyc {float:left;margin-left:25%;} DIV#hotelsurvey .surveyi {float:left;width: 4.5em;margin-top:15px;} DIV#hotelsurvey #surveyp {float:left;width: 9.5em;} DIV#hotelsurvey .sur50 {float:left;width: 45%;margin-right:15px;padding:0 5px;} DIV#hotelsurvey #sursub INPUT {border:1px outset;margin-top:10px;float:left;} DIV#hotelsurvey .sursect {width:45%;float:left;padding:0 10px;} DIV#hotelsurvey .sursect H3 {margin-bottom:5px;width:100%;border-bottom: 1px solid silver;} DIV#hotelsurvey .sursubmit {diplay:block;text-align:center;} DIV#hotelsurvey .errorbox LABEL {height:1em;width:100%;text-align:left;color:pink;} /*********************************** * New User Registration */ DIV#elite-register {background: black url(/img/background/bg_room.png) repeat-x;border:0;margin:0;padding:15px;width:717px;} DIV#elite-register H2 {margin-bottom:10px;} DIV#elite-register FORM {padding:0;margin:0;} DIV#elite-register LABEL {display:inline-block;text-align:right;width:8em;margin-bottom:5px;} DIV#elite-register FIELDSET {margin-bottom:10px;} DIV#elite-register SELECT.width30 {width:30ex;} DIV#elite-register FIELDSET {border:1px solid silver;} DIV#elite-register .regsubmit {diplay:block;text-align:center;} DIV#elite-register .errorbox LABEL {height:5em;width:100%;text-align:left;color:pink;} /*********************************** * Meeting */ DIV#elite-meeting TD {text-align:center;vertical-align:middle;} DIV#elite-meeting TABLE{border-collapse:collapse;} /*********************************** * Timetable */ DIV#elite-timetable TD {text-align:center;vertical-align:middle;} DIV#elite-timetable TABLE{border-collapse:collapse;margin:5px auto;} DIV#elite-timetable H3, DIV#elite-timetable H2, DIV#elite-timetable P{text-align:center;} /*********************************** * Image Slide Menu */ DIV#elite-imagemenu { margin: 0 auto 5px auto; width: 710px; height: 280px; margin: 0; padding: 0; vertical-align: baseline; border:0; margin: 0 auto 5px auto; } .sm {list-style:none; width:710px; height:280px; display:block; overflow:hidden;margin:0; padding:0;} .sm li {float:left; display:inline; overflow:hidden;margin:0; padding:0;} .sm A:link, DIV#imageMenu A:visited, .sm A:hover, DIV#imageMenu A:active { padding: 0; background: none; border:0;} .sm img {border:2px solid white} .sm img {border:0;} /*********************************** * Image Slide Menu (Big) */ DIV#elite-imagemenu { margin: 0 auto 5px auto; width: 710px; height: 350px; margin: 0; padding: 0; vertical-align: baseline; border:0; margin: 0 auto 5px auto; border:3px double white; } .sm {list-style:none; width:710px; height:350px; display:block; overflow:hidden;margin:0; padding:0;} .sm li {float:left; display:inline; overflow:hidden;margin:0; padding:0;} .sm A:link, DIV#imageMenu A:visited, .sm A:hover, DIV#imageMenu A:active { padding: 0; background: none; border:0;} .sm img {border-left:1px solid white;} DIV#elite-sm-full {margin:50px auto 70px auto;padding:0;} /*********************************** * Superfish Navbar Menu */ DIV#elite-navbar A:link, DIV#elite-navbar A:visited, DIV#elite-navbar A:hover, DIV#elite-navbar A:active {padding:0; background:none; border:0;} /*********************************** * Slider Menu */ /*********************************** * Kwicks Slider Menu */ .kwicks { /* recommended styles for kwicks ul container */ list-style: none; position: relative; margin: 0; padding: 0; } .kwicks li{ /* these are required, but the values are up to you (must be pixel) */ width: 220px; height: 400px; /*do not change these */ display: block; overflow: hidden; padding: 0; /* if you need padding, do so with an inner div (or implement your own box-model hack) */ } .kwicks.horizontal li { /* This is optional and will be disregarded by the script. However, it should be provided for non-JS enabled browsers. */ margin-right: 5px; /*Set to same as spacing option. */ float: left; } .kwicks.vertical li{ /* This is optional and will be disregarded by the script. However, it should be provided for non-JS enabled browsers. */ margin-bottom: 5px; /*Set to same as spacing option. */ } #kwick_1 { background-color: none; } #kwick_2 { background-color: none; } #kwick_3 { background-color: none; } #kwick_4 { background-color: none; } .kwicks.horizontal #kwick_4 { margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */ } .kwicks.vertical #kwick_4 { margin-bottom: none; /* cancel margin on last kiwck (if you set a margin above) */ } /*for hover image text*/ .kwicks img {z-index:1;border:0;} .kwicks p { position: absolute; margin-top: 330px !important; margin-left: 60px !important; /*margin: 0px; margin-left: 2px; margin-top: 2px;*/ z-index:2; background-Color: #555555; color: white; width: 425px; text-align: center; padding-top: 5px; padding-bottom: 5px; opacity:.8; display: none; clear: none; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; } DIV#slidemenuouter {width:880px;margin: 30px auto;padding:0;border:3px solid white;} /*********************************** * Captify */ .elite-caption {display:none;} .caption-top, .caption-bottom { color: white; padding: 1em 1em 1em 4em; font-weight: bold; font-size: 13px; font-family: arial; cursor: default; border: 0px solid #334143; background: #000000; text-shadow: 1px 1px 0 #202020; } .caption-top { border-width: 0px 0px 8px 0px; } .caption-bottom { border-width: 8px 0px 0px 0px; } .caption-bottom H2, .caption-top H2 {display:inline;} .caption a, .caption a { border: 0 none; text-decoration: none; background: #000000; padding: 0.3em; } .caption a:hover, .caption a:hover { background: #202020; } .caption-wrapper { float: left; } br.c { clear: both; } /* LavaLamp Side Menu */ ul#elite-sidemenu { list-style:none; margin: 0 !important; border:0; padding: 12px 6px 6px 6px !important; overflow:auto; /* makes sure the container fits the floated list-items below */ } ul#elite-sidemenu li{width: 90% !important; margin:0; padding:3px 7px; float:left; /* floats list items to the left, creating a horizontal menu */ background-color:none; /* add some background color to the line items */ color:white; clear:both; } ul#elite-sidemenu li span { position: relative; /* must have position set to anything other than static to use z-index */ z-index: 5; /* 5 layers above all normal elements */ } ul#elite-sidemenu li.backLava { position:absolute; /* this is automatically added by lavaLamp, if not set, but let's set it for good practice */ z-index:3; /* 3 levels higher than all normal elements */ background-color:#041c66; border:1px solid #99ccff; background:#041c66 url(/img/menu/header/grad_topmenu.png) repeat-x ; } ul#elite-sidemenu li.selectedLava{ display:block;width:90%; text-align:center;} /*illumination*/ DIV#elite-mainmenu { background: transparent url(/img/menu/main/grad_cyanb.png) no-repeat bottom; padding-bottom:8px;} ul#elite-sidemenu {background:transparent url(/img/menu/main/grad_cyan.png) no-repeat;} /*DIV#elite-mainmenu A{display:block;text-align: left;width:145px;}*/ /*********************************** * Elite Club */ DIV#elite-club {background: #272423 url(/img/menu/main/grad_cyan.png) no-repeat; color:#cccccc;padding:7px;text-align:center;} DIV#elite-club-b{background: #272423 url(/img/menu/main/grad_cyanb.png) no-repeat bottom;padding-bottom:8px;} DIV#elite-club .logo {text-align:center;width:100%;} DIV#elite-club .logo IMG {border:0;margin:5px auto; } DIV#elite-club INPUT {width:90%;margin-bottom:5px;} DIV#elite-club .sub {margin: 10px 0;} /*********************************** * Elite Wifi */ DIV#elite-wifi {width:100%;padding:0; margin:15px 0;} DIV#elite-wifi IMG {display: block;margin-left: auto;margin-right: auto;} /*********************************** * Elite Jobs */ DIV#elite-jobs TD {text-align:left;vertical-align:top;padding:5px;} DIV#elite-jobs TABLE{border-collapse:collapse;} DIV#elite-jobs OL {margin:0;padding:0;} DIV#elite-jobs LI {list-style-type: decimal;} DIV#elite-jobs dl { border: 0; padding: 0;} DIV#elite-jobs dt { float: left; clear: left; width: 100px; text-align: right; font-weight: bold; color: white; } DIV#elite-jobs dt:after { content: ":"; } DIV#elite-jobs dd { margin: 0 0 0 110px; padding: 0 0 1em 0;} DIV#elite-jobs FIELDSET { padding:0;margin:0;} /*********************************** * Pasta Roundabout */ UL#elite-pasta-roundabout LI {list-style: none;float:left;} .roundabout-holder {list-style: none ;width:550px;height:250px;margin-left:3% !important;} .roundabout-moveable-item {width:140px;height:175px;border: 1px solid white;background-color: black;font-size: 2em;cursor: pointer;} .roundabout-in-focus {cursor: auto;} /*********************************** * Contacts */ /*DIV#elite-contact {margin-top:20px;}*/ /*DIV#elite-contact H2 {padding-left:150px;}*/ DIV#elite-contact DL {margin-bottom: 2em;} DIV#elite-contact DD {margin: 0 0 0 80px; padding: 0 0 0.4em 0; } DIV#elite-contact DT {float: left; clear: left; width: 150px; text-align: right; font-weight: bold; margin-right: 5px;} DIV#elite-contact DT:after {content: ":"; } DIV#elite-contact DT.nocolon:after {content: "" ; } /*********************************** * Inline Contact */ DIV#elite-contact A:link, DIV#elite-contact A:visited {padding: 0 0 1px 0; background: url(/img/dotted.png) repeat-x bottom ; text-decoration: none ; border-bottom: 0 ;}/********************************************** * File: header.css * Desc: Header Definition ***********************************************/ /* Top Menu Bar */ DIV#elite-top-menu {height:0px;margin:0;padding:0;clear:both;} DIV#elite-lang {float:right;height:0px;border:0;} DIV#elite-lang IMG {border:0;padding:0;margin:0;position:relative;top:4px;} DIV#elite-lang A {border:0;padding:0;margin:0;position:relative;top:5px;} /* Main Header */ DIV#elite-header {height:90px;margin:0;padding:7px 10px 0 10px;clear:both;} DIV#elite-headcentre {float:left;margin:0;padding:0;text-align:center;} DIV#elite-headmenu {float:left;} DIV#elite-logo {float:left;margin: 0 5px 0 5px;} DIV#elite-logo IMG {border:0;} DIV#elite-logo A:link, DIV#elite-logo A:visited, DIV#elite-logo A:hover, DIV#elite-logo A:active {background:none; border:0;} DIV#elite-header UL {float:left;list-style:none;list-style-type: none; margin:0; padding:0;} DIV#elite-header .menutitle {padding-left:5px;} DIV#elite-header .menutitle {color: #041c66; border-bottom: 1px solid #989999;} /* Address */ DIV#elite-headaddress {margin-top:6px;padding-left:5em;} DIV#elite-headaddress ADDRESS {padding-top:0.4em;} /* LavaLamp Top Menu */ ul#elite-topmenu { list-style:none; margin:5px; border:0; padding:10px; overflow:auto; /* makes sure the container fits the floated list-items below */ } ul#elite-topmenu li{ margin:0; padding:3px 7px; float:left; /* floats list items to the left, creating a horizontal menu */ background-color:none; /* add some background color to the line items */ color:white; } ul#elite-topmenu li span { position: relative; /* must have position set to anything other than static to use z-index */ z-index: 5; /* 5 layers above all normal elements */ } ul#elite-topmenu li.backLava { position:absolute; /* this is automatically added by lavaLamp, if not set, but let's set it for good practice */ z-index:3; /* 3 levels higher than all normal elements */ background-color:#041c66; border:1px solid #99ccff; background:#041c66 url(/img/menu/header/grad_topmenu.png) repeat-x ; } DIV#elite-topsubmenu { float:left; margin: 0 15px; } DIV#elite-topsubmenu LABEL { display:block; margin: 0 0 2px 0; color: #041c66; border-bottom: 1px solid #989999; padding-left:5px; font-weight: bold; font-variant: small-caps; font-size: 1.1em; letter-spacing: 0.15em;} } /********* Header **********/ DIV#elite-header .menulinks LABEL {background:#041c66;padding: 0 3px 2px 3px;border: 0;color:white;border-left:1px solid #989999;border-right:1px solid #989999;border-bottom:1px solid #989999;} DIV#elite-header .menutitle, DIV#elite-header LABEL, DIV#elite-header .lang A:link, DIV#elite-header .lang A:visited {color:#99ccff;} DIV#elite-footer{height:100%;margin:0;padding:0 10px 0 10px;clear:both;overflow:hidden;} DIV#elite-footer UL{list-style:none;margin:0;padding-left:0;} DIV#elite-footer LI{list-style:none;float:left;margin:5px 10px 5px 10px;padding-bottom:3px;} DIV#silversleaves{float:right;} DIV#elite-footer A{font-weight:bold;} /*********************************** * Share Button */ DIV#sharebutton {float:left;width:5em;background:none;color:white;text-align:center;} DIV#sharebutton IMG {vertical-align:text-top;} DIV#sharebutton A {margin: 0 5px;} /********************************************** * File: layout.css * Desc: Footer Definition ***********************************************/ /* DIV#floatwrap2, DIV#floatwrap3 {border: 1px solid blue;} DIV#contentcol2, DIV#contentcol3 {border: 1px solid red;} DIV#navcol {border: 1px solid green;} DIV#rightcol {border: 1px solid gray;} */ BODY {margin: 0;} DIV#outerdiv {width: 905px;margin: 0 auto;} DIV#content {margin: 0 10px;} DIV#fullcoll {width: 980px; float: left;} /* 2 Column Layout --------------- */ DIV#floatwrap2 {width: 717px; float: right;} DIV#contentcol2 {width: 717px; float: left;} /* 3 Column Layout --------------- floatwrap holds contentcol + rightcol + pushes to the right navcol is the last content, but still on left outerdiv defines overall width */ DIV#floatwrap3 {width: 717px; float: right;} DIV#contentcol3 {width: 550px; float: left;} DIV#navcol {width: 150px;} DIV#rightcol {width: 150px;float:right;}/********************************************** * File: fonts.css * Desc: Controls fonts ***********************************************/ /*********************************** * Control Font Sizes */ HTML, BODY {font-size: 90%; font-family: arial,sans-serif,verdana;} DIV#elite-text P {font-size:0.95em; font-family: verdana,arial,sans-serif; line-height:1.5em;} DIV#elite-text B.bigbold {font-size:1.2em;} DIV#my-elite-life P {font-size:0.85em; font-family: verdana,arial,sans-serif; line-height:1.5em;} DIV#fpara P:first-line {font-size: 1.2em;} DIV#outerdiv H1, DIV#outerdiv H2, DIV#outerdiv H3, DIV#outerdiv H4 {font-weight: normal; /*text-transform: capitalize;*/} DIV#outerdiv H1 { font-size: 1.9em;letter-spacing: -1px; font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;} DIV#outerdiv H2 { font-size: 1.5em; font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;} DIV#outerdiv H3 { font-size: 1.2em;} DIV#outerdiv H4 { font-size: 0.9em;} DIV#elite-heading H2 {font-size: 1.2em !important ; font-family: georgia,arial,verdana,sans-serif; font-weight: bold; letter-spacing: -0.2px;} DIV#elite-hotel-h2 H2 {font-family: georgia,arial,verdana,sans-serif !important;font-weight:normal;font-size:1.5em;} DIV#elite-hotel-location {font-family: times new roman,serif;font-size:0.6em;font-style:italic;font-weight:normal !important;} DIV#elite-header .menutitle {font-weight: bold; font-variant: small-caps; font-size: 1.1em; letter-spacing: 0.15em;} DIV#elite-header .menulinks A {font-weight: bold; font-size: 1em;} DIV#elite-header .lang {font-size: 1em;} DIV#elite-header .menulinks LABEL {font-weight:bold;} DIV#elite-lang {font-size:0.8em;font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;} DIV#hotelmenu, DIV#elite-header .lang {font-weight: bold;} DIV#elite-header .lang {font-family: arial,verdana,tahoma, arial, sans-serif; font-size: 0.85em;} DIV#hotelmenu .menuitem {font-family: arial, sans-serif; font-size: 0.85em;} DIV#hotelmenu LABEL {font-variant: small-caps; font-weight:bold; font-size: 1.1em !important; letter-spacing: 0.1em;} DIV#hotseldiv LABEL {font-weight: bold;} DIV#elite-icons {font-size: 0.9em ;} DIV#hoteladd {font-size: 0.85em} DIV#hoteladd ADDRESS {line-height: 1.1em !important;font-style: normal;} DIV#hoteladd LABEL {text-transform: capitalize ; font-weight: bold ;} DIV#elite-headaddress H1 {display:inline;font-weight: bold ;letter-spacing:0;} DIV#elite-headaddress, DIV#elite-headaddress H1 {font-family: verdana,arial,sans-serif;} DIV#elite-headaddress ADDRESS, DIV#elite-headaddress H1 {font-size:1em;} DIV#elite-headaddress ADDRESS {font-style: normal;} DIV#elite-headaddress LABEL {font-weight: bold ;} DIV#resdiv INPUT, DIV#resdiv TEXTAREA, DIV#resdiv SELECT, DIV#hotseldiv SELECT {font-size: 0.83em; font-family: tahoma,arial,sans-serif;} DIV#resdiv H2 {font-size: 1.5em; font-family: arial,sans-serif,verdana;} DIV#resdiv LABEL{font-weight: bold ; font-size:0.9em;} DIV#ressub INPUT{font-weight: bold; font-size:0.9em;} DIV#outerdiv .elite-content-title {font-size: 2.4em; font-weight: normal;} DIV#contentcol2, DIV#contentcol3 {font-size:0.9em;} DIV#content .art50 H2 {font-family: times new roman,serif; font-size: 1.5em;} DIV#content .artfull H2 {font-family: times new roman,serif; font-size: 1.2em;} DIV#weathdiv td{ font-size: 0.85em ;} DIV#total {font-size: 2.2em;} DIV#dtotal {font-size: 1.5em;} DIV#paydiv .errtitle INPUT {font-weight:bold;font-size:1.2em;} DIV#newsformdiv INPUT, DIV#newsformdiv TEXTAREA, DIV#newsformdiv SELECT, DIV#newsformdiv SELECT {font-size: 1em; font-family: tahoma,arial,sans-serif;} DIV#elite-login INPUT {font-size: 0.8em; font-family: tahoma,arial,sans-serif;} DIV#elite-login LABEL {font-weight: bold ; font-size:0.83em;} DIV#elite-login .cbox {font-weight: bold ; font-size:0.83em;} DIV#vspacer {font-size:0.5em;}/********************************************** * File: elite.css * Desc: Elite Hotels colour css * Colors: * Elite Blue : #414bc2 * Burgundy : #990000 * Brown : #663300 * Gray : #9ea8ae; * Yellow : #f6f08e; * * 10th Feb 2010 - http://www.colorsontheweb.com/colorwizard.asp#wizard * * Dark Blue - 041C66 * Dark Gray - 353535 * Green - 4D6604 * Brown - 661C04 * Purple - 66044D * Slate Blue - 043C66 ***********************************************/ BODY, DIV#resdiv input, DIV#resdiv select, DIV#resdiv textarea {color: Black;} DIV#outerdiv H1, DIV#outerdiv H2, DIV#outerdiv H3, DIV#outerdiv H4, DIV#elite-text .art50 H2, DIV#elite-text .artfull H2, DIV#fpara P:first-line, DIV#elite-heading H2, DIV#elite-contact DT, DIV#elite-contact DD, DIV#elite-contact H2, DIV#elite-contact a:link, DIV#elite-contact a:visited, DIV#elite-contact a:hover, DIV#elite-contact a:active, DIV#outerdiv a:link, DIV#outerdiv a:visited, DIV#outerdiv a:hover, DIV#outerdiv a:active,DIV#hotseldiv SELECT, #eheaddivres, DIV#elite-headaddress, DIV#elite-heading H2, DIV#elite-text B {color: white;} DIV#resdiv LABEL, DIV#hoteladd LABEL, DIV#elite-login LABEL, DIV#elite-login .cbox {color:#66044D;} /************* DIV colours (Debug) **************/ /* DIV#outerdiv {border: 1px solid red;} DIV#eheaddiv {border: 1px solid blue;} DIV#etopmenu {border: 1px solid yellow;} DIV#ebotmenu {border: 1px solid green;} DIV#navcol {border: 1px solid darkred;} DIV#ecencol {border: 1px solid darkgreen}; DIV#erightcol {border: 1px solid black}; DIV#contentwrap {border: 1px solid gray;} */ /************ Background & Borders *************/ BODY {background: #003443 url(/img/background/elite_bg.jpg) repeat-x ;} DIV#outerdiv {background: none ;} DIV#elite-news {border:0;} DIV#elite-hotel-line {border-bottom:2px solid red;} DIV#contentcol3 {background:none;} DIV#resdiv .ressub:hover {cursor: pointer;} DIV#resdiv {background: #9ebddb url(/img/menu/resform/gradient.png) repeat-x;} DIV#elite-text {background: #272423; color:#cccccc;} DIV#elite-news {background: transparent url(/img/news/notepad.jpg) no-repeat;} DIV#elite-tag-cloud{background:none;} DIV#elite-menu {background-color:none;border: 0;background:none;} DIV#elite-login-box {background: url(/img/menu/login/gradient.png) repeat-x bottom;} DIV#elite-slideshow {border: 7px solid #272423;background:#272423;} DIV#elite-register {background: #151515; color:#cccccc;} DIV#outerdiv A:hover, DIV#outerdiv A:active {border-bottom: 1px solid white; background: url(/img/spacer.gif) repeat-x bottom;padding: 0 ;text-decoration: none;} /********* Buttons **********/ DIV#hotelmenu A:link, DIV#hotelmenu A:visited {color:white;} DIV#hotelmenu A:hover, DIV#hotelmenu A:active {border-bottom: 1px solid white; background: url(/img/spacer.gif) repeat-x bottom;padding: 0 ;text-decoration: none;} DIV#elite-header .lang A:link, DIV#elite-header .lang A:visited {color:#6A48D7;} DIV#hotelmenu LABEL {color:black; background: white;} DIV#resdiv .ressub:hover, DIV#resdiv .ressub, DIV#resdiv .ressub:visited {border: 1px outset silver;} DIV#resdiv .ressub:hover, DIV#resdiv .ressub, DIV#resdiv .ressub:visited {border-top: 1px solid gainsboro;border-left: 1px solid gainsboro;} DIV#resdiv .ressub:active {border:1px inset silver;} DIV#paydiv LABEL {color:#660066;} /************** Menu (Left) ***************/ DIV#hotseldiv LABEL {color:black;} DIV#hotseldiv SELECT {color:black;} DIV#hotseldiv SELECT {border:1px inset;}