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

.flw10 { width: 10%; }
.flw15 { width: 15%; }
.flw20 { width: 20%; }
.flw25 { width: 25%; }
.flw30 { width: 30%; }
.flw33 { width: 33%; }
.flw40 { width: 40%; }
.flw50 { width: 50%; }
.flw60 { width: 60%; }
.flw66 { width: 66%; }
.flw67 { width: 67%; }
.flw70 { width: 70%; }
.flw80 { width: 80%; }
.flw85 { width: 85%; }
.flw90 { width: 90%; }
.flw100 { width: 100%; }

.flw100, .flw50, .flw30, .flw33, .flw15, .flw25, .flw66, .flw60, .flw70, .flw20, .flw80, .flw10, .flw40, .flw67, .flw90, .flw85, .docSheet {
 float: left; 
 position: relative; 
 height: auto; 
}

@media screen and (max-width: 480px) {	
	.flw50, .flw30, .flw33, .flw15, .flw25, .flw66, .flw60, .flw70, .flw20, .flw80, .flw10, .flw40, .flw67, .flw90, .flw85 {
	 width: 100%; 
	 min-height: 1px; 
	}
}

.flw100center {
 text-align: center; 
 width: 100%; 
 float: left; 
 position: relative; 
}

.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; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.realContText {
 width: 100%; 
}

.bordRed {
 border: 1px solid red; 
}

.cursPoint { 
 cursor: pointer; 
}

.upcase { 
 text-transform: uppercase; 
}

.anycase { 
 text-transform: none; 
}

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

.font-bold { font-weight: bold; }

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

.text-left {
 text-align: left; 
}
/* 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); }

.doc_user_row.doc_paid_row .docCell { background: rgba(100,255,100,0.4); }
.doc_user_row.doc_unpaid_row .docCell { background: rgba(255,100,100,0.4); }

@media screen and (max-width: 440px) {	
 .docCell { width: 100%; min-height: 10px; border-bottom: 2px solid white; }
 .doc_user_row { margin-top: 10px; }
 .doc_user_head_row { display: none; }
}

.overauto { overflow: auto; }

.bord-box { 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
}

/* select period control - START */

.selectPeriod {
 display: inline-block; 
 width: 16px; 
 height: 16px; 
}

.selectPeriodSubM {
 display: block!important; 
 top: -2px; 
 left: 0px; 
 margin: 0px; 
 border: 1px dotted silver;
 background: white; 
 z-index: 20; 
 background: white; 
 position: absolute!important; 
}

.selectPeriodLink {
 min-width: 180px; 
 padding: 5px; 
 border-bottom: 1px dotted silver;
 background: white; 
 z-index: 30;
 font-size: 11px; 
}

.selectPeriodLink:hover { background: rgb(235,235,235); }

/* select period control - END */

.padTop5 { padding-top: 5px; }
.padTop10 { padding-top: 10px; }
.padTop20 { padding-top: 20px; }
.padTop30 { padding-top: 30px; }
.padTop40 { padding-top: 40px; }
.padTop50 { padding-top: 50px; }
.padTop60 { padding-top: 60px; }
.padTop70 { padding-top: 70px; }
.padTop80 { padding-top: 80px; }
.padTop90 { padding-top: 90px; }
.padTop100 { padding-top: 100px; }

.margTop5 { margin-top: 5px; }
.margTop10 { margin-top: 10px; }
.margTop20 { margin-top: 20px; }
.margTop30 { margin-top: 30px; }
.margTop40 { margin-top: 40px; }
.margTop50 { margin-top: 50px; }
.margTop100 { margin-top: 100px; }

.padBot5 { padding-bottom: 5px; }
.padBot10 { padding-bottom: 10px; }
.padBot20 { padding-bottom: 20px; }
.padBot30 { padding-bottom: 30px; }
.padBot40 { padding-bottom: 40px; }
.padBot50 { padding-bottom: 50px; }
.padBot60 { padding-bottom: 60px; }
.padBot70 { padding-bottom: 70px; }
.padBot80 { padding-bottom: 80px; }
.padBot90 { padding-bottom: 90px; }
.padBot100 { padding-bottom: 100px; }

.margBot5 { margin-bottom: 5px; }
.margBot10 { margin-bottom: 10px; }
.margBot20 { margin-bottom: 20px; }
.margBot30 { margin-bottom: 30px; }
.margBot40 { margin-bottom: 40px; }
.margBot50 { margin-bottom: 50px; }
.margBot100 { margin-bottom: 100px; }

/* MULTY SELECT - START */

.multySelectValues {
 border: 1px solid silver; 
 min-height: 12px; 
 height: auto; 
 width: 100%; 
 background: white;
 color: rgb(30,30,30); 
 margin-bottom: 3px; 
 text-align: left!important; 
}

.multSelectIn { 
 width: 100%; font-size: 11px; color: black; min-height: 16px; float: left; position: relative; 
 background: white url('img/img-common/point-bot-blue.gif') no-repeat center right; 
 padding: 4px 20px 4px 5px; 
}

.multSelectSubs { 
 position: absolute; 
 top: 16px; 
 background: white; 
 color: rgb(30,30,30); 
 border-left: 1px solid silver; 
 border-right: 1px solid silver; 
 border-bottom: 1px solid silver; 
 width: 100%; 
 left: 0px; 
 max-height: 250px; 
 overflow: auto; 
 z-index: 999999; 
 padding: 5px; 
 text-align: left!important; 
}

.multSelectSubs input { width: auto!important; display:inline-block; height: auto!important; padding-right: 3px;  }

/* MULTY SELECT - END */

/* TRANSITIONS */
.trans02 {
 transition: 0.2s;
 -webkit-transition: 0.2s;
}
.trans05 {
 transition: 0.5s;
 -webkit-transition: 0.5s;
}

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

.loadIndicator { width: 100%; height: 14px; border: 1px solid black; background: white; margin-top: 5px; margin-bottom: 5px;  } 
.loadStatus { position: absolute; top: 0px; left: 0px; width: 0%;  height: 14px; 
 background: rgb(100,255,100) url('javascript/ajax-loader.gif') no-repeat center center;
 background-size: auto 100%; 
}

.streamFileName { width: 100%; color: green; margin-top: 2px; margin-bottom: 2px; }

.smallLoader { 
 background-color: rgb(240,240,240);
 background-image: url('javascript/ajax-loader.gif');
 background-size: 15px 15px;
 background-position: center center;
 background-repeat: no-repeat; 
 
}

.OKresult { 
 color: rgb(0,155,0); 
 background: white; 
 padding: 2px; 
 margin-bottom: 3px; 
}

.bord20prc { border: 1px solid rgba(155,155,155,0.3); 
 float: left; 
 position: relative; 
 width: 20%; 
 height: auto; 
 min-height: 3px; 
}

.bord80prc { border: 1px solid rgba(155,155,155,0.3); 
 float: left; 
 position: relative; 
 width: 80%; 
 height: auto; 
 min-height: 3px; 
}

.invalid, input.invalid, select.invalid, textarea.invalid {
 -webkit-box-shadow: 0px 0px 3px 3px rgb(255,0,0,0.6);
 -moz-box-shadow: 0px 0px 3px 3px rgb(255,0,0,0.6);
 box-shadow: 0px 0px 3px 3px rgb(255,0,0,0.6);
 -webkit-transition:  0.3s; /* Safari */
 transition: 0.3s;
}

.alertBlur {
 width: 100%; 
 height: 100%; 
 position: fixed; 
 top: 0px; 
 left: 0px; 
 display: none; 
 background: rgba(0,0,0,0.7); 
 z-index: 999999; 
}

.alertInBlur {
 left: 50%; 
 margin-left: -220px; 
 width: 400px; 
 top: 50%;
 margin-top: -100px; 
 position: fixed; 
 padding: 20px; 
 background: white; 
 color: red; 
 border: 1px solid rgb(51,51,51); 
 border-radius: 10px; 
 z-index: 1000000; 
}

.alertClose {
 position: absolute; 
 top: 0px; 
 left: 100%; 
 margin-left: -20px;
 margin-top: -10px; 
 width: 30px; 
 height: 30px; 
 border-radius: 15px; 
 font-weight: bold; 
 color: white; 
 background: rgb(51,51,51); 
 cursor: pointer; 
 text-align: center; 
 font-size: 18px; 
 line-height: 18px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 padding-top: 6px; 
  -webkit-transition:  0.4s; /* Safari */
 -moz-transition: 0.4s; 
 transition: 0.4s;
}
.alertClose:hover { background: rgb(127,127,127); }

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

@media screen and (max-width: 440px) {	
 .alertInBlur { left: 5%; width: 80%; padding: 10px 5%; margin-left: 0px; margin-top: -130px; }
}

.mailValidity { position: absolute; top: 100%!important; left: 0px!important; font-size: 11px; margin-top: -12px; line-height: 11px; }

.loadAboveMain { 
 display: none; 
 position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; padding-top: 0px; padding-bottom: 0px; Z-INDEX: 9999999;
 background: rgba(0,0,0,0.4); 
 text-align: center; 
 z-index: 99999; 
}

.loadAboveIn {
 display: inline-block; float: none; text-align: left; 
 overflow: hidden; width: calc(100% - 40px); height: calc(100% - 20px); margin-top: 10px; 
 z-index: 99999;
 max-width: 1300px; 
 background: white url('javascript/ajax-loader.gif') no-repeat center center; 
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 border-radius: 10px; 		  
 -webkit-box-shadow: 0px 0px 3px 3px rgb(0,0,0.6);
 -moz-box-shadow: 0px 0px 3px 3px rgb(0,0,0,0.6);
 box-shadow: 0px 0px 3px 3px rgb(0,0,0,0.6);	  
 -webkit-overflow-scrolling: touch;  
}

.loadAboveIn .loadAboveIn {
 width: calc(100% - 40px); height: calc(100% - 40px); margin-top: 10px; 
}

.loadAboveIn.loadAboveWhite {
 background-color: white; 
 background-image: none!important; 
 overflow-y: auto!important; 
 padding: 10px; 
}

.loadAboveIn iframe {
 -webkit-overflow-scrolling: touch!important;  
 overflow: scroll!important; 
 max-width: 100%; 
 border: none; 
}

.loadAboveClose {
 position: fixed; top: 7px; left: 100%; margin-left: -33px; width: 30px; 
 height: 30px; 
 border-radius: 15px; 
 font-weight: bold; 
 color: white; 
 background: rgb(51,51,51); 
 cursor: pointer; 
 text-align: center; 
 font-size: 18px; 
 line-height: 18px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 padding-top: 6px; 
  -webkit-transition:  0.4s; /* Safari */
 -moz-transition: 0.4s; 
 transition: 0.4s;
 z-index: 999999; 
}

.loadAboveClose:hover { background: rgb(127,127,127); }

@media screen and (min-width: 1340px) {	
 .loadAboveClose {left: 50%; margin-left: 640px;}
}


.econt_reg_select, .econt_reg_select_input, .econt_city_select, .econt_city_select_input, .econt_quarter_select, 
.econt_quarter_select_input, .econt_other_select, .econt_other_select_input, .econt_street_block, .econt_delivery_radios, 
.econt_office_fld, .econt_office_select, .econt_office_select_input, .econt_office_info, 
.econt_address_flds {
 width: 100%; 
}

.econt_street_select, .econt_street_select_input { width: 70%; }
.econt_streetnum_select, .econt_streetnum_select_input { width: 28%; padding-left: 2%; }

.datalist_def {
 background-image: url('img/img-common/point-bot-grey.gif'); 
 background-position: center right; 
 background-repeat: no-repeat; 
 background-size: 7px 30%; 
}

.datalist-clear {
 position: absolute; 
 display: block; 
 top: 50%; left: 100%; 
 background: white; 
 width: 14px!important; height: 14px; border-radius: 5px; 
 border: 1px solid rgb(160,160,160); 
 color: rgb(160,160,160); 
 text-align: center; 
 margin-top: -8px; margin-left: -36px; 
 font-weight: bold; 
 font-size: 14px; 
 line-height: 14px;
 transition: 0.2s;
 cursor: pointer; 
}
.datalist-clear:hover { color: rgb(30,30,30); border: 1px solid rgb(30,30,30)!important; }

.datalist-dropdown {
 position: absolute; 
 display: block; 
 top: 50%; left: 100%; 
 background: white url('img/img-common/point-bot-grey.gif') no-repeat center center; 
 width: 20px!important; height: 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; 
 border: 1px solid rgb(180,180,180); 
 text-align: center; 
 margin-top: -10px; margin-left: -18px; 
 font-weight: bold; 
 font-size: 14px; 
 line-height: 15px;
 cursor: pointer; 
}
.datalist-dropdown:hover {
 background: white url('img/img-common/point-bot-blue.gif') no-repeat center center; 
}

.dateFlow .calContainer { display: inline-block; float: none; width: auto; }

.swiper-wrapper { float: none; box-sizing: content-box; width: 100%; height: 100%; display: flex; }

.floatMid { display: inline-block; float: none; }
body {
 background: white; 
 margin: 0px; 
 padding: 0px; 
 overflow-x: hidden; 
}

a, a:visited, a:active {
 text-decoration: none; 
 color: rgb(0,77,170);
}

a:hover { color: rgb(79,19,237); }

.mainFont { font-family: arial; font-size: 14px; }
@media screen and (max-width: 600px) { .mainFont { font-size: 12px; } }

.fullW, .fullw {
 width: 1080px; 
 left: 50%; 
 margin-left: -540px; 
}

@media screen and (max-width: 1080px) {
	.fullW, .fullw{ 
	 width: 98%; 
	 left: 0px; 
	 margin-left: 0px; 
	 padding-left: 1%; 
	 padding-right: 1%; 
	}
}

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

nav { width: auto; height: auto; float: left; position: relative; }
.mainMenu nav, .mainMenuOn nav { width: 100%; height: auto; float: left; position: relative; }

.upcase {
 text-transform: uppercase; 
}

.sky-blue { background: rgb(79,191,237); }
.sky-bord { border: 1px solid rgb(79,191,237); }
.deep-blue { background: rgb(5,92,187); }
.sand { background: rgb(242,200,69); }
.color-white { color: white; }
.color-sky { color: rgb(79,191,237); }
.link-white a, .link-white a:visited, .link-white a:active { color: white; }
.link-white a:hover { color: rgb(242,200,69); }

.topMenu { 
 font-family: arial; 
 font-size: 12px; 
 font-weight: bold; 
 padding-top: 10px; 
 padding-bottom: 10px; 
}

.trigTopMenu { display: none; }

.topMenuLinks a, .topMenuLinksOn a { display: inline-block; margin-left: 12px; margin-right: 12px; }

.curr-switch { margin-left: 12px; margin-right: 30px; }
.curr-switch:hover { color: rgb(242,200,69); }
.curr-switch a { display: inline-block; width: 97%; padding-top: 5px; padding-bottom: 5px; padding-left: 3%; }
.curr-switch a:hover { background: rgb(242,200,69); color: white; }

.currencies {
 position: absolute; 
 padding: 10px; 
 border-left: 1px solid white; 
 border-bottom: 1px solid white; 
 border-right: 1px solid white; 
 top: 22px; 
 left: 0px; 
 min-width: 120px; 
 background: rgb(5,92,187);
 z-index: 2; 
}

.userSubmenu {
 position: absolute; 
 padding: 0px; 
 border-left: 1px solid white; 
 border-bottom: 1px solid white; 
 border-right: 1px solid white; 
 top: 33px; 
 left: 0px; 
 width: 100%; 
 background: rgb(5,92,187);
 z-index: 3; 
 font: normal 14px arial; 
 color: rgb(51,51,51); 
 background: rgb(242,200,69);
}


.userSubmenu a , .sandButton:hover .userSubmenu a, .sandButton:hover .userSubmenu a:visited { 
display: inline-block; padding: 5px 7px; width: 100%; border-bottom: 1px solid rgb(5,92,187); color: rgb(5,92,187); 
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box; 
}

.sandButton:hover .userSubmenu a:hover, .userSubmenu a:hover { color: white; background: rgb(5,92,187); }


.langFlags a { margin-left: 10px; }

@media screen and (max-width: 1000px) {
	nav { WIDTH: 100%; }
	.topMenu .divR { width: 100%; }
	.topMenuLinks, .topMenuLinksOn, .langFlags, .curr-switch { padding-top: 7px; }
	.topMenuLinks a { margin-left: 7px; margin-right: 7px; }
}

@media screen and (max-width: 799px) { 
	.topMenuLinks { display: none; }
	.trigTopMenu { 
	cursor: pointer; 
	display: inline; 
	position: absolute; 
	left: 100%; 
	margin-left: -125px; 
	top: -3px; 
	width: 100px; 
	padding-left: 23px; 
	min-height: 16px; 
	background: url('img/3-lines-small.gif') no-repeat center left; 
	}
	.trigTopMenu:hover { color: rgb(242,200,69); }
	.langFlags a { margin-left: 0px; margin-right: 10px; }
	.curr-switch { margin-left: 0px; }
	.topMenuLinksOn { display: inline; width: 100%; }
	.topMenuLinksOn a {
	 display: inline-block; 
	 width: 85%; 
	 border-bottom: 1px solid white; 
	 padding-top: 8px; 
	 padding-bottom: 8px; 	 
	 margin: 0px; 
	 padding-left: 5%; 
	}
	.topMenuLinksOn a:hover { background: rgb(242,200,69); color: white; }
}

/* bord-box в always */
.bord-box {
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box; 
}

.trans02 {
 transition: 0.2s;
 -webkit-transition: 0.2s;
}
.trans05 {
 transition: 0.5s;
 -webkit-transition: 0.5s;
}

.click2home {
 width: 150px; 
 height: 75px; 
 margin-top: 3px; 
}

.click2home img { width: 100%; height: auto; }

.logAndSearch { 
 float: right; 
 padding-top: 30px; 
 min-width: 310px; 
}

.sandButton {
 display: inline-block; 
 min-width: 135px; 
 padding: 10px 25px 10px 10px; 
 font: normal 14px arial; 
 color: rgb(51,51,51); 
 cursor: pointer; 
 background: rgb(242,200,69) url('img/arr-sand.gif') no-repeat center right;
}

.cursNone { cursor: default; }

.sandButton:hover {
 background: rgb(5,92,187) url('img/arr-white.gif') no-repeat center right;
 color: white; 
}
.sandButton:hover a, .sandButton:hover a:visited, .sandButton:hover a:active {  color: white; }

.sandLink {
 display: inline-block; 
 min-width: 130px; 
 padding: 10px; 
 font: normal 14px arial; 
 color: rgb(51,51,51); 
 cursor: pointer; 
 background: rgb(242,200,69);
}

.sandLinkBold {
 display: inline-block; 
 min-width: 130px; 
 padding: 10px; 	
 font: bold 14px arial; 
 color: rgb(51,51,51); 
 cursor: pointer; 
 background: rgb(242,200,69);
}

.sandLink:hover, .sandLinkBold:hover {
 background: rgb(79,191,237);
 color: rgb(76,76,76); 
}

.margR5 { margin-right: 5px; }
.margR35 { margin-right: 35px; }

.qSheader { 
 background: rgb(204,204,204);
 float: right; 
 margin-top: 32px; 
}

.qSheader input {
 border: 1px solid rgb(204,204,204); 
 width: 189px; 
 height: 27px; 
}

.qSheader input.lupa {
 width: 30px; 
 height: 30px; 
 margin: 0px; 
 background: rgb(204,204,204) url('img/lupa.png') no-repeat center center; 
 cursor: pointer; 
}
@media screen and (max-width: 800px) {
 .logAndSearch { min-width: 190px; }
 .logAndSearch .margR35 { margin-right: 5px; }
 .qSheader input { width: 90px; }
 .sandButton { min-width: 120px; }
}

@media screen and (max-width: 555px) {
 .click2home { width: 100px; height: 50px; }
 .qSheader {
  min-width: 50%; 
  max-width: calc(100% - 100px);
  margin-top: 10px; 
  margin-bottom: 10px; 
  margin-right: 5px; 
  text-align: right; 
 }
 .qSheader input { width: 70%; }
 .qSheader input.lupa { width: 27%; }
 .logAndSearch { 
  padding-top: 5px; 
  width: 100%; 
 }
 .logAndSearch .sandButton { width: 48%; }
}

.mainMenu, .mainMenuOn {
 width: 100%; 
 margin-top: 20px; 
 font: normal 14px arial; 
 margin-bottom: 6px; 
}
.main3lines { display: none; }

.menuButton {
 padding: 15px 8px 10px 8px; 
 color: rgb(0,77,170);
}
.menuButton:hover  {
  background: rgb(79,191,237);
  color: white; 
}
.menuButton:hover a, .menuButton:hover a:visited, .menuButton:hover a:active { color: white; }

.menuSep, .menuSepbg, .menuSepen, .menuSeppl { padding: 15px 2px 10px 2px; }
.menuSepru { padding: 15px 0px 10px 0px; }

.mainMenuOn .noDisplay { display: none; }

@media screen and (max-width: 800px) {
	.main3lines { 
	display: inline; 
	width: 100%; 
	padding: 10px 10px 10px 35px; 
	font: bold 14px arial; 
	border-left: 3px solid rgb(79,191,237); 
	background: rgb(79,191,237) url('img/3-lines.gif') no-repeat center left;
	margin-top: 2px; 
	margin-bottom: 4px; 
	}
	.mainMenu, .menuSep, .menuSepbg, .menuSepen, .menuSeppl, .menuSepru { display: none; }
	.mainMenuOn {
	 margin-top: 2px; 
	 display: inline; 
	 width: 100%; 
	}
	
	.mainMenuOn .noDisplay {
	  display: inline; 
	  float: left; 
	  position: relative; 
	  top: 0px; 
	  width: 100%; 
	  border-left: 1px;  border-right: 0px; 
	  margin-top: 5px; 
	 }
	
	.menuButton { width: 100%; border-bottom: 1px solid rgb(79,191,237); }
}

.horSep6 { width: 100%; height: 6px; margin-bottom: 6px; }
.horSep6glue { width: 100%; height: 6px; }
.horSep20 { width: 100%; height: 10px; margin-bottom: 10px; }
.horSep30 { width: 100%; height: 10px; margin-bottom: 20px; }

.padLeft20 { padding-left: 20px; } 
.padR20 { padding-right: 20px; }

.padTop10 { padding-top: 10px; }
.padTop20 { padding-top: 20px; }
.padTop30 { padding-top: 30px; }
.padTop40 { padding-top: 40px; }

.margBot10 { margin-bottom: 10px; }
.margBot20 { margin-bottom: 20px; }
.margBot30 { margin-bottom: 30px; }
.margBot40 { margin-bottom: 40px; }

.margTop5 { margin-top: 5px; }
.margTop10 { margin-top: 10px; }
.margTop20 { margin-top: 20px; }

.padBot10 { padding-bottom: 10px; }
.padBot15 { padding-bottom: 15px; }
.padBot20 { padding-bottom: 20px; }
.padBot30 { padding-bottom: 30px; }
.padBot40 { padding-bottom: 40px; }
.padBot50 { padding-bottom: 50px; }
.shad-top-white { background: url('img/shad-top-white.jpg') repeat-x top left; }

@media screen and (max-width: 400px) {
 .horSep30 { margin-bottom: 10px; }
 .padBot50 { padding-bottom: 15px; }
}

.aboutUsLine {
 width: 100%; 
 height: 420px; 
 background: rgb(206,225,237); 
 overflow: hidden; 
}

.contUsLine {
 width: 100%; 
 height: 420px; 
 background: rgb(232,228,218); 
}

.homeFrames { width: 100%; height: 420px; overflow: hidden; background: rgb(229,229,229); }

.mainSearchHome { width: 100%; margin-top: -146px; }

.mainSearch {
 width: 100%; 
 padding: 16px; 
 font: normal 13px arial; 
}

.searchCapt { width: 100%; font: bold 18px arial; padding-bottom: 12px; }

.div1of6 { width: 16.66%; font: normal 13px arial; min-height: 55px; }
.div1of24 { width: 5.55%; font: normal 13px arial; min-height: 55px; }
.singleRoomSearch { width: 27.8%; }
.firstOfMany { width: 49%; margin-right: 1%; padding-top: 10px;  border-bottom: 1px solid white; margin-bottom: 5px; padding-bottom: 10px; }

.mainSearch select, .div1of6 select { width: 90%; border: 1px solid rgb(79,191,237); background: white; height: 29px; margin-top: 4px; }
.div1of6 input { width: 90%; border: 1px solid rgb(79,191,237); background: white; height: 27px; margin-top: 4px; }

.mainSearchSubmit { float: right; width: 17%; text-align: right; margin-top: -54px; }
.mainSearchSubmitAfter { float: right; width: 17%; text-align: right; margin-top: 10px; }


.mainSearchSubmitMore { float: right; width: 17%; text-align: right; margin-top: 10px; }
.mainSearchSubmit input, .mainSearchSubmitAfter input, .mainSearchSubmitMore input  { 
	width: 80%; border: 1px solid rgba(0,0,0,0); height: 50px; font: bold 14px arial; color: rgb(76,76,76); 
}
.mainSearchSubmit input:hover, .mainSearchSubmitAfter input:hover, .mainSearchSubmitMore input:hover {  background: rgb(5,92,187); color: white; }

.flw60 { width: 60%; }

@media screen and (max-width: 800px) {
 .mainSearchHome { margin-top: 2px; }
 .div1of24, .div1of6 { width: 33%; }
 .mainSearchSubmitAfter, .mainSearchSubmit { float: right; width: 100%; text-align: center; margin-top: 0px; margin-right: 0.5%; }
 .firstOfMany, .singleRoomSearch { width: 100%; padding-bottom: 10px; }
 .mainSearchSubmitMore { float: right; width: 33%; text-align: left; margin-top: 10px; margin-right: 0.5%; }
 .mainSearchSubmit input, .mainSearchSubmitAfter input, .mainSearchSubmitMore  input { width: 99%; height: 35px; }
}

@media screen and (max-width: 400px) {
 .div1of6 { width: 100%; }
 .mainSearchSubmit, .mainSearchSubmitAfter, .mainSearchSubmitMore { float: left; width: 100%; text-align: left; margin-top: 10px;  }
}

.topPic { width: 100%; height: 108px; overflow: hidden; }

.homeFrame { 
 position: absolute; 
 top: 0px; 
 left: 50%; 
 width: 1180px; 
 height: 420px; 
 margin-left: -590px; 
}
.homeFrame img { width: 100%; height: 100%; }

.pageFrame { 
 position: absolute; 
 top: 0px; 
 left: 50%; 
 width: 1100px; 
 height: 108px; 
 margin-left: -550px; 
}
.pageFrame img { width: 100%; height: auto; }

.pageFrameSign {
 position: absolute; 
 top: 30%; 
 width: 100%; 
 left: 0px; 
 text-align: center; 
 font: bold 48px arial; 
 color: white; 
}

.hfSign {
 position: absolute; 
 top: 18%; 
 left: 15%; 
 width: 70%; 
 text-align: center; 
 font-weight: bold;
 font-family: arial; 
}
.hfSign span { display: inline-block; font-size: 24px; color: black; margin-top: -20px; }
.hfSign span.signBig { display: inline-block; font-size: 42px;  color: white; height: 56px; }

.contUsLine .hfSign span, .contUsLine .hfSign span.signBig { color: rgb(76,76,76); }
 
@media screen and (max-width: 800px) {
 .homeFrame { width: 800px; height: 285px; margin-left: -400px; }
 .homeFrames, .aboutUsLine, .contUsLine { height: 285px; }
 .hfSign span { font-size: 18px; color: black; margin-top: -16px; }
 .hfSign span.signBig { display: inline-block; font-size: 36px; height: 40px; }
}

@media screen and (max-width: 600px) {
 .homeFrame { width: 600px; height: 212px; margin-left: -300px; }
 .homeFrames, .aboutUsLine, .contUsLine  { height: 212px; }
 .hfSign span { font-size: 14px; color: black; margin-top: -14px; }
 .hfSign span.signBig { display: inline-block; font-size: 24px; height: 26px; }
 .topPic { height: 58px; }
 .pageFrame { width: 600px; height: 58px; margin-left: -300px; }
 .pageFrameSign { top: 25%; font: bold 24px arial; }
}

@media screen and (max-width: 400px) {
 .homeFrame { width: 400px; height: 142px; margin-left: -200px; }
 .homeFrames, .aboutUsLine, .contUsLine  { height: 142px; }
 .hfSign span { font-size: 14px; color: black; margin-top: -14px; }
 .hfSign span.signBig { display: inline-block; font-size: 18px; height: 20px; }
 .topPic { height: 39px; }
 .pageFrame { width: 400px; height: 39px; margin-left: -200px; }
 .pageFrameSign { top: 25%; font: bold 18px arial; }
}

.path2page { font-size: 12px; font-family: arial; padding-top: 12px; padding-bottom: 12px; }

.MDheadings {
 display: inline-block; 
 padding-top: 6px; 
 padding-bottom: 8px; 
 margin-top: 3px; 
 margin-bottom: 18px; 
 font: bold 24px arial; 
 color: rgb(79,191,237);
 border-top: 2px solid rgb(79,191,237); 
 border-bottom: 2px solid rgb(79,191,237); 
}

.sky-blue .MDheadings {
 color: white;
 border-top: 2px solid white; 
 border-bottom: 2px solid white; 
}

@media screen and (max-width: 600px) {
	.MDheadings { font: bold 16px arial; 
	 padding-top: 3px; 
 padding-bottom: 4px; 
 margin-top: 3px; 
 margin-bottom: 10px; 
 border-top: 1px solid rgb(79,191,237); 
 border-bottom: 1px solid rgb(79,191,237); 
	}
}

.flw100plus { width: 1100px; }

@media screen and (max-width: 1080px) {
	.flw100plus { width: 100%; }
}

.kare1of3 {
 width: 350px; 
 margin-right: 15px; 
 height: 366px; 
 margin-bottom: 15px; 
 overflow: hidden; 
}

.kare1of3:hover .posAbs img { width: 101%; height: auto; transition: 0.2s; -webkit-transition: 0.2s; }

.homeSpecialLink {
 position: absolute; 
 top: 275px; 
 width: 86%; 
 left: 6%; 
 padding: 18px 10px; 
 background: white; 
 min-height: 85px; 
}
div.homeSpecialLink a, div.homeSpecialLink a:visited, div.homeSpecialLink a:active { 
 color: rgb(109,109,109); font: normal 13px arial; 
}
.homeSpecialLink a span { font-weight: bold; color: rgb(76,76,76); } 
.homeSpecialLink a strong, .homeSpecialLink a:visited strong { font: bold 22px arial; color: rgb(0,80,175); } 
.kare1of3:hover .homeSpecialLink a strong, .kare1of3:hover .homeSpecialLink a:visited strong { color: rgb(242,200,69); }

@media screen and (max-width: 1080px) {
 .kare1of3 { width: 33%; margin-right: 0.3%; }
 .kare1of3:hover .posAbs img { height: 102%; width: auto; transition: 0.2s; -webkit-transition: 0.2s; }
}

@media screen and (max-width: 700px) { 
 .kare1of3 { width: 100%; margin-right: 0px;  }
 .kare1of3 .posAbs { 
  width: 350px; left: 50%; margin-left: -175px; 
 }
 .homeSpecialLink { width: 300px; left: 50%; margin-left: -150px; }
}

@media screen and (max-width: 350px) {  
  .homeSpecialLink { width: 86%; left: 6%; margin-left: 0px; }
}

.dotOn {
 display: inline-block; 
 width: 25px; 
 height: 25px; 
 background: rgb(242,200,69); 
 margin-left: 2px; 
 margin-right: 3px; 
 transition: 0.2s;
 -webkit-transition: 0.2s;
}


.dotOff {
 display: inline-block; 
 width: 25px; 
 height: 25px; 
 background: rgb(229,229,229); 
 margin-left: 2px; 
 margin-right: 3px; 
 cursor: pointer; 
 transition: 0.2s;
 -webkit-transition: 0.2s;
}

.chBoxOn {
 display: inline-block; 
 width: 25px; 
 border: 1px solid rgb(204,204,204);
 height: 25px; 
 background: rgb(242,200,69); 
 margin-left: 2px; 
 margin-right: 3px; 
 transition: 0.2s;
 -webkit-transition: 0.2s;
}


.expl2way { float: right; width: calc(100% - 33px); padding-top: 10px; text-align: left; }
.transfer2way { width: 100%; padding-bottom: 10px; }
.transfer2way .flwA { width: auto!important;}

.chBoxOff {
 display: inline-block; 
 width: 25px; 
 height: 25px; 
 background: rgb(229,229,229); 
 border: 1px solid rgb(204,204,204);
 margin-left: 2px; 
 margin-right: 3px; 
 cursor: pointer; 
 transition: 0.2s;
 -webkit-transition: 0.2s;
}

.sky-blue .dotOff {background: white; }

.dotOff:hover { background: rgb(5,92,187); }

.right2filter { width: 75%; }

.hotelKare {
 width: 23.5%; 
 height: 365px; 
 margin-right: 1.5%; 
 border-left: 1px solid rgb(79,191,237); 
 border-right: 1px solid rgb(79,191,237); 
 border-top: 1px solid rgb(79,191,237); 
 border-bottom: 3px solid rgb(79,191,237); 
 padding: 4px 5px 10px 5px; 
 margin-bottom: 15px; 
}
.hotelKare:hover {
 border: 2px solid rgb(79,191,237); 
}

.box4chbox {
 padding: 3px 3px 3px 35px; 
 font: normal 14px arial; 
 color: rgb(76,76,76); 
 min-height: 20px; 
}

.color76 { color: rgb(76,76,76);  }
 
.chboxInBoxOFF {
 position: absolute; 
 top: 0px; 
 left: 7px; 
 width: 18px;
 height: 18px; 
 cursor: pointer; 
 background: white; 
 border: 1px solid rgb(204,204,204); 
} 

.chboxInBoxON {
 position: absolute; 
 top: 0px; 
 left: 7px; 
 width: 18px;
 height: 18px; 
 cursor: pointer; 
 background: rgb(79,191,237); 
 border: 1px solid rgb(204,204,204); 
} 

.filterCol, .filterColOn {
 width: 23.5%; 
 height: auto; 
 margin-right: 1.5%; 
 border-left: 1px solid rgb(79,191,237); 
 border-right: 1px solid rgb(79,191,237); 
 border-top: 1px solid rgb(79,191,237); 
 border-bottom: 3px solid rgb(79,191,237); 
 padding: 4px 5px 30px 5px; 
 margin-bottom: 15px; 
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box; 
}

.filterCol .box4chbox, .filterColOn .box4chbox { width: 100%; }

.trigFilters { display: none; }

.right2filter .hotelKare { width: 32%; margin-right: 1.3%; }

.festKarePic, .hotelKatePic { width: 100%; height: 172px; margin-bottom: 28px; background: rgb(230,230,230); overflow: hidden; }
.festKarePic { background: white; }
.hotelKatePic img { max-width: 100%; height: auto; }
.festKarePic img { max-height: 100%; width: auto; }

.hotelBrief { width: 100%; padding-left: 7px; padding-right: 7px; font-family: arial; color: rgb(102,102,102); font-size: 14px; min-height: 98px; }
.hotelBrief a, .hotelBrief a:visited, .hotelBrief a:active { color: rgb(102,102,102); }

.hotelBrief a span { display: inline-block; color: rgb(255,102,0); font-style: oblique; margin-bottom: 5px; }
.bpLabel {  color: rgb(255,102,0); font-style: oblique; }

@media screen and (max-width: 900px) {
 .hotelKatePic, .festKarePic { margin-bottom: 10px; }
 .hotelKare { height: 380px; }
 .hotelBrief { min-height: 140px; }
}

@media screen and (max-width: 700px) {  
 .hotelKare { width: 42%; margin-left: 4%; margin-right: 4%; height: 380px; }
 .right2filter .hotelKare { width: 48%; margin-left: 1%; margin-right: 1%; height: 380px; }
 .hotelBrief { min-height: 120px; }
}

@media screen and (max-width: 600px) { 
	.filterCol { display: none; }
	.filterColOn { width: 99%; margin-bottom: 5px; padding-bottom: 10px;  }
	.trigFilters {
	 background: url('img/3-lines-sky.gif') no-repeat center left; 
	 background-position: 2px 3px; 
	 display: inline; 
	 color: rgb(79,191,237);
	 font-weight: bold; 
	 width: 99%; 
	 height: auto; 
	 min-height: 35px; 
	 border-left: 1px solid rgb(79,191,237); 
	 border-right: 1px solid rgb(79,191,237); 
	 border-top: 1px solid rgb(79,191,237); 
	 border-bottom: 3px solid rgb(79,191,237); 
	 padding: 8px 5px 5px 35px; 	 
	 margin-bottom: 5px; 
	}	
	.trigFilters:hover {
	 color: white; 
	 background: rgb(5,92,187) url('img/3-lines.gif') no-repeat center left; 
	 background-position: 2px 3px; 
	}
    .right2filter { width: 100%; }
	.hotelKare, .right2filter .hotelKare { width: 49%; margin-left: 0%; margin-right: 1%; height: 380px; } 
	.sandLink { min-width: 0px; }
}

.filterCapt { 
 width: 100%; 
 padding: 15px 5px 3px 35px; 
 font: bold 14px arial; 
 color: rgb(85,85,85);
}

@media screen and (max-width: 400px) {  
 .hotelKare, .right2filter .hotelKare { width: 99%; margin-left: 0%; margin-right: 1%; height: auto; }   
 .hotelBrief { min-height: 0px; margin-bottom: 10px; }
}

.sky-top-shadow { background: rgb(79,191,237) url('img/sky-top-shadow.jpg') repeat-x top left; }

.weAccept { font: bold 14px arial; color: rgb(119,119,119); width: 100%; }
.weAccept img { max-width: 100%; height: auto; }

.credits { 
 border-top: 1px solid rgb(229,229,229); 
 border-bottom: 5px solid rgb(229,229,229); 
 color: rgb(102,102,102); 
 font: normal 12px arial; 
 padding-top: 17px; 
 padding-bottom: 12px; 
}
.credits a, .credits a:visited, .credits a:hover { color: rgb(102,102,102); }

.footCols p { margin-top: 0px; margin-bottom: 12px; padding: 0px; }
.footCols a, .footCols a:visited { color: white; }
.footCols a:hover, .credits a:hover { color: rgb(5,92,187); }

.footCol1 { width: 20%; padding-right: 20px; }
.footCol2 { width: 28%; padding-right: 60px; }
.footCol3 { width: 23%; }
.footCol4 { width: 29%; padding-left: 65px; }

.footCol1 img { margin-top: 5px; margin-right: 4px; margin-bottom: 5px; }

@media screen and (max-width: 799px) { 
	.footCol1, .footCol2, .footCol3, .footCol4 { width: 50%; padding-right: 15px; padding-left: 0px; margin-bottom: 15px; }
}

@media screen and (max-width: 400px) { 
	.footCol1, .footCol2, .footCol3, .footCol4 { width: 100%; padding-right: 15px; padding-left: 0px; }
}

.footCol1 strong, .footCol2 strong, .footCol3 strong, .footCol4 strong { font: bold 15px arial; }

.phoneFoot { 
display: inline-block; width: 100%; padding-left: 25px; min-height: 25px; background: url('img/phone-foot.jpg') no-repeat top left; 
font-size: 16px; }

.footCol2 input { width: 99%; margin-bottom: 10px; border: 1px solid rgb(204,215,219); background: white; height: 33px; color: rgb(117,113,98); padding-left: 10px; }
.footCol2 input.sandLink {
 color: rgb(117,113,98); 
 cursor: pointer; 
 background: rgb(242,200,69);
 width: 100%; 
 padding: 0px; 
 font-weight: bold; 
 border: 1px solid rgb(242,200,69); 
}
.footCol2 input.sandLink:hover {
 background: rgb(5,92,187);
 border: 1px solid rgb(5,92,187); 
 color: white; 
}

.footCol3 img { max-width: 100%; height: auto; }

.contFootLborder { position: absolute; top: 0px; left: -30px; width: 2px; font-size: 1px; height: 100%; background: white; }
@media screen and (max-width: 400px) { .contFootLborder { display: none; } }

.text76 { color: rgb(76,76,76); }

.pagination { width: 66%; font: bold 16px arial; color: rgb(178,178,178); padding-bottom: 20px; }

.pagination a, .pagination a:visited, .pagination a:active {
 display: inline-block;
 margin-bottom: 5px; 
 margin-left: 1px; 
 margin-right: 1px; 
 padding: 3px 5px; 
 color: rgb(178,178,178); 
}
.pagination a:hover {  background: rgb(79,191,237); color: white; }

.pagination span {
 margin-bottom: 5px; 
 background: rgb(242,200,69);
 padding: 3px 5px; 
 color: rgb(76,76,76); 
}

.paginWhatShow {
 padding-top: 7px; 
 width: 33%; 
 float: right; 
 font: normal 14px arial; 
 color: rgb(178,178,178); 
}

@media screen and (max-width: 400px) {
	.paginWhatShow, .pagination { width: 100%; text-align: center; padding-top: 5px; padding-bottom: 10px; }
}

.sortBy {
 padding: 15px 12px; 
 font: bold 14px arial; 
 color: rgb(76,76,76); 
 border: 1px solid rgb(79,191,237); 
 margin-right: 15px; 
 margin-bottom: 10px; 
}

.stopSale { color: red; }

.sortBy:hover { background: rgb(5,92,187); color: white; }
.sortBy .currencies {
 top: 40px; 
}
.sortBy .currencies a, .sortBy .currencies a:visited { color: white; display: inline-block; width: 100%; padding-top: 3px; padding-bottom: 3px; font-size: 12px;  }
.sortBy .currencies a:hover { background: rgb(242,200,69); }

@media screen and (max-width: 400px) {
 .sortBy { padding: 10px 4px; margin-right: 6px; }
 .sortBy .currencies { top: 30px; }
}

.offerPics {
 width: 45%; 
 height: 430px; 
 background: rgb(229,229,229); 
}

.offer-main {
 width: 53%; 
 float: right; 
 min-height: 430px; 
 padding: 40px 30px 20px 30px; 
 background: rgb(229,229,229); 
 color: rgb(76,76,76); 
 font-family: arial; 
}

.bigPic { width: 100%; height: 335px; overflow: hidden; }
.bigPic img { max-width: 100%; max-height: 100%; width: auto; height: auto; }


.picsBeltContainer {
 width: 388px; 
 height: 55px; 
 overflow: hidden; 
 margin-left: 57px; 
}

.picsBelt {
 position: absolute; 
 top: 0px; left: 0px; 
 height: 55px; 
 width: 5000px; 
}

.gallThumb {
 width: 80px; 
 height: 55px; 
 margin-right: 17px; 
 background: rgb(220,220,220); 
 overflow: hidden; 
 text-align: center; 
}
.gallThumb img { height: 100%; width: auto; }

.all-l-gallery, .all-r-gallery {
 position: absolute; 
 top: 50%; 
 height: 18px; 
 margin-top: -9px; 
 width: 16px; 
}
.all-l-gallery { left: 0px; margin-left: 20px; background: url('img/arr-white-point-L.gif') no-repeat top right; }
.all-r-gallery { left: 100%; margin-left: -36px; background: url('img/arr-white.gif') no-repeat top left; }
.all-l-gallery:hover { background: rgb(79,191,237) url('img/arr-white-point-L.gif') no-repeat top right; }
.all-r-gallery:hover { background: rgb(79,191,237) url('img/arr-white.gif') no-repeat top left; }

.offer-main h1 {
 display: inline-block; 
 min-height: 140px; 
 font-size: 24px; 
 font-weight: bold; 
 padding: 0px; 
 margin: 0px; 
}
.offer-main h1 strong { font-size: 28px; font-weight: bold; } 
.offer-main h1 span { font-size: 22px; font-weight: normal; } 

.offer-main p { font-size: 16px; margin-bottom: 20px; padding: 0px; }
.offer-main p strong { font-size: 20px; font-weight: bold;  }

.discountsSlide {
 width: 315px; 
 height: 60px; 
 background: white; 
 overflow: hidden;
}

.discountsBelt { width: 6300px; height: 60px; position: absolute; top: 0px; left: 0px; }

.discountsSlide p {
 display: inline-block; 
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box; 
 width: 315px; 
 padding: 4px 10px; 
 height: 60px;  
 float: left; 
 position: relative; 
 margin: 0px; 
}

.jump2book {
 position: absolute; 
 top: 100%; 
 left: 30px; 
 margin-top: -65px; 
}
.jump2book a.sandLink { font-weight: bold; font-size: 16px; }

@media screen and (max-width: 1080px) {
	.picsBeltContainer { width: 80%; margin-left: 10%; }
	.offerPics, .offer-main, .bigPic { min-height: 0px;  height: auto; }
	.offerPics { padding-bottom: 20px; }
	.offer-main h1 { font-size: 24px; min-height: 0px; margin-bottom: 10px;  }
	.offer-main h1 strong { font-size: 28px; } 
	.offer-main h1 span { font-size: 18px; font-weight: normal; } 
	.jump2book { float: left; position: relative; width: 100%; margin-top: 10px; margin-bottom: 10px; left: 0px; }
	.all-l-gallery { margin-left: 5px;}
	.all-r-gallery { left: 100%; margin-left: -21px;  }
}

@media screen and (max-width: 600px) {
 .offerPics, .offer-main { width: 100%; }
 
 .offer-main { padding: 10px 10px 10px 10px; } 
 .offer-main h1 { font-size: 16px; min-height: 0px; margin-bottom: 10px;  }
 .offer-main h1 strong { font-size: 18px; } 
 .offer-main h1 span { font-size: 14px; font-weight: normal; } 
}

.tabIn {
 display: inline-block; 
 font: normal 14px arial; 
 color: white; 
 background: rgb(79,191,237); 
 padding: 15px 8px 10px 8px; 
}
.tabLink {
 display: inline-block; 
 font: normal 14px arial; 
 color: rgb(76,76,76); 
 background: white;
 padding: 15px 8px 10px 8px; 
 cursor: pointer; 
}
.tabLink:hover { background: rgb(242,200,69); }

.map-inside { width: 100%; height: 420px; background: rgb(240,240,240); }
.video-inside { width: 100%; height: auto; }
.video-inside .flwA { max-width: 100%; }
.video-inside .flwA iframe, .video-inside  iframe { max-width: 100%; }

@media screen and (max-height: 450px) { .map-inside { height: 230px; } }
@media screen and (max-height: 230px) { .map-inside { height: 180px; } }

.facility { width: 19%; padding-right: 1%; height: 38px; font: bold 13px arial; }

@media screen and (max-width: 800px) { .facility { width: 24%; } }
@media screen and (max-width: 400px) { .facility { width: 49%; height: 30px; } }
@media screen and (max-width: 300px) { .facility { width: 99%; height: auto; padding-bottom: 10px; } }

.dics-value {
 display: inline-block; 
 color: white; 
 font: bold 24px arial; 
}

.sky-blue .dics-value {
 margin-right: 10px; 
}

.discountsSlide span.dics-value {
 display: inline-block; 
 color: rgb(76,76,76); 
 font: bold 18px arial;
 max-width: 25%; 
 padding-top: 7px; 
 font-size: 18px; 
 float: left; 
 position: relative; 
}

.disc-expl {
 display: inline-block; 
 color: rgb(76,76,76); 
 font: normal 16px arial;
 text-align: left; 
}

.disc-expl  span strong { font-size: 18px;  }

.discountsSlide span.disc-expl {
 display: inline-block; 
 float: right;
 position: relative; 
 width: 75%; 
 text-align: left; 
 font-size: 14px; 
}


.discountsSlide span.disc-expl strong { font-size: 16px; }

@media screen and (max-width: 340px) {
 .discountsSlide, .discountsSlide p { width: 220px; }
 
 .disc-val, span.disc-expl { font-size: 14px; }
 .disc-expl, span.disc-expl { font-size: 12px; }
 
}

.flw40 { width: 46%; }

.form-col-camp-1 {
 width: 28.5%; 
 color: rgb(102,102,102); 
}
.form-col-camp-1 .flwA { width: 100%; }
.form-col-camp-1 input { width: 85%; background: white; border: 1px solid rgb(204,204,204); height: 35px; margin-top: 10px; margin-bottom: 10px; }
.form-col-camp-1 img { vertical-align: middle; }
.form-col-camp-1 .flw40 img { margin-top: 15px; }

.form-col-camp-2 {
 width: 42%; 
 color: rgb(102,102,102); 
 float: right;
}

.form-col-camp-2  input  { width: 25%; background: white; border: 1px solid rgb(204,204,204); height: 35px; margin-bottom: 10px; }

.form-col-camp-2  textarea { 
  width: 99%; background: white; border: 1px solid rgb(204,204,204); height: 270px; margin-top: 1px; margin-bottom: 10px; 
}

.form-col-camp-2.small-textarea textarea { height: 195px; }

@media screen and (max-width: 600px) { 
 .form-col-camp-1, .form-col-camp-2 { width: 100%; } 
 .form-col-camp-1.text-right { text-align: left; }
 .form-col-camp-1  input  { height: 25px; }
 .form-col-camp-2  input { width: 60%; margin-top: 10px; height: 25px; }
 .form-col-camp-2  textarea { height: 150px; width: 90%; }
}

.formAlerts { font: bold 14px arial; color: red; width: 100%; padding: 5px 0px; }

.form-submit input { 
 border: 1px solid rgba(0,0,0,0); height: 50px; font: bold 14px arial; color: rgb(76,76,76); background: rgb(242,200,69);
 transition: 0.2s;
 -webkit-transition: 0.2s;
 min-width: 155px; 
}
.form-submit input:hover { 
 background: rgb(5,92,187); color: white;
}

.prices-table { 
  overflow: auto; 
  max-width: 100%; 
  height: auto; 
  font-size: 14px; 
}

.prices-cell { padding: 15px; width: 12.5%;  height: 100%; border-right: 1px solid rgb(79,191,237); min-height: 40px; font-weight: bold; } 
.cell-left { font-size: 1.2em; }
.row-odd { background: rgb(229,229,229); min-width: 360px; }
.row-even { background: white; min-width: 360px; }

.row-odd .cell-left { background: rgb(79,191,237); }
.row-even .cell-left { background: rgb(229,229,229); font-weight: normal; }


@media screen and (max-width: 600px) { 
 .prices-cell { padding: 5px; font: normal 12px arial; font-weight: normal; }
 .cell-left { font-size: 1em; }
}
@media screen and (max-width: 400px) { 
 .prices-cell { padding: 1px; font: normal 11px arial; }
}

.overPicIntroText {
 width: 100%; 
 margin-top: -175px; 
 color: black; 
}

@media screen and (max-width: 800px) {
	.overPicIntroText {
	 margin-top: 10px; 
	 padding-bottom: 10px; 
	 color: rgb(76,76,76); 
	}
}

.aboutUsKares .kare1of3 { height: 255px; }
.aboutUsKares  .homeSpecialLink { top: 160px; text-align: left; padding: 18px 50px 18px 10px;  }
.aboutUsKares  .homeSpecialLink  a strong { font-size: 16px; }

.certs-shadow {
 background: white url('img/certs-shadow.jpg') repeat-x top left;
}

.mustSee {
 padding: 20px 10px;
 font-size: 14px; 
 color:  rgb(76,76,76); 
 font-family: arial; 
 width: 27%; 
 margin-left: 3%; 
 margin-right: 3%; 
 min-height: 80px; 
 margin-bottom: 10px; 
}
.mustSee a, .mustSee a:visited, .mustSee a:active { font: bold 24px arial; color: rgb(79,191,237); }
.mustSee:hover a {  color: rgb(242,200,69); }

@media screen and (max-width: 800px) {
 .mustSee { width: 90%; margin-left: 5%; min-height: 60px; padding: 10px 5px; }
}
@media screen and (max-width: 480px) {	
 .mustSee a { font-size: 18px; }
 .mustSee { font-size: 12px; }
}

.officeKare {
 width: 30.5%; 
 height: 630px; 
 margin-right: 2.5%; 
 border-left: 1px solid rgb(79,191,237); 
 border-right: 1px solid rgb(79,191,237); 
 border-top: 1px solid rgb(79,191,237); 
 border-bottom: 3px solid rgb(79,191,237); 
 padding: 4px 5px 10px 5px; 
 margin-bottom: 15px; 
}
.officeKare:hover {
 border: 2px solid rgb(79,191,237); 
}

.officeKare .hotelKatePic { height: 235px; margin-bottom: 20px; }
.officeKare .hotelKatePic img { width: 100%; height: auto; }
.officeKare .hotelBrief { font-size: 14px; min-height: 300px; padding: 0px 15px; }

.sandLink {
 display: inline-block; 
 min-width: 130px; 
 padding: 10px; 
 font: normal 14px arial; 
 color: rgb(51,51,51); 
 cursor: pointer; 
 background: rgb(242,200,69);
}

.blueLink, a.blueLink:visited, a.blueLink:active {
 display: inline-block; 
 min-width: 130px; 
 padding: 10px; 	
 font: bold 14px arial;
 background: rgb(79,191,237);
 color: rgb(76,76,76);   
 cursor: pointer; 
}

.blueLink:hover, a.blueLink:hover {
 background: rgb(242,200,69);
 color: white; 
}
.officeKare .blueLink { margin-left: 15px; }

@media screen and (max-width: 1080px) { 
	.officeKare { height: auto; 	 }
	.officeKare .hotelKatePic { height: auto; margin-bottom: 5px; }
}

@media screen and (max-width: 799px) { 
 	.officeKare {  	width: 45%;  }
}

@media screen and (max-width: 500px) { 
	.officeKare {  	width: 100%;  margin-right: 0px; }
	.officeKare .hotelBrief { min-height: 0px; height: auto; }	
}

.pic-shadow-left { position: absolute; left: -1px; width: 100px; height: 100%; top: 0px;  }
.pic-shadow-right { position: absolute; left: 100%; width: 100px; height: 100%; margin-left: -99px; top: 0px; }
@media screen and (max-width: 800px) {
 .pic-shadow-left, .pic-shadow-right { display: none; }
}

.subMenu {
 width: 1080px; 
 padding: 10px; 
 z-index: 20; 
 background: white; 
 position: absolute; 
 
 top: 35px; 
 margin-top: 0px; 
 left: 0px; 
 border-top: 1px solid rgb(79,191,237);  
 border-bottom: 1px solid rgb(79,191,237);  
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box; 
}

.submenuButton {
 width: 33%; 
 padding: 7px 10px; 
 font: normal 14px arial; 
}

.submenuButton.flw100 { width: 100%; }

.submenuButton, .menuButton:hover  .submenuButton,  .menuButton:hover  .submenuButton a, .menuButton:hover  .submenuButton a:visited {
 color: rgb(0,77,170);
}

.submenuButton.cursPoint:hover {
 background: rgb(79,191,237);
 color: white; 
}
.submenuButton.cursPoint:hover a, .submenuButton.cursPoint:hover a:visited, .submenuButton.cursPoint:hover a:hover {
 color: white; 
}

@media screen and (max-width: 1080px) {  .subMenu { width: 900px; 
border-left: 1px solid rgb(79,191,237);  border-right: 1px solid rgb(79,191,237);  } 
}
@media screen and (max-width: 900px) {  .subMenu { width: 800px; 
border-left: 1px solid rgb(79,191,237);  border-right: 1px solid rgb(79,191,237); } 
}
@media screen and (max-width: 800px) {
 .subMenu {
  float: left; 
  position: relative; 
  top: 0px; 
  width: 100%; 
  border-left: 1px;  border-right: 0px; 
  margin-top: 5px; 
 }
 .submenuButton { width: 100%; padding: 4px 5px 4px 15px; border-bottom: 1px solid rgb(79,191,237); }
}

.rateTableDates, .rateTablePrice, .rateTablePriceSmF, .rateTablePax, .rateTableRoomName { 
  padding: 10px 10px; 
}

.rateTableDates, .rateTablePrice, .rateTablePax { 
 min-height: 60px; 
}
.rateTablePriceSmF { min-height: 55px; }

.rates2015detailedAdult, .rates2015detailed { 
 border: 1px solid rgb(79,191,237);
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box; 
  padding: 10px 10px; 		 
}

.allRatesLoadPlace {
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box; 
 width: 100%; 
 padding-left: 0px; 
 padding-right: 0px; 
 padding-top: 0px; 
 padding-bottom: 0px; 
}

.ratesHeadRow { background: rgb(229,229,229); width: 100%; }

.rateTableDates { background: rgb(229,229,229); color: rgb(74,74,74); font-weight: bold; font-size: 14px; }
.rateTablePax { background: rgb(229,229,229); color: rgb(74,74,74); font-weight: normal; font-size: 14px; }
.rateTablePrice { color: rgb(74,74,74); font-weight: bold; font-size: 14px;  }
.rateTablePriceSmF { color: rgb(74,74,74); font-weight: normal; font-size: 12px;  }
.rateTablePrice span { font-weight: normal; font-size: 12px; }
.rateTablePrice a, .rateTablePrice a:visited { font: normal 12px arial; }

.rateTableRoomName { color: white; background: rgb(79,191,237); font-weight: bold; font-size: 16px; min-height: 60px; }

@media screen and (max-width: 800px) { .rateTableDates, .rateTablePrice, .rateTablePriceSmF, .rateTablePax, .rateTableRoomName { min-height: 30px; } } 

@media screen and (max-width: 600px) { 
.rateTableDates, .rateTablePrice, .rateTablePax, .rateTableRoomName, .rates2015detailedAdult, .rates2015detailed, .rateTablePriceSmF  {
 font-size: 12px; padding: 3px 3px; 
 } 
} 

@media screen and (max-width: 460px) { 
.rateTableDates, .rateTablePrice, .rateTablePax, .rateTableRoomName, .rates2015detailedAdult, .rates2015detailed, .rateTablePriceSmF  {
 font-size: 10px; padding: 2px 2px; 
 } 
} 


#findHotelButton input, .holbsBookButton input {
  background: rgb(242,200,69); 
  padding: 10px; 
  border: 1px solid rgb(242,200,69);
  color: rgb(75,75,75); 
  font: bold 14px arial; 
  cursor: pointer; 
  transition: 0.2s;
 -webkit-transition: 0.2s;
 margin-bottom: 10px; 
}

.bordTopWhite { border-top: 6px solid white; }

.certBig img { max-width: 90%; height: auto; margin-right: 10px; vertical-align: middle; }

 .userRegLeft, #userSignInUser, #userSignInPass { width: 40%; padding-right: 2%; text-align: right; margin-bottom: 10px; }
 .userRegRight, #userSignInUserInput, #userSignInPassInput { width: 58%; margin-bottom: 10px; }
 .userRegRight input, #userSignInUserInput input, #userSignInPassInput input {
   min-width: 200px; 
   background: white;
   border: 1px solid rgb(204,204,204);
   height: 30px;   
 }
  
  #userSignInDiv, .signUpProfileFld { width: 100%; }
  
  .secureCodeSignUp { width: 100%; }

  #signUpUserPassFlds  { width: 100%;  border-bottom: 2px solid rgb(204,204,204); margin-bottom: 15px; }
   
  #signUpCheckboxFlds { width: 100%; }
  
  div#signUpCheckboxFlds  div.userRegRight input { width: 30px; height: 30px; border: 1px solid rgb(204,204,204); }
   
  .alertSignUp, #userLogInfailNote { width: 100%; font-weight: bold; color: red; text-align: center;  margin-bottom: 10px; }
   
   #userSignInButton, .docPayOnlineSubmit { width: 100%; text-align: center; padding-top: 10px; padding-bottom: 10px; }
   #userSignInButton input, .gray-btn, .docPayOnlineSubmit input { 
 border: 1px solid rgba(0,0,0,0); height: 50px; font: bold 14px arial; color: rgb(76,76,76); background: rgb(242,200,69);
 transition: 0.2s;
 -webkit-transition: 0.2s;
 min-width: 155px; 
 cursor: pointer; 
}
#userSignInButton input:hover, .gray-btn:hover { 
 background: rgb(5,92,187); color: white;
}

@media screen and (max-width: 400px) { 
	.userRegLeft, .userReRight, #userSignInUser, #userSignInUserInput, #userSignInPass, #userSignInPassInput { 
	width: 100%; padding: 0px; text-align: left; 
	}
	.userRegRight input, #userSignInUserInput input, #userSignInPassInput input{ width: 98%; height: 25px; } 
}

#userSignInDiv h1 { display: none; }

ul.list-options { display: inline-block; width: 20%; padding-left: 40%; padding-right: 40%; float: left; position: relative; 
}
@media screen and (max-width: 600px) { 
 ul.list-options { width: 80%; padding-left: 10%; }
}

.flw20 { width: 20%; }

.HOLBS_bestRateRoomNames { 
 display: none; 
 position: absolute; 
 top: -200px; 
 left: 1%; 
 width: 98%; 
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box; 
 padding: 10px; 
 background: white; 
 border: 1px solid rgb(79,191,237);
}

.blurAbove {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: 100%; 
 height: 100%; 
 background: rgba(0,0,0,0.3) url('javascript/ajax-loader.gif') no-repeat center center;
}

.sky-blue .bookStepNumberIn {
 border: none; 
 border-right: 5px solid white; 
}

.sky-blue .bookStepNumber, .sky-blue .bookStepNumberClick {
background: rgb(5,92,187); 
border-right: 5px solid white; 
border-bottom: 3px solid white;
}

.sky-blue .HSstartSearchByDates, .sky-blue .HSgroupSelect {
 width: 100%; 
 color: white; 
}

.sky-blue .HSavailCaption, .sky-blue .HSavailSelects, .sky-blue .HSgroupSelectHint, .sky-blue .HSpax, .sky-blue .kidAgeSelect  {
 width: 25%; 
}

.sky-blue .kidAgeSelect  { margin-bottom: 5px; text-align: right; }
.sky-blue .kidAgeSelect  .flwA, .sky-blue .HSpaxText { text-align: right; width: 50%; }

.sky-blue .HSavailCaption, .sky-blue .HSgroupSelectHint { 
 padding-left: 20px; 
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box;  
 }
		 
.HSavailSelects input , .roomselecttable input { 
 width: 90%; background: white url('img/img-common/cal.gif') no-repeat center right; min-height: 24px;  
 border: 1px solid rgba(0,0,0,0); margin-top: 5px; 
}

.sky-blue .HSpaxSelect { width: 50%; text-align: right; float: right; }
.sky-blue .HSpaxSelect select, .sky-blue .kidAgeSelect select { width: 90%; min-height: 24px; }

@media screen and (max-width: 600px) { 
.sky-blue .HSavailCaption, .sky-blue .HSavailSelects, .sky-blue .HSgroupSelectHint, .sky-blue .HSpax, .sky-blue .kidAgeSelect 
 {	width: 100%; margin-top: 5px; text-align: left;  padding-left: 20px; 
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box;  
		 }
	.kidAgeRow { margin-top: 0px; }	 
	.kidAgeRow .HSgroupSelectHint, .kidAgeRow .HSpax { display: none; }
}

@media screen and (max-width: 390px) { 
 .sky-blue .HSavailCaption, .sky-blue .HSavailSelects {	width: 100%; margin-top: 5px; text-align: left;  padding-left: 5px; 
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box;  
		 }
		 .kidAgeRow { margin-top: 0px; }	 
	.kidAgeRow .HSgroupSelectHint, .kidAgeRow .HSpax { display: none; }
}

.sly-blue .availListCell4 div.rackRate, .sly-blue .availListCell4 div.standRate { font-size: 1.4em!important; color: rgb(242,200,69); }

#boosSpepContent2 .availListCell4 .standRate { font-size: 1.4em!important; }
#boosSpepContent2 .availListCell4 .standRate del { font-size: 0.9em!important; }

.sky-blue .HOLBSavailListRow, .sky-blue .HSroomselecttableHeadRow { width: 90%; padding-left: 5%; }

.sky-blue .HOLBSavailListRow h3 { color: rgb(5,92,187); }

.availListCell5 input {
  background: rgb(242,200,69); 
  padding: 4px; 
  border: 1px solid rgb(242,200,69);
  color: rgb(75,75,75); 
  font: bold 12px arial; 
  cursor: pointer; 
  transition: 0.2s;
 -webkit-transition: 0.2s;
}
.availListCell5 input:hover {
 background: rgb(5,92,187); color: white;
}

.availListCell2 select { display: inline-block; float: right; margin-bottom: 10px; min-width: 30%; }

.sky-blue #reservClientData { width: 60%; color: white; padding-left: 6%; }
.sky-blue #reservHotelData { width: 30%; color: white; padding-right: 3%; }
.sky-blue .smallCheckbox  { width: 94%; color: white; padding-left: 6%; text-align: center; }

.sky-blue #bookTCdiv { color: white; }
#onlineReservSEction .sky-blue h2, #onlineReservSEction .sky-blue h3 { display: inline-block; width: 94%; padding-left: 6%; color: white; }
.sky-blue #reservClientData h2, .sky-blue #reservClientData h3, .sky-blue #reservHotelData h2, .sky-blue #reservHotelData h3 { padding-left: 0%; }

.sky-blue #onlineReservSEction { color: white; }

.sky-blue .HOLBS_sameRoomDiffPerople { 
 border: 1px dotted rgb(242,200,69); 
 cursor: pointer; 
}
.sky-blue .HOLBS_sameRoomDiffPerople:hover  { 
 background: rgb(5,92,187);  
 transition: 0.2s;
 -webkit-transition: 0.2s; 
}

.rates2015AllRateCells { width: 80%; }
.rateTableDates { width: 20%; }

.stickR {
 position: absolute; 
 top: 0px; 
 left: 100%; 
 width: 150px; 
 margin-left: -150px; 
}
.stickR .holbsXLS { float: right; max-width: 150px; }

@media screen and (max-width: 400px) { 
 .stickR { float: left; position: relative; width: 100%; margin-left: 0px; }
 .stickR .holbsXLS { float: left; max-width: 100%; }
}

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

.groupBookHtag h3 {
 display: inline-block; 
 padding-top: 6px; 
 padding-bottom: 8px; 
 margin-top: 3px; 
 margin-bottom: 18px; 
 font: bold 24px arial; 
 color: rgb(79,191,237);
 border-top: 2px solid rgb(79,191,237); 
 border-bottom: 2px solid rgb(79,191,237); 
}

.flw50dsc { width: 50%; padding-left: 10px; padding-right: 10px; }
@media screen and (max-width: 800px) { .flw50dsc { width: 100%; } }

.pad20 { padding-left: 20px; padding-right: 20px;  }
@media screen and (max-width: 400px) { .pad20 {  padding-left: 5px; padding-right: 5px;  } }

.reservClDataRight .flwA { width: 100%; }
.reservClDataRight input { margin-bottom: 6px; width: 70%; border-radius: 5px; border: 1px solid rgb(79,191,237); }
.reservClDataRight select { width: 20%; margin-right: 1%; border: 1px solid rgb(79,191,237); }
.reservClDataRight textarea { width: 91%; margin-bottom: 6px; border-radius: 5px; border: 1px solid rgb(79,191,237); }

.calContainer { width: 100%; }

.stopSellCCell { width: 206px; padding: 3px; border: 1px dotted silver; min-height: 120px; }

.stopSellCCell .calendar-month { display: inline-block; width: 100%; text-align: center; color: rgb(79,191,237); }
.stopSellCCell .ajCalDayLink { background: red!important; }

#stopSalesList h2 { display: inline-block; width: 100%; text-align: center; padding: 2px; margin: 0px; color: rgb(79,191,237); font-size: 18px; font-weight: bold; }

.floatMid { display: inline-block; float: none; width: auto; max-width: 100%; }

.flw100center { float: left; position: relative; width: 100%; text-align: center; }
#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; 
}

div.headBookList { width: 100%; font-weight: bold; }

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%; 
}

.reservClDataRight {
 width: 69%; padding-left: 1%; 
}

.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, .holbsBookButton  {
 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: 16%; 
 
 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); 
 display: inline-block; 
 padding-top: 3px; 
 padding-bottom: 3px; 
 border-bottom: 1px dotted rgb(202,202,202); 
 width: 100%!important; 
 -webkit-transition:  0.2s; /* Safari */
 transition: 0.2s;
}

.hotelAdminLinks a:hover {
 color: black; 
 background: rgb(235,235,235); 
 border-bottom: 1px dotted rgb(180,180,180); 
}

.shortA, a.shortA, .hotelAdminLinks a.shortA { width: auto!important; padding-left: 2px; padding-right: 2px; }

.hotelAdminLinks .flwA h1, .hotelAdminLinks h2, .holbs_sec_title, h3.holbs_sec_title {
 font: normal 16px arial; 
 color: black; 
 padding: 0px; 
 margin-bottom: 5px; 
 margin-top: 0px; 
 text-transform: none!important; 
}

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

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

.hotelManagementRight {
 float: left; 
 position: relative; 
 width: 80%; 
 height: auto; 
 padding-left: 1%; 
 font-family: Arial,Helvetica,sans-serif;
 font-size: 12px; 
}

.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 */

@media screen and (max-width: 600px) { 
	.kidAgeRow { margin-top: 0px; }	 
	.kidAgeRow .HSgroupSelectHint, .kidAgeRow .HSpax { display: none; }
}

@media screen and (max-width: 390px) { 
    .kidAgeRow { margin-top: 0px; }	 
	.kidAgeRow .HSgroupSelectHint, .kidAgeRow .HSpax { display: none; }
}


.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 img { max-width: 100%; height: auto; }

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

.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); 
 color: rgb(0,0,255); 
}

.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; 
}
 
.HOLBS_supplButtons { width: 80%; float: right; } 

.HOLBS_suppl_in_OFF, .HOLBS_suppl_in_ON { 
 display: inline-block; 
 float: left; 
 position: relative; 
 min-width: 200px; 
 width: auto; 
 padding: 5px 7px 5px 40px; 
 margin-right: 10px; margin-bottom: 5px; margin-top: 5px; 
 -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
          box-sizing: border-box; 
  border-radius: 5px; 	  
  cursor: pointer; 
  font-size: 0.9em; 	
}

.HOLBS_suppl_in_OFF {
 background: rgb(230,230,230); color: rgb(76,76,76);  border: 1px solid rgb(76,76,76); 	
}

.HOLBS_suppl_in_ON {
 background: rgb(200,255,200); color: rgb(0,155,0); border: 1px solid rgb(0,155,0);
}

.supplOnMark, .supplOffMark { 
 position: absolute; 
 top: 50%; 
 left: 10px; 
 width: 20px; 
 height: 20px; 
 margin-top: -10px; 
 text-align: center; 
 font-size: 16px; 
 font-weight: bold;
 border-radius: 10px; 
 -webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
         box-sizing: content-box; 
}
.HOLBS_suppl_in_OFF .supplOnMark, .HOLBS_suppl_in_ON .supplOffMark { display: none; }

.supplOnMark { border: 2px solid rgb(0,155,0); color: rgb(0,155,0); }
.supplOffMark { border: 2px solid rgb(76,76,76); color: rgb(76,76,76); }
.HOLBS_suppl_in_OFF:hover .supplOffMark, .HOLBS_suppl_in_ON:hover .supplOnMark { background: white; }


.HOLBS_suppl_in_OFF strong, .HOLBS_suppl_in_ON strong {
 display: inline-block; 
 font-weight: bold; 
 width: 100%; 
 float: left; 
 position: relative; 
}

.HOLBS_priceExtraPack { display: inline-block; font-size: 1.2em; font-weight: normal; width: auto; margin-right: 5px; }
 
@media screen and (max-width: 550px) {
	 .availListCell1, .availListCell2, .availListCell5, .addPackCheckboxCell, .HOLBS_supplButtons {	 
	 width: 98%; 
	 padding-right: 2%; 
	}
	
	.availListCell2 select, .availListCell5 select  { width: 49%; margin-left: 1%; }
	.availListCell5 input { width: 45%; }
	
	.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%; 
  background: white; 
  border-bottom: 1px solid #02b9f8;
}

.rates2015DateSell {
 width: 20%; 
 min-height: 10px; 
 font-family: arial; 
 font-weight: bold; 
 background: white; 
 padding: 3px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
}

.rates2015AllRateCells {
 width: 80%;
}

.rate2015priceCell {
 min-height: 10px; 
 background: white; 
 padding: 3px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
}

.rates2015DateSell, .rate2015priceCell, .rates2015headRow{ float: left; position: relative; }

.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; 
}

.holbs_chmarket {
 position: absolute; 
 top: 22px; 
 left: 0px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 padding: 10px; 
 background: white; 
 min-width: 150px; 
 width: 100%; 
 font-family: arial; 
 font-size: 12px; 
 border: 1px solid silver;
 z-index: 10; 
}

.holbs_chmarket select { width: 100%; }

.holbs_chmarket a { display: inline-block; width: 100%; padding-top: 1px; padding-bottom: 1px; margin-bottom: 2px; }
.holbs_chmarket a:hover { background: rgb(85,178,227); color: white; }

.activeMarket {
 padding: 5px; 
 background: white; 
 border: 1px solid silver;
 margin-top: 5px; 
 margin-bottom: 4px; 
 display: inline-block!important; 
}

.holbs_dropdown {
 display: inline-block; 
 width: 18px; 
 height: 12px; 
 background: url('img/img-holbs/holbs-point-bot.gif') no-repeat center center; 
}

.holbs_dropclose {
 display: inline-block; 
 width: 18px; 
 height: 12px; 
 background: url('img/img-holbs/holbs-point-top.gif') no-repeat center center; 
}

.holbs_upGreen {
 display: inline-block; 
 width: 18px; 
 height: 12px; 
 background: url('img/img-holbs/holbs-increase.gif') no-repeat center center; 
}

.holbs_downRed {
 display: inline-block; 
 width: 18px; 
 height: 12px; 
 background: url('img/img-holbs/holbs-decrease.gif') no-repeat center center; 
}

.avail_global {
 font-weight: bold; 
 display: inline-block; 
 font-size: 16px; 
 padding: 2px 3px; 
}

.avail_by_markets { 
 position: absolute; 
 top: 0px; 
 left: 0px; 
 padding: 5px 15px; 
 font: normal 12px arial;  
 background: white; 
 min-width: 240px; 
 min-height: 50px; 
 z-index: 3; 
}

.bordDot { border: 1px dotted silver; }

.holbsXLS { 
 display: inline-block; 
 padding: 3px; 
 width: auto; 
 height: auto; 
 font-family: arial; 
 font-size: 14px; 
 min-height: 32px; 
 padding-left: 36px; 
 padding-top: 12px; 
 background: url('img/img-common/xls-icon.png') no-repeat center left; 
}

.holbsXLSprepare { 
 position: absolute; 
 z-index: 5; 
 top: 100%; 
 left: 0px;
 width: 100%; 
 padding: 5px; 
 border: 1px solid silver; background: white; text-align: center; 
}

/* GROUP BOOKING STYLES */

.groupBookStep1 {
 width: 66%; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 padding: 10px; 
}

.groupBookInfo {
 width: 33%; 
 float: right; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 padding: 10px; 
}

.grBookInfoRate {
 width: 100%; 
 padding-bottom: 20px; 
 font-size: 24px; 
}

.grBookInfoRate span { font-size: 18px; display: inline-block; padding-left: 5px; }

.groupBookStep2, .groupBookStep3 {
 width: 66%; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 padding: 10px; 
}

.groupBookDateSelect, .groupBookAgeSelect { width: 50%; padding-bottom: 10px; }

.groupBookDateSelect label, .groupBookAgeSelect label, .groupBookStep2 label { 
 display: inline-block; width: 100%; padding-bottom: 5px; 
}

.groupBookDateSelect input, .groupBookAgeSelect select { width: 60%; height: 30px; border: 1px solid silver; }

.groupBookDateSelect .flwA { width: 100%; }

.groupBookStep2 textarea { width: 80%; height: 90px; border: 1px solid silver; }

@media screen and (max-width: 600px) { 
 .groupBookStep1, .groupBookStep2, .groupBookStep3, .groupBookInfo { width: 100%; }
}

.holbsTableVertBorder {
 position: absolute; 
 top: 0px; 
 width: 1px; 
 height: 100%; 
 background: #02b9f8;
}

.holbsTableRow { 
  border-bottom: 1px solid #02b9f8;
}

#roomRatesTableDiv, #roomRatesTableCompare { font-size: 12px; background: white; }

.transferRow { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid silver; }

.HOLBS_transferSlcts { color: black; background: rgb(180,255,180); }

.transferGoReqs, .transferRetReqs  { display: none; 
 padding-right: 16%; 
 padding-top: 3px; padding-bottom: 3px; 
 text-align: right; 
}
.transferGoReqs span { display: inline-block; }

.transferGoReqs input, .transferRetReqs  input { width: 40%; margin-left: 10px;  }

.transfer2wayPricesOn .HOLBS_transferSlcts  .transferGoReqs, .transfer2wayPricesOn  .HOLBS_transferSlcts  .transferRetReqs, 
.transfer1wayPricesOn  .HOLBS_transferSlcts .transferGoReqs {
 display: inline; 
}
.transfer1wayPricesOn  .HOLBS_transferSlcts .transferGoReqs span { display: none; }

.HOLBSclose { 
 position: absolute; 
 top: 0px; 
 left: 100%; 
 margin-left: -20px; 
 width: 18px; 
 height: 18px; 
 background: white; 
 border: 1px solid silver; 
 color: silver; 
 cursor: pointer; 
 font: bold 16px arial;
 text-align: center; 
}
.HOLBSclose:hover { color: black; }

.transfer2wayPricesOn, .transfer1wayPricesOn { width: 100%; float: left; position: relative; }
.transfer2wayPricesOn .price1wayTransfer { display: none; }
.transfer1wayPricesOn .price2wayTransfer { display: none; }
.transfer2wayPricesOn .price2wayTransfer, .transfer1wayPricesOn .price1wayTransfer  { display: inline; }

.bookRow { width: 100%; }

.holbs_api_save input {
 width: 80%; 
 margin-bottom: 15px; 
 height: 25px; 
 border-radius: 4px; 
 border: 1px solid rgb(51,51,51); 
 background: white; 
 
}

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

/* STOP SALES CALENDAR LOOK - start */
.stopSalesCalendar { width: 216px; padding: 5px; margin-bottom: 7px; border: 1px dotted silver; text-align: center; min-height: 140px; 
background: white; }
.stopSalesCalendar span.calendar-month { font-weight: bold; display: inline-block; width: 100%; text-align: center; margin-bottom: 5px; }

.stopSalesCalendar .calendarNextMonLink, .stopSalesCalendar .calendarPrevMonLink { display: none!important; }
.stopSalesCalendar .ajCalDayLink { background: rgb(180,0,0); color: white; cursor: default; }

.stopSalesCalendar .calendarprevNext, .stopSalesCalendar .calendarYear { color: rgb(180,0,0); }

.stopSalesCalendar .calendarDivDirect { width: 100%; min-height: 165px; }

.stop_sale_cond .ajCalDayLink { background: #f8f825; color: black; cursor: default; }

.strictStopInfoClick { display: inline-block; width: 20px; height: 20px; background-image: url('img/img-holbs/stop-sale-strict.png'); 
 background-position: center center; background-size: 100% 100%; background-repeat: no-repeat; 
 cursor: pointer; 
}
.condStopInfoClick { display: inline-block; width: 20px; height: 20px; background-image: url('img/img-holbs/stop-sale-cond.png'); 
 background-position: center center; background-size: 100% 100%; background-repeat: no-repeat; 
 cursor: pointer;  
}

/* STOP SALES CALENDAR LOOK - end */


.reservClDataRight input { width: 70%; border: 1px solid rgb(170,170,170); height: 25px; margin-bottom: 10px; }
.reservClDataRight .flwA { width: 100%; }

.reservClDataRight select { width: 20%; border: 1px solid rgb(170,170,170); height: 25px; margin-bottom: 10px; margin-right: 1%; }

.reservClDataRight textarea { width: 92%; border: 1px solid rgb(170,170,170); height: 70px; margin-bottom: 10px; }

.smallCheckbox { width: 100%; text-align: center; padding-bottom: 10px; }
.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(79,191,237);
 height: auto; 
}

.calendarprevNext a, .calendarprevNext a:visited, .calendarprevNext a:active {
 color: rgb(79,191,237);
}

.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(79,191,237); 
 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(79,191,237);
}

.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(79,191,237);
}
.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(79,191,237);
 height: auto; 
}

.calendarprevNext a, .calendarprevNext a:visited, .calendarprevNext a:active {
 color: rgb(79,191,237);
}

.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(79,191,237); 
 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(79,191,237);
}

.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(79,191,237);
}
div {
 float: left; 
 position: relative;
}

.realContText p, .realContText td {
 font-family: arial; font-size: 14px;
}

a, a:visited,  a:active {
 text-decoration: none; 
 color: rgb(0,77,170);
 border: 0px; 
}

a:hover {
 text-decoration: none; 
 color: rgb(79,19,237); 
}

a img {
 border: 0; 
}

.realContText p, .realContText td p  {
 margin-top: 0px; 
 margin-bottom: 14px; 
}

.realContText h1, .realContText td h1 {
 color: rgb(85,178,227); 
 font: bold 18px verdana; 
 margin-top: 0px; 
 margin-bottom: 15px; 
 padding: 0px; 
}

.realContText h2, .realContText td h2 {
 color: rgb(85,178,227); 
 font: bold 16px verdana; 
 margin-top: 0px; 
 margin-bottom: 15px; 
 padding: 0px; 
}

.realContText h3, .realContText td h3 {
 color: rgb(85,178,227); 
 font: bold 18px verdana; 
 margin-top: 0px; 
 margin-bottom: 15px; 
 padding: 0px; 
}

.realContText h4, .realContText td h4 {
 font: normal 13px arial; 
 margin-bottom: 0px;
 color: rgb(153,176,36); 
}

.realContText h5, .realContText td h5 {
 font: bold 12px arial;
 margin-bottom: 0px;
 margin-top: 0px;
}


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

.realContText ul {
 margin-left: 5px; 
}

.realContText li {
 font: normal 13px arial;
}

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