/*@charset "utf-8";*/

/* ---
    Inventory and Frontend Styles 

    Modify styles below as needed for
    branding purposes.
--- */



body, form, p, ul, li, h1, h2, h3, h4,
table, td, input, textarea
{
    /* custom reset */
}

/* --- Frame divs --- */
#pageWrap
{
    margin: 0px;
    width: 750px;
}

#pageHead
{
    background-image: url(masthead2.jpg);
	/* https://ipp.tradingplaces.com/static/styles/branding/ipvr/images/masthead.jpg */
    height: 143px;
}

h1#pageTitle,
{
    text-indent: 0px;
	padding:5px 10px;
	margin:5px 10px 5px 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
	color:#000066;
	border-bottom:3px solid #CC9933;
}

#pageFooter
{
    background-color: #ffffff;
    height: 30px;
    padding-top: 15px;
}

#footerIn
{
    margin-left: 50px;
    margin-right: 50px;
}

    #footerIn a:link, #footerIn a:visited, #footerIn a:hover
    {
        /* custom styles for links inside footer */
    }

#pageLeftBar
{
    display: none;
	background: none;
    top: 206px;
    left: 0px;
    width: 85px; 
}

#pageRightBar
{
    display: none;
}

/*#pageContent
{
    margin-left: 50px;
    margin-right: 50px;
}*/
/* --- END Frame divs --- */

/* --- Reservation Section : iPushFrontend/Reservations.aspx --- */
#reservationSteps
{
    /* customize as needed */
}

    #reservationSteps ul
    {
        /* customize as needed */
    }
    
    #reservationSteps ul li
    {
        padding: 0px 15px 0px 30px;
        border-right: 1px solid #ccc;
        color: #999;
    }
    
    #reservationSteps ul li.currentStep
    {
        color: #000;
    }
    
    #reservationSteps ul li.lastStep
    {
        /* customize as needed */
    }

#listFluff
{
    /* customize fluff paragraph as needed */
}

#resProcess
{
    /* customize as needed */
    /* padding: 5px; */
}

#resProcess h3
{
    color: #069;
}

#resProcess h4
{
    color: #666;
}

    /* Reservations - Step 1 */
    #resProcess div.searchDates
    {
        background: #EDEEE6;
        border: 5px solid #cccccc;
    }
    
    #resProcess div.searchDates div.inputDiv
    {
        /* customize as needed */
    }
    
    #resProcess div.searchDates img
    {
        /* customize as needed */
    }
    
    #resProcess div.searchDates div.inputDiv input.button
    {
        /* customize as needed */
    }
    
    #resProcess div.displayHotelRooms span.datesTxt
    {
        border-bottom:1px dotted #999;
    }
    
    #resProcess div.displayHotelRooms span.search-error
    {
        /* customize as needed */
    }
    
    #resProcess div.displayHotelRooms div.roomListWrap div.roomDisplay h4
    {
        /* customize as needed */
    }
    
    #resProcess div.displayHotelRooms div.roomListWrap div.roomDisplay h4 a.roomLink,
    #resProcess div.displayHotelRooms div.roomListWrap div.roomDisplay h4 a.roomLink:hover,
    #resProcess div.displayHotelRooms div.roomListWrap div.roomDisplay h4 a.roomLink:visited
    {
        color: #900;
    }
    
    #resProcess div.displayHotelRooms div.roomListWrap div.roomDisplay a.roomLinkExpanded,
    #resProcess div.displayHotelRooms div.roomListWrap div.roomDisplay h4 a.roomLinkExpanded:hover,
    #resProcess div.displayHotelRooms div.roomListWrap div.roomDisplay h4 a.roomLinkExpanded:visited
    {
        color: #900;
    }
    
    #resProcess div.displayHotelRooms div.roomListWrap div.roomDisplay div.average
    {
        /* customize as needed */
    }
    
    #resProcess div.displayHotelRooms div.roomListWrap div.roomDisplay div.book
    {
        /* customize as needed */
    }
    
    #resProcess div.displayHotelRooms div.roomListWrap div.roomDisplay input.button
    {
        /* customize if needed */
    }
    
    #resProcess div.notices
    {
        /* customize as needed */
    }
    /* END Step 1 */
    
    /* Step 2 */
    #resProcess div.reviewCheck
    {
        /* customize as needed */
    }
    
    #resProcess div.reviewCheck span
    {
        font-size: 12px;
    }
    
    #resProcess div.reviewRoomRates
    {
        /* customize as needed */
    }
    
    #resProcess div.reviewRoomRates ul li
    {
        /* customize as needed */
    }

    #resProcess div.reviewRoomRates ul.discountedRates li,
    #resProcess div.reviewRoomRates span.discountedRates
    {
        /* customize as needed */
    }

    #resProcess div.applyPromoCode
    {
        /* customize as needed */
    }

    #resProcess div.applyPromoCode .promoLabel
    {
        display: block;
        font-weight: bold;
        padding-bottom: 5px;
        color: #666666;
        font-size: 12px;
    }
    
    #resProcess div.applyPromoCode input[type="text"]
    {
        /* customize as needed */
    }
    
    #resProcess div.applyPromoCode input.button
    {
        /* customize as needed */
    }
    
    #resProcess div.applyPromoCode .error
    {
        /* customize as needed */
    }
    /* END Step 2 */
    
    /* Step 3 */
    #resProcess div.summaryBox
    {
        /* customize as needed */
    }
    
    #resProcess div.summaryBox table
    {
        /* customize as needed */
    }
    
    #resProcess div.infoBox
    {
        margin: 10px 0px 20px 0px;
    }
    
    #resProcess div.infoBox table.infoTbl
    {
        /* customize as needed */
    }
    
    #resProcess div.infoBox table.infoTbl th, #resProcess div.infoBox table.infoTbl td
    {
        /* customize as needed */
    }
    
    #resProcess div.infoBox table.infoTbl th
    {
        /* customize as needed */
    }
    
    #resProcess div.infoBox table.infoTbl input,
    #resProcess div.infoBox table.infoTbl textarea
    {
        /* customize as needed */
    }
    
    #resProcess div.infoBox table.infoTbl textarea
    {
        /* customize as needed */
    }
    /* END Step 3 */
    
    /* Step 4 */
    #resProcess div.thankYouFluff
    {
        margin: 5px 0px;
    }
    #resProcess div.reservationDetails
    {
        padding: 5px;
        padding-bottom: 10px;
        width: 80%;
    }
    #resProcess div.reservationDetails h4
    {
        margin: 3px 0px 5px 0px;
    }
    #resProcess div.reservationDetails div.hotelInfo
    {
        float: right;
        padding-left: 10px;
    }
    /* END Step 4 */
/* --- END Reservation Section --- */

/* --- Inventory Listing --- */
#listhotel
{
    font-size: 11px;
    line-height: 14px;
}

#listhotel ul.results
{
    /* customize as needed */
}

#listhotel ul.results li
{
    /* customize as needed */
}

#listhotel ul.results li
{
    border-top: 4px solid #dddddd;
    border-bottom: 2px solid #dddddd;
}

#listhotel ul.results li p
{
    /* customize as needed */
}

#listhotel ul.results li h4
{
    /* customize as needed */
}

#listhotel ul.results li.odd
{
    /* customize if needed */
}
#listhotel ul.results li.even
{
    /* customize if needed */
}

#listhotel ul.results li a
{
    /* customize as needed */
}

#listhotel ul.results li img
{
    /* customize as needed */
}

* html #listhotel ul.results li img
{
    /* customize as needed */
}

#listhotel ul.results li span.address
{
    /* customize as needed */
}

#listhotel ul.results li input.search_btn
{
    /* customize as needed */
}
/* --- END Inventory Listing --- */

/* --- Prop Details --- */
h1.propDetailsTitle
{
    /* customize as needed */
}

#imageThumbs
{
	/* customize if needed */
}

#imageThumbs li 
{
	/* customize if needed */
}

#imageThumbs li a img
{
	/* customize as needed */
}

#curImageWrapper
{
	/* customize if needed */
}

#prop_desc
{
    /* customize if needed */
}

#prop_desc h3
{
    /* customize as needed */
}

#prop_search_box
{
    /* customize as needed */
}

#prop_search_box .frmWrap
{
    /* customize as needed */
}

#prop_search_box h2
{
    /* customize as needed */
}

#prop_search_box input, #prop_search_box select
{
    /* customize if needed */
}

#prop_search_box select,
div.searchDates div.inputDiv select
{
    /* customize as needed */
}

#prop_search_box .frmWrap .row
{
    /* customize if needed */
}

#prop_search_box .frmWrap .row div
{
    /* customize if needed */
}

#prop_search_box input.submit
{
    /* customize if needed */
}

#prop_amens ul.amenitiesList
{
    /* customize as needed */
}

#prop_amens ul.amenitiesList li
{
    /* customize as needed */
}

#prop_amens div.amenitiesWrap
{
    /* customize as needed */
}

#prop_directions
{
    /* customize if needed */
}

#prop_directions div
{
    /* customize if needed */
}
/* --- END Prop Details --- */

/* --- Datepicker calendar --- */
input.hasDatepicker
{
    /* customize if needed */
}

#prop_search_box img,
div.searchDates div.inputDiv img
{
    /* customize if needed */
}
/* --- END Datepicker calendar --- */

/* --- Validation --- */
span.val2-errorNode
{
    /* customize if needed */
}

.validate.onError
{
    /* customize if needed */
}
/* --- END Validation --- */