div {
 float: left; 
 position: relative; 
 height: auto;
}

.flw100 {
 width: 100%; 
}

.flw50 {
 width: 50%; 
}

.flw20 {
 width: 20%; 
}

.flw25 {
 width: 25%; 
}


@media screen and (max-width: 480px) {	
	.flw50 {
	 width: 100%; 
	 min-height: 1px; 
	}
}

.flw33 {
 width: 33%; 
}

.flw100center {
 text-align: center; 
 width: 100%; 
}

.flwA {
 float: left; 
 position: relative; 
 width: auto; 
 height: auto; 
}

.posAbs {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: auto; 
 height: auto; 
}

.divRighter, .divR {
 float: right; 
 position: relative; 
 width: auto; 
 height: auto; 
}

.floatR {
 float: right; 
}

.noDisplay {
 display: none; 
}

.flw100alert {
 width: 100%; 
 font: bold 14px arial; 
 color: red; 
 text-align: center; 
}

a img {
 border: 0px; 
}
 
img {
 border: 0;
}

.topRminOrMax {
 position: absolute; 
 top: 0px; 
 left: 100%; 
 width: 23px; 
 height: 15px; 
 z-index: 500; 
 cursor: pointer; 
 margin-left: -26px; 
 background: white; 
 border: 1px solid silver; 
 text-align: center; 
 font: normal 12px courier; 
 line-height: 14px; 
 color: rgb(30,30,30);
}

.warnDiv {
 font: bold 14px arial; 
 color: red; 
}

.docSheet {
 width: 100%; 
 border: 1px solid silver; 
 background: white; 
 color: black; 
 padding: 10px; 
 margin-top: 3px; 
 margin-bottom: 3px; 
}

.realContText {
 width: 100%; 
}

.bordRed {
 border: 1px solid red; 
}

.cursPoint { 
 cursor: pointer; 
}

.upcase { 
 text-transform: uppercase; 
}

.anycase { 
 text-transform: none; 
}

.text-center {
 text-align: center; 
}

.text-right {
 text-align: right; 
}

.text-left {
 text-align: left; 
}

.noTrans {
 -webkit-transition:  0.0s; /* Safari */
 transition: 0.0s;
}

/* COOKIES START */

.cookiesHint { 
 position: fixed; 
 top: 100%; 
 left: 0px; 
 margin-top: -45px; 
 width: 100%; 
 height: auto; 
 min-height: 45px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 text-align: center; 
 padding-top: 15px; padding-bottom: 3px; 
 background: white; color: black; 
 font-size: 12px;
 font-family: arial;
 box-shadow: inset 0px 11px 8px -10px #BBB;
 z-index: 100; 
}

.cookiesHeight { 
 width: 100%; float: left; 
 position: relative; height: 45px; 
}
 
@media screen and (max-width: 600px) {	
	.cookiesHint, .cookiesHeight { height: 60px; }
	.cookiesHint { margin-top: -60px; }
}

@media screen and (max-width: 400px) {	
	.cookiesHint, .cookiesHeight { height: 75px; }
	.cookiesHint { margin-top: -75px; }
}

.cookiesGotLink, a.cookiesGotLink:visited, a.cookiesGotLink {
 display: inline-block; 
 color: white; 
 background: rgb(190,190,190); 
 margin-left: 5px; 
 margin-right: 5px; 
 border-radius: 3px; 
 padding: 3px; 
 color: white; 
 -webkit-transition:  0.2s; /* Safari */
 transition: 0.2s;
}

a.cookiesGotLink:hover {
 background: rgb(90,90,90); 
 color: white; 
}

/* COOKIES END */

.docCell {
 width: 12.5%; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 padding: 4px; 
 border: 1px solid white; 
 background: rgb(240,240,240);  
 min-height: 40px; 
}

.doc_user_head_row {  font-weight: bold; width: 100%; }
.doc_user_row { width: 100%; }

.doc_user_head_row .docCell { background: rgb(210,210,210); }

.doc_user_row:hover .docCell { background: rgb(230,230,230); }

.overauto { overflow: auto; }
body {
 margin: 0px;
 padding: 0px; 
 background: white;  
}

#ifMobile {
 float: left; 
 position: relative; 
 max-width: 1180px; 
 min-width: 390px; 
 height: 0px; 
 font: normal 0px verdana; 
}

a {
 text-decoration: none; 
 color: rgb(55,85,158); 
}

a:hover {
 color: rgb(231,196,128); 
}

.fullWidth {
 float: left; 
 position: relative;
 width: 1180px; 
 height: auto; 
 left: 50%; 
 margin-left: -590px; 
}

.fullWidthPosAbs {
 position: absolute; 
 top: 0px; 
 left: 50%; 
 width: 1180px; 
 height: 1px; 
 margin-left: -590px; 
}

.headLine {
 float: left; 
 position: relative; 
 width: 100%; 
 min-height: 125px; 
 height: auto; 
 background: rgb(240,240,240); 
}

.headPhones {
 float: left; 
 position: relative; 
 width: auto; 
 max-width: 33%; 
 min-width: 390px; 
 min-height: 60%; 
 padding-top: 25px; 
 font: normal 14px arial; 
 color: rgb(55,85,158); 
}

.headPhones img {
 vertical-align: middle; 
 margin-right: 5px; 
}

.click2home {
 float: left; 
 position: relative; 
 width: auto; 
 max-width: 33%; 
 min-width: 390px; 
 min-height: 60%; 
 padding-top: 7px; 
 font: normal 32px verdana; 
 text-align: center; 
 color: rgb(55,85,158); 
}

.click2home a, .click2home a:visited, .click2home a:active {
 color: rgb(55,85,158); 
}

.click2home a:hover {
 color: rgb(231,196,128); 
}

.headLangs {
 float: left; 
 position: relative; 
 width: auto; 
 max-width: 33%; 
 min-width: 390px; 
 min-height: 60%; 
 padding-top: 25px; 
 text-align: right; 
 font: normal 14px arial; 
 color: rgb(127,127,127); 
 min-height: 100px; 
}

.mainPicLine {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 max-height: 635px; 
 overflow: hidden; 
}

.topPicHome {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 max-height: 635px; 
}

.mapLine {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 475px; 
 overflow: hidden; 
 background: rgb(240,240,240);
}

.mapLineLocation {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 635px; 
 overflow: hidden; 
 background: rgb(240,240,240);
}

.shadowTop { 
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: 100%; 
 height: 20px; 
}

.menuStick {
 position: absolute; 
 top: 100%; 
 left: 50%; 
 margin-left: -590px; 
 height: 30px; 
 padding-top: 20px; 
 background: white; 
 width: 1180px; 
 z-index: 1000; 
 text-align: center; 
 font: bold 14px verdana; 
 color: rgb(55,85,158); 
}

.menuStickTop {
 position: fixed;
 top: 0px; 
 left: 50%; 
 margin-left: -590px; 
 height: 30px; 
 padding-top: 20px; 
 background: white; 
 width: 1178px; 
 z-index: 1000; 
 text-align: center; 
 font: bold 14px verdana; 
 color: rgb(55,85,158); 
 border-bottom: 1px solid rgb(240,240,240);
 border-left: 1px solid rgb(240,240,240);
 border-right: 1px solid rgb(240,240,240);
}

.menuStick a, .menuStick a:visited, .menuStick a:active, 
.menuStickTop a, .menuStickTop a:visited, .menuStickTop a:active {
 font: normal 14px verdana; 
 color: rgb(55,85,158); 
}

.menuStick a:hover {
  color: rgb(231,196,128); 
}

.menuButton {
 float: left; 
 position: relative; 
 width: auto; 
 height: 20px;
 padding-left: 12px; 
 padding-right: 12px; 
}


.bigPicContainer {
 float: left; 
 position: relative; 
 width: 1500px; 
 height: auto; 
 max-height: 635px; 
 left: 50%; 
 margin-left: -750px; 
 overflow: hidden; 
 text-align: center; 
}

.bookInHome {
 position: absolute; 
 width: 720px; 
 height: auto; 
 padding-top: 60px; 
 padding-bottom: 25px; 
 border: 1px solid rgb(230,230,230); 
 left: 50%; 
 margin-left: -360px; 
 top: 220px; 
 text-align: center; 
 color: rgb(230,230,230); 
 font: normal 36px verdana; 
}


.bookInHome strong {
 font: normal 48px verdana; 
}

.bookFormHome {
 float: left; 
 position: relative; 
 width: 660px; 
 height: 160px; 
 background: rgb(247,247,247); 
 left: 50%; 
 margin-left: -330px; 
 margin-top: 20px; 
}

.bookHomeCapt {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 30px; 
 padding-top: 17px; 
 background: white; 
 border-bottom: 1px solid rgb(239,239,239); 
 text-align: center; 
 font: normal 18px verdana; 
 color: rgb(55,85,158); 
}

.obForm {
 float: left; 
 position: relative;
 width: 585px; 
 height: auto; 
 padding-top: 15px; 
 padding-left: 30px; 
 color: rgb(55,85,158); 
 font: normal 14px verdana; 
 text-align: left; 
}

.obForm input {
 width: 130px; 
 height: 38px; 
 border: 1px solid rgb(160,160,160); 
 background: rgb(247,247,247);
 background-image: url('img/calendar/cal.gif');
 background-repeat: no-repeat;
 background-position: 120px 10px; 
 margin-top: 5px; 
 margin-right: 18px; 
 padding-left: 10px;
 font: normal 16px verdana;
 color: rgb(55,85,158); 
}

.obForm span input, .frameInBigKare .obForm span input {
 width: 260px; 
 height: 55px; 
 background: rgb(231,196,127) url('img/book-arrow.gif') no-repeat center right; 
 border: 1px solid rgb(231,196,127); 
 padding: 0px; 
 margin: 0px; 
 margin-top: 15px; 
 font: normal 18px verdana; 
 text-align: left; 
 padding-left: 30px; 
 color: rgb(55,85,158); 
}

.frameInBigKare .obForm span input {
 width: 295px;  
 padding-left: 40px; 
 margin-left: 4px; 
}

.obForm span input:hover, .frameInBigKare .obForm span input:hover {
 border: 1px solid rgb(55,85,158); 
} 

.pageH1 {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 text-align: center; 
 background: rgb(240,240,240) url('img/h1-top-shad.jpg') repeat-x top left;
 padding-top: 20px; 
 padding-bottom: 20px; 
 font: normal 14px verdana; 
}

.pageH1white { 
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 text-align: center; 
 background: white;
 padding-top: 20px; 
 padding-bottom: 20px; 
} 

.pageH1 h1, .pageH1 h2, .pageH1 h3, .pageH1 h4 {
 margin: 0px; 
 padding: 0px; 
 font: normal 24px verdana; 
 color: rgb(55,85,158); 
}

.pageH1white h1, .pageH1white h2, .pageH1white h3 {
 margin: 0px; 
 padding: 0px; 
 font: normal 24px verdana; 
 color: rgb(55,85,158); 
}

.horSep10px {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 10px; 
 font: normal 1px arial; 
}

.horSep20px {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 20px; 
 font: normal 1px arial; 
}

.homeKare {
 float: left; 
 position: relative; 
 margin-bottom: 20px; 
 margin-left: 10px; 
 margin-right: 10px; 
 width: 370px; 
 height: 290px; 
 overflow: hidden; 
}

.frameInKare {
 float: left; 
 position: relative; 
 width: 275px; 
 height: 220px; 
 border: 1px solid rgb(230,230,230); 
 text-align: center; 
 margin-top: 35px; 
 margin-left: 48px; 
 text-align: center; 
 font: normal 24px verdana; 
 color: rgb(230,230,230); 
}

.frameInKare a, .frameInKare a:visited, .frameInKare a:active {
 color: rgb(230,230,230); 
}
.homeKare:hover a, .homeKare:hover a:visited, .homeKare:hover a:active {
 color: rgb(231,196,128); 
}

.homeKare:hover .frameInKare {
 border: 1px solid rgb(231,196,128); 
}

.homeAboutTXT {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 padding-top: 25px; 
 padding-bottom: 5px; 
 background: rgb(240,240,240); 
 color: rgb(25,25,25); 
 font: normal 14px verdana; 
}

.homeAboutTXT h2 {
 margin: 0px; 
 padding: 0px; 
 font: normal 24px verdana; 
 color: rgb(55,85,158); 
 text-align: center; 
}

.homeAboutTXT h2 img {
 vertical-align: middle; 
}

.moreButton {
 float: left; 
 position: relative; 
 width: auto; 
 min-width: 270px; 
 left: 50%; 
 height: auto;
 text-align: center; 
 padding-top: 15px; 
 padding-bottom: 15px; 
 background: rgb(240,240,240); 
 border: 1px solid rgb(55,85,158); 
 font: normal 14px verdana; 
 cursor: pointer; 
 color: rgb(55,85,158); 
}
.moreButton a:hover {
 color: rgb(55,85,158);
}

.wave100prc {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 50px; 
 background: url('img/wave-100prc.gif') repeat-x center center;
 font: normal 1px arial; 
}

.venusLux {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 padding-top: 25px; 
 padding-bottom: 38px; 
 background: rgb(213,196,127) url('img/venuslux-waves.gif') no-repeat top center; 
 text-align: center; 
 font: normal 24px verdana; 
 line-height: 25px; 
 color: white; 
 border-bottom: 1px solid rgb(247,229,190);
}
.venusLux a, .venusLux a:visited, .venusLux a:active { 
 color: white; 
}
.venusLux a:hover {
 color: rgb(55,85,158); 
} 

.venusBanner {
 float: left; 
 position: relative; 
 width: 1140px; 
 height: 255px; 
 overflow: hidden; 
 left: 50%; 
 margin-left: -570px; 
 margin-top: 15px; 
 text-align: center; 
 padding-top: 40px; 
 font: normal 18px verdana; 
 color: white; 
}

.readMoreGold {
 float: left; 
 position: relative; 
 width: auto; 
 height: 28px; 
 padding-top: 10px; 
 padding-left: 25px; 
 padding-right: 50px; 
 font: normal 14px verdana; 
 background: rgb(213,196,127) url('img/read-more-gold.gif') no-repeat center right; 
 margin-top: 50px; 
 cursor: pointer; 
}

.readMoreGoldNoMarg {
 float: left; 
 position: relative; 
 width: auto; 
 height: 28px; 
 padding-top: 10px; 
 padding-left: 25px; 
 padding-right: 50px; 
 font: normal 14px verdana; 
 background: rgb(213,196,127) url('img/read-more-gold.gif') no-repeat center right; 
 cursor: pointer; 
}

.readMoreGold:hover, .readMoreGoldNoMarg:hover {
 height: 26px; 
 padding-left: 24px; 
 padding-right: 49px; 
 border: 1px solid rgb(55,85,158); 
}
.readMoreGold:hover a, .readMoreGold:hover a:visited, .readMoreGold:hover a:active, 
.readMoreGoldNoMarg a, .readMoreGoldNoMarg a:visited, .readMoreGoldNoMarg a:active {
 color: rgb(55,85,158); 
}

.venusFrame {
 float: left; 
 position: relative; 
 width: auto; 
 height: auto; 
 padding-top: 45px; 
 padding-bottom: 40px; 
 border: 1px solid rgb(230,230,230); 
 width: 500px; 
 padding-left: 6px; 
 padding-right: 6px; 
 left: 50%; 
 margin-left: -256px; 
}

.bigPicBelow {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 60px; 
 overflow: hidden; 
}

.footMenu {
 float: left; 
 position: relative; 
 width: 80%; 
 height: auto; 
 padding-left: 10%; 
 padding-right: 10%; 
 text-align: center; 
 font: normal 12px verdana;
 color: rgb(55,85,158); 
}

.footMenu a, .footMenu strong {
 margin-left: 12px; 
 margin-right: 12px; 
 margin-top: 8px; 
 margin-bottom: 8px; 
}

.footMenu img {
 margin-top: 30px; 
 margin-bottom: 20px; 
}

.locationHome {
 width: 330px; 
 height: auto; 
 min-height: 230px; 
 float: left; 
 position: absolute; 
 border: 30px solid white; 
 background: rgb(213,196,127) url('img/wave-location.gif') no-repeat top center; 
 top: 35px; 
 text-align: center; 
 padding-top: 45px; 
 left: 50%; 
 margin-left: -195px; 
 color: rgb(255,255,255); 
 font: normal 24px verdana;
}

.locationHome li {
 text-align: center; 
 font: normal 14px verdana;
 color: rgb(25,25,25); 
 margin-left: -5px; 
 list-style-type: cirle;
 list-style-position: inside; 
}

.locationHome ul {
 margin-top: 5px; 
 margin-bottom: 5px;
 margin-left: 0px;  
 padding-left: 0px; 
}

.locationHome a, .locationHome a:visited, .locationHome a:active {
 font: normal 14px verdana;
 color: rgb(55,85,158); 
 height: 22px; 
 line-height: 22px; 
 padding-right: 25px; 
 background: url('img/blue-link.jpg') no-repeat center right;
}
.locationHome a:hover {
 color: white; 
}

.frameEBDback {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: 100%; 
 height: 100%; 
 background: rgb(250,250,250); 
 opacity: 0.7; 
}
.frameInKare .flw100 img { 
 opacity: 0.6;
}

.EBDslideContainer {
 float: left; 
 position: relative; 
 width: 255px; 
 margin-left: 10px; 
 height: 140px; 
 margin-top: 10px; 
 overflow: hidden; 
}

.ebdSlide { 
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: 2550px; 
 height: 140px; 
}

.ebdCell {
 float: left; 
 position: relative; 
 width: 255px; 
 height: 140px; 
 text-align: center; 
 color: rgb(55,85,158); 
 line-height: 18px; 
}

.ebdCell strong {
 color: red;
 font: bold 14px verdana; 
}

.ebdCell span {
 font: normal 28px verdana; 
}

.click2home2 {
 position: absolute; 
 top: 5px; 
 left: 10px; 
 height: 30px; 
 padding-top: 12px; 
 width: auto; 
}

.click2home2 img {
 vertical-align: middle; 
 margin-top: -7px; 
}

.bookInPage {
 float: left; 
 position: relative; 
 width: 
}

.realContText {
 font: normal 14px verdana; 
 color: black; 
}

.serviceInList {
 float: left; 
 position: relative; 
 height: auto;
 height: 32px; 
 line-height: 14px; 
 padding-top: 10px; 
 width: 175px; 
 padding-right: 26px; 
 padding-left: 35px; 
 font: normal 14px verdana; 
 color: rgb(102,102,102); 
}

.serviceLikeLi {
 position: absolute; 
 top: 50%; 
 left: 0px; 
 width: 24px;
 height: 24px; 
 margin-top: -12px; 
 font: normal 1px arial; 
 background: rgb(213,196,127);
}


.golbBack {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 padding-top: 25px; 
 padding-bottom: 10px; 
 background: rgb(213,196,127); 
 text-align: center; 
 font: normal 24px verdana; 
 line-height: 25px; 
 color: white; 
 border-bottom: 1px solid rgb(247,229,190);
}

.onGoldSlideContainer {
 float: left; 
 position: relative; 
 width: 1170px; 
 height: 310px; 
 overflow: hidden; 
 left: 50%; 
 margin-left: -585px; 
}

.onGoldSlider {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: 10000px; 
 height: 310px; 
}

.gallThumbsBelt {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: 10000px; 
 height: 220px; 
}

.goldSlideLeftArrow {
 position: absolute; 
 left: 50%; 
 top: 50%; 
 margin-top: -20px; 
 margin-left: -610px; 
 width: 23px; 
 height: 39px; 
 cursor: pointer; 
 background: url('img/arrow-on-gold-L.gif') no-repeat center center;
}

.goldSlideRiteArrow {
 position: absolute; 
 left: 50%; 
 top: 50%; 
 margin-top: -20px; 
 margin-left: 587px; 
 width: 23px; 
 height: 39px; 
 cursor: pointer; 
 background: url('img/arrow-on-gold-R.gif') no-repeat center center;
}

.locationInLocation {
 float: left; 
 position: relative; 
 width: 400px;
 height: auto; 
 padding-right: 20px; 
 padding-top: 10px;
 margin-left: 50px; 
}

.locationInLocation h2, .locationInLocation h3, 
.realContText .locationInLocation h2, .realContText  .locationInLocation h3 {
 margin-top: 0px; 
 font: normal 18px verdana; 
 color: rgb(55,85,158); 
 margin-left: 25px; 
 margin-bottom: 10px; 
}

.aboutResortInLocation {
 float: right; 
 position: relative; 
 width: 570px; 
 padding-left: 30px; 
 padding-right: 30px; 
 padding-top: 10px; 
 padding-bottom: 20px; 
 background: rgb(240,240,240); 
 min-height: 140px; 
 margin-right: 70px; 
}

.aboutResortInLocation h2, .aboutResortInLocation h3, 
.realContText .aboutResortInLocation h2, .realContText .aboutResortInLocation h3 {
 margin-top: 0px; 
 font: normal 18px verdana; 
 color: rgb(55,85,158); 
 margin-left: 0px; 
 margin-bottom: 10px; 
 padding-left: 0px; 
}

.aboutResInShort {
 float: right; 
 position: relative; 
 width: 100%; 
 height: 80px; 
 overflow: auto; 
 font: normal 14px verdana; 
 color: black; 
}

.aboutResortInLocation img {
 vertical-align: middle; 
 margin-left: 10px; 
}

.blueClose {
 position: absolute; 
 top: 0px; 
 left: 100%; 
 margin-left: -45px; 
 width: 45px; 
 height: 45px; 
 background: rgb(55,85,158) url('img/blue-close.gif') no-repeat center center; 
 cursor: pointer; 
}

.whiteClose {
 position: absolute; 
 top: 0px; 
 left: 100%; 
 margin-left: -45px; 
 width: 45px; 
 height: 45px; 
 background: white url('img/white-close.gif') no-repeat center center; 
 cursor: pointer; 
}

.kare1of2 {
 float: left; 
 position: relative; 
 width: 555px; 
 height: 380px; 
 margin-left: 15px; 
 margin-right: 15px; 
}

.kare1of2 .posAbs {
 max-width: 555px; 
 max-height: 380px; 
 overflow: hidden; 
}

.frameInBigKare {
 float: left; 
 position: relative; 
 width: 470px; 
 height: 305px; 
 border: 1px solid rgb(230,230,230); 
 text-align: center; 
 margin-top: 35px; 
 margin-left: 40px; 
 text-align: center; 
 font: normal 24px verdana; 
 color: rgb(230,230,230); 
}

.frameInBigKare a, .frameInBigKare a:visited, .frameInBigKare a:active {
 color: rgb(230,230,230); 
}

.frameInBigKare .readMoreGold {
 margin-top: 10px; 
}

.restNarrowCont {
 float: left; 
 position: relative; 
 width: 590px; 
 height: auto; 
}

.blueLinksRest {
 float: left; 
 position: relative; 
 width: auto; 
 height: 22px; 
 padding-top: 5px; 
 padding-right: 25px; 
 background: url('img/blue-link.gif') no-repeat center right;
 font: normal 14px verdana; 
 color: rgb(55,85,158); 
 cursor: pointer;
}

.blueLinksRest:hover {
 color: rgb(231,196,128); 
}

.golbBack .realContText {
 text-align: left; 
 width: 820px; 
 padding-left: 180px; 
}

.menuKaresContainer {
 float: left; 
 position: relative; 
 width: 1000px; 
 left: 50%; 
 margin-left: -485px; 
 height: 270px; 
 overflow: hidden; 
}

.menuKare {
 float: left; 
 position: relative; 
 width: 220px; 
 margin-right: 30px; 
 height: 270px; 
 overflow: hidden; 
}

.menuKarePic {
 float: left; 
 position: relative; 
 width: 220px; 
 height: 220px; 
 overflow: hidden; 
}

.menuItemName {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 padding-top: 10px; 
 font: normal 12px verdana;
 color: black; 
}

.menuItemFrame {
 float: left; 
 position: relative; 
 border: 1px solid rgb(230,230,230); 
 width: 166px; 
 height: 166px; 
 top: 26px; 
 left: 26px; 
}

.bigPicInGall {
 float: left; 
 position: relative; 
 width: 930px; 
 height: 625px; 
 text-align: center; 
 overflow: hidden; 
 left: 50%; 
 margin-left: -465px; 
}

.galleryInfo {
 float: left; 
 position: relative; 
 width: 930px; 
 height: auto; 
 padding-top: 10px; 
 padding-bottom: 10px; 
 text-align: center; 
 overflow: hidden; 
 left: 50%; 
 margin-left: -465px; 
 font: bold 14px verdana; 
 color: white; 
 text-align: left;
}

.inRbookCaption {
 float: left; 
 position: relative; 
 width: 100%; 
 height:auto; 
 text-align: center; 
 padding-top: 20px; 
 padding-bottom: 15px; 
}

.inRbookCaption h2 {
 margin: 0px; 
 padding: 0px; 
 font: normal 24px verdana; 
 color: rgb(55,85,158); 
}

.frameInBigKare .obForm {
 float: left; 
 position: relative; 
 width: 310px; 
 height: auto; 
 padding-left: 100px; 
}

.frameInBigKare .obForm input {
 width: 250px; 
 height: 38px; 
 border-top: 1px solid rgb(160,160,160); 
 border-left: 1px solid rgb(160,160,160); 
 border-bottom: 1px solid rgb(160,160,160); 
 border-right: 40px solid rgb(160,160,160); 
 background: rgb(247,247,247);
 background-image: url('img/calendar/cal.gif');
 background-repeat: no-repeat;
 background-position: 270px 10px; 
 margin-top: 5px; 
 margin-bottom: 3px; 
 font: normal 16px verdana; 
 color: rgb(55,85,158); 
}

.contactKare {
 float: left; 
 position: relative; 
 width: 250px; 
 height: 120px; 
 border: 2px solid rgb(213,196,128); 
 margin-left: 10px; 
 margin-right: 8px; 
 padding-left: 120px; 
}

.realContText .contactKare h2, .contactKare h2 {
 margin-bottom: 2px; 
 margin-top: 20px; 
 padding: 0px; 
 font: normal 18px verdana; 
 color: rgb(55,85,158); 
}

.coFormCol1 {
 float: left; 
 position: relative; 
 width: 425px; 
 height: auto; 
 font: normal 12px verdana; 
 color: black; 
}

.coFormCol1 input {
 width: 370px; 
 height: 38px; 
 padding-left: 15px; 
 background: white; 
 border: 1px solid rgb(204,204,204); 
 margin-top: 10px; 
 margin-bottom: 12px;
 font: normal 14px verdana; 
 color: rgb(55,85,158); 
}

.coFormCol2 {
 float: left; 
 position: relative; 
 width: 505px; 
 height: auto; 
 font: normal 12px verdana; 
 color: black; 
}

.coFormCol2 textarea {
 width: 455px; 
 height: 215px; 
 padding-left: 15px; 
 background: white; 
 border: 1px solid rgb(204,204,204); 
 margin-top: 10px; 
 margin-bottom: 12px;
 overflow: auto; 
 font: normal 14px verdana; 
 color: rgb(55,85,158); 
}

.coFormCol3 {
 float: right; 
 position: relative; 
 width: 245px; 
 height: auto; 
 font: normal 12px verdana; 
 color: black; 
}

.coFormCol3  input {
 width: 230px; 
 height: 38px; 
 padding-left: 15px; 
 background: white; 
 border: 1px solid rgb(204,204,204); 
 margin-top: 10px; 
 margin-bottom: 12px;
 font: normal 14px verdana; 
 color: rgb(55,85,158); 
}

.coFormCol3  span input {
 width: 245px; 
 height: 40px; 
 padding-right: 50px; 
 font: normal 14px verdana; 
 background: rgb(213,196,127) url('img/read-more-gold.gif') no-repeat center right; 
 cursor: pointer; 
 border: 1px solid rgb(213,196,127); 
} 

.contFormAlerts {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 65px; 
 padding-bottom: 10px; 
 font: bold 14px verdana; 
 color: red; 
}

.mainSubMenu {
 position: absolute; 
 top: 20px; 
 left: 0px; 
 width: 200px; 
 background: rgb(55,85,158); 
 z-index: 2000; 
}

.subMpageLink {
 float: left; 
 position: relative; 
 padding-top: 4px; 
 padding-bottom: 4px; 
 text-align: left;
 padding-left: 15px; 
 width: 170px; 
 height: auto; 
 min-height: 20px; 
 padding-right: 15px; 
 font: bold 14px verdana; 
 color: white; 
}

.subMpageLink a, .subMpageLink a:visited, .subMpageLink a:active {
 color: white; 
 font: normal 14px verdana; 
}
.subMpageLink a:hover {
 color: rgb(231,196,128); 
} 

.docPayOnlineSubmit input {
 width: 260px; 
 height: 55px; 
 background: rgb(231,196,127) url('img/book-arrow.gif') no-repeat center right; 
 border: 1px solid rgb(231,196,127); 
 padding: 0px; 
 margin: 0px; 
 margin-top: 15px; 
 font: normal 18px verdana; 
 text-align: left; 
 padding-left: 30px; 
 color: rgb(55,85,158); 
}

#boosSpepContent1 #findHotelButton input, #boosSpepContent2 #findHotelButton input, 
#boosSpepContent3 #findHotelButton input, #boosSpepContent4 #findHotelButton input   {
 width: 240px; 
 height: 55px; 
 background: rgb(231,196,127) url('img/book-arrow.gif') no-repeat center right; 
 border: 1px solid rgb(231,196,127); 
 padding: 0px; 
 margin: 0px; 
 margin-top: 15px; 
 font: normal 18px verdana; 
 text-align: left; 
 padding-left: 30px; 
 color: rgb(55,85,158); 
 margin-bottom: 20px; 
}

.standRate strong {
 color: rgb(55,85,158); 
}

.standRate span {
 color: rgb(231,196,128); 
}

#boosSpepContent1 #findHotelButton {
 position: absolute; 
 top: 10px; 
 left: 770px; 
 height: auto; 
 width: 24%;
 padding-top: 5px; 
 padding-bottom: 5px; 
}

#boosSpepContent1 .HSavailSelects input {
 width: 160px; 
 height: 38px; 
 border: 1px solid rgb(160,160,160); 
 background: rgb(247,247,247);
 background-image: url('img/calendar/cal.gif');
 background-repeat: no-repeat;
 background-position: 120px 10px; 
 margin-top: 5px; 
 padding-left: 10px;
 font: normal 16px verdana;
 color: rgb(55,85,158); 
}

#boosSpepContent1 {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
}

#boosSpepContent1 .HSstartSearchByDates  {
 float: left; 
 position: relative; 
 width: 70%; 
 padding-left: 5%; 
 height: auto; 
 padding-top: 10px; 
}

#boosSpepContent1 .HSgroupSelect {
 float: left; 
 position: relative; 
 width: 70%; 
 padding-left: 5%; 
 height: auto; 
}

#boosSpepContent1, #boosSpepContent2, #boosSpepContent3, #boosSpepContent4 {
 float: left; 
 position: relative; 
 width: 90%; 
 padding-left: 5%; 
 height: auto; 
}

 #boosSpepContent1 h1,  #boosSpepContent1 h2,  #boosSpepContent1 h3, 
 #boosSpepContent2 h1,  #boosSpepContent2 h2,  #boosSpepContent2 h3, 
 #boosSpepContent3 h1,  #boosSpepContent3 h2,  #boosSpepContent3 h3 {
 text-align: left; 
 margin-bottom: 10px; 
 font: normal 18px verdana; 
}

#boosSpepContent1 .HSpaxSelect select, #boosSpepContent1 .kidAgeSelect select {
 width: 160px; 
 height: 40px; 
 margin: 0px; 
 margin-top: 7px; 
}

#boosSpepContent2 .availListCell5 select {
 width: 50px; 
 height: 25px; 
 margin: 0px; 
 margin-top: 7px; 
}

#boosSpepContent2 .availListCell2 select {
 width: 70px; 
 height: 25px; 
 margin: 0px; 
 margin-top: 7px; 
}

#boosSpepContent2 .availListCell2 {
 float: left; 
 position: relative; 
 text-align: right; 
 width: 16%; 
 padding-right: 4%; 
 height: auto; 
 padding-top: 3px; 
}

#boosSpepContent1 .kidAgeSelect {
 float: left; 
 position: relative; 
 width: 90%; 
 height: auto; 
 text-align: right; 
}

#boosSpepContent1 .HSpax {
 float: left; 
 position: relative; 
 width: 30%; 
 height: auto; 
}

#boosSpepContent1 .HSpaxText, #boosSpepContent1 .HSpaxSelect {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 text-align: right; 
}

#boosSpepContent1 .HSgroupSelectHint, #boosSpepContent1 .HSavailCaption {
 padding-top: 20px; 
 font: bold 14px verdana; 
 color: rgb(55,85,158); 
}

#boosSpepContent2 .HSroomselecttableHeadRow {
 color: rgb(55,85,158); 
 font: bold 14spx verdana;
}

#boosSpepContent2 .HSroomselecttableHeadRow .availListCell2 {
 text-align: center; 
}

#reservClientData select {
 width: 60px; 
 height: 20px; 
 margin: 0px; 
 margin-top: 4px; 
 border: 1px solid rgb(231,196,128); 
}

#reservClientData input {
 width: 170px; 
 padding-left: 10px; 
 height: 20px; 
 margin: 0px; 
 margin-top: 4px; 
 border: 1px solid rgb(231,196,128); 
}

#reservClientData textarea {
 width: 230px; 
 padding-left: 10px; 
 height: 80px; 
 margin: 0px; 
 margin-top: 4px; 
 border: 1px solid rgb(231,196,128); 
}

#bookTCdiv {
 margin-top: 5px; 
 margin-bottom: 10px; 
}

.smallCheckbox {
 float: left; 
 position: relative; 
 width: 100%;
 height: auto; 
}

.smallCheckbox input {
 width: 20px; 
 height: 20px; 
 background: white; 
 border: 1px solid rgb(231,196,128);
}

#boosSpepContent2 .availListCell1 img {
 max-width: 200px; 
 height: auto; 
 font-weight: bold; 
}
#transportSelectDiv {
 width: 100%; 
 float: left; 
 position: relative; 
 padding-right: 230px; 
 padding-bottom: 5px; 
}

#transTypeText, #transTypeDept {
 width: 160px; 
 height: 20px; 
 float: left; 
 position: relative; 
}

#transTypeSelect select  {
 width: 220px; 
 height: 20px; 
 border: 0px; 
 background: white; 
 border: 1px solid rgb(191,162,46);
 margin-bottom: 5px; 
}

.transTypeDeptSelectAjax select {
 width: 220px; 
 height: 20px; 
 border: 0px; 
 background: white; 
 border: 1px solid rgb(191,162,46);
}

#onlineReservSEction {
 float: left; 
 position: relative; 
 width: 100%;
 height: auto; 
 color: black; 
 padding-bottom: 15px; 
}

table.HSroomselecttable {
 width: 100%; 
 background: rgb(205,205,205); 
 color: black; 
}

table.HSroomselecttable tr:hover td {
 background: white; 
}

table.HSroomselecttable tr td {
 vertical-align: top; 
 border-top: 1px solid black;
}

table.HSroomselecttable tr.headBookList td {
 background: white; 
}

table.HSroomselecttable tr td {
 background: rgb(245,245,245); 
}

#reservClientData {
 float: left; 
 position: relative; 
 width: 66%; 
 height: auto; 
}

#reservHotelData {
 float: right; 
 position: relative; 
 width: 33%; 
 height: auto; 
}

.roomselecttable {
 width: 100%; 
}

.roomselecttable td {
 vertical-align: top; 
}

.reservClDataLeft {
 width: 30%; 
}

.roomselecttable td select {
 width: 70px; 
 height: 18px; 
 border: 1px solid rgb(191,162,46);
 background: white; 
 color: black; 
 font: normal 11px arial; 
 margin-right: 3px; 
}

.roomselecttable textarea {
 width: 290px; 
 height: 50px; 
 border: 1px solid rgb(191,162,46); 
 background: white; 
 color: black; 
 font: normal 12px arial; 
}

.roomselecttable input {
 width: 167px; 
 height: 18px; 
 border: 1px solid rgb(191,162,46); 
 background: white; 
 color: black; 
 font: normal 12px arial; 
 margin-bottom: 2px; 
}

.transportInfo {
 padding-top: 5px; 
}

.printBookingLink {
 width: 100%;
 padding-top: 7px; 
 padding-bottom: 7px; 
 font: bold 14px arial; 
 text-align: center; 
}

#findHotelButton {
 float: left; 
 position: relative; 
 height: auto; 
 width: 100%;
 text-align: center;  
 padding-top: 5px; 
 padding-bottom: 5px; 
}
/*
#findHotelButton  input {
 width: 120px;
 height: 50px; 
 border: 1px solid silver;
 background: rgb(200, 240, 200);  
}
*/

table.ratesTableTable {
 border: 1px solid rgb(130,130,130); 
 border-collapse: collapse;
}

table.ratesTableTable  td {
 border: 1px solid rgb(130,130,130); 
 width: 100px; 
}
table.ratesTableTable  tr:hover  td {
  border: 1px solid black; 
  background: rgb(230,230,230); 
  color: black; 
}

table.ratesTableTable tr td.ratesTableHotelName { 
 font: bold 14px arial; 
 color: red; 
 text-transform: uppercase; 
}
td.ratesTableHotelName h2 {
 font: bold 14px arial; 
 color: red; 
}

.ratesTablePeriodHead {
 background: rgb(255,130,0);
}

td.ratesTablePeriodHead pre {
 font: normal 12px arial;
 margin-top: 0px; 
 margin-bottom: 0px; 
}

table td.ratesTableRatePerStay span span {
 font: bold 12px arial;
 color: red;  
}
table td.ratesTableRatePerStay span  {
 font: bold 12px arial;
}

.ratesTableRoomName {
 background: white; 
 font: bold 12px arial;
 color: black; 
}

.ratesTableRoomName span {
 font: normal 11px arial; 
 color: black; 
}

.manualRatesInputs {
 float: left; 
 position: relative; 
 border: 1px solid rgb(191,162,46);
 width: 100%; 
}

.manualRatesInputs  input {
 width: 45px; 
} 

.autoRatesInputs {
 float: left; 
 position: relative; 
 border: 1px solid silver; 
 width: 100%; 
}

.autoRatesInputs  input {
 width: 30px; 
 border: none; 
 background: none; 
 font: normal 12px arial; 
 color: red;
 text-align: right;  
} 

.HSroomexplanation span {
 font: normal 10px verdana; 
}

.warnTxt {
 font: bold 12px arial; 
 color: red; 
} 

.blockStayRow {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 margin-bottom: 7px; 
 background: rgb(240,240,240); 
}

.blockStayRow:hover {
 background: white; 
}

.blockStayCell {
 float: left; 
 position: relative; 
 height: auto; 
 padding-left: 2px; 
 padding-top: 2px; 
 padding-bottom: 2px; 
}

div.closeAllrates {
 position: absolute; 
 top: 0px; 
 left: 150px; 
 font: bold 12px arial; 
 border: 1px solid silver; 
}

.ratesIn {
 float: left; 
 position: relative; 
 width: 140px; 
 height: auto; 
}

.ratesPerDayFrameBS {
 position: absolute; 
 width: 160px; 
 height: auto; 
 top: 0px;
 left: 0px; 
 visibility: hidden; 
 background: white; 
 border: 1px solid silver; 
 font: normal 10xp arial; 
 padding: 5px;
 z-index: 4000; 
 
}

.hotelAdminLinks {
 float: left; 
 position: relative; 
 width: 14%; 
 height: auto; 
 padding-right: 1%; 
 padding-left: 1%; 
 padding-bottom: 10px; 
 font: normal 12px arial; 
 border-right: 1px solid silver; 
 padding-top: 40px; 
 background: white url('img/img-common/HOLBS.gif') no-repeat top left; 
 color: rgb(30,30,30); 
}

.hotelAdminLinks a, .hotelAdminLinks a:visited, .hotelAdminLinks a:active {
 color: rgb(60,173,213); 
}

.hotelAdminLinks a:hover {
 color: black; 
}

.hotelAdminLinks .flwA h1 {
 font: bold 16px arial; 
 color: black; 
 padding: 0px; 
 margin-bottom: 10px; 
}

.hotelAdminLinks .flw100 .flwA  h2 {
 font: bold 16px arial; 
 color: black; 
 padding: 0px; 
 margin-bottom: 5px; 
}

.hotelAdminLinks .flw100  .flwA h3 {
 font: bold 16px arial; 
 color: black; 
 padding: 0px; 
 margin-bottom: 5px; 
}

.hotelManagementRight {
 float: left; 
 position: relative; 
 width: 82%; 
 height: auto; 
 padding-left: 1%; 
}

.hotelAdminLinks li {
 margin: 0px; 
 padding: 0px; 
 padding-bottom: 1px;  
 list-style-type: none; 
}

.HSgroupSelect {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
}

.HSpax {
 float: left; 
 position: relative; 
 width: 30%; 
 height: auto; 
 text-align: right; 
}

.kidAgeSelect {
 float: left; 
 position: relative; 
 width: 50%; 
 height: auto; 
}

.HSpaxText, .HSgroupSelectText {
 float: left; 
 position: relative; 
 width: auto; 
 height: auto; 
 text-align: right; 
}

.HSpaxSelect {
 float: left; 
 position: relative; 
 width: 110px; 
 height: auto; 
 padding-bottom: 10px; 
}

.HSavailCaption, .HSgroupSelectHint {
 float: left; 
 position: relative;
 width: 30%; 
 height: auto; 
}

.HSpaxSelect select {
 width: 100px; 
 height: 25px; 
 border: 1px solid rgb(191,162,46);
 background: white;
 margin-left: 10px; 
}

.bookStepNumberIn {
 float: left; 
 position: relative; 
 width: 25%; 
 height: auto; 
 padding: 10px; 
 min-height: 60px; 
 font: normal 14px arial; 
 border-left: 1px solid rgb(191,162,46); 
 border-right: 1px solid rgb(191,162,46); 
 border-top: 1px solid rgb(191,162,46); 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
}

.bookStepNumber, .bookStepNumberClick {
 float: left; 
 position: relative; 
 width: 25%; 
 height: auto; 
 padding: 10px; 
 min-height: 60px; 
 font: normal 14px arial; 
 border-bottom: 1px solid rgb(191,162,46); 
 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 
}

.bookStepNumberClick {
 cursor: pointer; 
}

@media screen and (max-width: 600px) {
	.bookStepNumber, .bookStepNumberIn, .bookStepNumberClick {
	 width: 50%; 	
	 padding: 5px; 
	} 
} /* media */

@media screen and (max-width: 390px) {
	.bookStepNumber, .bookStepNumberIn, .bookStepNumberClick {
	 width: 100%; 	
	} 
} /* media */


.bookStepDigit {
 float: left; 
 position: relative; 
 width: 20%; 
 height: auto; 
 text-align: center; 
 font: bold 28px arial; 
}

.bookStepText {
 float: left; 
 position: relative; 
 width: 70%; 
 padding-right: 10%; 
 height: auto; 
 font: normal 14px arial; 
 padding-bottom: 10px; 
}

.HSroomselecttableHeadRow {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
}

.availListCell1, .availListCell2, .availListCell3, .availListCell4, .availListCell5 {
 float: left; 
 position: relative; 
 width: 19%; 
 padding-right: 1%; 
 height: auto; 
 padding-top: 3px; 
}

.availListCell1 span span {
 font: normal 11px arial; 
}

#onlineReservSEction .HOLBSavailListRow .availListCell5  input {
 width: 25px; 
 height: 25px; 
 border: 1px solid rgb(191,162,46); 
 background: transparent; 
}

.HSavailSelects {
 float: left; 
 position: relative; 
 width: 30%; 
 padding-bottom: 2px; 
 text-align: right; 
}


.availListCell3 span {
 font-size: 14px;
 font-weight: bold; 
}

.availListCell2 strong {
 font-weight: bold; 
 color: red; 
}

.availListCell2 select, .availListCell5 select {
 border: 1px solid rgb(191,162,46);
}

.rackRate {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto;
 min-height: 28px; 
 padding-bottom: 10px; 
 line-height: 12px; 
 font-size: 100%;
}

.standRate {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto;
 min-height: 28px; 
 padding-bottom: 10px; 
 line-height: 12px; 
 font-size: 90%;
}

.HOLBSavailListRow {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 padding-bottom: 4px; 
 padding-top: 3px; 
 border-bottom: 1px solid silver; 
}

.addPackRow {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 padding-bottom: 3px; 
 border-top: 1px dotted silver; 
}

.addPackRow:hover {
 background: rgb(240,240,240); 
}

.HSaddPack {
 float: left; 
 position: relative; 
 font-weight: bold; 
 width: 59%; 
 height: auto; 
 padding-right: 1%; 
}


.availListPackPrice  {
 float: left; 
 position: relative; 
 font-weight: normal; 
 width: 19%; 
 padding-right: 1%; 
 height: auto; 
}

@media screen and (max-width: 300px) {
 .HSaddPack, .availListPackPrice {
  width: 98; 
  padding-right: 2%; 
 }
}

#alertsBeforeButton {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 font: bold 14px arial; 
 color: red; 
}

#bookTCdiv {
 float: left; 
 position: relative; 
 width: 90%; 
 padding-left: 5%; 
 padding-right: 5%; 
 height: 100px; 
 font: normal 12px arial; 
 overflow: auto; 
}

.transSelectRow {
 float: left; 
 position: relative; 
 width: 24%; 
 height: auto; 
 padding-right: 1%; 
}

.transSelectExpl {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 min-height: 33px; 
 padding-top: 4px; 
 padding-bottom: 3px; 
 background: white; 
 font: bold 12px arial; 
}

.transSelectSelect {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 40px; 
 padding-top: 4px; 
 padding-bottom: 3px; 
 background: rgb(230,230,230); 
 font: normal 12px arial; 
}

.detailedTransOn { 
 float: left;
 position: relative; 
 width: 75%; 
 height: auto; 
}

.allTransSelects {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
}

.allTransSelects .detailedTransOn .transSelectRow {
 width: 33%; 
 padding-right: 0.33%; 
}

#availTable {
 font: normal 10px arial; 
 border: 1px solid rgb(120,120,120); 
}
#availTable tr td { 
 border: 1px solid rgb(120,120,120);
 padding: 1px; 
 margin: 0px; 
}

.roomNameHotelTable {
 background: orange;
 color: black;
 font: bold 10px arial;
}

#availTable tr:hover {
 background: silver; 
}

.posAbsSmallShow {
 position: absolute; 
 background: white; 
 width: 200px; 
 height: auto; 
 padding: 5px; 
 font: normal 11px arial; 
 color: black; 
 z-index: 99999; 
}

.flwSsmallInput {
 float: left; 
 position: relative; 
 width: 25%; 
 height: auto;  
}

.packSelectName {
 width: auto; 
 font-weight: bold; 
}

.packSelectName {
 font: bold 12px arial; 
}

.simpleAvailDayCol, .simpleAvailDayColOn {
 float: left; 
 position: realtive; 
 width: 30px; 
}

.simpleAvailDate {
 float: left; 
 position: realtive; 
 width: 26px;
 height: 48px; 
 background: white; 
 color: black; 
 text-align: center; 
 border: 1px solid silver; 
 font: normal 12px arial; 
}

.simpleAvailDateWKND {
 float: left; 
 position: realtive; 
 width: 26px;
 height: 48px; 
 background: white; 
 color: red; 
 text-align: center; 
 border: 1px solid silver; 
 font: normal 12px arial; 
}

.simpleAvailDate span, .simpleAvailDateWKND span {
 font: bold 14px arial; 
}

.sipleAvailStopSale {
 float: left; 
 position: realtive; 
 width: 28px;
 height: 28px; 
 background: red; 
 color: white; 
 text-align: center; 
 border: 1px solid silver; 
}

.sipleAvailOK {
 float: left; 
 position: realtive; 
 width: 28px;
 height: 28px; 
 background: green; 
 color: white; 
 text-align: center; 
 border: 1px solid silver; 
}

.sipleAvailNotAvail {
 float: left; 
 position: realtive; 
 width: 28px;
 height: 28px; 
 background: red; 
 color: black; 
 text-align: center; 
 border: 1px solid silver; 
}

.sipleAvailOverbook {
 float: left; 
 position: realtive; 
 width: 28px;
 height: 28px; 
 background: yellow; 
 color: black; 
 text-align: center; 
 border: 1px solid silver; 
}

.simpleAvailRoomName {
 float: left; 
 position: realtive; 
 width: 100%; 
 height: 28px; 
 border: 1px solid silver; 
 font: normal 12px arial; 
 color: black; 
 background: white; 
}

.simpleAvailRoomNamesCol {
 float: left; 
 position: relative; 
 width: 10%; 
 padding-top: 50px; 
}

.simpleAvailSlideLeft {
 position: absolute; 
 width: 50%; 
 top: 0px; 
 left: 0px; 
 height: 40px; 
 padding-top: 10px; 
 text-align: center; 
 font: normal 24px arial; 
 cursor: pointer; 
 color: black; 
}

.simpleAvailSlideRight {
 position: absolute; 
 width: 50%; 
 top: 0px; 
 left: 50%; 
 height: 40px; 
 padding-top: 10px; 
 text-align: center; 
 font: normal 24px arial; 
 cursor: pointer; 
 color: black; 
}

.simpleAvailDatesBeltContainer {
  float: left; 
  position: relative; 
  width: 90%; 
  overflow: hidden; 
  margin-bottom: 10px; 
}

.simpleAvailDatesBelt {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: 15000px; 
}

.simpleAvailDayCol:hover .sipleAvailStopSale, .simpleAvailDayColOn .sipleAvailStopSale{
 background: rgb(155,0,0); 
}

.simpleAvailDayCol:hover .sipleAvailOK, .simpleAvailDayColOn .sipleAvailOK {
 background: rgb(0,155,0); 
}

.simpleAvailDayCol:hover .sipleAvailNotAvail, .simpleAvailDayColOn .sipleAvailNotAvail{
 background: rgb(155,0,0); 
}
.simpleAvailDayCol:hover .simpleAvailDate, .simpleAvailDayColOn .simpleAvailDate, 
.simpleAvailDayCol:hover .simpleAvailDateWKND, .simpleAvailDayColOn .simpleAvailDateWKND {
 background: yellow; 
}

.HSstartSearchByDates {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 padding-top: 10px; 
}

.hotelAlerter {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 font: bold 12px arial; 
 color: red; 
}

.aboveInfoInfoHOLBS {
 float: left; 
 position: relative; 
 width: 90%; 
 height: 90%; 
 padding: 5%;
 overflow: auto; 
 font: normal 12px arial; 
 color: black; 
}

.aboveInfoHOLBSOn {
 position: fixed; 
 top: 5%; 
 left: 50%; 
 margin-left: -300px; 
 width: 600px; 
 height: 90%; 
 z-index: 99999; 
 background: white; 
 border: 1px solid silver; 
}

.clearDatesButton {
 position: absolute; 
 top: -40px; 
 left: 80%; 
 width: 20%; 
 height: auto; 
 text-align: right; 
}

.closeHOLBSaboveInfo {
 width: 30px; 
 height: 30px; 
 cursor: pointer; 
 font: normal 26px arial; 
 background: white; 
 border: 1px solid silver;
 text-align: center; 
 position: absolute; 
 left: 100%; 
 color: black; 
 top: 0px; 
 margin-left: -30px; 
 z-index: 999999;  
}

.clearDatesButton input {
 width: 120px;
 height: 30px; 
 border: 1px solid rgb(191,162,46);
 background: rgb(200, 240, 200);  
}

.fieldsInWalkIn {
 float: left; 
 position: relative; 
 width: 80%; 
 height: auto; 
 font: normal 18px arial; 
 color: black; 
}

.priceInWalkIn {
 position: relative; 
 float: right; 
 width: 19%; 
 font: bold 24px arial; 
 color: red; 
}

.HOLBSrowBelow {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 3px; 
 background: white; 
 font: normal 1px arial; 
 margin-top: 5px; 
 margin-bottom: 5px; 
}


.minStayContainer {
 float: left; 
 position: relative; 
 width: 100%; 
 min-height: 20px; 
 height: auto; 
}

.availCell5responsive {
 display: none; 
}
 
.addPackCheckboxCell {
 width: 20%; 
} 

.addPackCheckboxCell a {
 cursor: pointer; 
}
 
@media screen and (max-width: 550px) {
	 .availListCell1, .availListCell2, .availListCell5, .addPackCheckboxCell {	 
	 width: 98%; 
	 padding-right: 2%; 
	}
	.availListCell3, .availListCell4 {
	 width: 49%; 
	 padding-right: 1%; 
	}
	.HSroomselecttableHeadRow {
	 display: none; 
	}	
	.availCell5responsive {
	 display: inline; 
	 float: left; 
	 width: auto; 
	 height: auto; 
	 padding-right: 5px; 
	}
	.HSavailCaption, .HSgroupSelectHint {
	 text-align: left; 
	 width: 99%; 
	 padding-bottom: 10px; 
	}
	.HSavailSelects, .HSpax {
	 width: 70%; 
	 padding-right: 30%; 
	 padding-bottom: 10px; 
	 text-align: right; 
	}
	.HSpaxSelect {
	 float: right; 
	}
	.HSpaxText {
	 float: left; 
	}
}

@media screen and (max-width: 600px) {
	#reservClientData {
	 width: 100%; 
	 height: auto; 
	}

	#reservHotelData {
	 float: left; 
	 position: relative; 
	 width: 100%; 
	 height: auto; 
	}
}
/* rates table with new START of styles */

.rates2015row {
 width: 100%; 
}

.rates2015headRow {
  width: 100%; 
}

.rates2015DateSell {
 width: 20%; 
 min-height: 10px; 
}

.rates2015AllRateCells {
 width: 80%;
}

.rate2015priceCell {
 min-height: 10px; 
}

.allRatesLoadPlace {
 width: 96%; 
 padding-left: 2%; 
 padding-right: 2%; 
 padding-top: 10px; 
 padding-bottom: 10px; 
 display: none; 
}

.rates2015detailedAdult, .rates2015detailed  {
 width: 33%; 
 padding-top: 5px; 
 padding-bottom: 5px; 
}

.icAvail {
 width: 100%; 
 padding-top: 5px; 
}

.showHideAddPacks {
 float: right; 
 cursor: pointer; 
 padding-bottom: 3px; 
}

.addPack2roomName {
 padding-bottom: 3px; 
}

/* rates table with new START of styles */

.HOLBS_sameRoomDiffPerople {
 width: 90%; 
 padding-left: 5%; 
 padding-right: 5%; 
 padding-top: 5px; 
 padding-bottom: 5px; 
 margin-top: 10px; 
 cursor: pointer; 
}

.roomTypeCaptStep3 {
 width: 100%; 
}

/* rates table with new START of styles */

.price2nd { 
 font-size: 0.8em; 
 padding-top: 4px; 
}

.holbs_margins {
 margin-bottom: 3px; 
}

.holbs_margins_val {
 width: 5%; 
 padding: 3px 1%; 
 background: white; 
 margin-right: 1%; 
 text-align: center; 
 float: left; 
 position: relative; 
 min-height: 30px; 
 font: normal 12px arial; 
 color: black; 
}

.holbs_margins_name, .holbs_margins_type, .holbs_margins_date {
 width: 12%; 
 padding: 3px 1%; 
 margin-right: 1%; 
 background: white; 
 float: left; 
 position: relative;  
 min-height: 30px; 
 font: normal 12px arial; 
 color: black; 
}


.calendarDivInPage {
 width: 250px; 
 background: white; 
 z-index: 1000; 
 display: none; 
 font: normal 12px arial; 
 color: black; 
 height: auto; 
 position: absolute; 
 margin-top: -10px; 
 border: 1px solid silver;
}

.calendarprevNext, .calendarYear {
 width: 100%; 
 float: left; 
 text-align: center;
 padding-top: 2px; 
 padding-bottom: 2px; 
 font: bold 14px arial; 
 color: rgb(78,190,212);
 height: auto; 
}

.calendarprevNext a, .calendarprevNext a:visited, .calendarprevNext a:active {
 color: rgb(78,190,212);
}

.ajCalDay {
 width: 13%; 
 height: auto; 
 margin-left: 1%; 
 padding-top: 1px; 
 padding-bottom: 1px; 
 margin-top: 1px; 
 float: left; 
 text-align: right; 
 position: relative; 
 font: normal 12px arial; 
}

.ajCalDayLink {
 width: 13%; 
 height: auto; 
 margin-left: 1%; 
 padding-top: 1px; 
 padding-bottom: 1px; 
 float: left; 
 text-align: right; 
 margin-top: 1px; 
 position: relative; 
 background: rgb(78,190,212); 
 font: normal 12px arial; 
 cursor: pointer; 
 color: white; 
}
.ajCalDayLink a, .ajCalDayLink a:active, .ajCalDayLink a:visited {
 color: white; 
}

.ajCalDayLinkSlctd {
 width: 13%; 
 height: auto; 
 margin-left: 1%; 
 padding-top: 1px; 
 padding-bottom: 1px; 
 margin: 1px; 
 float: left; 
 text-align: right; 
 position: relative; 
 margin-top: 1px; 
 background: gold; 
 font: normal 12px arial; 
}

.calendarDivDirect {
 width: 160px; 
 background: white; 
 display: block; 
 font: normal 12px arial; 
 color: black; 
 height: auto; 
 float: left; 
 position: relative; 
}

.ajcalRow {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
}

.calendarPrevMonLink {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: 25%; 
 height: auto; 
 font: bold 14px arial; 
 text-align: center; 
 text-align: center; 
 border: 1px solid silver; 
 cursor: pointer;
 background: rgb(230,230,230); 
 color: rgb(78,190,212);
}

.calendarNextMonLink {
 position: absolute; 
 top: 0px; 
 left: 75%; 
 width: 25%; 
 height: auto; 
 font: bold 14px arial; 
 text-align: center; 
 text-align: center; 
 border: 1px solid silver; 
 cursor: pointer;
 background: rgb(230,230,230); 
 color: rgb(78,190,212);
}
.calendarDivInPage {
 width: 250px; 
 background: white; 
 z-index: 1000; 
 display: none; 
 font: normal 12px arial; 
 color: black; 
 height: auto; 
 position: absolute; 
 margin-top: -10px; 
 border: 1px solid silver;
}

.calendarprevNext, .calendarYear {
 width: 100%; 
 float: left; 
 text-align: center;
 padding-top: 2px; 
 padding-bottom: 2px; 
 font: bold 14px arial; 
 color: rgb(78,190,212);
 height: auto; 
}

.calendarprevNext a, .calendarprevNext a:visited, .calendarprevNext a:active {
 color: rgb(78,190,212);
}

.ajCalDay {
 width: 13%; 
 height: auto; 
 margin-left: 1%; 
 padding-top: 1px; 
 padding-bottom: 1px; 
 margin-top: 1px; 
 float: left; 
 text-align: right; 
 position: relative; 
 font: normal 12px arial; 
}

.ajCalDayLink {
 width: 13%; 
 height: auto; 
 margin-left: 1%; 
 padding-top: 1px; 
 padding-bottom: 1px; 
 float: left; 
 text-align: right; 
 margin-top: 1px; 
 position: relative; 
 background: rgb(78,190,212); 
 font: normal 12px arial; 
 cursor: pointer; 
 color: white; 
}
.ajCalDayLink a, .ajCalDayLink a:active, .ajCalDayLink a:visited {
 color: white; 
}

.ajCalDayLinkSlctd {
 width: 13%; 
 height: auto; 
 margin-left: 1%; 
 padding-top: 1px; 
 padding-bottom: 1px; 
 margin: 1px; 
 float: left; 
 text-align: right; 
 position: relative; 
 margin-top: 1px; 
 background: gold; 
 font: normal 12px arial; 
}

.calendarDivDirect {
 width: 160px; 
 background: white; 
 display: block; 
 font: normal 12px arial; 
 color: black; 
 height: auto; 
 float: left; 
 position: relative; 
}

.ajcalRow {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
}

.calendarPrevMonLink {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: 25%; 
 height: auto; 
 font: bold 14px arial; 
 text-align: center; 
 text-align: center; 
 border: 1px solid silver; 
 cursor: pointer;
 background: rgb(230,230,230); 
 color: rgb(78,190,212);
}

.calendarNextMonLink {
 position: absolute; 
 top: 0px; 
 left: 75%; 
 width: 25%; 
 height: auto; 
 font: bold 14px arial; 
 text-align: center; 
 text-align: center; 
 border: 1px solid silver; 
 cursor: pointer;
 background: rgb(230,230,230); 
 color: rgb(78,190,212);
}
.realContText p, .realContText td
{
 font: normal 14px verdana; 
 color: RGB(25,25,25);
 line-height: 16px; 
}

a, a:visited,  a:active {
 text-decoration: none;
 color: rgb(55,85,158); 
}

a:hover {
 text-decoration: none; 
 color: rgb(231,196,128); 
}

a img {
 border: 0; 
}

.realContText p, .realContText td p  {
 padding-top: 0px; 
 margin-top: 10px; 
}

.realContText h1, .realContText td h1 {
 margin: 0px; 
 padding: 0px; 
 font: normal 24px verdana; 
 color: rgb(55,85,158); 
}

.realContText h2, .realContText td h2 {
 margin: 0px; 
 padding: 0px; 
 font: normal 24px verdana; 
 color: rgb(55,85,158); 
}

.realContText h3, .realContText td h3 {
 margin: 0px; 
 padding: 0px; 
 font: normal 24px verdana; 
 color: rgb(55,85,158); 
}

.realContText h4, .realContText td h4 {
 font: normal 14px verdana; 
 color: rgb(55,85,158); 
 margin: 0px; 
 padding: 0px; 
}

.realContText h5, .realContText td h5 {
 font: normal 14px verdana; 
 color: rgb(207,3,14); 
 margin: 0px; 
 padding: 0px; 
}


.realContText h6, .realContText td h6 {
 font: normal 12px verdana; 
 margin-bottom: 5px;
 margin-top: 0px;
}

.realContText ul {
 margin-top: 5px; 
 margin-bottom: 5px;
 margin-left: 0px;  
 padding-left: 0px; 
}

.realContText li {
 font: normal 14px verdana;
 color: rgb(25,25,25); 
 margin-left: -5px; 
 list-style-type: cirle;
 list-style-position: inside; 
}

.realContText a, .realContText a:visited, .realContText a:active {
 text-decoration: none; 
}