/********************************/
/*********** CUSTOM CSS **********/
/********************************/

/*********** HEADER COLOR **********/

#header.enterpriseHeader,
.SearchHotels #header.enterpriseHeader {
    background: black;
}

/*header color on scroll*/
@media only screen and (min-width: 800px) {
    #header.enterpriseHeader.stick {
        background: black;
    }

}


/*********** BUTTON COLOR **********/

.submit, a.ArnShowRatesLink,
.SearchHotels .ArnContentContainer a.bookRoom {
    background: #FCDE59 none repeat scroll 0 0;
}

.SearchHotels .ArnPages a, .SearchHotels .ArnPages span {
    border: 1px solid #FCDE59;
}

.SearchHotels .ArnPages span.pagesActive,
.SearchHotels .ArnContentButtonContainer div.active,
.SinglePropDetail a.bookRoom,
.SinglePropDetail a.holdRoom,
.RootBody #theSubmitButton,
.SearchHotels .ArnLeftSearchContainer .submit {
    background-color: #FCDE59;
    color: white;
}

/*********** BUTTON HOVER COLOR **********/

.submit:hover, a.ArnShowRatesLink:hover,
.SearchHotels .ArnContentContainer a.bookRoom:hover,
.SearchHotels .ArnContentButtonContainer div:hover,
.RootBody #theSubmitButton:hover {
    background: #000 none repeat scroll 0 0;
}

/*********** BACKGROUND-COLORS **********/
.specialEventRate {
    background-color: #FCDE59;
}

/*.SearchHotels .ArnQuadSearchContainer.ArnPrimarySearchContainer,
.ArnSupportLinks.ArnSupportBottom{
    background-color: #000000;
}
.arnMapMarker:hover {
    background-color: #000000
    border: solid 1px white;
}
.arnMapMarker:hover .arnMapMarkerTriangle {
    border-top-color: #000000;
}
.arnMapMarker.highlight {
    background-color: #000000;
    border: solid 1px #000000;
}
.arnMapMarker.highlight .arnMapMarkerTriangle {
    border-top-color: #000000;
}*/

/*********** TEXT COLOR **********/

/*Large Text*/
/*.RootBody .reserveHotel {
    font-size: 55px;
    color: red;
}*/

/*********** CUSTOM ITEMS **********/

.arrowDown:before {
    border-top-color: #FCDE59;
}



/***********************************/
/*** STRUCTURE CSS HERE IF NEEDED ***/
/***********************************/

/* Header/logo */
.wsite-logo img {
    width: 450px;
}

@media only screen and (min-width: 800px) {
    #header.enterpriseHeader.stick .wsite-logo img {
        width: 130px;
    }
}