/* search form */
#booking-search{
	position: absolute;
	z-index: 10;
}
#booking-header{
	padding-left: 10%;
	padding-right: 10%;
}
#booking-search h3{
	font-size: 36px;
	margin-bottom: 10px;
}
#booking-search label{
	display: block;
	margin: 5px 0px 2px;
}
#booking-search input, #booking-search select{
	box-sizing: border-box;
}
#booking-search #destination{
	width: 100%;
}
#booking-search .date-row input{
	width: 80%;
	width:-moz-calc(100% - 30px);
	width: -webkit-calc(100% - 30px);
	width: -o-calc(100% - 30px);
	width: calc(100% - 30px);
}

.searchSpace{
	height: 400px;
}
#guests{
	position: relative;
}
#guests table{
	padding: 0px;
	border-spacing: 0px;
	width: 75%;
	margin-left: 25%;
}
#guests table td{
	padding: 0px;
	width: 33%;
	position: relative;
	vertical-align: top;
	
}
#guests select{
	width: 90%;
	margin-bottom: 5px;
}
#guests #ages{
	margin-left: 28%;
	font-size: 12px;
	opacity: 0.6;
	margin-top: -5px;
}
#subbar .change-currency{
	width: 50%;
	float: left;
	position: relative;
}
#subbar .change-currency select{
	max-width: 100%;
}
#subbar .change-currency label{
	margin-top: 0px;
}
#subbar input.action{
	margin-top: 25px;
	font-family: 'latoheavy', Arial, Helvetica, sans-serif;
	float: right;
}
.room-quant{
	position:absolute;
	width: 25%;
}
.rooms-container .room-td, #guests div.specify{
	display: none;
}


/* --- hotel list --- */

#loading-hotels{
	margin-left: 30%;
	padding: 90px 0px 160px;
	text-align: center;
}

.no-results.err{
	margin-top: 25px;
}

#toggle_map_link{
	float: right;
	padding: 3px 10px 3px 25px;
	background:url(/media/img/icons/location.png) no-repeat 5px center;
	margin-top: 12px;
}
#toggle_map_link.overMap{
	position: fixed;
	top: 30px;
	right: 50px;
	z-index: 11000;
	font-size: 18px;
	background-position: 5px 9px;
	box-shadow: 3px 3px 6px rgba(0,0,0,0.3);
}

#hotelList .counter{
	margin: 20px 0px 30px;
	font-family: 'latoregular', Arial, Helvetica, sans-serif !important;
}

#loading-hotels img{
	display: block;
	margin: 10px auto;
}
#hotelList .counter label{
	font-size: 24px !important;
	display: block;
	float: left;
	font-family: 'latoheavy', Arial, Helvetica, sans-serif !important;
	padding: 3px 0px 5px 10px;
	margin-right: 30px;
	border-radius: 10px 0px 0px 10px;
	position: relative;
	top: 8px;
	line-height: 24px;
}

#hotelList .counter label::after{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left-width: 25px;
	border-left-style: solid;
	border-left-color: #43a454;
	border-top: 22px solid transparent;	
	border-bottom: 22px solid transparent;
	right: -25px;
	top: -6px;
}
#hotelList .counter span{
	font-size: 24px;
}

#sorting{
	height: 30px;
}

#sorting label{
	padding: 2px 10px;
	border-right-width: 0px !important;
	display: block;
	float: left;
	line-height: 24px;
	width: 17%;
	background-color: #e1e1e1;
	position: relative;
}
#sorting > label:first-of-type{
	width: 15%;
}
#sorting > label:nth-of-type(2){
	width: 30%;
}
#sorting > label:last-of-type{
	width: 21%;
	border-right-width: 1px !important;
}
#sorting.distIncl > label:nth-of-type(5){
	display: none;
}
#sorting font{
	display: none;
}
#sorting span{
	background: url(/media/img/icons/arrow_up.png) no-repeat center center;
	opacity: 0.5;
	position: absolute;
	right: 5px;
	height: 24px;
	top: 3px;
	width: 20px;
}
#sorting span.desc{
	background: url(/media/img/icons/arrow_down.png) no-repeat center center;
	right: 25px;
}
#sorting span.current, #sorting a:hover span{
	opacity: 1;
}

#map_canvas{
	display:none; 
	width:700px; 
	position: fixed !important;
	top: 10px;
	left: 10px;
	width: 100%;
	box-sizing: border-box;
	z-index: 10000;
	border: 10px solid rgba(255,255,255,0.8);
}
.map-hotel-unit{
	min-width: 350px;
	position: relative;
}
.map-hotel-unit .hotel-thumbnail{
	width: 68px;
	height: 68px;
	overflow: hidden;
	float: left;
	margin: 5px 10px 0px 0px;
}
.map-hotel-unit .hotel-thumbnail img{
	position: relative;
	top: -1px;
	left: -1px;
}
.map-hotel-unit .hotel-short-info{
	min-height: 68px;
	padding-left: 78px;
}
.map-hotel-unit h3{
	margin-bottom: 2px;
}
.map-hotel-unit .hotel-price{
	float: right;
	text-align: right;
}
.map-hotel-unit .hotel-price label{
	font-size: 12px;
}
.map-hotel-unit .hotel-price span{
	font-size: 16px;
	font-family: 'latoheavy', Arial, Helvetica, sans-serif;
	margin-right: 10px;
}
.map-hotel-unit .hotel-price .action{
	line-height: 20px;
	font-size: 12px;
}
.map-hotel-unit .hotel-name{
	min-height: 30px;
}
.map-hotel-unit .ta-rating{
	margin-top: 9px;
}
.map-hotel-unit .ta-rating a{
	font-size: 11px;
}
.map-hotel-unit .ta-rating span{
	padding-right: 82px;
	background: url(/media/img/ta_logo_small.png) no-repeat right center;
	font-family: 'latoheavy', Arial, Helvetica, sans-serif;
}
	
/* --- hotel item --- */

.hotel-item{
	margin-top: 20px;
	position: relative;
}
.hotel-item .clrbrd{
	padding: 15px;
}
.hotel-item.promoHotel{
	margin-top: 40px;
	position: relative;
}
.hotel-item.promoHotel .promo.roundified{
	top: -15px;
}
.hotel-item .photo{
	width: 45%;
	float: left;
	position: relative;	
}
.hotel-item .photo img{
	max-width: 100%;
}

.hotel-item .photo-image{
	max-height: 194px;
	overflow: hidden;
	margin-bottom :5px;
}
.hotel-item .mainDescription{
	padding-left: 50%;
}
.hotel-item h3{
	font-size: 20px;
	margin-bottom: 15px;
}
.hotel-item .star-rating{
	margin: 5px 0px 10px;
	font-size: 12px;
	font-style: italic;
}
.hotel-item .star-rating img{
	margin-right: 3px;
}
.hotel-search .hotel-item .hotel-links .action{
	text-transform: none;
	background-color: #8d9f91 !important;
}
.hotel-item .hotel-links .action{
	font-size: 12px;
	float: left;
	margin-right: 5px;
	max-width: 35%;
	height: 24px;
	overflow: hidden;
}
.hotel-item .hotel-rates{
	float: right;
	margin-right: 10px;
	margin-bottom: 12px;
}
.hotel-item .hotel-rates label{
	font-family: 'latoheavy', Arial, Helvetica, sans-serif;
	font-size: 48px;
	padding-left: 5px;
	line-height: 48px;
}
.hotel-item .hotel-rates a{
	position: relative;
	top: -34px;
}

.hotel-item .city{
	font-family: 'latobold', Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}

.hotel-item .hotel-description{
	height: 60px;
	line-height: 20px;
	overflow: hidden;
}

.hotel-item .hotel-description b:first-of-type, .hotel-item .hotel-description br:first-of-type{
	display: none;
}
.hotel-item .hotel-description p{
	margin-top: 0px;
}
.hotel-item .hotel-action{
	padding-top: 30px;
	height: 110px;
	position: relative;
}
.hotel-item .hotel-action .averageSum{
	float: left;
	margin-left: 8%;
	width: 32%;
	font-size: 11px;
	padding-top: 5px;
}
.hotel-item .hotel-action .averageSum .average-price{
	font-family: 'latoheavy', Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 30px;
	display: block;
	margin: 5px 0px 7px;
}
.hotel-item .hotel-action .averageSum a{
	font-size: 10px;
	text-transform: uppercase;
}
.hotel-item .hotel-action .select-button{
	float: right;
	width: 50%;
	text-align: center;
}
.hotel-item .hotel-action .select-button .revNumber{
	font-size: 11px;
}
.hotel-item .hotel-action .ta-reviews{
	text-align: left;
	font-size: 18px;
	padding-left: 40px;
	background: url(/media/img/icons/trip_advisor.gif) no-repeat left center;
	font-family: 'latobold', Arial, Helvetica, sans-serif;
}
.hotel-item .hotel-action .select-button .action{
	margin: 10px 0px 5px;
}
.hotel-item .ammenities{
	float: left;
	width: 130px;
	margin-right: 4%;
}
.hotel-item .ammenity, .hotel-item .no-ammenity{
	margin: 10px 0px;
}
.hotel-item .ammenity .shape{
	float: left;
	height: 16px;
	width: 16px;
	background: url(/media/img/icons/tick_shape.png) no-repeat left center;
	margin-right: 9px;
	position: relative;
	top: 2px;
}
.hotel-item .no-ammenity{
	background: url(/media/img/icons/x_icon.png) no-repeat left center;
	padding-left: 25px;
	opacity: 0.8;
	text-decoration: line-through;
}
.hotel-item .room-type{
	margin-top: 16px;
	font-size: 10px;
	min-height: 78px;
}
.hotel-item .room-type a{
	text-decoration: underline;
}
.hotel-item .room-type .room-desc{
	font-family: 'latobold', Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
}

.hotel-item .distance-center span{
	display: block;
	padding: 0px 3px;
	float: left;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	font-size: 12px;
}
.hotel-item .distance-center a span{
	font-size: 10px;
	background: url(/media/img/icons/spot.png) no-repeat 3px center;
	padding-left: 16px;
	
}
.hotel-item .distance-center a.justLocation span{
	margin-left:0px;
	margin-top: 12px;
	padding: 0px 10px 0px 25px;
	background-position: 7px center;
}
.hotel-item .distance-center label{
	font-size: 10px;
	display: block;	
}
.hotel-item .distance-center span.greyBox{
	font-family: 'latoheavy', Arial, Helvetica, sans-serif;
	margin: 0px 2px 2px 0px;
	font-size: 10px;
}
.promoIcon{
	top: 10px;
	right: 10px;
}
.selected-hotel-description{
	padding-top: 30px;
}
.hotelSelection div.date-row {
    padding-bottom: 10px;
}
.hotel-item .refund-info{
	position: absolute;
	bottom: 5px;
	right: 10px;
}

/* --- FILTERS --- */
.side-column > h4:first-of-type{
	font-size: 20px;
	margin-bottom: 0px;
	padding: 5px 20px;
}
#advanced-search{
	color: inherit !important;
	padding-right: 3px;
	margin-bottom: 20px;
}

#advanced-search h4{
	margin: 15px 0px 10px;
}
#advanced-search .promotions.filter h4{
	margin-top: 0px;
}
#advanced-search .formArea{
	line-height: 24px;
}
#advanced-search .formArea input{
	margin-right: 10px;
	position: relative;
	top: 1px;
}
#advanced-search .filter .formArea{
    max-height: 405px;
    overflow: auto;
}
#advanced-search .starrating.filter img{
	margin-right: 5px;
}
#advanced-search .starrating.filter font{
	display: none;
}
#advanced-search .inclusions.filter img{
	position: relative;
	top: 2px;
	margin-left: 5px;
}

/* --- PAGINATION --- */

div#paginator{
	text-align: center;
	margin: 20px 0px 20px;
	max-width: 100%;
	overflow: hidden;
}

div#paginator a, div#paginator span{
	padding: 2px 8px;
	margin: 0px 2px 10px;
	border-radius: 20px;
	display: inline-block;
}

div#booking-bottom-info {
    text-align: center;
    position: relative;
    top: 15px;
}
div#booking-bottom-info img {
    vertical-align: middle;
    margin: 0px 5px;
}
.cc-info {
    text-align: center;
    position: relative;
    padding-left: 230px;
    top: 15px;
    margin-bottom: 20px;
	font-size: 11px;
}
/* hotel selection */

#booking.hotelSelection #right-column{
	width: 280px;
}
#booking.hotelSelection .main-column{
	margin-right: 300px;
}
#booking.hotelSelection .contactBox{
	margin-top: 39px;
}
.categories-navbar {
    margin-bottom: 30px;
	min-height: 30px;
}
.categories-navbar a, .categories-navbar label{
	padding: 4px 0px !important;
	text-align: center;
	box-sizing: border-box;
	display: block;
	float: left;
	width: 18%;
	font-size: 90%;
	background-color: #e1e1e1;
}
.categories-navbar a{
	border-left-width: 0px !important;
}
.categories-navbar label{
	width: 10%;
}
.categories-navbar > a:last-of-type{
	margin-right: 0px;
}
/*.categories-navbar.recommended > a:nth-of-type(1){ width: 19%; }
.categories-navbar.recommended > a:nth-of-type(2){ width: 20%; }
.categories-navbar.recommended > a:nth-of-type(3){ width: 34%; }
.categories-navbar.recommended > a:nth-of-type(4){ width: 24%; }
.categories-navbar.business > a:nth-of-type(1){ width: 23%; }
.categories-navbar.business > a:nth-of-type(2){ width: 19%; }
.categories-navbar.business > a:nth-of-type(3){ width: 32%; }
.categories-navbar.business > a:nth-of-type(4){ width: 23%; }
.categories-navbar.family > a:nth-of-type(1){ width: 28%; }
.categories-navbar.family > a:nth-of-type(2){ width: 21%; }
.categories-navbar.family > a:nth-of-type(3){ width: 22%; }
.categories-navbar.family > a:nth-of-type(4){ width: 26%; }
.categories-navbar.popular > a:nth-of-type(1){ width: 23%; }
.categories-navbar.popular > a:nth-of-type(2){ width: 18%; }
.categories-navbar.popular > a:nth-of-type(3){ width: 33%; }
.categories-navbar.popular > a:nth-of-type(4){ width: 23%; }
.categories-navbar.cheap > a:nth-of-type(1){ width: 25%; }
.categories-navbar.cheap > a:nth-of-type(2){ width: 18%; }
.categories-navbar.cheap > a:nth-of-type(3){ width: 20%; }
.categories-navbar.cheap > a:nth-of-type(4){ width: 34%; }*/

.hotel_list_description{text-align: justify;}

div#search-box-small.bookingGradient {
    float: left;
    width: 300px;
    height: 170px;
    border: none;
	font-size: 12px;
    z-index: 1;
}
div#search-box-small #booking-header {
    margin: 0px;
    padding: 0px;
}
div#search-box-small label {
    width: 26%;
    display: block;
    float: left;
    padding-top: 3px;
}
div#search-box-small select{
	margin-bottom: 10px;
}
div#search-box-small .dates input, div#search-box-small select{
	width: 58%;
}
div#search-box-small .submitting{
	margin-left: 26%;
	float:left;
	margin-right: 5px;
}
div#search-box-small input#searchButton{
    width: 75px;
}
div#super-featured-hotels {
    position: relative;
    padding-left: 310px;
}
div.featured-hotel {
    float: left;
    margin-left: 2%;
    width: 31%;
    font-size: 12px;
}
div.featured-hotel div.squeezed {
    height: 170px;
    margin-bottom: 3px;
    overflow: hidden;
    position: relative;
}
div.featured-hotel div.squeezed img{
	max-height: 100%;
}