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

.flw100 {
 width: 100%; 
}

.flw50 {
 width: 50%; 
}

.flw15 {
 width: 15%; 
}

.flw20 {
 width: 20%; 
}

.flw25 {
 width: 25%; 
}


.flw33 {
 width: 33%; 
}

.flw66 {
 width: 66%; 
}

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

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

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

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

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

.floatR {
 float: right; 
}

.noDisplay {
 display: none; 
}

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

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

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

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

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

.realContText {
 width: 100%; 
}

.bordRed {
 border: 1px solid red; 
}

.cursPoint, .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); }

.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; 
 top: -2px; 
 left: 0px; 
 margin: 0px; 
 border: 1px dotted silver;
 background: white; 
 z-index: 10; 
 background: white; 
}

.selectPeriodLink {
 min-width: 180px; 
 padding: 5px; 
 border-bottom: 1px dotted silver;
 background: white; 
 z-index: 11;
 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; }
.padBot60 { padding-bottom: 60px; }
.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;
 margin-bottom: 3px; 
}

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


/* 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; }
body {

 margin: 0px;

 padding: 0px; 

 background: white;  

}



#ifMobile {

 max-width: 1100px; 

 min-width: 390px; 

 height: 0px; 

 font: normal 0px arial; 

}



a {

 text-decoration: none; 

  color: rgb(46,64,145); 

}



a:hover {

 color: rgb(255,84,0); 

}



.fullw {

 width: 1000px; 

 height: auto; 

 left: 50%; 

 margin-left: -500px; 

}



.fullWidth {

 width: 1000px; 

 height: auto; 

 left: 50%; 

 margin-left: -500px; 

}



@media screen and (max-width: 1000px) { 

	.fullw, .fullWidth {

	 width: 99%; 

	 padding-left: 0.5%; 

	 padding-right: 0.5%; 

	 left: 0px; 

	 margin-left: 0px; 

	}

}



.headLine {

 width: 100%;  

 height: 108px; 

 padding-top: 15px; 

 background: url('img/head-w-logo.jpg') no-repeat bottom center;

}



@media screen and (max-width: 1000px) { 

	.headLine { 

	 height: auto; 

	 padding-top: 0px; 

	}

}





.mostTopMenu {

 float: right; 

 position: relative; 

 width: 95%; 

 height: 16px; 

 padding-top: 6px; 

 text-align: right; 

 font: normal 11px verdana; 

 text-transform: uppercase; 

 z-index: 2; 

}



.topMOrdLink { 

 width: auto; 

 min-height: 14px; 

 padding-top: 2px; 

 padding-left: 3px; 

 padding-right: 3px; 

 color: rgb(127,127,127); 

 transition: 0.2s; 

}

.topMOrdLink a, .topMOrdLink a:visited, .topMOrdLink a:active {

 color: rgb(127,127,127); 

}

.topMOrdLink a:hover {

   color: rgb(46,64,145); 

}



.topMOrdLink a strong, .topMOrdLink a:visited strong, .topMOrdLink a:active strong {

 font: bold 11px verdana; 

 color: rgb(255,102,0); 

}

.topMOrdLink a span, .topMOrdLink a:visited span, .topMOrdLink a:active span {

 font: bold 11px verdana; 

 color: rgb(46,64,145); 

}



.topMLangLink { 

 width: auto; 

 height: 14px; 

 padding-top: 2px; 

 padding-left: 3px; 

 padding-right: 15px; 

 color: black; 

 background: url('img/arrow-4-12px.gif') no-repeat center right; 

}

.topMLangLink a, .topMLangLink a:visited, .topMLangLink a:active {

 color: black;

}

.topMLangLink a:hover {

  color: rgb(255,84,0); 

}



.click2home, .click2homeHome {

 width: 370px; 

 height: 80px; 

 margin-left: -10px; 

 margin-top: -7px; 

 z-index: 1;

}

.click2home {

 cursor: pointer; 

}



.mostTopAll, .mostTopAllOpen { width: auto; }

.mostTop3lines { display: none; background: url('img/3lines-small.gif') no-repeat center left; }



@media screen and (max-width: 1000px) { 

	.click2home, .click2homeHome {

	 margin-left: 0px; 

	 margin-top: 10px; 

	}

	

	.mostTopMenu { height: auto; }

	.mostTopMenu .divRighter { float: left;  width: 100%; }

}



.topMOrdLink:hover { background: rgb(244,243,239); }



@media screen and (max-width: 790px) { 

	.mostTop3lines {

	 display: inline; 

	 height: 14px; 

	 padding-top: 2px; 

	 padding-left: 25px; 

	 padding-right: 3px; 

	 min-height: 18px; 

	 color: rgb(46,64,145);

	 font-weight: bold; 

	 margin-bottom: 3px; 

	}

	.mostTop3lines:hover {

	 color: rgb(255,84,0); 

	 background: url('img/3lines-small-hover.gif') no-repeat center left;

	}

	.mostTopAll {

	 display: none; 

	}

	.mostTopAllOpen { display: inline; width: 100%; }

	.justSep { display: none; }

	.topMOrdLink { 

	 min-width: 65%; 

	 text-align: left; 

	 padding-top: 5px; 

	 padding-bottom: 5px; 

	 border-bottom: 1px solid silver; 

	 margin-bottom: 3px; 

	}

}



@media screen and (max-width: 370px) {  

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

	.topMOrdLink {  min-width: 85%; }

}



.phoneAndShop {

 width: 63%; 

 height: 35px; 

 padding-top: 20px; 

 text-transform: uppercase; 

 max-width: calc(100% - 370px);

}



@media screen and (max-width: 960px) {  

 .phoneAndShop {

  width: 100%; 

  padding-top: 10px; 

  max-width: 100%; 

  height: auto; 

 }

 .phoneAndShop .divRighter { float: left; width: 100%; }

}



.wTime {

 width: auto; 

 height: 20px; 

 padding-top: 15px; 

 font: normal 11px verdana; 

 padding-left: 22px; 

 color: rgb(255,84,0); 

 background:url('img/phone-head.png') no-repeat center left; 

}

.wTime strong {

 font: bold 14px verdana; 

}



.eShopLink {

 width: auto; 

 height: 20px; 

 padding-top: 19px; 

 font: normal 11px verdana; 

 padding-right: 12px; 

 padding-left: 5px; 

 color: rgb(46,64,145);

 background: url('img/arrow-blue.png') no-repeat center right; 

 margin-right: 7px; 

}



.yourOrder {

 width: auto; 

 height: 20px; 

 padding-top: 19px; 

 font: normal 11px verdana; 

 padding-left: 40px; 

 color: rgb(46,64,145);

 background: url('img/cart.jpg') no-repeat center left; 

 cursor: pointer; 

}

.yourOrder:hover {

 background: url('img/cart-hover.png') no-repeat center left; 

  color: rgb(255,84,0); 

}



@media screen and (max-width: 390px) { 

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

	.phoneAndShop { padding-top: 0px; }

}

@media screen and (max-width: 690px) { 

	span.hidesign { display: none; }

}





.menuLine {

 width: 100%; 

 height: auto; 

 background: rgb(226,220,212); 

 border-top: 1px solid rgb(241,239,235); 

}



.menuContainer, .menuContainerOn {

 width: 1000px; 

 height: auto; 

 left: 50%; 

 margin-left: -500px; 

 background: url('img/menu-under.jpg') repeat-x bottom right;

 font: normal 13px arial; 

 text-transform: uppercase; 

 color: rgb(127,127,127); 

}



@media screen and (max-width: 1000px) { 

	.menuContainer { display: none; }

	.menuContainerOn {

	 width: 100%; 

	 left: 0px; 

	 margin-left: 0px; 	 

	}

}



.main3lines { display: none; }



@media screen and (max-width: 1000px) { 

 .main3lines { 

	display: inline; 

	-webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box; 

	width: 98%; 

	margin-left: 1%; 

	padding-left: 30px; 

	background: url('img/3lines-small-hover.gif') no-repeat center left; 

	height: 32px; 

	padding-top: 10px; 

	font: normal 13px arial; 

	text-transform: uppercase; 

	color: rgb(255,84.0); 

  } 

}



.menuPageIn {

 width: auto; 

 padding-top: 18px; 

 height: 32px; 

 border-bottom: 8px solid rgb(46,64,145); 

 padding-left: 12px; 

 padding-right: 12px; 

}



.menuPageLink {

 width: auto; 

 height: 32px; 

 padding-top: 18px; 

 border-bottom: 8px solid rgb(255,84,0); 

 padding-left: 12px; 

 padding-right: 12px; 

}



.subMRimg {

 float: right; 

 max-width: 270px; 

 border: 10px solid white; 

 margin-left: 10px; 

 margin-bottom: 10px; 

}



.subMcol {

 width: 200px; 

 margin-right: 12px; 

 margin-bottom: 20px; 

 float: left; 

 position: relative; 

}



@media screen and (max-width: 1000px) { 

	.subMRimg { display: none; }

	.subMcol { margin-bottom: 10px; }

}



.menuPromoLink {

 float: right; 

 position: relative;

 width: auto; 

 height: 32px; 

 padding-top: 18px; 

 border-bottom: 8px solid rgb(220,13,1); 

 padding-left: 16px; 

 padding-right: 22px; 

 cursor: pointer; 

 color: rgb(220,13,1); 

 background: url('img/arrows-promo.png') no-repeat center right;

}



.menuPromoLink a, .menuPromoLink a:visited, .menuPromoLink a:active {

 color: rgb(220,13,1); 

}



@media screen and (max-width: 1000px) { 

	.menuContainerOn .menuPageIn, .menuContainerOn .menuPromoLink, .menuContainerOn .menuPageLink {

		-webkit-box-sizing: border-box;

		-moz-box-sizing: border-box;

          box-sizing: border-box; 		  

		  width: 100%; 

		  padding-top: 10px; 

		  min-height: 36px; 

		  height: auto; 

	}

	 .menuContainerOn .menuPageLink { border-bottom: 3px solid rgb(255,84,0);  }

	 .menuContainerOn .menuPageIn { border-bottom: 3px solid rgb(46,64,145);  }

	 .menuContainerOn .menuPromoLink { border-bottom: 3px solid rgb(220,13,1);  }

}



.menuPageLink a, .menuPageLink a:visited, .menuPageLink a:active {

 color: rgb(127,127,127); 

}

.menuPageLink:hover {

 border-bottom: 8px solid rgb(220,13,1); 

}



.menuPageLink:hover a, .menuPageLink:hover a:visited, .menuPageLink:hover a:active, .menuPageLink:hover a:hover {

 color: rgb(220,13,1)

}





.menuPageLink .subMcol a, .menuPageLink .subMcol a:visited, .menuPageLink .subMcol a:active,

.menuPageIn .subMcol a, .menuPageIn .subMcol a:visited, .menuPageIn .subMcol a:active { 

 color: black; 

 text-transform: none;

 font-size: 14px; 

}



.menuPageLink .subMcol strong a, 

.menuPageIn .subMcol strong a { font-family: 'Marck Script', cursive, Arial, Helvetica; text-transform: none; font-size: 18px; }



.menuPageLink .subMcol a:hover {  color: rgb(255,84,0); }





.shadOnWhite {

 width: 100%; 

 height: 10px; 

 background: url('img/shad-on-white.gif') repeat-x bottom left; 

 font: normal 1px arial; 

}



.path2page {

 width: 100%; 

 height: auto; 

 font: normal 11px arial; 

 color: rgb(153,153,153); 

 text-transform: uppercase; 

 padding-bottom: 12px; 

}



.path2page .divRighter, .changeCurrency {

 font: bold 14px arial; 

 color: rgb(153,153,153); 

}



.changeCurrency {

 float: right; 

 padding-top: 10px; 

}



.path2page .divRighter a, .path2page .divRighter a:visited, .path2page .divRighter a:active, 

.changeCurrency a, .changeCurrency a:visited, .changeCurrency a:active {

 color: rgb(255,84,0); 

}



.searchLine {

 width: 100%; 

 height: auto; 

 background: url('img/reshetka-search.jpg'); 

}



.searchContainer {

 width: 100%; 

 left: -8px; 

 height: auto; 

 padding-top: 15px; 

 padding-bottom: 10px; 

 background: rgb(244,243,239); 

 border-left: 8px solid white; 

 border-right: 8px solid white; 

 padding-left: 23px; 

 padding-right: 23px; 

 color: rgb(51,51,51); 

 font: normal 12px arial;  

 

 -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

 

}



.searchCapt {

 padding-bottom: 10px; 

 font: normal 18px arial; 

 text-transform: uppercase; 

 color: rgb(120,120,120); 

 max-width: 50%; 

}



.openAdvSearch {

 float: right; 

 position: relative; 

 width: auto; 

 height: auto; 

 color: rgb(127,127,127); 

 cursor: pointer;

 max-width: 50%; 

 font-family: 'Marck Script';

 font-size: 15px; 

 top: 5px; 

}



.openAdvSearch:hover {

 color: rgb(51,51,51); 

}



.initSrchSelect1, .initSrchSelect2, .initSrchSelectDate, .initSrchSelectH {

 float: left; 

 position: relative; 

 height: auto; 

}



.initSrchSelect1 { width: 35%; }

.initSrchSelect2 { width: 26%; }

.initSrchSelectH { width: 13%; }

.initSrchSelectDate { width: 12%; }



.initSrchSelectSubmit {

 float: left; 

 position: relative; 

 width: 15%; 

 height: auto; 

 text-align: right; 

}



.initSrchSelect1 select, .initSrchSelect1 input, .initSrchSelectH select {

 width: 95%; 

 height: 28px; 

 background: white; 

 border: 1px solid rgb(204,204,204); 

 margin-top: 4px; 

 margin-right: 20px; 

}



.initSrchSelect2 select {

 width: 95%; 

 height: 28px; 

 background: white; 

 border: 1px solid rgb(204,204,204); 

 margin-top: 4px; 

 margin-right: 20px; 

}



.initSrchSelectDate input {

 width: 85%; 

 padding-left: 2%; 

 height: 24px; 

 background: white; 

 border: 1px solid rgb(204,204,204); 

 margin-top: 4px; 

 margin-right: 15px; 

}



.initSrchSelectSubmit input {

 width: 85%; 

 padding-right: 10%; 

 height: 46px; 

 background: rgb(255,204,0) url('img/yellow-button.png') no-repeat center right; 

 border: 1px solid rgb(255,204,0); 

 text-transform: uppercase; 

 transition: 0.2s; 

}



.initSrchSelectSubmit input:hover {

 background: rgb(255,84,0) url('img/grey-button.png') no-repeat center right; 

 color: white; 

}



.searchResponsive { width: 100%; }



@media screen and (max-width: 760px) { 

	.searchCapt { cursor: pointer; }

	.searchResponsive { display: none; }

	.initSrchSelect1, .initSrchSelect2, .initSrchSelectDate, .initSrchSelectSubmit {

	 width: 100%; 

	 margin-bottom: 5px; 

	 text-align: left; 

	}

	.initSrchSelectSubmit { margin-top: 10px; }

}



.horSep18px {

 width: 100%; 

 height: 18px; 

 font: normal 1px arial; 

}



.horSep10px {

 width: 100%; 

 height: 10px; 

 font: normal 1px arial; 

}



.horSep20px {

 width: 100%; 

 height: 20px; 

 font: normal 1px arial; 

}



.homeBigFrames {

 width: 100%; 

 height: 465px; 

 background: rgb(240,240,240); 

 overflow: hidden; 

}



.homeBigFrame {

 float: left; 

 position: relative; 

 width: 600px;

 padding-right: 380px;  

 padding-top: 200px; 

 left: 50%; 

 margin-left: -480px; 

 font: normal 28px arial; 

 color: white; 

}



@media screen and (max-width: 1000px) { 

	.homeBigFrame {  

	 width: 100%; 

	 padding: 0px; 

	 margin-left: 0px; 

	 left: 0px; 

	}

}



.homeBigFrame strong {

 font: normal 48px arial; 

}



.homeBigFrame a, .homeBigFrame a:visited, .homeBigFrame a:active {

 color: white; 

}

.homeBigFrame a:hover {

 color: rgb(46,64,145); 

}



.homeSpecials {

 width: 100%; 

 height: auto; 

 background: rgb(226,220,212);  

 padding-top: 28px; 

 padding-bottom: 20px; 

}



.homeSpecials h2, .whiteOrnR h2, .searchLine h2 {

 font: bold 16px arial; 

 color: rgb(88,88,88); 

 margin-top: 0px; 

 margin-left: 0px; 

 padding: 0px; 

 margin-bottom: 20px; 

 text-transform: uppercase; 

}



.homeSpecials .readMoreWhite {

 top: -7px; 

}



.specHome3Container {

 width: 1020px; 

 height: 310px; 

 overflow: hidden; 

}



.specHome3Kare, .specHome3Kare0, .specHome3Kare1 {

 width: 280px; 

 height: 70px; 

 border-left: 20px solid white; 

 border-right: 20px solid white; 

 border-top: 17px solid white;  

 border-bottom: 17px solid white;  

 overflow: hidden; 

 background: rgb(245,245,245); 

 margin-right: 20px; 

 text-align: center; 

 padding-top: 206px; 

 font: normal 16px arial; 

 color: black; 

}



@media screen and (max-width: 1000px) { 

	.specHome3Container {

	  width: 100%; 

	  height: auto; 	

	}

	

	.specHome3Kare, .specHome3Kare0, .specHome3Kare1 {	 

	 margin-bottom: 10px; 

	 display: block; 

	}

}



.specHome3Kare a, .specHome3Kare a:visited, .specHome3Kare a:active, 

.specHome3Kare0 a, .specHome3Kare0 a:visited, .specHome3Kare0 a:active {

 color: black; 

 text-transform: uppercase; 

}



.specHome3Kare1 a, .specHome3Kare1 a:visited, .specHome3Kare1 a:active {

 color: white; 

 text-transform: uppercase; 

}



.specHome3Kare a strong, .specHome3Kare0 a strong {

 color: black; 

 font-size: 28px; 

 font-family: 'Marck Script';

 text-transform: none; 

} 



.specHome3Kare1 a strong {

 color: white; 

 font-size: 28px; 

 font-family: 'Marck Script';

 text-transform: none; 

} 



.specHome3Kare a:hover, .specHome3Kare0 a:hover, .specHome3Kare1 a:hover, 

.specHome3Kare a:hover strong, .specHome3Kare0 a:hover strong, .specHome3Kare1 a:hover strong {

 color: rgb(46,64,145); 

}



.dotsInside {

 width: auto; 

 height: auto; 

 padding-top: 9px; 

 padding-bottom: 11px; 

}



.sqOn {

 width: 24px; 

 height: 24px; 

 background: rgb(102,102,102);

 margin-left: 5px; 

 margin-right: 5px; 

}



@media screen and (max-width: 590px) { 

	.sqOff {

	 width: 24px; 

	 height: 24px; 

	 border: 1px solid white; 

	}

}



.sqOff {

 width: 24px; 

 height: 24px; 

 background: rgb(245,243,239);

 margin-left: 5px; 

 margin-right: 5px; 

 cursor: pointer; 

}

.sqOff:hover {

 background: rgb(102,102,102);

}



.whiteOrnR {

 width: 100%; 

 padding-top: 28px; 

 padding-bottom: 20px; 

 background: url('img/ornament2right.gif') no-repeat top center;

}



.specHome4Container {

 width: 1020px; 

 height: 1100px; 

 overflow: hidden; 

}



.specHome8Container {

 width: 1020px; 

 max-height: 760px; 

 height: auto; 

 overflow: hidden; 

}



@media screen and (max-width: 1020px) { 

	.specHome4Container, .specHome8Container {

	 width: 100%; 	 

	 max-height: none; 

	}

}



.homeEcurKare {

 width: 228px; 

 height: 380px; 

 padding-left: 10px; 

 padding-right: 10px; 

 margin-right: 7px; 

 max-height: 380px; 

 overflow: hidden; 

 color: rgb(88,88,88); 

 font: normal 14px arial; 

}



.pageEcurKare {

 width: 228px; 

 height: 310px; 

 padding-left: 10px; 

 padding-right: 10px; 

 margin-right: 7px; 

 max-height: 320px; 

 overflow: hidden; 

 color: rgb(88,88,88); 

 font: normal 16px arial; 

}



.excurKarePic {

 width: 210px; 

 height: 205px; 

 margin-left: -10px; 

 border-left: 15px solid rgb(245,243,239); 

 border-right: 15px solid rgb(245,243,239); 

 border-top: 10px solid rgb(245,243,239);  

 border-bottom: 10px solid rgb(245,243,239);  

 margin-bottom: 10px; 

 cursor: pointer; 

}



.line4white .excurKarePic {

 border-left: 15px solid white; 

 border-right: 15px solid white; 

 border-top: 10px solid white;  

 border-bottom: 10px solid white;  

}



.line4white .destKarePic {

 border-left: 20px solid white; 

 border-right: 20px solid white; 

 border-top: 17px solid white;  

 border-bottom: 17px solid white;  

}







.pageEcurKare:hover .excurKarePic, .homeEcurKare:hover .excurKarePic {

 border-left: 15px solid rgb(226,220,212); 

 border-right: 15px solid rgb(226,220,212); 

 border-top: 10px solid rgb(226,220,212);  

 border-bottom: 10px solid rgb(226,220,212);  

}



.homeEcurKare a, .homeEcurKare a:visited, .homeEcurKare a:active, 

.pageEcurKare a, .pageEcurKare a:visited, .pageEcurKare a:active {

 color: rgb(88,88,88); 

 font-weight: bold; 

}

.homeEcurKare a:hover, .pageEcurKare a:hover {

   color: rgb(46,64,145); 

}



.homeEcurKare strong, .pageEcurKare strong, .markFont, a.greyA span.markFont {

 font-size: 18px; 

 font-family: 'Marck Script';

 color: rgb(255,84,0); 

}



h1 span.markFont, .itemInfoInside h1 span.markFont {

 font-size: 18px; 

 font-family: 'Marck Script';

 color: rgb(255,84,0); 

 text-transform: none; 

}



.homeEcurKare a span, .pageEcurKare a span, .homeEcurKare span strong, .pageEcurKare span strong { 

 font: bold 14px arial; 

 color: red; 

}



.specFullImgKare {

 width: 320px; 

 height: 310px; 

 overflow: hidden; 

 background: white; 

 margin-right: 20px; 

 text-align: center; 

 font: normal 16px arial; 

 color: black; 

}



.specFullImgKare img {

 cursor: pointer; 

}



.yellowLabel {

 position: absolute; 

 top: 18px; 

 left: 100%; 

 margin-left: -200px; 

 width: 190px; 

 height: auto;

 padding-top: 20px; 

 min-height: 32px; 

 background: url('img/yellow-label.gif');

 text-align: right; 

 padding-right: 5px; 

 padding-left: 5px; 

 font: normal 14px arial; 

 color: rgb(88,88,88); 

 text-transform: uppercase; 

}

.yellowLabel a, .yellowLabel a:visited, .yellowLabel a:active {

 color: rgb(88,88,88); 

} 

.yellowLabel a:hover {

 color: rgb(255,84,0); 

}



@media screen and (max-width: 320px) { 

	.specFullImgKare { width:100%; margin-bottom: 10px; }

}



.hotelListedHome {

 width: 100%; 

 height: 75px; 

 margin-bottom: 10px; 

 font: normal 14px arial; 

 color: rgb(255,84,0); 

 text-align: left; 

}



.hotelListImg {

 width: 75px; 

 height: 75px; 

 overflow: hidden; 

 background: rgb(240,240,240); 

 margin-right: 15px; 

}



.hotelListedHome a, .hotelListedHome a:visited, .hotelListedHome a:active {

 color: rgb(88,88,88); 

 margin-bottom: 0px; 

 padding: 0px; 

 width: auto; 

 height: auto; 

 display: block; 

 line-height: 16px; 

 font: normal 14px arial; 

}

.hotelListedHome:hover a, .hotelListedHome:hover a:active, .hotelListedHome:hover a:visited {

 color: rgb(255,84,0); 

}



.hotelListedHome span {

 text-transform: uppercase; 

}



.yellowButton {

 width: auto; 

 height: auto; 

 padding-top: 15px; 

 padding-bottom: 15px; 

 font: normal 14px arial; 

 color: rgb(88,88,88); 

 text-transform: uppercase; 

 background: rgb(255,204,0) url('img/yellow-button.png') no-repeat center right; 

 padding-right: 40px; 

 padding-left: 22px; 

 cursor: pointer; 

}



.carpeDiem {

 width: 100%;

 background: rgb(244,243,239) url('img/carpe-diem.jpg') repeat-x top center; 

 padding-top: 30px; 

 padding-bottom: 20px; 

}



.carpeDiemBanner {

 width: 970px; 

 border: 15px solid rgb(224,218,208);

 margin-bottom: 15px; 

 max-height: 265px;  

 overflow: hidden;  

}



@media screen and (max-width: 1000px) { 

	.carpeDiemBanner {

	 max-width: calc(100% - 30px); 

	 max-height: 1000px;	 

	 height: auto; 

	}

}



.carpeDiemBanner img {

 margin: 0px; 

 padding: 0px; 

}



.carpeDiemInfo {

 position: absolute; 

 top: 0px; 

 left: 600px; 

 width: 390px; 

 height: auto; 

 padding-top: 40px; 

 padding-bottom: 18px; 

 text-align: center; 

 min-height: 175px; 

 background: white url('img/carpe-diem-info.png') no-repeat top center; 

 font: normal 18px arial; 

 color: rgb(51,51,51); 

}

@media screen and (max-width: 1000px) { 

	#pageBanner1 img { width: 100%; height: auto; } 

	#pageBanner1 div { width: 100%; height: auto; } 

}



@media screen and (max-width: 590px) { 

	.carpeDiemBanner div { width: 100%; height: auto; } 

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

	.carpeDiemInfo {

	 float: left; 

	 width: 100%; 

	 position: relative; 

	 top: 0px; 

	 left: 0px; 

	 padding-bottom: 10px; 

	}

}



.carpeDiemInfo strong {

 font: normal 38px arial; 

}



.carpeDiemInfo span {

 font: normal 24px arial; 

}



.carpeDiemInfo a, .carpeDiemInfo a:visited, .carpeDiemInfo a:active {

 display: inline-block; 

 width: auto; 

 height: 16px; 

 padding-top: 15px; 

 padding-bottom: 15px; 

 background: rgb(102,102,102) url('img/grey-button.png') no-repeat center right; 

 padding-left: 30px; 

 padding-right: 50px; 

 text-transform: uppercase; 

 color: white; 

 font: normal 14px arial; 

 position: relative; 

 margin-top: 4px; 

}



.carpeDiemInfo a:hover {

 background: rgb(255,204,0) url('img/yellow-button.png') no-repeat center right; 

 color: rgb(88,88,88); 

}



.guideBannerText {

 width: 390px; 

 min-height: 180px;

 padding-top: 20px; 

 text-align: center; 

 color: rgb(51,51,51); 

 font: normal 14px arial;

 background: white; 

}



@media screen and (max-width: 590px) { 

	.carpeDiemInfo {

	 float: left; 

	 width: 100%; 

	 position: relative; 

	 top: 0px; 

	 left: 0px; 

	 padding-bottom: 10px; 

	}

}



@media screen and (max-width: 390px) { 

	.guideBannerText { width: 100%; } 

}



.guideBannerText strong {

 font: normal 24px arial; 

 text-transform: upprecase; 

}



.guideBannerText span {

 font-family: 'Marck Script', cursive, Arial, Helvetica;

 font-size: 36px; 

 line-height: 28px; 

 font-weight: bold; 

}



.banner2shoplink{

 width: 100%; 

 text-align: center; 

 min-height: 60px; 

 background: url('img/link2shop.png') no-repeat center center;

}



.itemList { 

 width: 100%; 

 padding-bottom: 10px; 

}



.banner2shoplink a, .banner2shoplink a:visited, .banner2shoplink a :active, 

.homeBigFrameLabel a, .homeBigFrameLabel a:visited, .homeBigFrameLabel a:active, 

.itemList a, .itemList a:visited, .itemList a:active

 {

 display: inline-block; 

 width: auto; 

 height: auto; 

 padding-top: 15px; 

 padding-bottom: 15px; 

 background: rgb(255,84,0) url('img/grey-button.png') no-repeat center right; 

 padding-left: 30px; 

 padding-right: 50px; 

 text-transform: uppercase; 

 color: white; 

 font: normal 14px arial; 

 position: relative; 

 margin-top: 5px; 

}





@media screen and (max-width: 360px) { 

	.banner2shoplink a, .banner2shoplink a:visited, .banner2shoplink a :active, 

.homeBigFrameLabel a, .homeBigFrameLabel a:visited, .homeBigFrameLabel a:active, 

.itemList a, .itemList a:visited, .itemList a:active {

	padding-left: 10px; 

	padding-right: 40px; 

}

}



.itemInfoInside .itemList a, .itemInfoInside .itemList a:visited, .itemInfoInside .itemList a:active

 {

 width: auto; 

 height: auto; 

 padding-top: 15px; 

 padding-bottom: 15px; 

 background: rgb(255,84,0) url('img/grey-button.png') no-repeat center right; 

 padding-left: 30px; 

 padding-right: 50px; 

 text-transform: uppercase; 

 color: white; 

 font: normal 14px arial; 

 position: relative; 

 top: 0px; 

}



.banner2shoplink a:hover, .homeBigFrameLabel a:hover,  .hotelInfoBook a:hover, 

.itemList a:hover, #findHotelButton input:hover {

 background: rgb(255,204,0) url('img/yellow-button.png') no-repeat center right; 

 color: rgb(88,88,88); 

}



.theFooter {

 width: 100%; 

 margin-top: 10px; 

 padding-top: 10px;

 padding-bottom: 5px; 

 text-transform: uppercase; 

 font: normal 12px arial; 

 color: rgb(76,76,76); 

}



.theFooter img {

 max-width: 100%; 

 height: auto; 

}



.theFooter a, .theFooter a:visited, .theFooter a:active {

 color: rgb(76,76,76); 

}



.theFooter a:hover {

  color: rgb(255,84,0); 

}



.footBoldMenu {

 width: 80%; 

 height: auto; 

 padding-bottom: 8px; 

 font-weight: bold; 

 line-height: 20px; 

}



.newsRegDiv {

 border: 1px solid rgb(224,218,208); 

 padding-top: 10px; 

 padding-bottom: 10px; 

 padding-left: 15px; 

 padding-right: 15px; 

 width: 79%; 

 margin-bottom: 15px; 

 -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box; 

}



.newsRegDiv input {

 width: 170px; 

 height: 30px; 

 border: 1px solid rgb(217,217,217); 

 text-transform: none; 

 padding-left: 7px; 

 margin-right: 9px; 

 margin-top: 10px; 

 color: rgb(76,76,76); 

}



.newsRegDiv span input {

 width: 177px; 

 height: 32px; 

 border: 1px solid rgb(217,217,217); 

 background: rgb(224,218,208) url('img/grey-arrow.png') no-repeat center right; 

 text-transform: uppercase; 

 margin-right: 9px; 

 margin-top: 10px; 

 color: rgb(76,76,76); 

 cursor: pointer; 

}

.newsRegDiv span input:hover {

 background: rgb(255,204,0) url('img/yellow-button.png') no-repeat center right; 

} 



.socIcons {

 float: right; 

 text-align: center; 

 font-family: 'Marck Script'; 

 text-transform: none; 

 font-size: 16px; 

 color: rgb(140,140,140); 

 max-width: 21%; 

}







@media screen and (max-width: 390px) { 

	.footBoldMenu, .newsRegDiv { width: 99%; }

	.socIcons { width: 100%; max-width: 100%; float: left; text-align: left; }

	.socIcons .divRighter { width: 100%; float: left; margin-bottom: 7px; }

}



.socIconIcon {

 width: 30px; 

 height: 30px; 

 cursor: pointer; 

 overflow: hidden; 

 margin-left: 5px; 

 border-radius: 7px; 

 margin-top: 5px; 

}



.socIconIcon .posAbs {

 visibility: hidden; 

}



.socIconIcon:hover .posAbs {

 visibility: visible; 

 cursor: pointer; 

} 



.socIconIcon img {

 margin: 0px; 

}



.socIconIcon a {

 margin: 0px; 

 padding: 0px; 

 border: 0px; 

}



.HRornament {

 width: 100%; 

 height: 30px; 

 font: normal 1px arial; 

 background: url('img/hr-ornament.gif') no-repeat top center; 

}



.flw80 {

 width: 80%;

}



.flw20 {

 width: 20%;

}



.flw81 {

 width: 81%;

}



.flw19 {

 width: 19%;

}



@media screen and (max-width: 390px) {  

 .theFooter .flw20, .theFooter .flw19, .theFooter .flw81 { width: 100%; }  

 .theFooter .flw80 { width: 100%; }  

 .theFooter .flw20 img { max-width: 190px; margin-top: 5px; }

}



.homeBigFrameLabel {

 position: absolute; 

 top: 185px; 

 left: 100%; 

 width: 275px; 

 margin-left: -320px; 

 background: white url('img/home-frame-label.gif') no-repeat bottom center;

 height: 230px; 

 padding-top: 24px; 

 padding-left: 30px; 

 padding-right: 10px; 

 border-bottom: 5px solid white; 

 font: normal 14px arial; 

 color: rgb(51,51,51); 

}





@media screen and (max-width: 1100px) {  

	.homeBigFrameLabel {

	 width: 240px; 

	 padding-top: 10px;

	}

}



@media screen and (max-width: 390px) {  

	.homeBigFrameLabel {

	 top: 160px; 

	 width: 220px; 

	 padding-left: 5px; 

	 padding-top: 5px; 

	 margin-left: -300px; 

	}

}



@media screen and (max-width: 360px) {  

	.homeBigFrameLabel {

	 top: 150px; 

	 width: 200px; 

	 padding-left: 5px; 

	 padding-top: 5px; 

	 margin-left: -250px; 

	}

}



.homeBigFrameLabel strong {

 font: normal 28px arial; 

}



.framesArrowL {

 position: absolute; 

 top: 50%; 

 margin-top: -30px; 

 left: 50%; 

 margin-left: -550px; 

 width: 33px; 

 height: 60px; 

 cursor: pointer; 

 background: url('img/arrow-white-big-L.gif') no-repeat center center;

}



.framesArrowL:hover {

 background: url('img/arrow-white-big-L-hover.gif') no-repeat center center;

}



.framesArrowR {

 position: absolute; 

 top: 50%; 

 margin-top: -30px; 

 left: 50%; 

 margin-left: 517px; 

 width: 33px; 

 height: 60px; 

 cursor: pointer; 

 background: url('img/arrow-white-big-R.gif') no-repeat center center;

}



.framesArrowR:hover {

 background: url('img/arrow-white-big-R-hover.gif') no-repeat center center;

}



@media screen and (max-width: 1100px) { 

	.homeBigFrames { width: 100%; }

	.framesArrowL { margin-left: 0px; left: 0px; }

	.framesArrowR { margin-left: -33px; left: 100%; }

}



.topShadow10px {

 position: absolute; 

 top: 0px; 

 left: 0px; 

 width: 100%; 

 height: 10px; 

 font: normal 1px arial; 

}



.homeBigFramePic {

 position: absolute; 

 top: 0px; 

 left: 50%; 

 width: 1960px; 

 margin-left: -980px; 

 text-align: center; 

}





@media screen and (max-height: 700px) { 

	.homeBigFrames { height: 279px; }

	.homeBigFramePic {

	 width: 1568px;

	 margin-left: -784px; 

	 height: 372px; 

	}

	.homeBigFramePic img { max-height: 372px; width: auto; }

	.homeBigFrameLabel { top: 10px; }

	.homeBigFrame { padding-top: 30px; }

}



.homeBigFramePic div {

 transition: 0.1s; 

}



.vertLeftShadow {

 position: absolute; 

 top: 0px; 

 left: 0px; 

 width: 50px; 

 height: 100%; 

}



.vertRightShadow {

 position: absolute; 

 top: 0px; 

 left: 100%; 

 margin-left: -50px; 

 width: 50px; 

 height: 100%; 

}



.line4white {

 width: 100%; 

 background: rgb(245,243,239);

}



.pageSpecials {

 width: 100%; 

 padding-top: 20px; 

}



.whiteContent {

 width: 100%; 

 background: white url('img/whitecont-TR.jpg') no-repeat top right; 

 font: normal 12px arial; 

 color: black; 

 margin-top: 15px; 

 margin-bottom: 15px; 

}



.whiteContent h1, .whiteContent h2, 

.pageSpecials h1, .pageSpecials h2, 

.path2page h1, .path2page h2, .likeH1 {

 font: bold 14px arial; 

 text-transform: uppercase; 

 color: rgb(90,90,90); 

 margin-bottom: 10px; 

 padding: 0px; 

}



.path2page h1 span, .path2page h2 span, .pageSpecials h2 span {

 color: rgb(255,84,0); 

}



.specPageContainer {

 width: 1020px; 

 height: 780px; 

 overflow: hidden; 

}



.wide1020 {

 width: 1020px; 

}



@media screen and (max-width: 1000px) { 

	.wide1020 { 

	 width: 100%; 

	}

}



.fullwhead {

 width: 100%; 

}



.fullwhead h1, .fullwhead h2, .fullwhead h3 {

 text-transform: uppercase; 

 color: rgb(90,90,90); 

 font: bold 14px arial; 

 margin-top: 0px; 

 margin-bottom: 10px; 

}



.class4show {

 width: 100%; 

}



.destKare {

 width: 340px; 

 height: 390px; 

}



.destKarePic {

 width: 290px; 

 height: 280px; 

 border-left: 20px solid rgb(245,243,239); 

 border-right: 20px solid rgb(245,243,239); 

 border-top: 17px solid rgb(245,243,239);  

 border-bottom: 17px solid rgb(245,243,239);  

 margin-bottom: 15px; 

 cursor: pointer; 

 text-align: center; 

}



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



.destKarePic:hover {

 border-left: 20px solid rgb(226,220,212);

 border-right: 20px solid rgb(226,220,212);

 border-top: 17px solid rgb(226,220,212);

 border-bottom: 17px solid rgb(226,220,212);

}



@media screen and (max-width: 680px) { 

		.destKare { width: 100%; height: auto;  margin-bottom: 10px; }

		.destKarePic { height: auto; }

}



@media screen and (max-width: 330px) { 

	.destKare { width: 100%; height: auto;  margin-bottom: 10px; }

	.destKarePic { 

	 width: 100%; 

	 border: 15px solid rgb(245,243,239); 

	 -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box; 

	 height: auto; 

	}

	.destKarePic:hover { border: 15px solid rgb(226,220,212); }

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

}





.specHome3Kare:hover, .specHome3Kare0:hover, .specHome3Kare1:hover {

 border-left: 20px solid rgb(190,190,190);

 border-right: 20px solid rgb(190,190,190);

 border-top: 17px solid rgb(190,190,190);

 border-bottom: 17px solid rgb(190,190,190);

}



.destKare a strong, .destKare a:visited strong, .destKare a:active strong {

 text-transform: uppercase; 

 color: rgb(255,84,0); 

 font: bold 14px arial; 

}



.destKare a strong span, .destKare a:visited strong span, .destKare a:active strong span {

 text-transform: none; 

 color: rgb(76,76,76); 

 font: normal 14px arial; 

}



.destKare a, .destKare a:visited, .destKare a:active {

 color: rgb(76,76,76); 

 font: normal 12px arial; 

}

.destKare a span {

 font-weight: bold; 

}



.titLitBig { font-size: 16px; text-transform: uppercase; }



.lightViewAll {

 width: auto; 

 height: auto; 

 text-transform: uppercase; 

 font: normal 12px arial; 

 color: rgb(76,76,76); 

 background: rgb(224,218,208) url('img/arrow-4-12px.gif') no-repeat center right;

 padding-left: 15px; 

 padding-top: 10px; 

 padding-bottom: 10px; 

 padding-right: 25px; 

 border-right: 5px solid rgb(224,218,208);

 cursor: pointer; 

}



.lightViewAll:hover {

 color: rgb(254,84,0); 

}



.carpeDiemPage {

 width: 100%; 

 height: 278px; 

 overflow: hidden; 

 background: rgb(244,243,239) url('img/banners-back-page.jpg') repeat-x top center;

 padding-top: 30px; 

}



.carpeDiemPage .carpeDiemBanner {

 height: 180px; 

 overflow: hidden; 

}



@media screen and (max-width: 1000px) { 

	.carpeDiemPage {

	 height: auto; 

	}

}



@media screen and (max-width: 590px) { 

	.carpeDiemPage .carpeDiemBanner {  

	 height: auto; 

	}

}



.carpeDiemPage .carpeDiemBanner .carpeDiemInfo {

 padding-top: 7px; 

 padding-bottom: 10px; 

 min-height: 145px; 

 top: 10px; 

}



.hotelsInDestCotainer {

 width: 1020px; 

 height: 320px; 

 overflow: hidden; 

}



.langStatesCotainer {

 width: 1020px; 

 height: 280px; 

 overflow: hidden; 

 text-transform: uppercase; 

}



.langStatesCotainer .homeEcurKare {

 min-height: 280px; 

}





.hotelsInDestCotainer .homeEcurKare {

 min-height: 320px; 

}



@media screen and (max-width: 1000px) { 

	.hotelsInDestCotainer, .langStatesCotainer { width: 100%; height: auto; }

	 

}



.destinationMainPic {

 width: 480px; 

 border-left: 20px solid rgb(224,218,208); 

 border-right: 20px solid rgb(224,218,208); 

 border-top: 17px solid rgb(224,218,208);  

 border-bottom: 17px solid rgb(224,218,208);  

 min-height: 350px; 

}



.destmainText {

 width: 450px; 

 height: auto; 

 padding-top: 15px; 

 padding-left: 20px; 

}



.destTextInitH {

 max-height: 300px; 

 overflow: hidden; 

 width: 100%; 

 margin-bottom: 15px; 

}



.hotelMainPic {

 max-width: 56%;  

 border: 17px solid rgb(224,218,208);  

 background: white;

 text-align: center; 

 border-bottom: 17px solid rgb(224,218,208);  

 min-height: 250px;

 -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box; 

 transition: 0.2s; 

 -webkit-transition: 0.2s;

}



.hotelMainPic img {

 max-width: 100%; 

 max-height: 400px; 

 height: auto; 

}



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



.hotelMainInfo {

 float: right; 

 width: 34%; 

 padding-right: 7%; 

 padding-top: 20px; 

 padding-bottom: 10px; 

}



.hotelMainInfoLocation {

 width: 100%; 

 text-transform: uppercase; 

 height: 60px; 

 color: rgb(76,76,76); 

 font: normal 12px arial; 

}



.hotelInfoHotelName {

 width: 100%; 

 min-height: 90px; 

 padding-bottom: 10px; 

 font: bold 16px arial; 

 color: rgb(255,84,0);

}



.hotelInfoHotelName h1 {

 text-transform: none; 

 color: rgb(51,51,51); 

 font: normal 28px arial;

 margin: 0px; 

 padding: 0px;

 margin-bottom: 10px;  

}



.hotelInfoHotelName h1 span {

 text-transform: uppercase; 

 font: normal 12px arial;

 display: inline-block;

 line-height: 16px; 

}



.hotelInfoPriceFrom {

 width: 100%; 

}



.hotelInfoPriceFrom strong {

 color: black; 

 font: normal 24px arial;

}



.hotelInfoBook {

 width: 100%; 

}



.hotelInfoBook a, .hotelInfoBook a:visited, .hotelInfoBook a:active, .hotelInfoBook a.blueButton:hover, a.blueButton:hover {

 width: auto; 

 height: 16px; 

 padding-top: 15px; 

 padding-bottom: 15px; 

 background: rgb(255,84,0) url('img/grey-button.png') no-repeat center right; 

 padding-left: 20px; 

 padding-right: 40px; 

 text-transform: uppercase; 

 color: white; 

 font: normal 16px arial; 

 display: inline-block;

 margin-top: 5px; 

}



.blueButton, a.blueButton, a.blueButton:visited, .hotelInfoBook a.blueButton:visited {

 width: auto; 

 height: 16px; 

 padding-top: 15px; 

 padding-bottom: 15px; 

 background: rgb(103,177,248) url('img/grey-button.png') no-repeat center right; 

 padding-left: 20px; 

 padding-right: 40px; 

 text-transform: uppercase; 

 color: white; 

 font: normal 16px arial; 

 display: inline-block;

 margin-top: 5px; 

 transition: 0.2s; 

 -webkit-transition: 0.2s;

 -moz-transition: 0.2s;

}





.docPayOnlineSubmit {

 width: 100%; 

 text-align: center; 

}



#findHotelButton input, .docPayOnlineSubmit input  {

 width: auto; 

 height: 16px; 

 min-height: 35px;  

 background: rgb(255,84,0) url('img/grey-button.png') no-repeat center right; 

 border: 1px solid rgba(255,84,0,1);

 padding-left: 30px; 

 padding-right: 50px; 

 text-transform: uppercase; 

 color: white; 

 font: normal 14px arial; 

 display: inline-block;

 margin-top: 5px; 

 transition: 0.2s; 

 -webkit-transition: 0.2s;

}



#findHotelButton input:hover, .docPayOnlineSubmit input:hover {

 background: rgb(255,204,0) url('img/yellow-button.png') no-repeat center right; 

 color: rgb(88,88,88); 

 border: 1px solid rgb(255,204,0); 

}



@media screen and (max-width: 600px) { 

	.hotelMainPic { width: 100%; min-height: 50px; max-width: 100%; min-width: 100%; }

	.hotelMainInfo { width: 98%; }

	.hotelMainInfoLocation { height: auto; margin-bottom: 10px; }

	.hotelInfoHotelName { min-height: auto; margin-bottom: 10px; }

	.hotelInfoBook a, .hotelInfoBook a:visited, .hotelInfoBook a:active { margin-bottom: 10px; }

}



.hotelTab {

 font: normal 14px arial; 

 text-transform: uppercase; 

 padding-top: 5px; 

 padding-bottom: 5px; 

 padding-left: 10px; 

 padding-right: 10px; 

 margin-top: 20px; 

 cursor: pointer; 

}

.hotelTab:hover {

 background: rgb(245,243,239);

}



.hotelTabSep {

 font: normal 14px arial; 

 text-transform: uppercase; 

 margin-top: 20px; 

 text-align: center; 

 width: 12px; 

 padding-top: 5px; 

}



.smallMap {

 float: right; 

 width: 290px; 

 height: 280px; 

 border: 15px solid rgb(245,243,239); 

 margin-left: 25px; 

 margin-bottom: 65px; 

}



.largerMapPosAbs {

 position: absolute; 

 top: 310px; 

 left: 140px; 	

 width: 170px; 

}



.closeLargeMapPosAbs {

 position: absolute; 

 top: 630px; 

 left: 800px; 	

 display: none; 

 width: 160px; 

}



.closeLargeMapPosAbs .lightViewAll {

 min-width: 100px; 

}



.earthAboutUs { 

 width: 285px; 

 height: auto; 

 float: right; 

}



.hotelInfosection {

 width: 60%; 

 height: auto; 

 padding-left: 2%; 

 padding-right: 2%; 

 padding-top: 15px; 

 padding-bottom: 15px; 

 border: 1px solid rgb(224,218,208); 

 background: white url('img/hotel-section.png') no-repeat top right; 

 font: normal 12px arial;  

 margin-bottom: 15px; 

}



@media screen and (max-width: 1000px) { 

	.earthAboutUs { 

	 max-width: 33%; 

	}

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

}



@media screen and (max-width: 400px) { 

	.earthAboutUs { 

	 max-width: 100%; 

	 width: 100%; 

	}

	.hotelInfosection { width: 95%; }

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

}



.mainFont h1, .mainFont h2, .mainFont h3, .mainFont h4,

.hotelInfosection h1, .hotelInfosectionWide h1, 

.hotelInfosection h2, .hotelInfosectionWide h2, 

.contPlace h1, .contPlace h2, 

.campContent h1, .campContent h2, 

.campContent h3, .campContent h4, 

.destInfoTxt h1, .destInfoTxt h2, .destInfoTxt h3, .destInfoTxt h4 {

 font: bold 14px arial; 

 text-transform: uppercase; 

 color: rgb(90,90,90); 

 margin-bottom: 10px; 

 padding: 0px; 

}



.hotelInfosectionWide, .campContent {

 width: 100%; 

 -webkit-box-sizing: border-box; 

     -moz-box-sizing: border-box;

          box-sizing: border-box; 

 height: auto; 

 padding-left: 20px; 

 padding-right: 20px; 

 padding-top: 15px; 

 padding-bottom: 15px; 

 border: 1px solid rgb(224,218,208); 

 background: white url('img/hotel-section.png') no-repeat top right; 

 font: normal 12px arial;  

 margin-bottom: 15px; 

}



.mainFont {

 width: 100%; 

 height: auto; 

 padding-left: 20px; 

 padding-right: 20px; 

 padding-top: 15px; 

 padding-bottom: 15px; 

 font: normal 12px arial;  

 margin-bottom: 15px; 

 -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box; 

}



@media screen and (max-width: 1000px) { 

	.hotelInfosectionWide, .campContent {

	 width: 96%; 

	 padding-left: 2%; 

	 padding-right: 2%; 

	 border-left: 0px; 

	 border-right: 0px; 

	}

}



.campContent {

 background-position: 520px 00px;

}



.goUp {

 float: right; 

 background: url('img/up-icon.jpg') no-repeat top right;

 padding-right: 30px; 

 height: 30px; 

 padding-top: 5px; 

 font: normal 11px arial; 

 color: rgb(102,102,102); 

 cursor: pointer; 

 text-transform: uppercase; 

}



.goUp:hover {

 color: rgb(255,84,0); 

}



.otherHotelsBack {

 position: absolute; 

 top: 0px; 

 left: 0px; 

 width: 100%; 

 height: 300px; 

 background: rgb(244,243,239);

}



@media screen and (max-width: 1000px) { 

	.otherHotelsBack { height: 100%; }

}



.othHotelsPic {

 width: 210px; 

 height: 200px; 

 border: 15px solid white; 

 margin-bottom: 15px; 

 cursor: pointer; 

}



.othItemsPic {

 width: 210px; 

 height: 200px; 

 border: 15px solid rgb(224,218,208); 

 margin-bottom: 15px; 

 cursor: pointer; 

}



.mainSubMenu {

 display: none; 

 position: absolute; 

 top: 40px; 

 background: rgb(244,243,239);

 left: 0px; 

 padding: 20px; 

 z-index: 20; 

 width: 1000px; 

 -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box; 

 border-bottom: 1px solid rgb(226,220,212);

}



@media screen and (max-width: 1000px) { 

	.mainSubMenu {

	 display: inline; 

	 float: left; 

	 position: relative; 

	 top: 0px; 

	 width: 100%; 

	 padding: 5px; 

	 margin-top: 5px; 

	}

}



.picLinePage {

 width: 100%; 

 height: 580px; 

 overflow: hidden; 

}



.overPicShortTxtContainer {

 float: right; 

 width: 585px; 

 height: 490px; 

 margin-top: 30px; 

 padding-top: 15px; 

 padding-bottom: 15px; 

 padding-left: 20px; 

 padding-right: 20px; 

}



.blurWhite {

 position: absolute; 

 top: 0px; 

 left: 0px; 

 width: 100%; 

 height: 100%; 

 background: white;

 -moz-opacity: 0.15;  

 opacity: 0.15; 

 filter:alpha(opacity=15);

}



.shortTxtOverPic {

 width: 515px; 

 padding-left: 35px; 

 padding-right: 35px; 

 padding-top: 50px; 

 height: 440px; 

 background: white url('img/shortOpicFon.png') no-repeat top right; 

 color: rgb(51,51,51); 

 font: normal 13px arial; 

}





.shortTxtOverPic h1  {

 font: bold 14px arial; 

 text-transform: uppercase; 

 color: rgb(90,90,90); 

 margin-bottom: 30px; 

 padding: 0px; 

}



.textOpicInit {

 width: 100%; 

 height: 320px; 

 overflow: hidden; 

}



@media screen and (max-width: 590px) { 

	.picLinePage { 

	 height: auto; 

	}

	.overPicShortTxtContainer {

	 width: 100%; 

	 height: auto; 	 

	 padding: 0px; 

	 margin-bottom: 20px; 

	 margin-top: 0px; 

	}

	.shortTxtOverPic {

	 width: 96%; 

	 padding-left: 2%; 

	 padding-right: 2%; 

	 height: auto; 

	}

	.textOpicInit {

	 height: auto; 

	}

}



.textOpicScroll {

 width: 100%; 

 height: 320px; 

 overflow: auto; 

}



.picLinePic {

 position: absolute; 

 top: 0px; 

 left: 50%; 

}



@media screen and (max-width: 590px) { 

	.picLinePic {

	 float: left; 

	 position: relative; 

	 top: 0px; 

	 left: 0px; 

	 margin-left: 0px !important;

	}

	.picLinePic img {

	 width: 100%; 

	 height: auto; 

	}

}



.leftPagePicShadow {

 position: absolute; 

 left: -1px; 

 width: 30px; 

 height: 100%; 

 top: 0px; 

}



.rightPagePicShadow {

 position: absolute; 

 left: 100%; 

 width: 70px; 

 height: 100%; 

 margin-left: -69px; 

 top: 0px; 

}



.theManager {

 width: 100%; 

 background: rgb(224,218,208) url('img/manage-fon.jpg') no-repeat top center; 

 padding-top: 50px; 

 padding-bottom: 75px; 

}



.theShop {

 width: 100%; 

 background: rgb(245,243,239); 

 padding-top: 25px; 

}



.photoCol {

 width: 27.5%; 

 text-align: center;

 margin-right: 4%; 

 font: normal 14px arial; 

 color: rgb(51,51,51); 

}



.naalyan {

 width: 90%; 

 padding: 5%;

 background: white; 

 border-radius: 100%; 

 overflow: hidden; 

  margin-bottom: 15px; 

}



.naalyan div {

 width: 100%; 

 height: auto; 

 border-radius: 100%; 

 overflow: hidden; 

 max-height: 245px; 

}



.naalyan div img {  width: 100%; height: auto; border-radius: 100%;  overflow: hidden; }



.managerTxt {

 float: right; 

 width: 67%; 

 font: normal 14px arial; 

 color: rgb(51,51,51); 

}





.managerTxt h2 {

 font: bold 16px arial; 

 color: rgb(88,88,88); 

 margin-top: 0px; 

 margin-left: 0px; 

 padding-top: 0px; 

 padding-left: 0px; 

 padding-bottom: 20px; 

 text-transform: uppercase; 

 background: url('img/quot-up.gif') no-repeat top left;

}



@media screen and (max-width: 400px) { 

	.photoCol, .managerTxt {	 width: 100%; margin-right: 0px; }

	.photoCol { margin-bottom: 20px; }

	.managerTxt h2 { padding-bottom: 10px; }

}



.managerTxt h3 {

 font: bold 16px arial; 

 color: rgb(88,88,88); 

 margin-top: 0px; 

 margin-left: 0px; 

 padding-top: 20px; 

 padding-left: 0px; 

 padding-bottom: 10px; 

 text-transform: uppercase;

}



.managTXtinit {

 width: 95%; 

 padding-right: 5%; 

 height: 140px; 

 line-height: 16px; 

 background: url('img/quot-down.gif') no-repeat bottom right;

 overflow: hidden;

 margin-bottom: 50px;  

}



.readMoreWhite {

 text-transform: uppercase; 

 font: normal 12px arial; 

 color: rgb(76,76,76); 

 background: white url('img/arrow-4-12px.gif') no-repeat center right;

 padding-left: 15px; 

 padding-top: 10px; 

 padding-bottom: 10px; 

 padding-right: 25px; 

 border-right: 5px solid white;

 cursor: pointer; 

 margin-top: 5px; 

 margin-bottom: 5px; 

}



.readMoreWhite:hover {

 color: rgb(254,84,0); 

}



.hotelInfosectionWide iframe {

 width: 1000px; 

 position: relative; 

 float: left; 

 top: -15px; 

 left: -20px; 

}



@media screen and (max-width: 1000px) { 

	.hotelInfosectionWide iframe {

	 width: 100%; 

	 left: -2%; 

	} 

}



.theShopMenu {

 width: 23%; 

 padding-right: 1%; 

 padding-bottom: 50px; 

}



.inShopMenuButton {

 width: 100%; 

 padding-bottom: 20px; 

 text-transform: uppercase; 

 color: rgb(51,51,51); 

 font: bold 13px arial;

}



.arrRight {

 background: url('img/yellow-button.png') no-repeat top right; 

}



.inShopMenuButton a, .inShopMenuButton a:visited, .inShopMenuButton a:active {

 color: rgb(51,51,51); 

 font: normal 13px arial;

}



.inShopMenuButton:hover a {

  color: rgb(255,84,0); 

}



.menuItems {

 float: right; 

 width: 76%; 

 font: normal 12px arial;

 color: rgb(51,51,51); 

}



.itemKare {

 width: 242px; 

 padding-bottom: 30px; 

 min-height: 367px; 

 margin-right: 10px; 

}



.itemSep {

 width: 12px; 

 font: normal 1px arial; 

 min-height: 10px; 

}



.itemPic {

 width: 210px; 

 height: 210px; 

 border: 16px solid rgb(224,218,208); 

 cursor: pointer; 

 background: white; 

}



.itemInfo {

 width: 230px; 

 padding-top: 20px; 

 padding-left: 8px; 

 font: normal 14px arial; 

 color: rgb(127,127,127); 

}



.itemInfo a, .itemInfo a:visited, .itemInfo a:active {

 text-transform: uppercase; 

 font: normal 15px arial; 

 color: rgb(96,96,96); 

}



.itemInfo a strong, .itemInfo a:visited strong, .itemInfo a:active strong{

 text-transform: none; 

 font: normal 15px arial;

 color: rgb(255,84,0); 

}



.inShopSearch {

 width: 85%; 

 padding-top: 25px; 

 border-top: 1px solid rgb(205,205,205); 

 color: rgb(51,51,51); 

 font: normal 13px arial;

 text-transform: uppercase; 

}



@media screen and (max-width: 790px) { 

	.theShopMenu { width: 100%; padding-right: 0px; padding-bottom: 10px; }

	.menuItems { width: 100%; }

	.inShopMenuButton { width: 30%; padding-right: 3%; padding-bottom: 10px; }

	.inShopSearch { padding-top: 5px; padding-bottom: 10px; }

}



@media screen and (max-width: 790px) { 

	.inShopMenuButton { width: 48%; padding-right: 2%; padding-bottom: 10px; }

}



@media screen and (max-width: 790px) { 

	.inShopMenuButton { width: 98%; padding-right: 2%; padding-bottom: 5px; padding-top: 3px; border-bottom: 1px solid silver; }

}



.shopSearch {

 width: 99%; 

 border: 1px solid rgb(205,205,205); 

 margin-top: 9px; 

 background: white; 

}



.shopSearch input {

 width: 70%; 

 max-width: calc(100%-31px);

 height: 26px; 

 background: white; 

 border: 1px solid white; 

 padding-left: 5px; 

 font: normal 12px arial; 

 color: rgb(127,127,127); 

}



.shopSearch span input {

 width: 30px; 

 height: 24px; 

 background: white url('img/search-shop-lupa.jpg') no-repeat center center ; 

 border: 1px solid white; 

 cursor: pointer; 

}



.shopBigPic {

 max-width: 60%; 

 text-align: center; 

 padding-right: 20px; 

 padding-left: 20px; 

 border-top: 17px solid rgb(224,218,208);  

 background: rgb(224,218,208);

 border-bottom: 17px solid rgb(224,218,208);  

 min-height: 30px;

 -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box; 

 overflow: hidden; 

}



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



.shopBigPic  img { 

	 width: 100%; 

	 height: auto; 

	 max-height: 500px; 

	 width: auto; 

	}



.whiteBack {

 background: white; 

 width: 100%; 

}



.itemInfoInside {

 float: right; 

 padding-top: 20px; 

 padding-right: 15px; 

 width: 36%; 

 min-height: 160px; 

 background: url('img/shortOpicFon.png') no-repeat top right;

 font: normal 12px arial; 

 color: rgb(51,51,51); 

 -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box; 

}



@media screen and (max-width: 490px) { 

	.shopBigPic {

	 width: 100%; 

	 max-width: 100%; 

	}

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

	

	.itemInfoInside { width: 100%; padding-right: 0px; }

}



.itemInfoInside h1 {

 margin-bottom: 40px; 

 margin-top: 0px; 

 font: normal 28px arial;

 color: rgb(255,84,0); 

 text-transform: none;

}



.itemInfoInside h1 span {

 text-transform: uppercase;

 font: bold 14px arial; 

 text-transform: uppercase; 

 color: rgb(90,90,90);  

}



.itemInfoInside h2, .itemInfoInside h3 {

 text-transform: uppercase;

 font: normal 18px arial; 

 text-transform: uppercase; 

 color: rgb(90,90,90);  

 margin-bottom: 10px; 

 margin-top: 5px; 

}



.priceInItem {

 width: 100%; 

 padding-bottom: 12px; 

 color: black; 

 font: normal 16px arial; 

}



.priceInItem strong {

 font: normal 24px arial; 

}



.selQTY {

 width: 100%; 

 font: normal 14px arial; 

 color: black; 

 padding-bottom: 20px; 

}



.selQTY select {

 width: 50px; 

 height: 35px; 

 background: rgb(229,229,229);

 margin-right: 5px;  

}



.prodThumb {

 width: 95px; 

 height: 90px; 

 border: 1px solid rgb(204,204,204); 

 cursor: pointer; 

 background: white; 

 margin-right: 10px; 

 margin-bottom: 10px; 

}



.mapLine {

 width: 100%; 

 height: 580px; 

 background: rgb(242,242,242); 

}



@media screen and (max-width: 790px), (max-height: 590px) { 

	.mapLine { height: 400px;  }

}



@media screen and (max-height: 420px) { 

	.mapLine { height: 300px;  }

}



.contDetails {

 margin-top: -205px; 

 width: 100%; 

 height: auto; 

 min-height: 175px; 

 background: rgba(255,255,255,0.8); 

}



@media screen and (max-width: 790px) { 

	.contDetails { 

	 margin-top: 0px; 

	}

}



.blurDeep {

 position: absolute; 

 top: 0px; 

 left: 0px; 

 width: 100%; 

 height: 100%; 

 background: white;

 -moz-opacity: 0.80;  

 opacity: 0.80; 

 filter:alpha(opacity=80);

}



.contact1 {

 width: 33%; 

 padding-left: 84px; 

 padding-right: 16px; 

 background: url('img/cont-address.png') no-repeat bottom left;

 font: normal 12px arial; 

 color: black; 

 padding-top: 25px; 

 min-height: 160px; 

 -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box; 

}



.contact2 {

 width: 35%; 

 padding-left: 84px; 

 padding-right: 16px; 

 background: url('img/cont-phones.png') no-repeat bottom left;

 font: normal 12px arial; 

 color: black; 

 padding-top: 25px; 

 min-height: 160px; 

 -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box; 

}



.contact3 {

 max-width: 30%; 

 padding-left: 100px; 

 background: url('img/cont-mail.png') no-repeat bottom left;

 font: normal 12px arial; 

 color: black; 

 padding-top: 25px; 

 min-height: 90px; 

 -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box; 

}



.contSep {

 position: absolute; 

 top: 52px; 

 width: 6px; 

 background: rgb(230,225,217); 

 height: 50px; 

 left: 100%; 

 margin-left: -6px; 

}



@media screen and (max-width: 790px) { 

	.contact1, .contact2, .contact3 {

	 width: 100%; 

	 padding-top: 5px; 

	}

	.contSep {

	 left: 0px; 

	 width: 100%; 

	 height: 3px; 

	 margin-left: 0px; 

	 top: 100%; 

	 margin-top: -10px; 

	}

}



.contact3 p {

 padding-top: 15px; 

 text-transform: uppercase; 

}



.contDetails h2 {

 font: bold 14px arial; 

 color: rgb(88,88,88); 

 margin-top: 0px; 

 margin-left: 0px; 

 padding: 0px; 

 margin-bottom: 20px; 

 text-transform: uppercase;  

}



.mainPhone {

 font: normal 28px arial; 

 color: rgb(255,84,0); 

 margin-bottom: 10px; 

 padding: 0px; 

 margin-top: 0px; 

}



.contPlace {

 width: 100%; 

 font: normal 13px arial;

}



.coFormCol1 { 

 width: 34%; 

 font: normal 12px arial; 

 color: rgb(51,51,51); 

}



.agreesInOrder {

 width: 30%; 

 float: right; 

 font: normal 13px arial; 

 color: rgb(51,51,51); 

}



.greyInputs {

 width: 96%; 

 padding-left: 2%; 

}



.coFormCol1 .flwA { width: 100%; }



.coFormCol1 input {

 width: 90%; 

 padding-left: 10px; 

 height: 28px; 

 background: rgb(245,243,239); 

 border: 1px solid rgb(204,204,204); 

 margin-top: 2px;

 margin-bottom: 10px;  

}





.coFormCol1 select {

 width: 140px; 

 height: 28px; 

 background: rgb(245,243,239); 

 border: 1px solid rgb(204,204,204); 

 margin-top: 2px;

 margin-bottom: 10px;  

}



.coFormCol2 {

 float: right; 

 width: 65%; 

 font: normal 12px arial; 

 color: rgb(51,51,51); 

}



@media screen and (max-width: 490px) { 

	 .greyInputs { width: 100%; padding-left: 0px; }

	.agreesInOrder, .coFormCol1, .coFormCol2 { 

	 width: 100%; 

	}

	.coFormCol2 .flw100 .divRighter { width: 100%; text-align: center; }

}



.coFormCol2 textarea {

 width: 98%; 

 padding-left: 1%; 

 height: 250px; 

 background: rgb(245,243,239); 

 border: 1px solid rgb(204,204,204); 

 margin-top: 2px;

 overflow: auto; 

}



.coFormColOffer {

 float: right; 

 width: 60%; 

 font: normal 12px arial; 

 color: rgb(51,51,51); 

}



.coFormColOffer textarea {

 width: 97%; 

 padding-left: 2%; 

 height: 250px; 

 background: rgb(245,243,239); 

 border: 1px solid rgb(204,204,204); 

 margin-top: 2px;

 overflow: auto; 

}



@media screen and (max-width: 490px) { 

	.coFormColOffer {

	 width: 100%; 	 

	}

	.coFormColOffer textarea { height: 200px; }

}



.contFormAlerts {

 width: 100%; 

 text-align: right; 

 font: bold 12px arial; 

 color: red; 

 padding-bottom: 10px; 

}



.coFormCol2 input, .coFormColOffer input {

 width: auto; 

 height: auto; 

 padding-top: 15px; 

 padding-bottom: 15px; 

 background: rgb(46,64,145) url('img/grey-button.png') no-repeat center right; 

 padding-left: 30px; 

 border: 1px solid rgb(46,64,145); 

 padding-right: 50px; 

 text-transform: uppercase; 

 color: white; 

 font: normal 14px arial; 

 margin-bottom: 15px; 

}



.secureFLD {

 float: right; 

 padding-right: 30px; 

}



.secureTXT {

 width: 200px; 

}



.secureFLD input  {

 width: 90px; 

 padding-left: 10px; 

 height: 28px; 

 background: rgb(245,243,239); 

 border: 1px solid rgb(204,204,204); 

 margin-top: 2px;

 margin-bottom: 10px;  

}



.anchorLink {

 font: normal 1px arial; 

}



.campAge {

 width: 100%; 

 padding-bottom: 10px; 

 font: bold 14px verdana; 

 color: rgb(255,84,0);

}



.all100 {

 width: 100%; 

 height: 100%; 

} 



.theGallery {

 width: 100%; 

 background: rgb(245,243, 239); 

 padding-top: 5px; 

 padding-bottom: 30px; 

}



.closeGallery {

 position: absolute; 

 top: 5px; 

 left: 100%; 

 margin-left: -37px; 

 background: url('img/close-gallery.jpg') no-repeat center center; 

 width: 37px; 

 height: 36px; 

 cursor: pointer; 

 transition: 0.2s;  

}



.closeGallery:hover {

 -moz-opacity: 0.40;  

 opacity: 0.40; 

 filter:alpha(opacity=40);

}



.gallTitle {

 width: 100%; 

 padding-top: 10px; 

 padding-bottom: 10px; 

 padding-right: 40px; 

 font: normal 24px arial; 

 color: rgb(51,51,51); 

 -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box; 

}



@media screen and (max-width: 800px) { 	

	.gallTitle { 

	 font: normal 16px arial; 

	 padding-right: 20px; 

	 padding-bottom: 5px; 

	 padding-top: 5px; 

	}

	.closeGallery {

	 width: 18px; 

	 height: 18px; 

	}

}



.gallTitle span {

 font: normal 12px arial; 

 text-transform: uppercase; 

}



.bigPicPlace {

 width: 960px; 

 height: 620px; 

 text-align: center; 

 background: rgb(229,229,229); 

 border: 20px solid rgb(224,218,208);

 overflow: hidden; 

}



@media screen and (max-height: 800px) { 	

	.bigPicPlace {

	 -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box; 

	  max-width: 775px; 

	  max-height: 500px; 

	  border: 15px solid rgb(224,218,208);

	  margin: auto; 

	}

	.bigPicPlace img {

	 max-width: 100%; 

	 height: auto; 

	}

}



@media screen and (max-height: 600px) { 	

	.bigPicPlace {

	 -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box; 

	  max-width: 620px; 

	  max-height: 400px; 

	  border: 15px solid rgb(224,218,208);

	  margin: auto; 

	}

	.bigPicPlace img {

	 max-width: 100%; 

	 height: auto; 

	}

}



@media screen and (max-width: 1000px) { 	

	.bigPicPlace {

	 -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box; 

	  max-width: 100%; 

	  height: auto; 

	  border: 15px solid rgb(224,218,208);

	}

	

	.bigPicPlace img {

	 max-width: 100%; 

	 height: auto; 

	}

}







.arrowLbig {

 position: absolute; 

 top: 50%; 

 left: 0px; 

 margin-left: 25px; 

 margin-top: -30px; 

 width: 33px; 

 height: 60px; 

 background: url('img/arrow-L-big.gif') no-repeat center left; 

 cursor: pointer; 

}



.arrowLbig:hover {

 background: url('img/arrow-L-big-hover.gif') no-repeat center left; 

}



.arrowRbig {

 position: absolute; 

 top: 50%; 

 left: 100%; 

 margin-left: -63px; 

 margin-top: -30px; 

 width: 33px; 

 height: 60px; 

 background: url('img/arrow-R-big.gif') no-repeat center right; 

 cursor: pointer; 

}



.arrowRbig:hover {

 background: url('img/arrow-R-big-hover.gif') no-repeat center right; 

}



@media screen and (max-width: 1100px) { 	

	.arrowLbig {

	 margin-left: 0px; 

	 background: rgba(255,255,255,0.4) url('img/arrow-L-big.gif') no-repeat center left; 

	}

	.arrowRbig {

	 margin-left: -33px; 

	 background: rgba(255,255,255,0.4) url('img/arrow-R-big.gif') no-repeat center right; 

	}

}



@media screen and (max-width: 600px) { 	

	.arrowLbig { width: 20px; height: 30px; margin-top: -15px; }

	.arrowRbig { width: 20px; height: 30px; margin-top: -15px; margin-left: -20px; }

}





.gallSlideContainer {

 width: 85%; 

 margin-top: 25px; 

 padding-left: 7.5%;

 padding-right: 7.5%; 

 border: 1px solid rgb(224,218,208);

 padding-top: 7px; 

 padding-bottom: 7px; 

}



.gallThumbs {

 width: 100%; 

 height: 75px; 

 overflow: hidden; 

}



.thumbsBelt { 

 position: absolute; 

 top: 0px; 

 left: 0px; 

 width: 10000px; 

 height: 75px; 

}



.arrowLsmall {

 position: absolute; 

 top: 50%; 

 left: 0px; 

 margin-left: 25px; 

 margin-top: -12px; 

 width: 24px; 

 height: 45px; 

 background: url('img/arrow-L-small.gif') no-repeat center center; 

 cursor: pointer; 

}



.arrowLsmall:hover {

 background: url('img/arrow-L-small-hover.gif') no-repeat center center; 

}



.arrowRsmall {

 position: absolute; 

 top: 50%; 

 left: 100%; 

 margin-left: -63px; 

 margin-top: -12px; 

 width: 24px; 

 height: 45px; 

 background: url('img/arrow-R-small.gif') no-repeat center center; 

 cursor: pointer; 

}



.arrowRsmall:hover {

 background: url('img/arrow-R-small-hover.gif') no-repeat center center; 

}



@media screen and (max-width: 1000px) { 	

	.arrowLsmall { margin-left: 0px; }

	.arrowRsmall { margin-left: -24px; }

}



.thumbInGall { 

 float: left; 

 position: relative; 

 width: 80px; 

 height: 75px; 

 margin-right: 15px; 

 background: rgb(204,204,204); 

 cursor: pointer; 

}



.convedTable {

 width: 100%; 

 height: auto; 

 margin-top: 10px; 

 margin-bottom: 10px; 

}



.tableRowOdd, .tableRowEven, .tableRowFirst {

 border-bottom: 3px solid white; 

}



.tableRowOdd td {

 border-right: 2px solid white; 

 background: rgb(224,218,208);

 padding-top: 7px; 

 padding-bottom: 7px; 

 text-align: center; 

}



.menuItems .tableRowEven td { background: white; }



.tableRowFirst td { 

 font-weight: bold; 

 font-size: 1.1em; 

 border-right: 2px solid white; 

 background: rgb(224,218,208);

 padding-top: 7px; 

 padding-bottom: 7px; 

 text-align: center; 

}



.tableRowEven td {

 border-right: 2px solid white; 

 background: rgb(245,243,239);

 padding-top: 7px; 

 padding-bottom: 7px; 

 text-align: center; 

}



.blogNewsCol {

 width: 800px; 

 min-height: 50px; 

 font: normal 12px arial; 

 color: rgb(51,51,51); 

}



.blogThemesCol {

 float: right; 

 width: 155px; 

 text-transform: uppercase; 

 font: normal 12px arial; 

 padding-bottom: 30px; 

}



.blogThemesCol .flw100 {

 padding-bottom: 15px; 

}



.blogThemesCol a, .blogThemesCol a:visited, .blogThemesCol a:active {

 color: rgb(51,51,51); 

}



.blogThemesCol a:hover {

 color: rgb(255,102,0); 

}



.topicMenuIn {

 width: 100%; 

 padding-bottom: 15px; 

}



@media screen and (max-width: 1000px) { 

	.blogThemesCol {

	 width: 100%; 

	}

	.topicMenuIn, .blogThemesCol .flw100 { width: 30%; padding-right: 3%; min-height: 30px; padding-bottom: 5px; }

}





@media screen and (max-width: 590px) { 	

	.topicMenuIn, .blogThemesCol .flw100 { width: 48%; padding-right: 2%; min-height: 30px; padding-bottom: 5px; }

}



.topicMenuIn a, .topicMenuIn a:visited, .topicMenuIn a:active {

 color: rgb(255,102,0); 

}



.topicMenuIn a:hover {

 color: rgb(46,64,145); 

}



.blogPostKare {

 width: 765px; 

 padding-right: 20px; 

 padding-left: 15px; 

 padding-top: 20px; 

 padding-bottom: 20px; 

 margin-bottom: 10px; 

 background: white url('img/blog-back.gif') no-repeat top right;

}



.blogPostDate {

 width: 52px; 

 padding-top: 8px; 

 margin-bottom: 10px; 

 height: 50px; 

 padding-left: 6px; 

 font: normal 12px arial; 

 color: white; 

 background: rgb(255,84,0); 

 text-transform: uppercase; 

 margin-right: 15px; 

}



.blogPicCol {

 width: 380px; 

 overflow: hidden; 

 margin-right: 20px; 

}



.blogInfoCol {

 float: right; 

 position: relative; 

 width: 290px; 

}



@media screen and (max-width: 800px) { 

	.blogNewsCol {

	 width: 100%; 	 

	}

	.blogPostKare {

	 -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box; 

	width: 100%; 

	}

	.blogInfoCol {

	 width: 100%; 

	 margin-bottom: 15px; 

	}

}



@media screen and (max-width: 460px) { 

	.blogPostDate {

	  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box; 

		 width: 100%; 

	}

	.blogPicCol {

	 width: 100%; 

	 margin-right: 0px; 

	}

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

}



.blogTitleInList { 

 width: 100%; 

 min-height: 120px; 

 font: normal 12px arial; 

 color: black; 

 text-transform: uppercase; 

}



.blogTitleInList a, .blogTitleInList a:visited, .blogTitleInList a:active {

 color: rgb(255,84,0); 

 text-transform: none; 

 font: normal 24px arial; 

 margin-top: 10px; 

 margin-bottom: 10px; 

 height: auto; 

 float: left; 

 line-height: 22px; 

}



.blogTitleInList a:hover {

 color: rgb(46,64,145);

}



.blogPostAnons {

 width: 100%; 

 height: 96px; 

 font: normal 12px verdana; 

 line-height: 16px; 

 color: rgb(51,51,51); 

}



@media screen and (max-width: 800px) { 

	.blogTitleInList {  

	 min-height: auto; 

	 margin-bottom: 15px; 

	}

	.blogPostAnons { height: auto; }

}



.blogInfoCol .itemList a {

 top: 20px; 

 padding-top: 12px; 

 padding-bottom: 12px; 

}



.fButtonsInBlog {

 width: 100%; 

}



.blogInfoCol .fButtonsInBlog {

 top: 30px; 

}



.blogPostInList {

 width: auto; 

 padding-left: 30px; 

 height: 18px; 

 padding-top: 2px; 

 background: url('img/post-icon.png') no-repeat top left; 

 font: normal 11px arial; 

 color: rgb(127,127,127); 

 text-transform: uppercase; 

 cursor: pointer; 

}



.blogPostInList:hover {

 color: black; 

}



.nextInBlog {

 background: white; 

 padding: 7px; 

 font: bold 14px arial; 

 text-transform: uppercase; 

 color: black; 

 margin-bottom: 10px; 

}



.nextInBlog a, .nextInBlog a:visited, .nextInBlog a:active {

 color: rgb(51,51,51); 

 font: normal 14px arial; 

}



.blogPostFullTXT { 

 width: 680px; 

 padding-left: 68px; 

}



.blogPostComment { 

 width: 680px; 

}



@media screen and (max-width: 750px) { 

	.blogPostFullTXT, .blogPostComment { width: 100%; padding-left: 0px; }

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

}



.postCommentSect {

 width: 100%; 

 height: auto; 

 font: normal 13px arial; 

 color: rgb(51,51,51); 

 padding-bottom: 10px; 

 -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

 padding-left: 85px; 

}



.postCommentSect h2 {

 font: normal 16px arial; 

 color: rgb(51,51,51); 

 margin-bottom: 12px; 

 margin-top: 0px; 

 text-transform: uppercase; 

}



.postCommentSect .flwA { width: 100%; }



.postCommentSect input {

 width: 30%; 

 height: 30px; 

 background: white; 

 border: 1px solid rgb(216,216,216); 

 margin-top: 2px; 

 margin-bottom: 15px; 

}



.postCommentSect textarea {

 width: 63%; 

 height: 290px; 

 background: white; 

 border: 1px solid rgb(216,216,216); 

 margin-top: 2px; 

 margin-bottom: 15px; 

 overflow: auto; 

}



@media screen and (max-width: 750px) { 

	.postCommentSect input { width: 70%; }

	.postCommentSect textarea { width: 90%; }

}



.secureInComment { 

 width: 100%; 

}



.secureInComment input {

 width: 103px; 

 height: 30px; 

 background: white; 

 border: 1px solid rgb(216,216,216); 

 margin-top: 2px; 

 margin-bottom: 15px; 

}

.secureInComment img {

 vertical-align: middle; 

}



.postCommentSect .contFormAlerts {

 text-align: left; 

}



.postCommSubmit {

 width: 100%; 

}



.postCommSubmit input {

 width: auto; 

 height: 16px; 

 height: 40px; 

 background: rgb(255,84,0) url('img/grey-button.png') no-repeat center right; 

 border: 1px solid rgb(255,84,0); 

 padding-left: 30px; 

 padding-right: 50px; 

 text-transform: uppercase; 

 color: white; 

 font: normal 14px arial; 

}



.postCommSubmit input:hover {

 background: rgb(255,204,0) url('img/yellow-button.png') no-repeat center right; 

 color: rgb(88,88,88); 

 border: 1px solid rgb(255,204,0); 

}



.nextNewsImg {

 width: 85px; 

 height: 65px; 

 overflow: hidden; 

 line-height: 65px; 

 background: rgb(240,240,240); 

 cursor: pointer; 

}



.nextNewsLink {

 padding-left: 18px; 

 padding-top: 5px; 

 float: right; 

 font: normal 18px arial; 

 max-width: 380px;

}



.nextNewsLink span {

 font: normal 12px arial; 

 color: rgb(51,51,51); 

 text-transform: uppercase; 

}



.nextNewsLink a, .nextNewsLink a:visited, .nextNewsLink a:active {

 color: rgb(255,84,0); 

}

.nextNewsLink a:hover {

 color: rgb(46,64,145); 

}



.contInDestInitH {

 width: 100%; 

 max-height: 330px; 

 overflow: hidden; 

}



#userSignInDiv {

 width: 60%; 

 padding-left: 5%; 

 padding-right: 35%; 

}



#userSignInUser, #userSignInPass, .userRegLeft {

 width: 40%; 

 padding-right: 5%; 

 text-align: right;

 font: normal 14px verdana; 

 min-height: 40px; 

}



#userSignInUserInput, #userSignInPassInput, .userRegRight  {

 width: 55%; 

 min-height: 40px; 

}



#userSignInUserInput input, #userSignInPassInput input, .userRegRight input, .form-group  input {

 width: 170px; 

 height: 27px; 

 border: 1px solid rgb(217,217,217); 

 text-transform: none; 

 padding-left: 7px; 

 color: rgb(76,76,76); 

}



#forgPassHomeLink {

 width: 60%; 

 padding-left: 31%; 

 padding-right: 29%; 

 text-align: center; 

 padding-top: 10px; 

 padding-bottom: 10px; 

}



#userSignInButton {

 width: 60%; 

 padding-left: 31%; 

 padding-right: 9%; 

 text-align: center; 

 padding-top: 10px; 

 padding-bottom: 10px; 

}



#userSignInButton input, .gray-btn {

 min-width: 177px; 

 height: 32px; 

 border: 1px solid rgb(217,217,217); 

 background: rgb(224,218,208) url('img/grey-arrow.png') no-repeat center right; 

 text-transform: uppercase; 

 margin-right: 9px; 

 padding-right: 30px;

 color: rgb(76,76,76); 

 cursor: pointer; 

}

#userSignInButton input:hover {

 background: rgb(255,204,0) url('img/yellow-button.png') no-repeat center right; 

} 



#userLogInfailNote {

 width: 60%; 

 padding-left: 31%; 

 padding-right: 9%; 

 padding-top: 10px; 

 padding-bottom: 10px; 

 font: bold 12px arial; 

 color: red; 

}



#signUpWhy {

 width: 100%; 

 padding-bottom: 10px; 

}



#signUpUserPassFlds, #signUpProfileFldN1, #signUpProfileFldN2, #signUpProfileFldN3, #signUpProfileFldN4, 

#signUpProfileFldN5, #signUpProfileFldN6, #signUpProfileFldN7, #signUpProfileFldN8, #signUpCheckboxFlds, .signUpProfileFld {

 width: 100%; 

}



#signUpCheckboxFlds span input {

 width: 27px; 

 height: 27px; 

 border: 1px solid rgb(217,217,217); 

 text-transform: none; 

 color: rgb(76,76,76); 

}



.alertSignUp {

 font: bold 14px arial; 

 color: red; 

 text-align: center; 

 width: 100%; 

}



.secureCodeSignUp {

 width: 40%; 

 padding-right: 5%; 

 text-align: right;

 font: normal 14px verdana; 

 min-height: 40px; 

}



.secureInputDiv {

 width: 55%; 

 min-height: 40px; 

}



.secureInputDiv input {

 width: 140px; 

 height: 27px; 

 border: 1px solid rgb(217,217,217); 

 text-transform: none; 

 padding-left: 7px; 

 color: rgb(76,76,76); 

}



#profileCreateLink  {

 min-width: 167px; 

 height: 23px; 

 border: 1px solid rgb(217,217,217); 

 background: rgb(224,218,208) url('img/grey-arrow.png') no-repeat center right; 

 text-transform: uppercase; 

 margin-right: 9px; 

 color: rgb(76,76,76); 

 cursor: pointer; 

 margin-left: 430px; 

 padding-left: 10px; 

 padding-top: 9px; 

}



#profileCreateLink:hover {

 background: rgb(255,204,0) url('img/yellow-button.png') no-repeat center right; 

} 



.userLinksOn {

 position: absolute; 

 top: 10px; 

 left: 0px; 

 width: 150px; 

 padding: 10px; 

 border: 1px solid silver; 

 background: white; 

 z-index: 2000; 

}



.userLinksOn .topMOrdLink {

 width: 100%; 

 padding-bottom: 7px; 

 text-align: left; 

}



.mail2sub, .resOfSubmitNewsletter {

 text-align: center; 

 padding-top: 10px; 

 width: 100%; 

}



.mail2sub strong {

 font: bold 14px arial; 

 color: rgb(51,51,51); 

}



.destInfoPic {

 width: 46%; 

 min-height: 200px; 

 border: 20px solid rgb(224,218,208); 

 background: white; 

 overflow: hidden; 

 -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

}



.flw100white {

 width: 100%; 

 background: white url('img/blog-back.gif') no-repeat top right;

}



.destInfoTxt {

 width: 43%; 

 min-height: 160px; 

 margin-top: 20px; 

 margin-left: 3%; 

 color: rgb(51,51,51);

 font: normal 13px verdana;

}



.destInfoPic img {

 margin: 0px; 

 padding: 0px; 

 max-width: 100%; 

 height: auto; 

}



@media screen and (max-width: 590px) { 

	.destInfoTxt { width: 98%; margin-left: 1%; margin-top: 10px; margin-bottom: 10px; }

	.destInfoPic { width: 100%; min-height: auto; }

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

}





#specCatLinskContainer  img {

 cursor: pointer; 

}



.routeInCat {

 display: inline-block; 

 max-height: 48px; 

 overflow: hidden; 

 float: left; 

 width: 100%; 

 font: normal 12px arial; 

 line-height: 16px; 

}



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



.cartRow {

 width: 100%; 

 background: white; 

 margin-bottom: 14px; 

 border: 1px solid rgb(232,229,224); 

 font-family: arial; 

 font-size: 13px; 

 padding-right: 20px; 

 -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box; 

}



.cartRowImg {

 width: 270px; 

 border: 10px solid rgb(225,218,208); 

 height: 190px; 

 overflow: hidden; 

 text-align: center; 

}



.cartRowImg img {

 height: auto; 

 max-width: 100%; 

}



.cartRowProdName {

 width: 700px; 

 max-width: calc(100% - 290px); 

 padding: 20px; 

 -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

 font: normal 14px arial; 

 color: rgb(53,53,53);  

}



.cartProdNameName {

 width: 100%; 

}



.cartProdNameName a, .cartProdNameName a:visited, .cartProdNameName a:active {

 text-transform: uppercase; 

 font: bold 16px arial; 

 color: rgb(53,53,53);  

}

.cartProdNameName a span, .cartProdNameName a:visited span, .cartProdNameName a:active span {

 text-transform: none; 

 font: normal 24px arial; 

 color: rgb(255,84,0); 

 display: inline-block; 

 padding-bottom: 15px; 

}



.cartRowProdInfo {

 width: 100%; 

}



.totPerProd {

 font-size: 24px; 

}



.padTop10 {

 padding-top: 10px; 

}



.padTop20 {

 padding-top: 20px; 

}



.padTop30 {

 padding-top: 30px; 

}



.padTop5 {

 padding-top: 5px; 

}



.padBot5 {

 padding-bottom: 5px; 

}



.padBot10 {

 padding-bottom: 10px; 

}



.padBot20 {

 padding-bottom: 20px; 

}



.padBot30 {

 padding-bottom: 30px; 

}



.margBot10 {

 margin-bottom: 10px; 

}



.edit_or_remove_links {

 position: absolute; 

 top: 115px; 

 left: 100%; 

 margin-left: -190px; 

}



@media screen and (max-width: 790px) { 

	.edit_or_remove_links {

	 float: left; 

	 position: relative; 

	 width: 100%; 

	 left: 0px; 

	 top: 0px; 

	 margin-left: 0px; 

	}

}



.edit_in_cart_button, a.edit_in_cart_button:visited {

 display: inline-block; 

 min-width: 165px; 

 margin-bottom: 10px; 

 -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

 background: rgb(225,218,208) url('img/arrow-4-12px.gif') no-repeat center right; 

 border-right: 23px solid rgb(225,218,208); 

 padding-left: 18px; 

 padding-top: 8px; 

 padding-bottom: 8px; 

 color: rgb(51,51,51); 

 transition: 0.2s;  

 font: normal 14px arial; 

 padding-right: 15px; 

 margin-right: 10px; 

}

a.edit_in_cart_button:hover {

 color: white; 

}



.rem_from_cart_button, a.rem_from_cart_button:visited {

 display: inline-block; 

 min-width: 165px; 

 margin-bottom: 10px; 

 -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

 background: rgb(244,243,239) url('img/arrow-4-12px.gif') no-repeat center right; 

 border-right: 23px solid rgb(244,243,239); 

 padding-left: 18px; 

 padding-top: 8px; 

 padding-bottom: 8px; 

 color: rgb(51,51,51); 

 transition: 0.2s;  

 font: normal 14px arial; 

 padding-right: 15px; 

 margin-right: 10px; 

}



.orangeLink, a.orangeLink, a.orangeLink:visited {

 display: inline-block; 

 min-width: 165px; 

 margin-bottom: 10px; 

 -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

 background: rgb(255,84,0) url('img/grey-button.png') no-repeat center right; 

 padding-left: 8px; 

 padding-top: 8px; 

 padding-bottom: 8px; 

 color: rgb(51,51,51); 

 transition: 0.2s;  

 -webkit-transition: 0.2s;  

 font: normal 14px arial; 

 padding-right: 40px; 

 margin-right: 10px; 

}



a.orangeLink:hover { color: white; }



a.rem_from_cart_button:hover {

 color: black; 

}



@media screen and (max-width: 590px) { 

	.cartRowProdName {

	 width: 100%; 

	 max-width: 100%; 

	}

	.cartRowImg {

	 width: 96%; 

	 height: auto; 

	 border-left: 2% solid rgb(225,218,208); 

	 border-right: 2% solid rgb(225,218,208); 

	 border-top: 10px solid rgb(225,218,208); 

	 border-bottom: 10px solid rgb(225,218,208); 

	}

}



#deliverySelect {

 padding-top: 10px; 

 padding-bottom: 10px; 

 font-family: arial; 

}



.colorOrange {

 color: rgb(255,84,0); 

}



.orderMake input {

 width: auto; 

 height: auto; 

 padding-top: 10px; 

 border: 1px solid rgb(255,84,0);

 padding-bottom: 10px; 

 background: rgb(255,84,0) url('img/grey-button.png') no-repeat center right; 

 padding-left: 30px; 

 padding-right: 50px; 

 text-transform: uppercase; 

 color: white; 

 font: normal 14px arial; 

 position: relative; 

 margin-bottom: 20px; 

 margin-top: 20px; 

 transition: 0.2s;

}



.orderMake input:hover {

 background: rgb(255,204,0) url('img/yellow-button.png') no-repeat center right; 

 color: rgb(88,88,88); 

 border: 1px solid rgb(255,204,0);

}



.chboxOn {

 border: 1px solid silver;

 background: rgb(255,84,0);

 width: 20px; 

 height: 20px; 

 margin-right: 10px; 

 margin-bottom: 10px; 

 display: inline-block; 

 cursor: pointer; 

 text-align: center; 

 transition: 0.2s; 

 font: bold 14px arial; 

 color: white; 

}



.chboxOff {

 border: 1px solid silver;

 background: white;

 width: 20px; 

 height: 20px; 

 margin-right: 10px; 

 margin-bottom: 10px; 

 display: inline-block; 

 float: left; 

 cursor: pointer; 

 text-align: center; 

 transition: 0.2s; 

 font: bold 14px arial; 

 color: silver; 

}



.chBoxContainer { 

 width: 100%; 

 padding-bottom: 10px; 

 padding-top: 17spx; 

}



.chBoxContainer .flwA  .flwA {

 max-width: 256px; 

 max-width: calc(100% - 33px); 

 cursor: pointer; 

}



.deliveryShortTC {

 background: rgb(245,245,245); 

 border-bottom: 20px solid rgb(245,245,245); 

 border-radius: 5px; 

 width: 96%; 

 margin-left: 2%; 

 margin-bottom: 10px; 

 margin-top: 10px; 

 padding: 20px 20px 0px 20px; 

 font: normal 12px arial; 

 -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box; 

 max-height: 250px; 		  

 overflow: auto; 

}



.em12 {

 font-size: 1.2em; 

}



.hotelInfosectionWide .rates2015headRow {

background: rgb(224,218,208);

padding-top: 3px;

padding-bottom: 3px;

font-weight: bold; 

-webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box; 

width: 100%; 

border-bottom: 1px solid white; 

border-top: 2px solid white; 

}



.hotelInfosectionWide .rates2015DateSell {

	background: rgb(224,218,208);

	-webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box; 

	border-right: 2px solid white; 

	min-height: 40px; 

	padding: 4px; 

}



.hotelInfosectionWide .rate2015priceCell, 

.hotelInfosectionWide .rates2015detailedAdult, 

.hotelInfosectionWide .rates2015detailed { 

	background: rgb(245,243,239);

	padding: 4px; 

	-webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box; 

	border-right: 2px solid white; 

	min-height: 40px; 

}



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



.brushHomeFrame { font-family: 'Marck Script', cursive, Arial, Helvetica;  font-size: 18px; font-weight: bold; color: rgb(255,84,0); }



a.aRevColor span strong { color: rgb(90,90,90); }

strong.aRevColor  { color: red; font-family: arial; font-size: 16px; }



.homeEcurKare a span.orngSpan, .orngSpan { color: rgb(255,84,0); font-size: 1.2em; }

.homeEcurKare a span.greyA, .destKare .flw100 a.greyA strong, .destKare .flw100  a.greyA:visited strong { color: rgb(70,70,70); }

.destKare .flw100 a.greyA strong { text-transform: none; }

.orngSpanBig { color: rgb(255,84,0); font-size: 1.6em; }



.form-group {

 width: 100%; 

}



.form-group label { width: 40%; display: inline-block; text-align: right; margin-bottom: 10px; }



@media screen and (max-width: 390px) { .form-group label { width: 100%;}}



.searchResInfo {

 width: 100%; 

 background: rgb(247,246,242); 

 border: 1px solid rgb(230,230,230); 

 -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box; 

 padding: 23px;

 font-family: arial; 

 font-size: 13px; 

 color: rgb(70,70,70); 

}



.bigTitle, span.bigTitle, .itemInfoInside h1 span.bigTitle { font-size: 1.0em; text-transform: none; display: inline-block; max-width: 60%; }



.normCase { text-transform: none; }



.red-border { border: 1px solid red; }



.anketaDiv {

 position: fixed; 

 top: 50%; 

 margin-top: -298px; 

 height: 596px; 

 width: 1000px; 

 -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;  

 padding: 55px 75px; 

 background: white; 

 border: 1px solid rgb(218,218,218);  

 left: 50%; 

 margin-left: -500px; 

 z-index: 10000; 

}



@media screen and (max-width: 1000px) {

 .anketaDiv { width: 100%; left: 0px; margin-left: 0px; } 

}



@media screen and (max-height: 600px) {

 .anketaDiv { position: absolute; top: 0px;  height: auto; margin-top: 0px; } 

}



.anketaClose {

 width: 26px; 

 height: 26px; 

 background: url('img/anketa-close.png') no-repeat center center; 

 position: absolute; 

 top: 50px; 

 left: 100%; 

 margin-left: -100px; 

 cursor: pointer; 

 z-index: 2; 

}



.anketaCapt {

	width: 100%; 

    font: bold 16px arial;

    color: rgb(255,84,0);

    margin-top: 0px;

    margin-left: 0px;

    padding: 0px;

    margin-bottom: 20px;

    text-transform: uppercase;

}



@media screen and (max-width: 800px) {

 .anketaDiv { padding: 20px 20px; height: auto;  position: absolute; top: 0px;  margin-top: 0px; }

 .anketaClose { top: 20px; margin-left: -30px; width: 16px; height: 16px; }

}



.anketaFlds {

 font: normal 14px arial; 

 color: rgb(47,47,47); 

 width: 100%; 

 -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;  

  padding-right: 350px; 

  background: url('img/anketa-globe.jpg') no-repeat top right; 

  min-height: 300px; 

}



.anketaFlds .flwA {

 width: 100%; 

}



@media screen and (max-width: 799px) {

	.anketaFlds {

	   padding-right: 0px; 

	   padding-bottom: 340px;

	   background: url('img/anketa-globe.jpg') no-repeat bottom center; 

	}

}



.anketaFlds input {

 width: 98%; 

 height: 34px; 

 background: rgb(244,243,239);

 border: 1px solid rgb(223,223,223);  

 margin-top: 15px; 

 margin-bottom: 23px; 

}

@media screen and (max-width: 900px) {

	.anketaFlds input { margin-top: 3px; margin-bottom: 10px; } 

}



.anketaNum {

 display: inline-block; 

 margin-right: 35px; 

}



.anketaSend {

 position: absolute; 

 top: 100%; 

 left: 100%; 

 width: 310px; 

 margin-left: -310px; 

 text-align: center; 

 margin-top: -66px; 

}



.anketaSend input {

 padding-left: 20px; 

 padding-right: 50px; 

 height: 46px;

 font-size: 16px;  

 background: rgb(255,84,0) url('img/grey-button.png') no-repeat center right; 

 border: 1px solid rgb(255,204,0); 

 text-transform: uppercase; 

 transition: 0.2s; 

 color: white; 

}



.anketaSend input:hover {

 background: rgb(255,204,0) url('img/yellow-button.png') no-repeat center right; 

 color: rgb(70,70,70); 

}



@media screen and (max-width: 799px) {

 .anketaSend { 

  float: left; 

  position: relative; 

  width: 100%; 

  margin-top: -340px; 

  margin-left: 0px; 

  top: 0px; 

  left: 0px; 

 }

}



.anketaOpen {

 color: rgb(46,64,145);

 cursor: pointer; 

 text-align: left; 

 font: normal 12px arial; 

 width: 100%; 

 float: right; 

 padding: 10px; 

 -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box; 

 border: 1px solid rgb(224,218,208); 

 border-radius: 10px; 

 text-transform: none; 

 margin-top: 115px; 

}



.anketaOpen:hover {

 color: rgb(255,84,0); 

}



.anketaOpen strong { font-size: 14px; }



@media screen and (max-width: 1000px) {

	.anketaOpen { 

	 padding-right: 20px; width: 100%; 

	}

}



@media screen and (max-width: 800px) {

 .anketaOpen { 

	 margin-top: 10px; 

	}

}



@media screen and (max-width: 390px) { 

		.anketaOpen { text-align: left; margin-bottom: 10px;  }

}



.blurAbove { 

 position: fixed;

 top: 0px; 

 left: 0px; 

 width: 100%; 

 height: 100%; 

 background: rgba(0,0,0,0.7); 

 z-index: 1000; 

 padding: 30px; 

 -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box; 

}



.insideBlurAbove {

 width: 100%; 

 height: 100%; 

 background: white; 

 overflow: auto;

 -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box; 

 padding: 30px; 

 border-radius: 20px; 

 font-family: arial; 

 color: rgb(51,51,51); 

 font-size: 14px; 

}





@media screen and (max-height: 1400px) { .insideBlurAbove { max-height: 1200px; } }

@media screen and (max-height: 1200px) { .insideBlurAbove { max-height: 1000px; } }

@media screen and (max-height: 1000px) { .insideBlurAbove { max-height: 900px; } }

@media screen and (max-height: 900px) { .insideBlurAbove { max-height: 800px; } }

@media screen and (max-height: 800px) { .insideBlurAbove { max-height: 700px; } }

@media screen and (max-height: 700px) { .insideBlurAbove { max-height: 600px; } }

@media screen and (max-height: 600px) { .insideBlurAbove { max-height: 500px; } }

@media screen and (max-height: 500px) { .insideBlurAbove { max-height: 400px; } }

@media screen and (max-height: 400px) { .insideBlurAbove { max-height: 350px; } }

@media screen and (max-height: 350px) { .insideBlurAbove { max-height: 300px; } }

@media screen and (max-height: 300px) { .insideBlurAbove { max-height: 260px; } }



@media screen and (max-width: 800px) {

	.blurAbove  { padding: 20px 10px 10px 10px ; }

	.insideBlurAbove { padding: 10px; border-radius: 20px; }

}



.rentcar100 {

  background: rgb(244,243,239); 

  padding-top: 20px; 

  padding-bottom: 25px; 

}



.rentCarInit {

 border-top: 20px solid white; 

 border-right: 30px solid white; 

 background: white url('img/shortOpicFon.png') no-repeat top right;

 -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box; 

 width: 100%; 

 padding: 0px 0px 25px 20px; 

 color: rgb(90,90,90); 

}



.rentCarInit h1, .rentCarInit h2, .rentCarInit h3, .rentCarInit h4, 

.rentCarPrices h2 {

 font: normal 18px arial; 

 text-transform: uppercase; 

 color: rgb(90,90,90); 

 margin-bottom: 10px; 

 padding: 0px; 

}



.rentCarCondsInit { 

 width: 100%; 

 max-height: 100px; 

 overflow: hidden; 

 margin-bottom: 15px; 

}



a.greyBtn, a.greyBtn:visited, a.greyBtn:active {

 display: inline-block; 

 min-width: 135px; 

 height: 24px; 

 background: rgb(224,218,208) url('img/grey-arrow.png') no-repeat center right; 

 text-transform: uppercase; 

 color: rgb(76,76,76); 

 cursor: pointer; 

 padding-top: 8px; 

 padding-left: 7px; 

 padding-right: 35px; 

 font: normal 14px arial; 

}



.rentCarPrices { width: auto; }



.carRowOdd, .carRowEven { width: 100%; margin-bottom: 6px; color: rgb(50,50,50); }



.carPic {

 width: 31%; 

 -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box; 

 padding: 18px; 

 min-height: 235px; 

 border-right: 6px solid white; 

}



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



.carDesc {

 width: 24%; 

 -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box; 

 padding: 18px; 

 min-height: 235px; 

 border-right: 6px solid white; 

 font: normal 14px arial; 

}



.carPrice {

 width: 7%; 

 -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box; 

 padding-top: 77px; 

 text-align: center; 

 min-height: 235px; 

 border-right: 6px solid white; 

 font: normal 22px arial; 

}



.carLast {

 width: 10%; 

 -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box; 

 padding-top: 77px; 

 text-align: center; 

 min-height: 235px; 

 font: normal 22px arial; 

}





.carsHead .carDesc, .carsHead .carPic, .carsHead .carPrice, .carsHead .carLast,

.carRowOdd .carDesc, .carRowOdd .carPic, .carRowOdd .carPrice, .carRowOdd .carLast { background: rgb(225,218,208); } 

.carRowEven .carDesc, .carRowEven .carPic, .carRowEven .carPrice, .carRowEven .carLast { background: rgb(244,243,239); } 



.dotOn {

 display: inline-block; 

 width: 24px; 

 height: 24px; 

 background: rgb(102,102,102);

 margin-left: 5px; 

 margin-right: 5px; 

}



.dotOff {

 display: inline-block; 

 width: 24px; 

 height: 24px; 

 background: rgb(245,243,239);

 margin-left: 5px; 

 margin-right: 5px; 

 cursor: pointer; 

}

.dotOff:hover {

 background: rgb(102,102,102);

}



.carsHead .carPic, .carsHead .carDesc, .carsHead .carPrice, .carsHead .carLast {

 min-height: 35px; 

 padding-top: 10px;

 padding-bottom: 0px;  

 font: normal 14px arial; 

 text-transform: uppercase; 

 margin-bottom: 6px; 

}



@media screen and (max-width: 800px) { 

 .carDesc, .carPrice, .carLast { font-size: 12px; }

 .carsHead .carPic, .carsHead .carDesc, .carsHead .carPrice, .carsHead .carLast { font-size: 10px; }

 .rentCarPrices h2 { font-size: 14px; }

}

.orangeText {

 color: rgb(255,84,0); 

 font: normal 14px arial; 

}



.shareMail {

 width: 100%; 

 padding-top: 10px; 

 padding-bottom: 6px; 

}



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

.shareMail a, .shareMail a:visited, .shareMail a:active { color: rgb(76,76,76); }



.shareMail a span { font-size: 1.4em; 

 display: inline-block; 

 margin-right: 5px; 

 }

 

 .printframe { width: 800px; }

 

.upGallerySlide {

 POSITION: absolute; 

 top: 100%; 

 margin-top: -85px; 

 left: 0px; 

 width: 100%; 

 background: rgba(224,218,208,0.8);

}

.UPgallSlideContainer {

 width: 85%; 

 margin-top: 5px; 

 padding-left: 7.5%;

 padding-right: 7.5%; 

 padding-top: 0px; 

 height: 75px; 

}



.UPgallThumbs {

 width: 100%; 

 height: 75px; 

 overflow: hidden; 

}



.UPthumbsBelt { 

 position: absolute; 

 top: 0px; 

 left: 0px; 

 width: 10000px; 

 height: 75px; 

}



.upGallerySlide .arrowLsmall {

 position: absolute; 

 top: 50%; 

 left: 0px; 

 margin-left: 5px; 

 margin-top: -6px; 

 width: 12px; 

 height: 22px; 

 background: url('img/arrow-L-small.gif') no-repeat center left; 

 cursor: pointer; 

}



.upGallerySlide .arrowRsmall {

 position: absolute; 

 top: 50%; 

 left: 100%; 

 margin-left: -17px; 

 margin-top: -6px; 

 width: 12px; 

 height: 22px; 

 background: url('img/arrow-R-small.gif') no-repeat center right; 

 cursor: pointer; 

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

.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: 14%; 
 height: auto; 
 padding-right: 1%; 
 padding-left: 1%; 
 padding-bottom: 10px; 
 font: normal 12px arial; 
 border-right: 1px solid silver; 
 padding-top: 40px; 
 background: white url('img/img-common/HOLBS.gif') no-repeat top left; 
 color: rgb(30,30,30); 
}

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

.hotelAdminLinks a:hover {
 color: black; 
}

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

.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: 82%; 
 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 span span {
 font: normal 11px arial; 
}

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

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


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

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

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

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

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

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

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

.addPackRow:hover {
 background: rgb(240,240,240); 
 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; 
}
 
@media screen and (max-width: 550px) {
	 .availListCell1, .availListCell2, .availListCell5, .addPackCheckboxCell {	 
	 width: 98%; 
	 padding-right: 2%; 
	}
	.availListCell3, .availListCell4 {
	 width: 49%; 
	 padding-right: 1%; 
	}
	.HSroomselecttableHeadRow {
	 display: none; 
	}	
	.availCell5responsive {
	 display: inline; 
	 float: left; 
	 width: auto; 
	 height: auto; 
	 padding-right: 5px; 
	}
	.HSavailCaption, .HSgroupSelectHint {
	 text-align: left; 
	 width: 99%; 
	 padding-bottom: 10px; 
	}
	.HSavailSelects, .HSpax {
	 width: 70%; 
	 padding-right: 30%; 
	 padding-bottom: 10px; 
	 text-align: right; 
	}
	.HSpaxSelect {
	 float: right; 
	}
	.HSpaxText {
	 float: left; 
	}
}

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

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

.rates2015row {
 width: 100%; 
}

.rates2015headRow {
  width: 100%; 
  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; }
.calendarDivInPage {
 width: 250px; 
 background: white; 
 z-index: 1000; 
 display: none; 
 font: normal 12px arial; 
 color: black; 
 height: auto; 
 position: absolute; 
 margin-top: -10px; 
 border: 1px solid silver;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

a, a:visited,  a:active {
 text-decoration: none;
 color: rgb(46,64,145); 
}

a:hover {
 text-decoration: none;
 color: rgb(255,84,0); 
}

a img {
 border: 0; 
}

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

.realContText h1, .realContText td h1 {
 font: bold 14px arial; 
 text-transform: uppercase; 
 color: rgb(90,90,90); 
 margin-bottom: 10px; 
 padding: 0px; 
}

.realContText h2, .realContText td h2 {
 font: bold 14px arial; 
 text-transform: uppercase; 
 color: rgb(90,90,90); 
 margin-bottom: 10px; 
 padding: 0px; 
}

.realContText h3, .realContText td h3 {
 font: bold 14px arial; 
 text-transform: uppercase; 
 color: rgb(90,90,90); 
 margin-bottom: 10px; 
 padding: 0px; 
}

.realContText h4, .realContText td h4 {
 font: bold 12px arial; 
 text-transform: uppercase; 
 color: rgb(90,90,90); 
 margin-bottom: 10px; 
 padding: 0px; 
}

.realContText h5, .realContText td h5 {
 color: rgb(51,51,51); 
 font: bold 1.2em arial; 
 text-transform: uppercase; 
 padding-left: 20%; 
 padding-right: 20%; 
 width: 60%; 
}


.realContText h6, .realContText td h6 {
 color: rgb(51,51,51); 
 font: bold 1.2em arial; 
 text-transform: uppercase; 
 padding-left: 20%; 
 padding-right: 20%; 
 width: 60%; 
}

.realContText ul {
 margin: 0px; 
 padding: 0px;  
}

.realContText li {
 margin-bottom: 4px; 
 list-style-type: disc;
 padding-left: 5px; 
 list-style-position: inside; 
 font: normal 12px arial; 
}

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