@import url(transparent.css);
@import url(fonts.css);

html {
       overflow-y: scroll;
	   min-height: 100%; padding-bottom: 1px;
}

body {
    background-color: #FFF;
    color: #505050;
    font: 100% SegoeUI, "Segoe UI", Helvetica, Arial, Verdana, sans-serif;
    letter-spacing: 0.3px;
}

.HomeContainer {
    display: block;
    position: absolute;
    top: 94%;
    width: 100%;
}

.container { width: 100%; }

input, select { font-family: SegoeUI, Helvetica, Arial, Verdana, sans-serif;
}

input.sec-inp, select.sec-sel {
    border: 1px solid #CCC;
    color: #999;
    font-size: 12px;
    padding: 6px 4px;
    width: 194px;
}

input.sec-inp-inner {
    border: 1px solid #CCC;
    color: #999;
    font-size: 12px;
    padding: 7px 4px;
    width: 106px;
}

select.sec-sel { width: 203px; }

.search_btn {
    -moz-border-radius: 3px;
    /* for firefox 3.6+ */
    /* for webkit browsers */
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    color: #2b2b2b;
    cursor: pointer;
    float: left;
    font-size: 13px;
    padding: 6px 22px;
    text-decoration: none;
    background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #d4d4d4 100%);/* for IE */
    }

* {
    border: none;
    margin: 0;
    padding: 0;
}

.clr { clear: both; }

.clearfix:after, .cf:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

.fs11 { font-size: 11px; }

.fs15 { font-size: 15px; }

h1, h2, h3 {
    color: #333;
    font-weight: normal;
    margin: 25px 0px;
}

h3 { margin-bottom: 5px; }

h1 { font-size: 20pt; }

h2 {
    font-size: 17pt;
    margin-top: 0;
}

h3 { font-size: 13pt; }

h4 {
    color: #000;
    font-size: 10pt;
    margin-bottom: 8px;
    margin-top: 15px;
}

#spa span.WebRupee { font-size: 12px; }

p {
    font-size: 10pt;
    line-height: 16pt;
    margin: 7px 0px 20px 0px;
}

ul {
    margin: 0;
    padding: 0;
}

li { list-style: none }

ul.disc li {
    background: none !important;
    font-size: 15px;
    list-style: disc;
    margin-left: 30px;
    padding-bottom: 10px;
}

ul.decimal li {
    background: none !important;
    font-size: 15px;
    list-style: decimal;
    margin-left: 30px;
    padding-bottom: 10px;
}

ul.decimal li > ul li {
    font-size: 13px;
    list-style: upper-alpha;
    margin-left: 30px;
    padding-bottom: 12px;
}

#green-header, #header, #innerheader, #logo a, #menu li a, #TopMenu, #TopMenu > li a, #graybox, #pinkbox, #yellowbox, #HomeContent, #footer, .moreicon a, #TopMenu > li a span, #Innergraybox { display: block; }

#pinkbox a {
    color: #FFF;
    text-decoration: none;
}

#green-header, #header, #innerheader {
    height: 74px;
    position: fixed;
    left: 0; top: 0;
    width: 100%;
	z-index:10;
}

/*#innerheader {
    background: url(../images/headerbg.png) repeat-x top;
    height: 120px;
    padding-top: 10px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}
*/
#showhide a {
    border-bottom: 1px solid #333;
    color: #FFF;
    display: block;
    font-size: 11px;
    height: auto;
    padding: 5px 10px;
    position: absolute;
    right: 20px;
    text-decoration: none;
    width: auto;
}

.show_hide { display: none; }

#logo { position:absolute; top:5px;}

#logo a {
    background: url(../images/leonia-main-logo.png) 0 0 no-repeat;
    height: 65px;
    text-indent: -9999px;
    width: 195px;
}
.inner {
    display: table;
    height: auto;
    margin: auto;
    width: 935px;
	position:relative;
}

.fl { float: left; }

.fr { float: right; }

.mr10 { margin-right: 10px; }

.mr8 { margin-right: 8px; }

.mr20 { margin-right: 20px; }

.mrb10 { margin-bottom: 10px; }

.ml10 { margin-left: 10px; }

.mt30 { margin-top: 30px; }

.ml50 { margin-left: 0px; }

#GlobalTopRight {
    height: auto;
    position:absolute;
	right:0;
	top:0px;
	width: 533px !important;
}

.menu {
    height: 24px;
    padding-bottom: 4px;
    float:right;
}

.menu > li {
    float: left;
    line-height: 22px;
}

.menu > li a {
    color: #333;
    font-size: 11px;
    line-height: 25px;
    padding: 0 5px;
    text-decoration: none;
	border-left: 1px solid #333;
}
.menu > li:first-child a { border-left: 0 none;}
.menu > li > a:hover, #menu > li > a.active { text-decoration:underline;}
/* sub levels link hover */
.menu > li a {
    text-transform: capitalize;
}
.menu > li a:first-letter {
    text-transform: uppercase;
}
.menu1 {
    height: 24px;
    padding-bottom: 4px;
}

.menu1 > li {
    float: left;
    line-height: 22px;
}

.menu1 > li a {
    color: #CCC;
    font-size: 11px;
    line-height: 25px;
    padding: 0 5px;
    text-decoration: none;
	border-left: 1px solid #CCC;
}
.menu1 > li:first-child a { border-left: 0 none;}
.menu1 > li > a:hover, #menu > li > a.active { text-decoration:underline;}
/* sub levels link hover */
.menu1 > li a {
    text-transform: capitalize;
}
.menu1 > li a:first-letter {
    text-transform: uppercase;
}

.submenubox {
    background: #2E2D2D !important;
    border: solid 1px #5F5E5E !important;
    border-radius: 5px !important;
    box-shadow: 0px 0px 15px #000 !important;
    left: 3px !important;
    top: 3px !important;  
}

.submenubox ul {
    display: inline-block;
    margin: 15px 5px 10px 5px;
    width: 175px;
}

.submenubox ul li {
    border-bottom: 1px solid #3f3e3e;
    float: left;
    margin-bottom: 10px;
}

.submenubox li a {
    color: #ccc;
    display: block;
    font-size: 11px;
    line-height: 20px;
    padding: 0 5px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

.submenubox li a:hover { color: #b9a124; }

.submenuboxarrow {
    border-bottom: 8px solid #2E2D2D;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    height: 0;
    left: 1px;
    position: absolute;
    top: -7px;
    width: 0;
    z-index: 1001;
}

.submenuboxarrow-border {
    border-bottom: 8px solid #5F5E5E;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    height: 0;
    position: absolute;
    top: -9px;
    width: 0;
    z-index: 1000;
}

.icon-pdf {
    background: url(../images/pdf_icon.gif) no-repeat;
    display: block;
    float: left;
    height: 30px;
    margin-right: 10px;
    width: 28px;
}

.pointer { cursor: pointer; }


/* ======== search ======== */

#search-form {
    margin-right: 6px;
    padding-left: 37px;
    position: relative;
    width: 243px;
}

#search-form span.icon {
    cursor: pointer;
    display: block;
    padding: 4px 5px;
    position: absolute;
    right: 4px;
    top: 2px;
}

#search-form span.icon li {
    background-image: url(../images/search-icon.png);
    display: block;
    font-size: 0;
    height: 17px;
    width: 20px;
}

.srhinput {
    background: #2e2d2d;
    border: 1px solid #5f5e5e;
    color: #CCC;
    font-size: 14px;
    height: auto;
    padding: 5px 0px 5px 5px;
    vertical-align: middle;
    width: 234px;
}

#header input:focus {
    background-color: #403f3f;
    color: #CCC;
}

#s-icons {
    height: 26px;
    width: auto;
}

#s-icons > li {
    float: left;
    padding-left: 6px;
    padding-top: 2px;
}

#s-icons > li a { text-decoration: none; }
/* ======================== Global Top Menu ========================= */

#TopMenu {
    clear: both;
    height: 28px;
    margin-top: 5px;
    min-width: 1024px;
    position: relative;
    width: 933px;
    z-index: 99;
}

#TopMenu > li {
    float: left;
    padding: 0 3px 0 0;
}

#TopMenu > li a {
    color: #CCC;
    font-size: 13px;
    font-weight: normal;
    padding: 6px 25px;
    text-decoration: none;
    text-transform: uppercase;
}

#TopMenu > li > a:hover, #TopMenu > li > a.active {
    background: url(../images/topmenu-mouseover.png) top repeat-x;
    color: #4c3d00;
}

#TopMenu > li a span {
    background: url(../images/top-menu-yarrow.png) no-repeat;
    background-position: 50% 100%;
    height: 35px;
}

#HomeContent {
    height: 175px;
    width: 935px;
}

#InnerContentFull {
    margin: 0 auto;
    padding: 0 14px;
    width: 907px;
}

#InnerContentFull img {
    float: left;
    margin: 0px 20px 20px 0px;
}

#InnerContentFull span.WebRupee { font-size: 14px; }

#InnerCantent {
    height: auto;
    margin: 0px 0px 0px 232px;
    position: relative;
    width: 690px;
    z-index: 0;
}

#single {
    height: auto;
    margin: 0px 0px 0px 10px;
    min-height: 460px;
    position: relative;
    width: 690px;
    z-index: 0;
}

#single span.subtitle {
    font-size: 13px;
    font-weight: bold;
}

#single .subbox {
    height: auto;
    margin-right: 30px;
    width: 474px;
}

#single .lvebox {
    display: inline-table;
    height: auto;
    width: 690px;
}

#Innergraybox {
    height: 161px;
    padding: 15px;
    width: 679px;
}

#Innergraybox p {
    float: left;
    font-size: 16px;
    width: 350px;
}

#InnerCantent span.subtitle {
    font-size: 13px;
    font-weight: bold;
}

#roomdetailsyb {
    height: 252px;
    margin-top: 11px;
    position: relative;
    width: 176px !important;
}

#InnerCantent .subbox {
    height: auto;
    margin-right: 30px;
    width: 474px;
}

#InnerCantent .lvebox {
    display: inline-table;
    height: auto;
    width: 690px;
}

.Snbox {
    height: auto;
    width: 330px;
}

.ServicesAmenities {
    height: auto;
    width: 280px;
}

.ServicesAmenities ul {
    margin-right: 25px;
    width: 230px;
}

.ServicesAmenities li {
    background: url(../images/grey-bullet.png) no-repeat 1px 14px;
    border-bottom: 1px solid #E5E5E5;
    color: #333333;
    font-size: 11px;
    line-height: 125%;
    padding: 9px 0 9px 10px;
}

ul#booknow {
    float: left;
    margin-bottom: 17px;
    margin-top: 16px;
}

ul#booknow li {
    background: url(../images/more-gray-icon.png) no-repeat left;
    float: left;
    height: 18px;
    margin-bottom: 5px;
    padding-left: 23px;
}

ul#booknow li a {
    color: #ff9900;
    font-size: 14px;
    text-decoration: none;
}

ul#booknow li a:hover { text-decoration: underline; }

.roomdetails {
    background-color: #f4f5f9;
    color: #505050;
    float: left;
    font-size: 18px;
    height: 150px;
    padding: 0px 12px 12px 12px;
    width: 150px;
}

.roomdetails li {
    border-bottom: 1px solid #E5E5E5;
    display: block;
    font-size: 13px;
    padding: 10px 0px;
    vertical-align: middle;
}

.roomdetails li span {
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
}

#graybox, #pinkbox, #yellowbox {
    float: left;
    height: 191px;
    width: 289px;
}

#graybox { padding-left: 10px; }

#graybox h2 {
    color: #666;
    font-size: 20px;
    font-weight: normal;
    margin: 10px 0px;
}

#pinkbox {
    margin: 0px 14px;
    padding-left: 10px;
    position: relative;
}

#pinkbox h2, #yellowbox h2 {
    color: #FFF;
    content: ".";
    font-size: 20px;
    font-weight: normal;
    height: 30px;
    margin: 10px 0px;
}

#pinkbox span {
    color: #FFF;
    font-size: 28px;
}

#pinkbox img {
    float: right;
    margin-bottom: 5px;
    margin-right: 10px;
}

#yellowbox {
    padding-left: 10px;
    position: relative;
}

#yellowbox img {
    float: right;
    margin: 0px 10px 0px 0px;
}

#yellowbox span {
    color: #FFF;
    font-size: 19px;
    padding-left: 8px;
}

.whitetext { color: #FFF; }

.moreicon a {
    background: url(../images/more-icon.png) no-repeat left bottom;
    display: block;
    height: 177px;
    left: 10px;
    padding-left: 5px;
    padding-top: 5px;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 284px;
}
/* ======================== Global Footer ========================= */

#footer {
    background-color: #000;
    height: 34px;
    margin-top: 30px;
    position: relative;
    width: 100%;
    z-index: 99;
}

#flinks {
    color: #666;
    float: left;
    font-size: 11px;
    height: auto;
    margin-right: 20px;
    margin-top: 12px;
    padding-left: 6px;
    white-space: nowrap;
}

#flinks > li { float: left; }

#flinks > li a {
    color: #ccc;
    font-size: 11px;
    padding: 0 10px;
    text-decoration: none;
}

#flinks > li > a:hover, #flinks > li > a.active { color: #b9a124; }

#Termlinks > li {
    border-left: 1px solid #666;
    color: #666;
    float: left;
    font-size: 11px;
    height: auto;
    margin-top: 12px;
    padding-left: 6px;
    white-space: nowrap;
}
/* ======== RESERVATION FORM ======== */

.res-input-bg {
    background-color: #FFF;
    border: 1px solid #a2a1a1;
    height: 28px;
    margin-bottom: 5px;
    position: relative;
    width: 229px;
}

#res-form span.icon {
    cursor: pointer;
    display: block;
    padding: 7px 1px;
    position: absolute;
    right: 10px;
}

.resinput {
    background: url(../images/calendar-icon.png) no-repeat 202px 7px;
    border: none;
    color: #666;
    cursor: pointer;
    font-size: 11px;
    height: 28px;
    padding-left: 5px;
    vertical-align: middle;
    width: 224px;
}

#res-form label {
    color: #666;
    font-size: 11px;
    text-transform: uppercase;
}
.dropdown{border: 1px solid #A2A1A1;
    font-size: 12px;
    height: auto;
    padding: 3px;
    width: 70px;
    margin: 2px 0 6px;
    }

.smartspinner {
    background: url(../images/normal.jpg) no-repeat right;
    background-color: #FFF;
    border: solid 1px #a2a1a1;
    color: #666;
    font-size: 11px;
    /*vertical-align:middle;*/
    line-height: 2;
    padding: 0;
    padding: 2px 20px 2px 2px;
    text-align: center;
}

.smartspinner.up {
    background: url(../images/up.jpg) no-repeat right;
    background-color: #f6f6f6;
    cursor: pointer;
}

.smartspinner.down {
    background: url(../images/down.jpg) no-repeat right;
    background-color: #f6f6f6;
    cursor: pointer;
}

.booknow {
    background-color: #b8053d;
    color: #FFF;
    cursor: pointer;
    font-size: 11px;
    margin-top: 24px;
    padding: 5px 4px;
    text-transform: uppercase;
    height: auto;
}

/* ======== RESERVATION FORM ======== */

#contactusgraybox .wrap {
    display: block;
    width: 100%;
}

#contactusgraybox .top {
    height: 13px;
    margin: 15px 0 10px;
}

.title-required {
    color: #900;
    font-size: 11px;
}

#contactusgraybox .title {
    color: #666;
    font-size: 13px;
    font-weight: normal;
    margin: 0 0 7px;
    text-transform: none;
    white-space: nowrap;
}

#contactusgraybox {
    float: left;
    height: auto;
    margin-right: 30px;
    width: 400px;
}

#contactusgraybox {
    background-color: #F5F7F8;
    padding: 10px;
}

#contactusgraybox h2 {
    color: #666;
    font-size: 20px;
    font-weight: normal;
    margin: 10px 0px 5px 0px;
    text-transform: uppercase;
}

.contactinput {
    border: 1px solid #C0C0C0;
    color: #999999;
    margin-top: -1px;
    padding: 8px 9px;
    width: 252px;
}

#contactusgraybox select {
    border: 1px solid #a2a1a1;
    font-size: 12px;
    height: auto;
    padding: 3px;
    width: 156px;
}

#contactusgraybox textarea {
    border: 1px solid #a2a1a1;
    font-size: 12px;
    height: 62px;
    padding: 2px;
    padding: 3px;
    width: 308px;
}

#contactusgraybox span {
    color: #900;
    font-size: 11px;
}

.submit {
    background-color: #b8053d;
    color: #FFF;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    margin: 20px 0 0;
    padding: 5px 8px;
    text-transform: uppercase;
}

#contactusgraybox1 {
    float: left;
    height: 161px;
    margin-left: 10px;
    padding: 15px;
    width: 559px;
}

#contactusgraybox1 h2 {
    color: #FFF;
    font-size: 23px;
    font-weight: normal;
    margin: 10px 0px 30px 0px;
    text-transform: uppercase;
}

#contactusyellowbox {
    background-color: #ff9900;
    color: #FFF;
    float: left;
    font-size: 16px;
    height: 161px;
    line-height: 16px;
    margin-right: 10px;
    padding: 0px 10px;
    width: 410px;
}

#contactusyellowbox ul {
    margin: 0;
    padding: 0;
}

#contactusyellowbox ul li {
    color: #FFF;
    font-size: 17px;
    margin-top: 10px;
    padding-left: 32px;
}

#contactusyellowbox a { color: #FFF; }

.mail-icon { background: url(../images/email-icon.png) no-repeat left; }

.phone-icon { background: url(../images/phone-icon.png) no-repeat left; }

.fax-icon { background: url(../images/fax-icon.png) no-repeat left; }

#addresswindow {
    display: block;
    height: 530px;
    margin: 0px;
    padding: 10px;
    position: fixed;
    top: 150px;
    width: 915px;
}

#addresswindow img {
    border: 0;
    float: left;
    margin-right: 20px;
}

#addresswindow span {
    float: right;
    height: 25px;
    width: 25px;
}

#addresswindow h3 {
    color: #666;
    font-size: 19px;
    font-weight: normal;
    margin: 30px 0px 10px 0px;
    text-transform: uppercase;
}

.addressContent {
    color: #666;
    font-size: 13px;
    height: auto;
    width: 365px;
}

.phonendfax {
    font-size: 18px;
    padding-left: 10px;
}

.phonendfax a:link {
    color: #666;
    text-decoration: underline;
}

.close-open { display: none; }

/*#contactusgraybox1 h2 { color:#666; font-size:17px; font-weight:normal; margin:10px 0px 5px 0px; text-transform:uppercase;}
.address { font-size:11px;}
.addressline { border-left:1px solid #b8053d; height:171px; width:auto; padding:0px 8px;}*/
/*Popup Window*/

#inline-overlay, #inline-overlay1, #inline-overlay2 {
    color: #333333;
    display: none;
    position: absolute;
    top: -9999px;
    width: 98%;
}

.overlay {
    *background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    border-radius: 8px 8px 8px 8px;
    display: none;
    padding: 14px;
    text-align: left;
    width: 100%;
    z-index: 10000;
    /* Mozilla ignores crazy MS image filters, so it will skip the following */
    /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/transparent-black-bg.png');*/
}
/* IE ignores styles with [attributes], so it will skip the following. */

.overlay { background-image: url(../images/transparent-black-bg.png); }

.overlay-content { height: 870px; }

#inline-overlay .close, #inline-overlay1 .close, #inline-overlay2 .close {
    cursor: pointer;
    left: 99%;
    position: relative;
    top: -7px;
    z-index: 100;
}

.button-remove span { display: none; }

.button-remove, .button-remove:hover {
    background: url(../images/button-remove.jpg) no-repeat scroll 0 -0px transparent;
    display: block;
    height: 17px;
    position: relative;
    width: 17px;
    z-index: 100;
}

.button-remove:hover { background-position: -18px 0px; }

.black_overlay {
    *background: rgb(221, 221, 221);
    bottom: 0px;
    display: block;
    display: none;
    /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/transparent-bg.png');
    height: 100%;
    left: 0px;
    opacity: 0.8;
    position: fixed;
    width: 100%;
    z-index: 9998;
}
/* IE ignores styles with [attributes], so it will skip the following. */

.black_overlay { background-image: url(../images/transparent-bg.png); }

.fulldescription {
    color: #FFF;
    font-weight: lighter;
    margin-right: 20px;
    position: absolute;
    right: 5%;
    text-align: left;
    top: 65%;
    width: 400px;
    z-index: 1000000;
}

.overlaytitle {
    color: #FFF;
    font-size: 24px;
}

.fulldescription p {
    color: #F3F3F3;
    font-size: 13px;
    line-height: 16px;
}
/*breadcrumb*/

.breadcrumb {
    list-style: none;
    overflow: hidden;
    white-space: nowrap;
}

.breadcrumb li {
    color: #CCC;
    float: left;
    font-size: 11px;
    padding: 10px 0 10px 5px;
}

.breadcrumb li a {
    color: #CCC;
    display: block;
    float: left;
    font-size: 11px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
}

.breadcrumb li a:hover { text-decoration: underline; }

.sparates, .sparateswod {
    background-color: #F4F4F4;
    float: right;
    font-size: 12px;
    padding: 0px 5px;
    text-align: left;
    width: 32%;
	color: #969696;
}

.experiencerates, .experiencerateswod {
    background-color: #F4F4F4;
    float: right;
    font-size: 15px;
    padding: 0px 5px;
    text-align: center;
    width: 35%;
}

.experiencedtl {
    left: 272px;
    position: absolute;
}

.sparateswod { width: 18%; }

.sparates span.fs1, .sparateswod span.fs11 { font-size: 11px; }

.sparates span.space, .sparateswod span.space {
    border-left: 1px solid #CCC;
    padding-left: 5px;
}

.spastay {
    left: 282px;
    position: absolute;
}

ul.spabullets { margin-bottom: 50px; }

ul.spabullets span {
    color: #9b9b9b;
    font-size: 11px;
}

ul.spabullets h4 {
    color: #333;
    font-size: 14px;
    font-weight: lighter;
    margin: 5px 0px;
}

ul.spabullets li {
    background: url("../images/red-bullet.png") no-repeat scroll 1px 14px transparent;
    color: #333333;
    font-size: 12px;
    line-height: 160%;
    padding: 6px 0 3px 10px;
}

.events p {
    margin-bottom: 0px;
    margin-top: 25px;
}

ul.eventsbullets { margin-bottom: 0px; }

ul.eventsbullets span {
    color: #9b9b9b;
    font-size: 11px;
}

ul.eventsbullets h4 {
    color: #333;
    font-size: 14px;
    font-weight: lighter;
    margin: 5px 0px;
}

ul.eventsbullets li {
    background: url("../images/red-bullet.png") no-repeat scroll 1px 14px transparent;
    color: #333333;
    font-size: 12px;
    line-height: 160%;
    padding: 6px 0 3px 10px;
}
	

#spa .menu_list { width: 100%; }

#spa .menu_head {
    background: url(../images/down-arrow.jpg) no-repeat 98% 50%;
    border: 1px solid #E9E9E9;
    cursor: pointer;
    font-size: 14px;
    margin: 1px;
    padding: 4px 5px;
    position: relative;
}

#spa .menu_body {
    background-color: #F8F8F8;
    display: none;
    padding: 10px;
}

#spa .menu_body a {
    background-color: #EFEFEF;
    color: #006699;
    display: block;
    padding-left: 10px;
    text-decoration: none;
}

#spa .menu_body a:hover {
    color: #000000;
    text-decoration: underline;
}

#Memdership .menu_list { width: 907px; }

#Memdership .menu_head {
    background: url(../images/down-arrow.jpg) no-repeat 98% 50%;
    border: 1px solid #E9E9E9;
    cursor: pointer;
    font-size: 14px;
    margin: 1px;
    padding: 4px 5px;
    position: relative;
}

#Memdership .menu_body img {
    float: left;
    margin-bottom: 6%;
    margin-right: 20px;
}

#Memdership .menu_body {
    background-color: #F8F8F8;
    display: none;
    min-height: 192px;
    padding: 10px;
}

#Memdership .menu_body a {
    background: none !important;
    display: block;
    padding-left: 0px;
    text-decoration: none;
}

#Memdership .menu_body a:hover {
    color: #666;
    text-decoration: underline;
}

.MSfee {
    left: 561px;
    position: absolute;
}

#confroom_table td { padding: 5px; }

.headertable {
    font-size: 12px;
    font-weight: bold;
}

.tablecnt {
    font-size: 11px;
    font-weight: lighter;
}

.tablecnt a { color: #505050; }

.tablecnt a:hover { text-decoration: underline; }

#downloadspage .cat_title {
   margin:0; 
   font-weight:600;
   font-size: 14pt;
   color:#ffcc00;
}
#downloadspage ul { margin-left: 0px; }

#downloadspage ul li {
    font-size: 13px;
    padding: 10px 0px;
}

#downloadspage ul li a {
    color: #fff;
    font-size: 15px;
    text-decoration: none;
	background:url(../images/pdficon.gif) no-repeat left;
	padding: 10px 0 10px 40px;
}

#downloadspage ul li a:hover {  color:#dbb005; }
#downloadspage ul li > ul { margin-left:40px; margin-top:20px;}

#downloadspage ul li > ul li { list-style: none; }

#Experience_table td { padding: 6px; }

#Experience_table .headertable {
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
}

#Experience_table .tablecnt {
    font-size: 14px;
    font-weight: lighter;
}

#Experience_table .tablecnt a {
    background: none;
    color: #06C;
    padding: 0;
}

#Experience_table .tablecnt a:hover {
    color: #06C;
    text-decoration: underline;
}

.crstext { text-decoration: line-through; }

#tcp p { margin: 0; }

#toTop {
    background: url(../images/totop.png) no-repeat left top;
    border: none;
    bottom: 20%;
    display: none;
    height: 56px;
    overflow: hidden;
    position: fixed;
    right: 20px;
    text-decoration: none;
    text-indent: -999px;
    width: 56px;
    z-index: 100;
}

#toTop:active, #toTop:focus { outline: none; }

#toTop:active, #toTop:focus { outline: none; }

.videothumb {
    background-color: white;
    border: 2px solid #DDDDDD;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.15);
    margin-bottom: 30px;
    min-height: 153px;
    padding: 5px;
}

.videothumb a img {
    float: left;
    margin-bottom: 30px !important;
    margin-right: 20px;
}

#message {
    *background: rgb(221, 221, 221);
    bottom: 0px;
    display: block;
    display: none;
    /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../images/transparent-bg.png');
    height: 100%;
    left: 0px;
    opacity: 0.96;
    position: absolute;
    width: 100%;
    z-index: 9998;
}
/* IE ignores styles with [attributes], so it will skip the following. */

#message { background-image: url(../images/transparent-bg.png); }

#messagebox img {
    position: absolute;
    right: 25px;
    top: 20px;
}

#messagebox {
    -moz-border-radius: 10px;
    -moz-box-shadow: 0 2px 10px rgba(241, 205, 11, .6);
    -webkit-border-radius: 10px;
    -webkit-box-shadow: 0 2px 10px rgba(241, 205, 11, .6);
    background: #eee url(../images/modal-gloss.png) no-repeat -200px -80px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(241, 205, 11, .6);
    left: 26%;
    opacity: 1;
    padding: 30px 40px 34px;
    position: absolute;
    top: 60px;
    width: 600px;
    z-index: 101;
}

#messagebox span {
    float: left;
    margin-top: 30px;
    text-align: left;
}

.close-notify {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    /* for firefox 3.6+ */
    /* for webkit browsers */
    border: 1px solid #f1cd0b;
    border-radius: 3px;
    bottom: 10px;
    color: #2b2b2b;
    cursor: pointer;
    float: left;
    font-size: 13px;
    left: 43%;
    padding: 6px 22px;
    position: absolute;
    text-decoration: none;
    white-space: nowrap;
    background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #d4d4d4 100%);/* for IE */
    }

.close-notify a { color: #fff; }

.MakeReservastionIframe {
    border: none;
    height: 270px;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 289px;
}
/* Awards Page */

#awards {
    height: auto;
    margin: 0px 20px 0px 0px;
    min-height: 460px;
    position: relative;
    width: 690px;
    z-index: 0;
}

#awards span.subtitle {
    font-size: 13px;
    font-weight: bold;
}

#awards .thumb {
    border: 1px dashed #c5c5c5;
    clear: both;
    display: inline-table;
    margin-bottom: 15px;
    padding: 5px;
    width: 98%;
}

#awards .thumb img {
    float: left;
    margin-right: 15px;
}

#awards p {
    font-size: 10pt;
    line-height: normal;
    margin: 0;
}
/* ======== IE 7 ======== */

#search-form span.icon, #res-form span.icon { *padding: 0px; /* IE7 and older */ }

.smartspinner {
    height: 25px !important;
    width: 45px !important;
}

.smartspinner {
    *background: #FFF;
    *padding: 5px 3px;
    /* IE7 and older */
    *width: 40px;
}

.MakeReservastionIframe { *width: 350px; /* IE7 and older */ }
/* Large Gallery */

.sprited {
    display: block;
    overflow: hidden;
}

#LargeGallery {
    background: #eef2f7;
    display: none;
    height: 100%;
    overflow: hidden;
    width: 100%;
}

#close_x, #backtoleonia a {
    background: url(../images/button-remove.jpg) no-repeat scroll 0 -0px transparent;
    display: block;
    display: block;
    height: 17px;
    overflow: hidden;
    position: absolute;
    right: 2px;
    text-indent: -9999px;
    top: 2px;
    width: 17px;
}

.iframeDiv {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

#menutree {
    left: -5px;
    position: absolute;
    top: 60px;
    z-index: 10;
}

.maintitle {
    color: #ffc619;
    display: block;
    font-size: 18px;
    padding-bottom: 20px;
}

#menubtn {
    left: 0;
    position: absolute;
    top: 6%;
    z-index: 50;
}

#menubtn a {
    background: url(../images/menubtn.png) no-repeat;
    display: block;
    height: 34px;
    text-indent: -9999px;
    width: 120px;
}

#backtoleonia {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 60;
}

.closebtn a {
    background: url(../images/closebtn.png) no-repeat;
    display: block;
    height: 24px;
    position: absolute;
    right: -10px;
    text-indent: -9999px;
    top: -10px;
    width: 24px;
    z-index: 99;
}

#sidetree {
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)";
    background: transparent;
    /* RGBa with 0.4 opacity */
    background: rgba(0, 0, 0, 0.9);
    border: 1px solid #333;
    border-radius: 5px 5px 5px 5px;
    display: block;
    /* IE6 & 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    height: auto;
    max-height: 560px;
    overflow: hidden;
    padding: 20px;
    width: 200px;
    zoom: 1;
}

.srcborder th {
    background-color: #f4f4f4;
    border: 1px solid #ccc;
    padding: 4px;
}

.srcborder td {
    border: 1px solid #ccc;
    padding: 4px;
}

/* Footer container */

.ob_gFCont { padding-right: 80px !important; }	

/* Page size selector */

.ob_gPSTT { }	    

/* Footer action links and paging buttons container */

.ob_gFEC {
    left: 200px !important;
    right: auto !important;
}

/* Footer action links container */

.ob_gFALC { float: left !important; }

/* Footer action link */

.ob_gFAL { float: left !important; }

/* Footer action link separator */

.ob_gALFS { float: left !important; }

/* Footer paging buttons container */

.ob_gFP { margin-left: 60px !important; }

.upcoming-events {
    clear: both;
    left: 10%;
    margin-bottom: 60px;
    position: relative;
    top: 0;
}

.event-date {
    -moz-box-shadow: 0px 0px 4px 1px #999;
    -webkit-box-shadow: 0px 0px 4px 1px #999;
    background-color: #d7491c;
    border: 3px solid #FFF;
    box-shadow: 0px 0px 4px 1px #999;
    color: #FFF;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 36px;
    left: -86px;
    padding: 5px;
    position: absolute;
    text-align: center;
    top: 9px;
}
.event-date h1 {color:#333333;}
.event-date sup { font-size: medium; }

.event-date span {
    border-top: 1px solid #FFF;
    display: block;
    font-size: 14px;
}

#pkgBooknow a {
    background: url(images/bknTBg.png) repeat-x;
    bottom: 14%;
    display: block;
    height: 40px;
    left: 0;
    position: absolute;
    text-indent: -9999px;
    width: 100%;
    z-index: 1000;
}

.BrandLine {
    border-left: 2px solid #CCC;
    display: block;
    margin-bottom: 50px;
    padding-left: 20px;
}

/* advertise container Start here */
.advertisebox {
    color: #666;
    font-size: 13px;
    height: auto;
    width: 650px;
}

#advertisegraybox {
    float: right;
    height: auto;
    width: 220px;
	background-color: #F5F7F8;
    padding: 10px;
}
#advertisegraybox .wrap {
    display: block;
    width: 100%;
}

#advertisegraybox .top {
    height: 13px;
    margin: 15px 0 10px;
}

.title-required {
    color: #900;
    font-size: 11px;
}

#advertisegraybox .title {
    color: #666;
    font-size: 13px;
    font-weight: normal;
    margin: 0 0 7px;
    text-transform: none;
    white-space: nowrap;
}

#advertisegraybox h2 {
    color: #666;
    font-size: 20px;
    font-weight: normal;
    margin: 10px 0px 5px 0px;
    text-transform: uppercase;
}

.contactinput {
    border: 1px solid #C0C0C0;
    color: #999999;
    margin-top: -1px;
    padding: 8px 9px;
    width: 200px;
}

#advertisegraybox select {
    border: 1px solid #a2a1a1;
    font-size: 12px;
    height: auto;
    padding: 3px;
    width: 156px;
}

#advertisegraybox textarea {
    border: 1px solid #a2a1a1;
    font-size: 12px;
    height: 62px;
    padding: 2px;
    padding: 3px;
    width: 212px;
}

#advertisegraybox span {
    color: #900;
    font-size: 11px;
}
/* advertise container End here */
#CDSWIDCOE.widCOE .widCOELink a {
	background: #589642 !important;
	}
#social-profile-widget li.first {
	-moz-border-radius: 4px 0px 0px 4px;
    -webkit-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
	border-left: 1px solid #666;
}
#social-profile-widget li.last {
	-moz-border-radius: 0px 4px 4px 0px;
    -webkit-border-radius: 0px 4px 4px 0px;
    border-radius: 0px 4px 4px 0px;
}
li.social-facebook a, li.social-twitter a, li.social-facebook a:hover, li.social-twitter a:hover, li.social-pinterest a, li.social-pinterest a:hover, li.social-linkedin a, li.social-linkedin a:hover, li.social-Whatsapp a, li.social-Whatsapp a:hover {
    display: block;
    height: 27px;
    padding: 0;
    text-indent: -9999px;
    width: 28px;
}
#social-profile-widget {
    list-style: none;
    margin: 0;
}
#social-profile-widget li {
	float:left;
	margin: 0px;
	border: 1px solid #666;
	border-left: 0 none;
	

}
#social-profile-widget li.social-facebook a {
    background: url(../images/Social-Icons/32x32_facebook.png) 0 0;
}
#social-profile-widget li.social-facebook a:hover {
    background: url(../images/Social-Icons/32x32_facebook_hover.png) 0 0;
}

#social-profile-widget li.social-twitter a {
    background: url(../images/Social-Icons/32x32_twitter.png) 0 0;
}
#social-profile-widget li.social-twitter a:hover {
    background: url(../images/Social-Icons/32x32_twitter_hover.png) 0 0;
}
#social-profile-widget li.social-pinterest a {
    background: url(../images/Social-Icons/32x32_pinterest.png) 0 0;
}
#social-profile-widget li.social-pinterest a:hover {
    background: url(../images/Social-Icons/32x32_pinterest_hover.png) 0 0;
}
#social-profile-widget li.social-Whatsapp a {
    background: url(../images/Social-Icons/whatsapp.png) 0 0;
}
#social-profile-widget li.social-Whatsapp a:hover {
    background: url(../images/Social-Icons/whatsapp.png) 0 0;
}
#social-profile-widget li.social-linkedin a {
    background: url(../images/Social-Icons/32x32_linkedin.png) 0 0;
}
#social-profile-widget li.social-linkedin a:hover {
    background: url(../images/Social-Icons/32x32_linkedin_hover.png) 0 0;
}


#wxIcon2 {
    display: inline-block;
    margin: -2px -15px 0 8px;
    overflow: hidden;
}
#wxIcon2 img {
	height:52%;
	width:52%;
	border:0;
}
#wxTemp {
    display: inline-block;
    font: 20px/28px Arial,Verdana,sans-serif;
    color: #333;
    vertical-align: top;
    padding-top: 3px;
    margin-left: 0;
}

.ff_main {
    background: #fff none repeat scroll 0 0;
    display: block;
    margin: 150px auto 0;
    max-width: 960px;
    min-height: 565px;
    text-align: center;
    width: 100%;
}

#custleo-bookbox
{
    display:none;
    width:290px;
    height:auto;
    padding:10px;
    border:1px solid #ccc;
    float:left;
    position: absolute;
    background: #fff;
    top: 45px;
    box-shadow: 0px 5px 15px #949494;
    border-radius:5px;
    right:-25px;
}
.close-bookbox
{
    float: right;
    font-size: 20px;
    cursor: pointer;
    position: relative;
    top: -10px;
}
.arrow {
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid #FFF;
    position: absolute;
    left: 1px;
    top: -10px;
    z-index: 1001;
}
.arrow-border {
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 11px solid #BBBBBB;
    position: absolute;
    top: -12px;
    z-index: 1000;
}