#tour_menu i {
    color: #000000;
    background: #ffff01;
}

.navbar-inverse {
    background: #ffff01;
    background: -moz-linear-gradient(top, #ffff01 0%, #ffff01 100%);
    background: -webkit-linear-gradient(top, #ffff01 0%, #ffff01 100%);
    background: linear-gradient(to bottom, #ffff01 0%, #ffff01 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff01', endColorstr='#ffff01', GradientType=0);
}

#header .listing-info {
    color: #000000;
}

.agentname, .associatename, .captionInner {
    color: #FFFFFF;
}

.galleria-container {
    background-color: #000000;
}

/*
BIG HACK: have to keep these two synchronized, since it isn't possible
to trigger the ':hover' pseudo-class from JavaScript. The extra '_hover'
class is only used in the color management functionality, to show the
hover color so the user can choose a new one with a color picker.
 */
.tour_menu_item_icon:hover {
    color: #000000 !important;
    background: #ffffff !important;
}

.tour_menu_item_icon_hover {
    color: #000000 !important;
    background: #ffffff !important;
}


/* end BIG HACK */
#agent-info-contact-btn{
    color: #000000;
    background: linear-gradient(to bottom, #ffff01 0%, #ffff01 100%);
    border: 2px solid #000000;
}