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

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

.flw50 {
 width: 50%; 
}

.flw15 {
 width: 15%; 
}

.flw20 {
 width: 20%; 
}

.flw25 {
 width: 25%; 
}


.flw33 {
 width: 33%; 
}

.flw66 {
 width: 66%; 
}

.flw80 {
 width: 80%; 
}

.flw60 {
 width: 60%; 
}

.flw70 {
 width: 70%; 
}

.flw30 {
 width: 30%; 
}

.flw100, .flw50, .flw30, .flw33, .flw15, .flw25, .flw66, .flw60, .flw70, .flw20, .flw80 {
 float: left; 
 position: relative; 
 height: auto; 
}

@media screen and (max-width: 480px) {	
	.flw50, .flw66, .flw33 {
	 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; }
.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; }
.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; 
}

.loadAboveIn {
 display: inline-block; float: none; text-align: left; 
 overflow: hidden; width: calc(100% - 20px); height: calc(100% - 10px); margin-top: 5px; 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);	  
}

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

.loadAboveClose {
 position: fixed; top: 3px; left: 100%; margin-left: -35px; 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: 1310px) {	
 .loadAboveClose {left: 50%; margin-left: 615px;}
}

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

body {
 background: white; 
 margin: 0px; 
 padding: 0px; 
 overflow-x: hidden; 
 font-family: Arial,Helvetica,sans-serif;
}

a, a:visited, a:active, .blueH {
 text-decoration: none; 
 color: rgb(2,180,206);
 -webkit-transition:  0.4s; /* Safari */
 -moz-transition: 0.4s; 
 transition: 0.4s;
}

a:hover { color: rgb(45,123,171); }

.trans04, .subMenu a, .click2home, .lupa, .trigmenu, #theMenu, .subLevel a, .homeFrame, .priceInFrame, .srchSubmit input , .mainSearchSubmit input, 
.offerKare, 
.offerKareImg img, a.viewAll, .viewAll, .bannerTall img, .bannerMid img, .bannerLabel, a.blueA, .blueA, #findHotelButton input, .submitForm input, 
.fLink, a.fLink, .submitNews , .thumbIn, .arrL, .arrR, .bookDivClass, .picKareLink, #initTxtHidden, .bookStepNumberClick, .availListCell5 input, 
.nextMonArrow, .prevMonArrow, .calBeltCell .ajCalDayLink, .boxOn, .boxOff, #userSignInButton input, .docPayOnlineSubmit input, .closeDetails, 
.hoverHighlight {
 -webkit-transition:  0.4s; /* Safari */
 -moz-transition: 0.4s; 
 transition: 0.4s;
}

.mainFont { font-family: Arial,Helvetica,sans-serif; font-size: 14px; color: rgb(102,102,102); background-color:rgba(255,255,255,0)!important;}
.userCopied, .userCopied span, .userCopied div { background-color: rgba(255,255,255,0)!important; }
.mainFont76 { font-family: Arial,Helvetica,sans-serif; font-size: 14px; color: rgb(102,102,102);  }
@media screen and (max-width: 600px) { .mainFont76, .mainFont { font-size: 12px; } }

.fullW, .fullw {
 width: 1070px; 
 left: 50%; 
 margin-left: -535px; 
}

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

.electric { background: rgb(2,180,206); color: white; }

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

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



.upcase {
 text-transform: uppercase; 
}

.click2home { 
 width: 190px; height: 65px; 
 margin-top: 7px; 
 margin-left: 12px; 
 margin-bottom: 12px; 
}

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

.whileSubOpen { color: white; background: rgb(2,180,206); }

@media screen and (max-width: 360px) { 
 .click2home { width: 152px; height: 52px; }
}

.topMenu { background: rgb(243,243,243); font-size: 12px; color: rgb(102,102,102); height: 36px; width: 100%; text-align: right;  }
.topMenuOn { background: rgb(243,243,243); font-size: 12px; color: rgb(102,102,102); height: auto; width: 100%; text-align: right;  }

.topMenu nav, .topMenuOn nav { width: 100%; }

.topMenu a, .topMenu a:visited, .topMenu a:active, 
.topMenuOn a, .topMenuOn a:visited, .topMenuOn a:active { color: rgb(102,102,102); }

.tmButton { display: inline-block; float: none; margin-bottom: 0px; line-height: 12px; }
.tmButton .flwA { padding: 12px 15px; }
.topMenu .tmButton .flwA.cursPoint:hover, .pageLink  .flwA.cursPoint:hover, #tabsselector .pageLink  .flwA:hover  { color: white; background: rgb(2,180,206); }
.topMenu .tmButton .flwA.cursPoint:hover a, .topMenu .tmButton .flwA.cursPoint:hover a:visited, .topMenu .tmButton .flwA.cursPoint:hover a:hover, 
.pageLink  .flwA.cursPoint:hover a:hover, .pageLink  .flwA.cursPoint:hover a{
 color: white; 
}

@media screen and (max-width: 460px) { 
  .tmButton .flwA { padding: 10px 10px; }
  .topMenu { height: 32px; text-align: left; }
  .topMenuOn { text-align: left; }

}

.phonesIn {
 float: right; 
 max-width: calc(100% - 195px);
 margin-top: 24px; 
 color: rgb(200,200,200); font-size: 12px; 
 }

.phone { display: inline-block; font-size: 18px; color: rgb(51,51,51); padding-left: 18px; margin-left: 40px;
 height: 24px; padding-top: 2px;  line-height: 18px; 
 background-image: url('img/phone.png'); 
 background-repeat: no-repeat; 
 background-position:  center left;
 margin-bottom: 10px; 
}

@media screen and (max-width: 660px) { 
 .phone { margin-left: 10px; }
}

.trigPhones { display: none; }

@media screen and (max-width: 600px) { 
	.trigPhones { display: inline; float: right; width: 20px; height: 24px; 
	 background: url('img/phone.png') no-repeat center center;
	 margin-top: 24px; 
	 margin-right: 10px; margin-left: 10px; 
	}
	.phonesIn { display: none; width: 100%; max-width: 100%; margin-top: 2px; text-align: left!important; margin-bottom: 4px;}
}



.topMenu .on-responsive, .topMenuOn .on-responsive, .subLevelWide  .responsive { display: none; }

@media screen and (max-width: 900px) { 
 .topMenu .responsive { display: none; }
 .topMenu .on-responsive, .topMenuOn .on-responsive  { display: inline-block; }
 .topMenuOn .tmButton.responsive { width: 100%; border-bottom: 1px solid white; }
 .topMenuOn .tmButton.responsive .flwA { width: 100%; text-align: left; }
}

.small3 { background: url('img/3-lines.gif') no-repeat center left;
 display: inline-block; 
 padding-left: 15px; 
 background-size: auto 100%; 
}

.bordbot { border-bottom: 2px solid rgb(241,241,241); }

.mainMenu, .mainMenuOn {
 width: 100%; 
 max-width: calc(100% - 42px); 
 font-size: 13px; 
}
.fontMenu { font-size: 13px; }

.mainMenu nav, .mainMenuOn nav { width: 100%; }

.pageIn { border-bottom: 7px solid rgb(2,180,206); margin-left: 6px; margin-right: 6px; }
.pageIn .flwA { padding: 22px 0px 12px 0px; }
.pageLink .flwA { padding: 22px 6px 19px 6px; }

.subLevel, .subLevelWide { display: none; }

.subLevel { position: absolute; top: 46px; left: 0px; padding: 20px; background: rgb(243,243,243); min-width: 140px; text-align: left; 
 z-index: 2; 
}

.subLevelWide { 
 position: absolute; top: 46px; left: 0px; padding: 20px; background: rgb(243,243,243); width: 100%; text-align: left; 
 z-index: 2; 
 background: rgb(243,243,243);
 
}

.subLevelCols {
  -webkit-column-count: 5; /* Chrome, Safari, Opera */
 -moz-column-count: 5; /* Firefox */
 column-count: 5;
 
 -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
 -moz-column-gap: 30px; /* Firefox */
 column-gap: 30px;
}


.subLevelWide  P { margin-top: 0px; padding-top: 0px; }

@media screen and (max-width: 560px) { 
.subLevelCols { 
  -webkit-column-count: 3; /* Chrome, Safari, Opera */
 -moz-column-count: 3; /* Firefox */
 column-count: 3;
 
 -webkit-column-gap: 15px; /* Chrome, Safari, Opera */
 -moz-column-gap: 15px; /* Firefox */
 column-gap: 15px;
 }
}

@media screen and (max-width: 400px) { 
.subLevelCols { 
  -webkit-column-count: 2; /* Chrome, Safari, Opera */
 -moz-column-count: 2; /* Firefox */
 column-count: 2;
 
 -webkit-column-gap: 15px; /* Chrome, Safari, Opera */
 -moz-column-gap: 15px; /* Firefox */
 column-gap: 15px;
 }
}

.subLevelWide strong { text-transform: uppercase; display: inline-block; padding-bottom: 12px; }

.topMenu .subLevel { top: 36px; width: 100%; }

.subLevel a, .subLevel span { display: inline-block; width: 100%; padding-bottom: 7px; padding-top: 7px; }
.subLevel a, .subLevel a:visited, .subLevelWide a, .subLevelWide a:visited { color: rgb(127,127,127); }
.subLevelWide a { display: inline-block; padding-bottom: 3px; }
.subLevel a:hover, .subLevelWide a:hover {  color: rgb(2,180,206)!important; }


.pageIn, .pageLink a, .pageLink a:visited, .pageLink a:active { color: rgb(51,51,51); }

.lupa { width: 40px; border-left: 1px solid rgb(153,153,153); background: url('img/lupa.jpg') no-repeat center center; height: 24px; margin-top: 18px; float: right; }
.lupa:hover {
  background: url('img/lupa-hover.jpg') no-repeat center center; 
}

.txtSrchFld { display: none; 
 position: absolute; 
 top: 45px; 
 left: 100%; 
 width: 200px; 
 margin-left: -200px; 
 padding: 3px; 
 background: white; 
 border-left: 1px solid white;
 border-right: 1px solid white;
 border-bottom: 1px solid white;
 border-bottom-left-radius: 10px; 
 border-bottom-right-radius: 10px; 
 z-index: 15; 
}

.txtSrchFld input { width: 95%; margin-left: 2%; height: 30px; background: white; border-left: 1px solid white; border-right: 1px solid white; 
border-top: 1px solid white; border-bottom: 1px solid rgb(2,180,206); color: rgb(102,102,102); margin-bottom: 3px; }
.txtSrchFld input:focus { border-bottom: 2px solid rgb(2,180,206); }


.trigmenu { display: none; }

@media screen and (max-width: 680px) { 
 .txtSrchFld { top: 35px;  }
 .subLevelWide { float: left; position: relative; top: 0px; }
 .trigmenu { display: inline; padding-left: 33px; min-height: 29px; background: url('img/3-lines.gif') no-repeat center left; margin-left: 3px; 
  padding-right: 10px; 
  color: rgb(2,180,206);
  padding-top: 6px; 
  margin-top: 2px; 
  margin-bottom: 2px; 
  font-size: 14px; 
  border: 2px solid white; 
 }
 .trigmenu:hover { color: white; background: rgb(2,180,206) url('img/3-lines-hover.gif') no-repeat center left;
  border: 2px solid rgb(2,180,206); 
 }
 
 .subLevelWide  .responsive { display: inline-block; } 
 
 .mainMenu { display: none; }
 .mainMenuOn { display: inline; width: 100%; max-width: 100%; min-width: 100%; }
 .lupa { margin-top: 2px; }
}

.topOffsLink, a.topOffsLink { color: rgb(255,102,0)!important; }

.offerHR { height: 40px; width: 100%; 
 background-position: center center; 
 background-repeat: no-repeat; 
 background-size: 100% auto; 
}

.homeFrameContainer {
 width: 100%; 
 height: 470px; 
 overflow: hidden; 
}

.frameContainer435 {
 width: 100%; 
 height: 435px; 
 overflow: hidden; 
}

.frameContainer365 {
 width: 100%; 
 height: 365px; 
 overflow: hidden; 
}

.frameContainer290 {
 width: 100%; 
 height: 290px; 
 overflow: hidden; 
}

.homeFrame {
 background-position: center center; 
 background-repeat: repeat-x; 
 background-size: auto 100%; 
 width: 100%; 
 height: 100%; 
}

@media screen and (min-width: 900px) and (max-width: 1480px) and (max-height: 720px) { 
 .homeFrameContainer { height: 300px; } 
 .frameContainer435  { height: 275px; } 
 .homeFrame { background-size: 100% auto; }
}

@media screen and (max-width: 900px) { .homeFrameContainer { height: 300px; } .frameContainer435  { height: 275px; }  }
@media screen and (max-width: 799px) { .homeFrameContainer { height: 250px; } .frameContainer435, .frameContainer365  { height: 230px; }  }
@media screen and (max-width: 600px) { .homeFrameContainer { height: 190px; } .frameContainer435, .frameContainer365, .frameContainer290  { 
 height: 175px; }  
}
@media screen and (max-width: 400px) { .homeFrameContainer { height: 125px; } .frameContainer435 , .frameContainer365, .frameContainer290 { 
 height: 115px; }  
}


.homeFrameTxt { 
 width: 100%; 
 top: 50%; 
 font-size: 32px; 
 color: white; 
 text-align: center; 
}

.homeFrameTxt h1 { font-size: 32px; color: white; text-transform: uppercase; margin: 0px; padding:0px; font-weight: normal; 
 text-shadow: 1px 1px 3px rgba(0,0,0,0.6); 
}

.priceInFrame { display: inline-block; padding: 12px 25px; background: rgba(255,255,255,0.9); color: rgb(18,71,139); font-size: 16px; 
margin-top: 20px; }

.homeFrameTxt a, .homeFrameTxt a:visited { color: white; text-shadow: 1px 1px 3px rgba(0,0,0,0.6); }
.homeFrameTxt a:hover { color: rgb(18,71,139); }
.homeFrameTxt a:hover span.priceInFrame { color: white!important; background: rgba(18,71,139,0.9); }
.homeFrameTxt a span.priceInFrame, .homeFrameTxt a:visited span.priceInFrame { color: rgb(18,71,139); text-shadow: 1px 1px 3px rgba(0,0,0,0); }

@media screen and (max-width: 600px) { .homeFrameTxt { top: 30%; font-size: 18px; } .priceInFrame { margin-top: 10px; font-size: 14px; padding: 10px 15px; } }

.blueBack { background: rgb(45,123,170); color: white; text-align: left; }

.searchHome { color: white; font-size: 12px; text-transform: uppercase; }

.destSelect { width: 29%; margin-right: 1%; }
.dateSelect { width: 17%; margin-right: 1%; }

.paxSelect { width: 7%; margin-right: 1%;  }

.srchSubmit { width: 16%; }
.srchSubmit input, .mainSearchSubmit input, #findHotelButton input, #userSignInButton input, .docPayOnlineSubmit input, 
.paxSelect select {
 width: 99%; 
 border: 1px solid rgb(2,180,206); 
 background: rgb(2,180,206); 
 color: rgb(229,229,229); 
 margin-top: 16px; 
 height: 50px; 
 font-size: 14px; text-transform: uppercase; 
 cursor: pointer; 
}
#userSignInButton input { max-width: 200px; }

.srchSubmit input:hover, .mainSearchSubmit input:hover, #findHotelButton input:hover, 
#userSignInButton input:hover, .docPayOnlineSubmit input:hover {
 background: rgb(255,102,0);
 border: 1px solid rgb(255,102,0); 
}


.destSelect input, .dateSelect input, .destSelect select, .dateSelect select, .divSrchResort select, .divRow1More select, 
.divSrchResort input, .divRow1More input, .paxSelect select  {
 width: 99%; 
 height: 36px; 
 border: 1px solid white; 
 background: white; 
 margin-top: 8px; 
 margin-bottom: 10px; 
}
.destSelect select, .dateSelect select {
 height: 40px; 
}

.paxSelect select  { color: rgb(30,30,30); }

.divSrchResort select, .divRow1More select { width: 96%!important; }

@media screen and (max-width: 600px) {  
 .paxSelect { width: 24%; }
 .destSelect, .dateSelect { width: 49%; }
 .destSelect input, .dateSelect input, .destSelect select, .dateSelect select { width: 96%; margin-top: 5px; }
 .srchSubmit  { width: 100%; }
}

@media screen and (max-width: 339px) {  
 .paxSelect, .destSelect, .dateSelect { width: 99%; }
}

ul { margin-left: 0px; padding-left:0px; }

ul li {
 list-style-type: none;  
 margin-left: 2px; 
 font-size: inherit; 
 background-color:rgba(255,255,255,0)!important;
 font-family: inherit; 
 display: inline-block; 
 list-style-position: outside;
 margin-bottom: 6px; 
 float: left; 
 width: 100%; 
 position: relative;
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
 padding-left: 25px;  
 color: inherit; 
}

ul li::before { 
    content: ' ';
    background-color: rgb(2,180,206);
    display: inline-block; 	
    width: 16px; 
	height: 16px; 
	font-size: 1px; 
	position: absolute; 
	left: -1px; 
	top: 2px; 	
}

ul.hotelAmenities li {
 width: 20%;  
}

@media screen and (max-width: 800px) { ul.hotelAmenities li { width: 30%;  } }
@media screen and (max-width: 600px) { ul.hotelAmenities li { width: 45%;  } }
@media screen and (max-width: 460px) { ul.hotelAmenities li { width: 100%;  } }

.breadcrumb a, .breadcrumb a:visited, .breadcrumb a:active, .breadcrumb { color: rgb(153,153,153); font-size: 12px; }
.breadcrumb a:hover {  color: rgb(2,180,206); }

.breadcrumb  ol li { 
 display: inline-block; 
 margin: 0px; 
 padding: 0px; 
}

.breadcrumb ol {
 list-style: none;`
 margin: 0px; 
 padding: 0px; 
}

.mainH {
 display: inline-block; 
 width: 100%; 
 text-align: center; 
 margin-top: 0px; 
 margin-bottom: 15px; 
 padding-bottom: 0px; 
 color: rgb(153,153,153); 
 font-weight: normal; 
 font-size: 20px; 
 padding-top: 0px; 
}
.mainH span { font-size: 14px; text-transform: none; color: rgb(51,51,51); }

.mainH span::after {
 content: ''; 
 width: 25px; 
 height: 2px; 
 position: relative; top: -10px; 
 background: rgb(153,153,153);  
 display: inline-block; 
}

@media screen and (max-width: 600px) {  .mainH, .homeFrameTxt h1 { font-size: 18px; } }

.flw100plus10 { width: calc(100% + 10px); min-width: calc(100% + 10px); }

.offerKare {
 width: 350px; 
 border: 1px solid rgb(204,204,204); 
 height: 395px; 
 margin-right: 10px; 
 color: rgb(102,102,102);
 margin-bottom: 10px; 
}

.offerKare:hover { border: 1px solid rgb(2,180,206);  }

.offerKare a, .offerKare a:visited { color: rgb(102,102,102); }
.offerKare a:hover { color: black; }

.offerKareImg, .offerKareImgCat {
 width: 100%; 
 height: 230px; 
 overflow: hidden; 
}

.picKareLink { 
 width: 350px; height: 265px; overflow: hidden; 
 display: inline-block; 
 float: none; 
 margin-right: 0px; 
 margin-left: 5px; 
 color: rgb(102,102,102);
 margin-bottom: 10px; 
 border: 1px solid rgb(204,204,204); 
 background-position: top center; 
 background-repeat: no-repeat; 
 background-size: auto 100%!important; 
 background-color: rgb(160,160,160); 
}

.labelOverPic {
 text-align: left; 
 position: absolute; 
 top: 100%;
 margin-top: -70px; 
 left: 0px; 
 min-width: 77%; 
 padding: 12px 10px 12px 25px; 
 background: rgba(255,255,255,0.9); 
 color: rgb(102,102,102); 
 font-size: 14px; 
}
.labelOverPic a, .labelOverPic a:visited { color: rgb(102,102,102); }
.picKareLink:hover .labelOverPic a, .picKareLink:hover .labelOverPic a:visited { color: rgb(72,72,72); }
.picKareLink:hover .labelOverPic { background: white; }
.labelOverPic span.upcase { font-size: 1.2em; }

.picKareLink:hover  { background-size: auto 101%!important; }

.offerKareImg img { width: 100%; height: auto; }
.offerKare:hover .offerKareImg img { width: 102%; height: auto; left: -1%; }

.offerTxt { width: 88%; padding-left: 6%; padding-right: 6%; font-size: 13px;  }

.offerTitle { display: inline-block; 
 color: rgb(51,51,51); 
 font-weight: normal; 
 text-transform: uppercase; 
 font-size: 1.1em; 
}

a.offerTitle { color: rgb(51,51,51); }

.offerTitle::after {
 content: ''; 
 width: 20px; 
 height: 1px; 
 position: relative; top: -10px; 
 background: rgb(153,153,153);  
 display: inline-block; 
}
.priceInOffer { display: inline-block; margin-top: 5px; font-size: 1.2em; }
.priceInOffer strong, a span.priceInOffer strong, a:visited span.priceInOffer strong, .strongBlue strong, strong.strongBlue { color: rgb(2,180,206);}

@media screen and (max-width: 1060px) { .flw100plus10 { min-width: 720px; width: 720px; left: 50%; margin-left: -355px; } }
@media screen and (max-width: 710px) { .flw100plus10 { min-width: 360px; width: 360px; left: 50%; margin-left: -175px; } }

@media screen and (max-width: 360px) { 
 .flw100plus10 { width: 100%; min-width: 100%; max-width: 100%!important; left: 0px; margin-left: 0px; }
 .offerKare { width: 99%; height: auto; padding-bottom: 10px; }
 .offerKareImg { height: auto; max-height: 230px; }
 .picKareLink { width: 98%; margin-left: 1%; margin-right: 1%; }
}

.after6 { display: none; }

.viewAll { display: inline-block; padding: 7px; font-size: 14px; color: rgb(153,153,153); border-bottom: 1px solid rgb(153,153,153); }
.pagLink { display: inline-block; padding: 7px; font-size: 14px; color: rgb(153,153,153); }
.pagPageIn  { display: inline-block; padding: 7px; font-size: 14px; color: black; }
a.pagLink, a.pagLink:visited, a.viewAll, a.viewAll:visited { color: rgb(153,153,153); }
a.viewAll:hover { color: rgb(2,180,206); border-bottom: 1px solid rgb(2,180,226); }
a.pagLink:hover { color: rgb(2,180,206); }

.blueBack .mainH, .calendarHome .mainH { color: white;  }
.blueBack .mainH span::after { background: white; }

.bannerCol { width: 348px; margin-bottom: 10px; margin-right: 10px; margin-left: 0px; float: none; display: inline-block; overflow: hidden; }

.bannerTall { width: 100%; height: 540px; overflow: hidden; margin-bottom: 10px; }
.bannerMid { width: 100%; height: 265px; overflow: hidden; margin-bottom: 10px; }

.bannerTall img, .bannerMid img { width: 100%; height: auto; }
.bannerTall:hover img, .bannerMid:hover img { width: 102%; height: auto; margin-left: -1%; margin-top: -4px;  }

.bannerLabel { position: absolute; 
top: 100%; 
left: 0px; 
margin-top: -80px; 
padding: 15px 10px 15px 30px; 
width: 250px; 
background: rgba(255,255,255,0.6); 
text-align: left; 
}
.bannerLabel a, .bannerLabel a:visited, .bannerLabel a:active { color: rgb(102,102,102); font-size: 14px; }
.bannerLabel a strong { text-transform: uppercase; font-weight: normal; font-size: 1.2em; }

.bannerTall:hover .bannerLabel, .bannerMid:hover .bannerLabel { background: rgba(255,255,255); }

@media screen and (max-width: 360px) { .bannerCol { width: 100%; } .bannerLabel { margin-top: -140px; } }

.flw95 { width: 95%; padding-left: 2.5%; padding-right: 2.5%; }
.color102, .homeFrameTxt h1.color102 { color: rgb(102,102,102); }

.blueA, a.blueA, a.blueA:visited  {
 display: inline-block; 
 padding: 20px; 
 background: rgb(2,180,206); 
 color: rgb(229,229,229); 
 font-size: 14px; text-transform: uppercase; 
 cursor: pointer; 
 min-width: 95px; 
}
.blueA:hover, a.blueA:hover {
 background: rgb(255,102,0); color: white!important; 
}

.greeceA, .greeceA a, .greeceA a:visited { color: rgb(2,180,206); }
.greeceA a:hover   { color: rgb(18,71,139); }

.calendarHome {
 padding-top: 50px; 
 background-color: rgb(30,186,214); 
 background-image: url('img/page-tops/calendar-home.jpg'); 
 background-repeat: repeat-x; 
 background-position: top center;
 min-height: 260px; 
}

.monthsIn { 
 width: 90%; margin-left: 5%; margin-right: 5%; background: rgba(255,255,255,0.8); 
 padding: 25px 20px; 
 font-size: 14px; 
}

.monLink, a.monLink { display: inline-block; padding-bottom: 12px; padding-top: 12px; text-transform: uppercase; width: 16%; overflow: hidden; 
 color: rgb(51,51,51); 
 padding-left: 5px; 
}

span.monLink {  color: rgb(2,180,206); }

a.monLink:hover { background: rgba(255,255,255,0.7); color: black; }

@media screen and (max-width: 900px) {  
 .monLink, a.monLink  { width: 24%; } 
}
@media screen and (max-width: 700px) {  
 .monLink, a.monLink  { width: 32%; } 
 .monthsIn { width: 100%; margin-left: 0px; margin-right: 0px; padding: 12px 10px; }
}
@media screen and (max-width: 460px) {  
 .monLink, a.monLink  { width: 48%; } 
}
@media screen and (max-width: 320px) {  
 .monLink, a.monLink  { width: 98%; } 
}

.footBack { 
 padding-top: 50px; padding-bottom: 20px; 
 min-height: 390px; 
 background-color: rgb(234,224,208); 
 background-image: url('img/foot-back.jpg'); 
 background-size: auto 100%; 
 background-repeat: no-repeat; 
 background-position: top center;
 font-size: 13px; 
}

@media screen and (min-width: 1920px) { .footBack { background-size: 100% auto; } }

.footColText { width: 30%; padding-right: 4.5%; color: rgb(76,76,76); }
.footColText nav { width: 100%; }
.footColText img { max-width: 100%; height: auto; margin-top: 6px; }

.footBack a, .footBack a:visited, .footBack a:active { color: rgb(76,76,76); text-transform: uppercase; }
.footBack a:hover { color: black; }

.newsCol { float: right; width: 24%; color: rgb(76,76,76); }

.newsCol input {
 width: 99%; height: 40px; border: 1px solid white; background: white; 
 margin-bottom: 7px; 
}
.newsCol input.submitNews { color: white; background: rgb(45,123,170); border: 1px solid rgb(45,123,170); cursor: pointer; }
.newsCol input.submitNews:hover {  background: rgb(255,102,0); border: 1px solid rgb(255,102,0); }

.fLink, a.fLink, a.fLink:visited { display: inline-block; width: 40px; height: 34px; text-align: center; margin-right: 10px; background: white; 
 color: rgb(45,123,170); font-size: 28px; font-weight: bold; text-transform: none!important; padding-top: 6px; 
 margin-top: 6px; 
}
.fLink:hover, a.fLink:hover { 
 color: white; 
 background: rgb(45,123,170); 
}
@media screen and (max-width: 700px) { 
 .footColText { width: 45%; } 
 .newsCol { width: 100%; float: left; }
}

@media screen and (max-width: 460px) { .newsCol, .footColText { width: 90%; padding-left: 5%; }    
}

.clickRpt { display: none; height: 30px; width: 88px; top: 20px; }

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

.stickTop .clickRpt { display: inline; }
.stickTop .mainMenu, .stickTop .mainMenuOn { 
 max-width: calc(100% - 135px); 
}

.stickTop { position: fixed; top: 0px; width: 100%; z-index: 10; }
.stickTop .nonInStick  { display: none; }
.stickTop .bordbot{ background: rgba(255,255,255,90)!important; }

.stickHeighter { height: 160px; background: white; display: none; 
 -webkit-transition:  0.0s; /* Safari */
 -moz-transition: 0.0s; 
 transition: 0.0s;
}
.stickTop, .stickTop .mainMenu, .stickTop .mainMenuOn {
 -webkit-transition:  0.0s; /* Safari */
 -moz-transition: 0.0s; 
 transition: 0.0s;
}

.stickTop .pageIn .flwA { padding: 22px 0px 12px 0px; font-size: 0.9em; }
.stickTop .pageLink .flwA { padding: 22px 4px 19px 4px; font-size: 0.9em;  }

@media screen and (max-width: 680px) { 
 .clickRpt { top: 0px; }
 .stickHeighter { height: 140px; }
}

.credits { padding-top: 16px; padding-bottom: 16px; text-transform: uppercase; color: rgb(178,178,178); font-size: 11px; }
.credits a, .credits a:visited, .credits a:active { color: rgb(160,160,160); }
.credits a:hover {  color: rgb(2,180,206); }

.text2cols {
 -webkit-column-count: 2; /* Chrome, Safari, Opera */
 -moz-column-count: 2; /* Firefox */
 column-count: 2;
 
 -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
 -moz-column-gap: 30px; /* Firefox */
 column-gap: 30px;
}

@media screen and (max-width: 600px) { .text2cols { 
 -webkit-column-count: 1; /* Chrome, Safari, Opera */
 -moz-column-count: 1; /* Firefox */
 column-count: 1;
} }


.introTextOverPic {
 width: 810px; 
 max-height: 150px; 
 overflow: hidden; 
 left: 50%; 
 margin-left: -405px; 
 margin-top: -150px; 
}

.introTextOverPicWide {
 width: 1070px; 
 max-height: 150px; 
 overflow: hidden; 
 left: 50%; 
 margin-left: -535px; 
 margin-top: -150px; 
}

.whiteOnPic { color: white; }

@media screen and (min-width: 900px) and (max-width: 1480px) and (max-height: 720px) { 
 .introTextOverPic, .introTextOverPicWide { margin-top: 20px; }
}

@media screen and (max-width: 900px) { 
 .introTextOverPic { margin-top: 20px; }
}

@media screen and (max-width: 810px) { 
 .introTextOverPic { width: 98%; margin-left: 1%; left: 0px; max-height: none; }
}

@media screen and (max-width: 1070px) { 
 .introTextOverPicWide { width: 98%; margin-left: 1%; left: 0px; margin-top: 20px; max-height: none;  }
 .whiteOnPic { color: rgb(102,102,102); }
}

.introTextOverPicWide .monthsIn { margin-top: -20px; }

.mid620 { width: 620px; left: 50%; margin-left: -310px; }

@media screen and (max-width: 620px) { .mid620 { width: 98%; margin-left: 1%; left: 0px; } }

iframe { max-width: 100%!important; }

.offerBrief {
 background: rgb(247,247,247); 
 padding-top: 15px; 
 padding-bottom: 40px; 
}
.margBot15 { margin-bottom: 15px; }

.mid90 { width: 90%; margin-left: 5%; margin-right: 5%; }
.mid80 { width: 80%; margin-left: 10%; margin-right: 10%; }
.mid70 { width: 70%; margin-left: 15%; margin-right: 15%; }

.mid50 { width: 50%; margin-left: 25%; font-size: 14px; text-transform: none; color: rgb(51,51,51); }
.mid50 .mainH { margin-bottom: 0px!important; }

.priceInBrief {
 width: 25%; padding: 25px 5px; text-align: center; 
 font-size: 15px; 
 background: rgb(254,203,0); 
 color: rgb(51,51,51); 
}
@media screen and (max-width: 500px) {  
 .mid80, .mid70, .mid90 { width: 96%; margin-left: 2%; margin-right: 2%; }
 .mid50 { width: 90%; margin-left: 5%; margin-right: 5%; }
}

.offerRoute {
 width: black; 
 font-size: 13px; 
 line-height: 24px; 
}
.offerRoute strong { color: rgb(255,102,0); font-weight: normal; } 

.bigPic { width: 720px; height: 470px!important; background: rgb(205,205,205); overflow: hidden; text-align: center; }
.bigPic img { height: 100%; width: auto; max-height: 100%!important; }

.hotelPicLine { background: rgb(205,205,205); }

.offerThumbs { width: 340px; float: right; height: 470px; background: rgb(205,205,205); }
.hotelPicLine .offerThumbs  { background: white; }

.thumbIn { background-position: center center; background-size: 100% auto; }
.thumbIn:hover { background-size: 104% auto; }


.thumbsContainer { width: 256px; height: 360px; overflow: hidden; margin-top: 65px; margin-left: 50px; }
.thumbsBelt { position: absolute; top: 0px; left: 0px; width: 10000px; }
.thumbs4 { width: 128px; height: 360px; }
.thumbIn { width: 118px; height: 80px; margin-right: 10px; margin-bottom: 10px; overflow: hidden; }
.thumbIn img { width: 100%; height: auto; }
.thumbIn:hover img { width: 104%; height: auto; margin-leFt: -1%; }

.arrL { background: url('img/arr-l.gif') no-repeat center left; }
.arrR { background: url('img/arr-r.gif') no-repeat center right; }
.arrL.cursPoint:hover { background: url('img/arr-l-hover.gif') no-repeat center left; }
.arrR.cursPoint:hover { background: url('img/arr-r-hover.gif') no-repeat center right; }

.bigArr { width: 29px; height: 58px; }
.midFloat { 
 position: absolute; 
 top: 50%; 
 margin-top: -29px; 
}
.arrL.midFloat { left: 6px; }
.arrR.midFloat { left: 100%; margin-left: -35px;  }


@media screen and (max-width: 1070px) {   
 .offerThumbs { width: 212px; }
 .thumbsContainer { width: 128px; }
 .bigPic { max-width: calc(100% - 223px);}
}
@media screen and (max-width: 700px) {    
 .bigPic { max-width: 100%; width: 100%; height: auto!important; }
 .bigPic img { height: auto; width: 100%; max-height: 1000px; }
 .offerThumbs { width: 100%; height: auto; }
 .thumbsContainer { width: 512px; height: 90px; margin-top: 20px; margin-bottom: 10px; left: 50%; margin-left: -251px; }
 .thumbsBelt { height: 90px; }
 .thumbs4 { width: auto; height: 90px; }
}
@media screen and (max-width: 600px) {  .thumbsContainer { width: 384px; margin-left: -187px; } }
@media screen and (max-width: 480px) {  .thumbsContainer { width: 256px; margin-left: -123px; } }
@media screen and (max-width: 359px) {  .thumbsContainer { width: 128px; margin-left: -59px; } }

.floatmid { display: inline-block; float: none; }
#tabsselector .pageLink .flwA { cursor: pointer; }
#tabsselector .pageIn .flwA { padding: 22px 6px 12px 6px; }
#tabsselector .pageLink .flwA { padding: 22px 12px 19px 12px; }

.priceTable { border: 1px solid rgb(178,178,178); background: white!important;  }

.pad3 { padding: 3px; }
.pad5 { padding: 5px; }
.back247 { background: rgb(247,247,247);}

.tableRow { border-bottom: 1px solid rgb(178,178,178); color: rgb(76,76,76); }

.tableHeadRow { background: rgb(205,205,205); color: black; }

.tableCell { padding: 10px 5px; }

.bookDivClass { padding: 10px 5px; color: white; background: rgb(2,180,206); color: white; text-align: center; }
.bookDivClass.flw20 { width: 20%; }
.bookDivClass:hover, .prevMonArrow:hover, .nextMonArrow:hover, .calBeltCell .ajCalDayLink:hover { background: rgb(255,102,0); color: white;}

.tableVertBorder { width: 1px; background: rgb(178,178,178); font-size: 0px; position: absolute; top: 0px; height: 100%; }

.whiteBack { background: white; }

.searchCapt { width: 100%; text-transform: uppercase; color: white; font-size: 20px; }

.resortTxt { width: 49%; max-width: 525px; margin-bottom: 30px; }
.resortTxt img { max-width: 100%; height: auto; }

.resortTxtInit { width: 100%; max-height: 290px; overflow: hidden; margin-bottom: 30px; }

@media screen and (max-width: 530px) {  
 .resortTxt { width: 99%; } 
 .resortTxt.divR { float: left; }
}

#txtxExpander a, #txtxExpander a:visited, #txtxExpander a:active { color: rgb(76,76,76); }
#txtxExpander a:hover {  color: rgb(2,180,206); }

.hotelSearchFlds { width: 82%; font-size: 13px; color: white; }
.mainSearchSubmit { width: 16.5%; float: right; }

.divSrchResort { width: 37%; }
.divRow1More { width: 31.5%; }

.div1of6 { width: 23%; }

.div1of24 { width: 22%; }
.singleRoomSearch, .firstOfMany { width: 32%; }

.div1of6 input, .div1of24 select, .singleRoomSearch select, .firstOfMany input, .firstOfMany select {
 width: 95%; 
 height: 36px; 
 border: 1px solid white; 
 background: white; 
 margin-top: 8px; 
 margin-bottom: 10px; 
}

@media screen and (max-width: 760px) {  
 .hotelSearchFlds { width: 100%; }
 .mainSearchSubmit { width: 100%; padding-top: 10px; text-align: center; }
 .mainSearchSubmit input { max-width: 200px; }
}

@media screen and (max-width: 640px) {
 .divSrchResort, .divRow1More, .div1of6, .div1of24 { width: 50%; }
 .singleRoomSearch, .firstOfMany { width: 100%; margin-bottom: 10px; }
 .singleRoomSearch .flw100, .firstOfMany.flw100 { border-bottom: 1px solid white; }
 .singleRoomSearch .flw50, .firstOfMany .flw50 { width: 50%!important; }
}

.hotelSearchFlds .multSelectSubs {
 top: 40px; 
 width: 95%; 
}

.bookInside { 
 background: white!important; 
 border: 1px solid rgb(204,204,204); 
 color: rgb(102,102,102); 
}

.bookInside .bookStepNumberIn { border: 0px!important; text-transform: uppercase; 
 color: rgb(2,180,206); 
}

.bookInside .bookStepNumberIn strong, .bookInside .bookStepNumberClick strong, .bookInside .HSgroupSelectHint strong { font-weight: normal; }
.bookInside .HSgroupSelectHint  {
 width: 34%; margin-right: 1.5%; 
}

.bookInside .HSpax { width: 13%; color: rgb(102,102,102); text-transform: uppercase; } 

.bookInside .bookStepNumber, .bookInside .bookStepNumberClick { border-top: 0px!important; border-bottom: 0px; border-left: 1px solid rgb(234,234,234); 
 border-right: 1px solid rgb(234,234,234);
 background: rgb(205,205,205); 
 color: rgb(102,102,102); 
 text-transform: uppercase; 
}

.bookInside .bookStepNumberClick:hover { color: white; }

.bookInside .bookStepDigit { font-size: 36px; }

#findHotelButton input { width: auto; min-width: 210px; }

.bookInside .HSstartSearchByDates, .bookInside .HSgroupSelect {
 width: 90%; margin-left: 5%; margin-right: 5%; 
}

.bookInside .HSavailCaption, .bookInside .HSavailSelects { 
 width: 25%; 
 text-transform: uppercase; 
 text-align: left;
 color: rgb(102,102,102); 
}

.bookInside .HSavailSelects input { 
 width: 90%; border: 1px sold rgb(204,204,204); height: 36px; 
 margin-top: 7px; 
}

.bookInside .HSpax select , .bookInside .kidAgeSelect  .flwA select  { 
 max-width: 90%; border: 1px sold rgb(204,204,204); height: 36px; 
 margin-top: 7px; 
 width: 110px; 
}

.bookInside .HSpaxText, .bookInside .HSpaxSelect { width: 100%; }

.bookInside .minStayContainer { width: 75%; padding-left: 25%; padding-top: 5px; padding-bottom: 5px; }

.bookInside .allKidSelects { width: 53%; margin-left: 47%; color: rgb(102,102,102); }

.bookInside .allKidSelects .HSgroupSelectHint, .bookInside .allKidSelects .HSpax { display: none; }

.bookInside .kidAgeSelect  .flwA { width: 100%; }

.holbsAlerts { color: red; text-align: center; width: 100%; font-weight: bold; }

.bookInside #boosSpepContent2, .bookInside #boosSpepContent3, .bookInside #boosSpepContent4, 
.bookInside #boosSpepContent9 { width: 96%; margin-left: 2%; }

.bookInside .availListCell2  { text-align: right; }
.bookInside .availListCell2 select { min-width: 50%; margin-bottom: 3px; }

.availListCell5 input {
 border: 1px solid rgb(2,180,206); 
 background: rgb(2,180,206); 
 color: rgb(229,229,229); 
 font-size: 12px; text-transform: uppercase; 
 cursor: pointer; 
 padding: 5px;
}
.availListCell5 input:hover {
 background: rgb(255,102,0);
 border: 1px solid rgb(255,102,0); 
}
.bookInside .HOLBS_sameRoomDiffPerople {
 border: 1px solid rgb(2,180,206); 
 border-radius: 5px; 
}
.bookInside .HOLBS_sameRoomDiffPerople strong { color: rgb(2,180,206); font-size: 12px; } 

.bookInside h2 { color: rgb(153,153,153); 
 font-weight: normal; 
 font-size: 20px;  
 padding-top: 0px; 
 display: inline-block; 
 margin-bottom: 10px; 
 width: 100%; 
}
.bookInside h3 { 
 color: rgb(153,153,153); 
 font-weight: normal; 
 font-size: 16px;  
 padding-top: 0px; 
 display: inline-block; 
 margin-bottom: 7px; 
 width: 100%; 
}

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

.bookInside #boosSpepContent3 strong, .bookInside #boosSpepContent4 strong  { color: rgb(2,180,206); }

#hotelLoadPlace .offerBrief.flw100.padBot20 { background: rgb(205,205,205)!important; }

#findHotelButton.padBot30 { padding-bottom: 30px; }

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

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

.greyLine {
 background: rgb(245,245,245); 
}

.formCol { width: 48.4%; font-size: 12px!important; }

.formCol .flwA { width: 100%; }

.formCol input, .formCol select {
 width: 98%; 
 background: white; 
 border: 1px solid rgb(214,214,214); 
 margin-top: 5px; 
 margin-bottom: 15px; 
 height: 40px; 
}

.formCol textarea, .excreqtxt textarea {
 width: 98%; 
 background: white; 
 border: 1px solid rgb(214,214,214); 
 margin-top: 5px; 
 margin-bottom: 15px; 
 height: 270px; 
}

.excreqtxt textarea { height: 220px; }

.secImg input { width: 67%; max-width: calc(100% - 144px);}
.secImg img { vertical-align: middle;  }

.submitForm input  {
 padding: 20px 15px; 
 border: 1px solid rgb(2,180,206); 
 background: rgb(2,180,206); 
 color: rgb(229,229,229); 
 margin-top: 16px; 
 min-width: 140px; 
 font-size: 14px; text-transform: uppercase; 
 cursor: pointer; 
}
.submitForm input:hover {
 background: rgb(255,102,0);
 border: 1px solid rgb(255,102,0); 
}

@media screen and (max-width: 500px) { .formCol { width: 90%; padding-left: 5%; padding-right: 5%;  } .formCol.divR { float: left; }}

.calBeltContainer {
 text-align: center;
 width: 500px; 
 height: auto;
 padding-top: 10px; 
 padding-bottom: 10px; 
}

.calBeltSlidePlace {
 width: 440px; 
 display: inline-block; float: none; margin-left: 0px; 
 height: 275px; 
 overflow: hidden; 
}

.calsBelt {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: 8800px; 
 height: 275px; 
}

.calBeltCell {
 width: 440px; 
 height: 275px; 
 background: white; 
}

.calBeltCell .ajCalDay, .calBeltCell .ajCalDayLink, .ajCalDayLinkOn {
 padding-top: 9px; 
 padding-bottom: 9px; 
 text-align: center; 
}

.calBeltCell .ajCalDayLink.ajCalDayLinkOn { background: rgb(255,102,0)!important; color: white;}

.calBeltCell .ajCalDayLink { background: rgb(2,180,206); font-weight: bold;  }

.calBeltCell span.calendar-month {
 display: inline-block; 
 padding-top: 10px; 
 font-size: 16px; 
 text-align: center; 
 width: 100%; 
 padding-bottom: 7px; 
 font-weight: bold; 
 color: rgb(2,180,206);
}

.prevMonArrow { 
 position: absolute; 
 top: 50%; 
 left: 0px; 
 height: 40px; 
 margin-top: -15px;
 width: 30px; 
 text-align: center; 
 font-size: 24px; 
 background: rgb(2,180,206); 
 color: white;
 padding-top: 7px; 
}
.nextMonArrow { 
 position: absolute; 
 top: 50%; 
 left: 100%; 
 margin-left: -30px; 
 height: 40px; 
 margin-top: -15px;
 width: 30px; 
 text-align: center; 
 font-size: 24px; 
 background: rgb(2,180,206); 
 color: white;
 padding-top: 7px; 
}

@media screen and (max-width: 1070px) {
 .calBeltContainer { width: 100%;  } 
 
}
@media screen and (max-width: 500px) {
 .calBeltSlidePlace, .calBeltCell { width: 360px; }
 .prevMonArrow { width: 20px; }
 .nextMonArrow { width: 25px; margin-left: -25px; }
}

@media screen and (max-width: 380px) {
 .calBeltSlidePlace, .calBeltCell { width: 240px; }
}

.calBeltContainer .blueA, .offerKare .blueA { padding: 7px; margin-top: 5px; }

.flw30 { width: 30%; }
.flw80 { width: 80%; }

.em12 { font-size: 1.2em; }

.margR10 { margin-right: 10px; }

.subLevelWide .flw100center { display: inline-block; width: auto; height: auto; float: none; }

.mapInside { height: 450px; background: background: rgb(205,205,205);}
@media screen and (max-width: 400px) { .mapInside { height: 220px; }}

.styledBox .boxOn, .styledBox .boxOff, .styledBox .flwA { display: inline-block; float: none; }

.boxOn { width: 20px; height: 20px; border: 3px solid rgb(2,180,206); background: rgb(2,180,206); cursor: pointer; color: white; 
 margin-right: 5px; margin-left: 5px; font-weight: bold; }
.boxOff { width: 20px; height: 20px; border: 3px solid rgb(2,180,206); background: white; cursor: pointer; color: white; 
 margin-right: 5px; margin-left: 5px; font-weight: bold; 
}
.radioBox { border-radius: 12px; }

.imgMax { max-width: calc(100% - 40px); }
.imgMax img { max-width: 100%; height: auto; }

.payByExpl { border: 1px solid rgb(178,178,178); background: white!important; padding: 10px; margin-top: 10px;  }

.alertsIn { color: red; font-weight: bold; }

.pad30 { padding: 30px; }
@media screen and (max-width: 380px) { .pad30 { padding: 10px; } }


/* sign in start */ 

.signInBlur {
 position: fixed; 
 top: 0px; 
 left: 0px; 
 background: rgba(0,0,0,0.4); 
 width: 100%; 
 height: 100%; 
 z-index: 20; 
}

.logInDiv {
 background: white!important; 
 position: fixed; 
 top: 50%; 
 margin-top: -230px; 
 left: 50%; margin-left: -300px; 
 padding: 20px; 
 width: 600px; 
 min-height: 440px;  
}



#userSignInDiv { width: 60%; margin-left: 20%; padding-top: 40px; }
#userSignInUser, #userSignInPass { width: 100%; color: rgb(103,103,103); }
#userSignInUserInput, #userSignInPassInput { width: 100%; color: rgb(103,103,103); }

.userRegLeft, .userRegRight, #signUpCheckboxFlds, .secureCodeSignUp, .secureInputDiv { 
width: 40%; padding-left: 30%; padding-right: 30%; 
}

#signUpCheckboxFlds { padding-top: 5px; padding-bottom: 10px; }
#signUpCheckboxFlds input { width: 20px; height: 20px; }

#signUpCheckboxFlds .userRegLeft, #signUpCheckboxFlds .userRegRight { width: auto; .giu,m jfloat: none; padding-left: 5px; padding-right: 5px; }

.secureInputDiv input, .userRegRight input, #userSignInUserInput input, #userSignInPassInput input { width: 99%; border: 1px solid rgb(237,237,237); background: rgb(242,242,242);  
 margin-bottom: 16px; margin-top: 5px; height: 45px; 
}

.secureInputDiv input { max-width: 50%!important; }

#userSignInButton { width: 100%; text-align: center; padding-bottom: 20px; }
.docPayOnlineSubmit { width: 100%; text-align: center;  padding-top: 20px; padding-bottom: 20px; }

@media screen and (max-height: 440px) { 
	.logInDiv { padding: 5px; min-height: 50px; max-height: 100%; overflow: auto; top: 0px; margin-top: 0px; } 
	#userSignInDiv { padding-top: 10px; }
}
@media screen and (max-width: 600px) { 
	.logInDiv { left: 5%; width: 90%; margin-left: 0px; } 
	.userRegLeft, .userRegRight, #signUpCheckboxFlds, .secureCodeSignUp, .secureInputDiv  { width: 80%; padding-left: 10%; }
}

.signUpProfileFld { width: 100%; }

#signUpProfileFldN1 { border-top: 1px solid rgb(2,180,206); margin-top: 10px; padding-top: 10px; }

#signUpUserPassFlds { width: 100%; }

/* sign in end */

.legalInfo { font-size: 0.9em; }

.HOLBS_bestRateRoomNames { 
display: inline!important; 
float: left; 
width: 100%; 
text-align: center; 
font-size: 12px; 
}

.flw1666 { width: 16.66%; }
.flw1666 select, .fillWselect select { width: 80%; height: 24px; border-radius: 3px; border: 1px solid silver; }
.flw1666 select { margin-top: 2px; margin-bottom: 4px; }


@media screen and (max-width: 460px) { .flw1666 { width: 25%; } }


.detailsTxt {
 width: 1110px; 
 position: fixed; 
 background: white; 
 top: 3%; height: 95%; 
 left: 50%; 
 margin-left: -555px; 
 padding: 20px 10px; 
}

.closeDetails {
 position: absolute; 
 top: 5px; 
 left: 100%; 
 margin-left: -25px; 
 width: 20px; 
 height: 20px; 
 background: rgb(2,180,206);
 color: white; 
 font: bold 16px arial; 
 text-align: center; 
 line-height: 20px; 
 cursor: pointer; 
 z-index: 1; 
}

.closeDetails:hover { background: rgb(255,102,0); }

.detailedContIn { width: 100%; 
 height: 100%; 
 max-height: calc(100% - 30px); 
 overflow: auto; 
}

@media screen and (max-width: 1100px) {  
.detailsTxt {
 width: 98%; 
 left: 1%; 
 margin-left: 0px; 
 padding: 10px; 
}
}

.hotelPicXML { width: 20%; }
.flw50 .hotelPicXML { width: 30%; }

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

.hotelRoomsPreBook {
 width: 80%; padding: 0px 0px 20px 20px; 
}

.flw50 .hotelRoomsPreBook {
 width: 70%; padding: 0px 10px 20px 10px; 
}

.hotelRoomsPreBook h2, .combAccom h2 { display: inline-block; 
width: 100%; 
margin-top: 0px; 
padding-top: 0px;
padding-bottom: 0px; 
margin-bottom: 10px;  
font-weight: normal; 
color: rgb(2,180,206);
font-size: 18px; 
}
.combAccom h2 { text-decoration: underline; }

.hotelRoomsPreBook .flw20 .blueA, .hotelRoomsPreBook .flw20 a.blueA, .hotelRoomsPreBook .flw20 a.blueA:visited, .smallPad, a.smallPad, a.smallPad:visited  {
 padding: 5px!important; 
}

.emUp { font-size: 1.2em; }

.flw40 { width: 40%; }
.flw20 { width: 20%; }
.padLR10 { padding-left: 10px; padding-right: 10px; }

.floatLikeCol {
 float: none; 
 display: inline-block;  
 text-align: left; 
 width: 20%; 
 padding-right: 10px; 
 padding-bottom: 10px; 
}

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


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

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