/*

.tradegothic-bold {font-family:'Trade Gothic LT W01 Bd Cn No-2';}
.tradegothic {font-family:'Trade Gothic LT W01 Light';}
font-family: "Helvetica Neue",sans-serif;
*/
/* //////   SEARCH  //////// */
.search-container input[type="text"]{
	border: solid 1px #d9d4c8;
	background-color: #fff;
	height: 45px;
    color: #a2b1b9;
    font-family: "Helvetica Neue",sans-serif;
    font-size: 16px;
    margin-bottom: 17px;
}
.search-container .headerText{
      font-size: 20px;
      font-family: 'Trade Gothic LT W01 Light';
      font-weight: bold;
      color: #262626;
      padding: 0 3px;
      margin: 20px 0 8px;
      display: block;
}
.search-container form{
    position: relative;
}
.search-container.hidden{
    display: none;
}
.search-container input.datepicker{
    cursor: pointer;
}
body div .search-container input.datePicker{
    background-color: #fff;
}
.search-container .datePickOuter img{
    cursor: pointer;
}
.search-container select{
    background-color: #004165;
    cursor: pointer;
    font-size: 16px;
    height: 45px;
    padding: 1px 2px 3px 12px;
    margin-bottom: 17px;
    width: 100%;
    color: #fff;
    font-family:'Trade Gothic LT W01 Light';
    -moz-appearance: none;
    background-image: url("/includes/public/assets/images/dropdown-arrow-white.png");
    background-position: 94% center;
}
.search-container select:hover{
    background-color: #004165;
}
.search-container select:focus{
  box-shadow: 0 0 5px 0px #187fc3;
}
.search-container .label{
    background-color: transparent;
    color: #bc3552;
    font-family:'Trade Gothic LT W01 Light';
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 6px;
    padding: 0;
    position: relative;
    text-transform: uppercase;
    top: 0;
}
.search-container .button{
	background-color: #1473ba;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#228ac9), to(#1473ba));
    background: -moz-linear-gradient(top, #228ac9 0%, #1473ba 100%);
    color: #fff;
    display: block;
    font-family:'Trade Gothic LT W01 Bold';
    font-size: 18px;
    font-weight: normal;
    height: 45px;
    width: 100%;
    border: solid 1px #146aa3;
    border-radius: 4px;
    padding: 0;
    text-align: center;
    margin-bottom: 45px;
}
.search-container .button:hover{
    background: -moz-linear-gradient(center top , #1473ba 0%, #1473ba 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1473ba), to(#1473ba));
    box-shadow: none;
}

.search-container #label_amenities{
    background-color: #187fc3;
    color: #fff;
    font-family:'Trade Gothic LT W01 Light';
    font-size: 17px;
    font-weight: bold;
    height: 45px;
    padding: 10px 0 0 17px;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 17px;
    z-index: 45;
}
.search-container #label_amenities span{
    background-color: transparent;
    background-image: url("/includes/public/assets/images/down-arrow.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 40px;
    position: absolute;
    right: 2px;
    top: 3px;
    width: 42px;
    z-index: 55;
}
.search-container #label_amenities.close{
    box-shadow: 0 3px 6px -3px #262626;
    height: 45px;
    margin: 0;
    z-index: 55;
}
.search-container #label_amenities.close span{
    background-image: url("/includes/public/assets/images/up-arrow.png");
}
.search-container .amenities{
    border: 1px solid #187fc3;
    background-color: #fff;
    max-height: 0;
    position: relative;
    top: -20px;
    z-index: 50;
    overflow: hidden;
    padding: 0;
    border: none;
    margin: 0;
    -webkit-transition: all 175ms ease-in-out;
       -moz-transition: all 175ms ease-in-out;
         -o-transition: all 175ms ease-in-out;
            transition: all 175ms ease-in-out;    
}
.search-container .amenities.close{
    max-height: none;
    margin-bottom: 17px;
    padding: 30px 1px 15px;
    border: 1px solid #187fc3;
    margin-bottom: 50px;
}
.search-container .amenityFieldContainer label{
    color: #262626;
    font-family:'Trade Gothic LT W01 Light';
    font-size: 16px;
    margin-bottom: 15px;
}
.search-container .amenityFieldContainer input{
    margin: 0 4px 0 0;
    position: relative;
    top: 1px;
}
.search-container .dateinput{
    position: relative;
}
.search-container .dateinput img{
    height: 28px;
    position: absolute;
    right: 10px;
    top: 8px;
    width: 26px;
}
.datePickOuter{position: relative;}
.datePickOuter .ui-datepicker-trigger{
    height: 25px;
    position: absolute;
    right: 10px;
    top: 8px;
    width: 25px;
}

/*
|---------------------------------------------------------------------------------------------
|  MEDIA QUERIES
|---------------------------------------------------------------------------------------------
*/
/*** Mobile ***/ 
@media only screen and (max-width: 40em) {
    /*overriding mobile select box*/
    .search-container select{
        background-position: 94% center;
    }
}
/*** Tablet and Desk***/ 
@media only screen and (min-width: 40.063em){
    .search-container .amenities.close{top: 20px; width: 200%;} 
    .search-container .row .columns{padding-left: 0.9375rem;}
    .search-container select{background-position: 95% center;}
    .search-container .deskNoPadRight.columns{padding-right: 0;}
    .search-container .button{max-width: none; margin-bottom: 55px;}
    .listings .search-container .button{max-width: 250px;}
    /*offer override */
    .coupons .search-container .button{max-width: 145px; float: right;}
}
/*** Tablet ***/ 
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
    
}
/*** Desktop ***/ 
@media only screen and (min-width: 64.063em) { 
    
}

