/* weird fix to get rid of gap between banner and page content */
#primaryContainer {
    padding-top: 1px;
}

.hiddenSection,
    #sortSelectContainer,
    #popularDestinationSelect,
    #topRegionalDestinationSelect,
    #amenityComboContainer,
    #amenityComboContainer,
    .shadedBorder {
    display: none;
}

#sortSelectContainer {
    clear: both;
}

.clearLink {
    text-align: right;
    float: right;
    text-transform: lowercase;
}

* html .loading select {
    visibility: hidden;
}

.hideAll * {
    display: none;
}

#reloadMessageDiv * {
    display: block;
}

.showIcon {
    background: url(/westin/images/search/hotel_explorer/staticloading.jpg) 50% 85% no-repeat;
}

#topMsg{
    background: url(/westin/images/search/hotel_explorer/WI_PA_Icon_Arrow.png) 100% 50% no-repeat;
}

#reloadMessageDiv .startNewSearch, #reloadMessageDiv .startNewSearch a{
    display: inline;
}

#lowerMsg{
    margin-bottom: 15px;
    font-family: Arial, sans-serif;
}

.startNewSearch{
    font-size: 13px;
}

#mainContentContainer {
    display: block;
    position: relative;
}

#frmHotelExplorer {
    width: 925px;
    padding-top: 9px;
    padding-bottom: 60px;
}

#frmHotelExplorer fieldset {
    width: 925px;
    padding-bottom: 9px;
}

#searchCriteriaSection {
    float: left;
    padding: 6px 15px 10px;
}

.sectionHeader h3 {
    text-transform: none;
}

#resultsMessage {
	font-family: Georgia, sans-serif;
    font-size: 17px;
    font-weight: normal;
}

#primaryContainer #contentArea h2,
#primaryContainer #contentArea h3 {
    margin-left: 0;
}

#whereSection, #whatSection {
    padding: 7px 15px;
    width: 368px;
}

#whereSection #reloadMessageDiv {
	height: 135px;
}

#locationSelect {
    padding-top: 15px;
}

#locationSelect select {
    width: 180px;
    font-size: 12px;
    margin-bottom: 9px;
}

#locationSelect select#inpRegion, #locationSelect select#inpState {
    margin-right: 5px;
}

#whatSectionOutterContainer {
	border: 1px solid #D9D9D9;
    width: 398px;
    padding: 6px;
}

#whereSectionOutterContainer {
	background-color: #E8E8E8;
    width: 398px;
    height: 149px;
    padding-top: 9px;
}


#whatSectionOutterContainer .shadedSectionTable, #whereSectionOutterContainer .shadedSectionTable {
    background-color: #E8E8E8;
}

#andOrLabel {
    padding: 9px 0;
    font-size: 15px;
    text-align: center;
    font-weight: bold;
}

#selectInstructions {
	font-size: 11px;
}

#displaySection {
	text-transform: capitalize;
}

#displaySectionOutterContainer {
    background: url( /en_US/Media/Graphics/Brands/Westin/Images/hotelexplorer/background.png ) no-repeat scroll 0 0;
    display: block;
    float: left;
    height: 394px;
    width: 467px;
    margin: 15px 0 0 15px;
}

#displaySectionOutterContainer.hiddenSection #displaySection {
    display: none;
}

#displaySectionOutterContainer table.shadedSectionTable {
    background: #E8E8E8;
}

#displaySection {
    background: 3E8E8E8;
    width: 468px;
    height: 370px;
    padding-top: 9px;
}

#resultsSection {
    background-color: #ffffff;
    height: 240px;
    padding: 10px 15px 10px 10px;
    overflow: auto;
    margin: 0 15px;
}

#resultsSection .hotelNameDisplay {
    padding-left: 5px;
}

#resultsSection .hotelNameDisplay .hotelInformation {
    float: left;
    width: 248px;
    padding-right: 10px;
}

.hotelNameDisplay .hotelInformation .hotelName {
    font-weight: bold;
    color: #3e3061;
}

.zoomImage .hotelNameDisplay .hotelAvailability {
    text-align: right;
    padding-right: 10px;
    margin-bottom: 6px;
    text-transform: lowercase;
}

.hotel {
    margin-top: 5px;
    clear: both;
    height: 50px;
}

.hotel .number {
    float: left;
    padding-left: 3px;
    width: 17px;
    font-weight: bold;
}

#resultsSection .hotelNameDisplay .hotelAvailability {
    text-align: right;
    font-size: 10px;
    float: right;
    width: 118px;
}

#resultsSection .hotelNameDisplay .hotelAvailability .buttonLink {
    display: block;
    font-size: 12px;
}

.hotelNameDisplay .hotelAvailability .buttonLink {
    margin-top: 3px;
    padding-bottom: 5px;
    font-size: 10px;
}

.hotelPhotoDisplay {
    float: left;
    padding: 7px 11px 19px 3px;
    cursor: pointer;
    width: 85px;
    height: 57px;
    display: block;
    float:left;
    font-size: 11px;
}

.hotelPhotoDisplay img {
    visibility: visible;
}

.hotelPhotoDisplay span {
    font-size: 11px;
    line-height: 11px;
    float:left;
}

.zoomImage {
    border: 1px solid #bebac6;
    background-color: white;
    padding: 3px;
    text-align: center;
}

.zoomImage .hotelNameDisplay {
    width: 335px;
    text-align: left;
}

.zoomImage .hotelNameDisplay .hotelAvailability .hotelRates {
    font-size: 11px;
}

.zoomImage .hotelNameDisplay .hotelAvailability .buttonLink {
    display: inline;
}

.toolTipTrigger {
    cursor: pointer;
    cursor: hand;
    margin: 0 2px;
}

.toolTip {
    z-index: 50;
    cursor: auto;
    color: #3e3061;
    border: 1px solid #d8cfc2;
    background: #ffffff;
    width: 194px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.toolTipShowing {
    display: block;
}

.toolTip .toolTipClose {
    cursor: pointer;
    cursor: hand;
    font-size: 10px;
    font-weight: bold;
    text-decoration: underline;
    color: #ffffff;
    float: right;
    padding: 3px 5px 0 3px;
}

.toolTip h4 {
    background-color: #ecaf56;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    padding: 5px 8px;
}

.toolTip h5 {
    margin: 8px 8px 0 8px;
    font-size: 11px;
    font-weight: bold;
}

.toolTip p {
    margin: 0 8px 8px 8px;
}

#hotelAmenitiesContainer {
    padding-top: 15px;
}

#hotelAmenitiesContainer .toolTip {
    width: 135px;
    background-color: transparent;
    border: none;
    text-align: left;
    z-index: 20;
}

#hotelAmenitiesContainer .toolTip .top {
    padding: 0;
    margin: 0;
    width: 135px;
    height: 15px;
    background-color: transparent;
    background: url( /westin/images/search/hotel_explorer/bubbleTop.gif ) bottom no-repeat;
}

#hotelAmenitiesContainer .toolTip .bottom {
    padding: 0;
    margin: 0;
    width: 135px;
    height: 20px;
    background-color: transparent;
    background: url( /westin/images/search/hotel_explorer/bubbleBottom.gif ) top no-repeat;
}

#hotelAmenitiesContainer .toolTip .toolTipText {
    padding: 0 5px 5px 10px;
    margin: 0;
    background-color: #A2AE4C;
    font-size: 11px;
    font-weight: bold;
    color: white;
}

#loadingMessageContainer {
    background-color: transparent;
    position: absolute;
    width: 501px;
    top: 158px;
    left: 208px;
    z-index: 100;
}

/** html*/
#loadingMessageContainer #loadingMessage {
    height: 211px;
    text-align: center;
    background: #E8E8E8 url( /westin/images/search/hotel_explorer/loadingicon.gif ) 50% 10% no-repeat;
}

#loadingMessageContainer #loadingMessage h1 {
	font-family: Georgia, sans-serif;
    font-size: 17px;
    padding-top: 70px;
    width: 350px;
}

.secondaryLoadingMsg {
    font-weight: bold;
    margin-top: 15px;
}

#loadingMessageBackground {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    opacity: 0.4;
    filter: alpha( opacity = 40 );
    display: none;
}

* html #loadingMessageBackground {
    height: 485px;
}

.loading #loadingMessageBackground {
    display: block;
}

#loadingMessageContainer table.shadedSectionTable td {
    width: 501px;
}

/*ul#hotelAmenities {*/
    /*margin-top: 10px;*/
/*}*/

ul#hotelAmenities li {
    display: block;
    float: left;
    width: 60px;
    text-align: center;
    margin-right: 11px;
    font-size: 11px;
    text-transform: capitalize;
}

ul#hotelAmenities li a, ul#hotelAmenities li a:hover, ul#hotelAmenities li a:active, ul#hotelAmenities li a:visited, ul#hotelAmenities li a:link {
    padding-top: 60px;
    display: block;
    height: 17px;
    text-decoration: none;
    color: #6B6B6B;
}

ul#hotelAmenities li a.disabled {
    color: #adadad;
    cursor: default;
}

ul#hotelAmenities li .toolTip {
    display: none;
}

#Golf a {
    background: url( /westin/images/search/hotel_explorer/golf/wes_hotel_explorer_Golf.png ) top no-repeat;
}

#Golf .selected {
    background: url( /westin/images/search/hotel_explorer/golf/wes_hotel_explorer_GolfHighlighted.png ) top no-repeat;
}

#Golf .disabled {
    background: url( /westin/images/search/hotel_explorer/golf/wes_hotel_explorer_golfDisabled.png ) top no-repeat;
}

#Skiing a {
    background: url( /westin/images/search/hotel_explorer/ski/wes_hotel_explorer_Ski.png ) top no-repeat;
}

#Skiing .selected {
    background: url( /westin/images/search/hotel_explorer/ski/wes_hotel_explorer_SkiHighlighted.png ) top no-repeat;
}

#Skiing .disabled {
    background: url( /westin/images/search/hotel_explorer/ski/wes_hotel_explorer_skiDisabled.png ) top no-repeat;
}

#Beach a {
    background: url( /westin/images/search/hotel_explorer/beach/wes_hotel_explorer_Beach.png ) top no-repeat;
}

#Beach .selected {
    background: url( /westin/images/search/hotel_explorer/beach/wes_hotel_explorer_BeachHighlighted.png ) top no-repeat;
}

#Beach .disabled {
    background: url( /westin/images/search/hotel_explorer/beach/wes_hotel_explorer_beachDisabled.png ) top no-repeat;
}

#Resort {
    background: url( /westin/images/search/hotel_explorer/resort/wes_hotel_explorer_Resort.png ) top no-repeat;
}

#Resort .selected {
    background: url( /westin/images/search/hotel_explorer/resort/wes_hotel_explorer_ResortHighlighted.png ) top no-repeat;
}

#Resort .disabled {
    background: url( /westin/images/search/hotel_explorer/resort/wes_hotel_explorer_resortDisabled.png ) top no-repeat;
}

#Spa a {
    background: url( /westin/images/search/hotel_explorer/spa/wes_hotel_explorer_Spa.png ) top no-repeat;
}

#Spa .selected {
    background: url( /westin/images/search/hotel_explorer/spa/wes_hotel_explorer_SpaHighlighted.png ) top no-repeat;
}

#Spa .disabled {
    background: url( /westin/images/search/hotel_explorer/spa/wes_hotel_explorer_spaDisabled.png ) top no-repeat;
}

#CityCenter a {
    background: url( /westin/images/search/hotel_explorer/city/wes_hotel_explorer_City.png ) top no-repeat;
}

#CityCenter .selected {
    background: url( /westin/images/search/hotel_explorer/city/wes_hotel_explorer_CityHighlighted.png ) top no-repeat;
}

#CityCenter .disabled {
    background: url( /westin/images/search/hotel_explorer/city/wes_hotel_explorer_cityDisabled.png ) top no-repeat;
}

#Romance a {
    background: url( /westin/images/search/hotel_explorer/romance/wes_hotel_explorer_Romance.png ) top no-repeat;
}

#Romance .selected {
    background: url( /westin/images/search/hotel_explorer/romance/wes_hotel_explorer_RomanceHighlighted.png ) top no-repeat;
}

#Romance .disabled {
    background: url( /westin/images/search/hotel_explorer/romance/wes_hotel_explorer_romanceDisabled.png ) top no-repeat;
}

#FitnessCenter a {
    background: url( /westin/images/search/hotel_explorer/fitness/wes_hotel_explorer_Fitness.png ) top no-repeat;
}

#FitnessCenter .selected {
    background: url( /westin/images/search/hotel_explorer/fitness/wes_hotel_explorer_FitnessHighlighted.png ) top no-repeat;
}

#FitnessCenter .disabled {
    background: url( /westin/images/search/hotel_explorer/fitness/wes_hotel_explorer_fitnessDisabled.png ) top no-repeat;
}

#Family a {
    background: url( /westin/images/search/hotel_explorer/family/wes_hotel_explorer_Family.png ) top no-repeat;
}

#Family .selected {
    background: url( /westin/images/search/hotel_explorer/family/wes_hotel_explorer_FamilyHighlighted.png ) top no-repeat;
}

#Family .disabled {
    background: url( /westin/images/search/hotel_explorer/family/wes_hotel_explorer_familyDisabled.png ) top no-repeat;
}

#BusinessCenter a {
    background: url( /westin/images/search/hotel_explorer/business/wes_hotel_explorer_Business.png ) top no-repeat;
}

#BusinessCenter .selected {
    background: url( /westin/images/search/hotel_explorer/business/wes_hotel_explorer_BusinessHighlighted.png ) top no-repeat;
}

#BusinessCenter .disabled {
    background: url( /westin/images/search/hotel_explorer/business/wes_hotel_explorer_businessDisabled.png ) top no-repeat;
}

li.activeTab {
    background: transparent url( /westin/images/wi_activeTab_left.gif ) no-repeat scroll left center;
}

li.activeTab a {
    background: transparent url( /westin/images/wi_activeTab_right.gif ) no-repeat scroll right center;
}

#messageSection {
    padding: 0 15px 7px;
}

#calendarButton {
    float: left;
    display: block;
}

#frmHotelExplorer #dateInputsContainer {
    float: left;
}

#frmHotelExplorer #dateInputsContainer .dateInputContainer {
    clear: both;
}

#frmHotelExplorer #dateInputsContainer input {
    width: 85px;
}

#frmHotelExplorer #dateInputsContainer .dateInputContainer label {
    /*width: 40px;*/
    display: block;
    float: left;
    padding: 0 5px;
}

#availabilitySelection {
    text-align: right;
    float: right;
}

#viewSortSelect {
    padding-top: 26px;
}

.hideAll .sectionHeader, .hideAll #locationSelect {
    display: none;
}

#viewSelectSeperator, #nameViewLinkContainer, #photoViewLinkContainer, #nameViewLinkContainer a, #photoViewLinkContainer a {
    display: block;

}

#viewSelectLabel, #nameViewLinkContainer, #photoViewLinkContainer, #viewSelectSeperator {
    float: left;
    padding: 3px 0 3px 8px;
}

#viewSelectLabel {
    padding: 6px 8px 6px 0;
}

#viewSelectSeperator {
    display: none;
}

#nameViewLinkContainer.selected, #photoViewLinkContainer.selected {
    background-color: #FFFFFF;
}

#nameViewLinkContainer a, #photoViewLinkContainer a {
    padding: 3px 8px 3px 0;
    font-size: 10px;
}

#nameViewLinkContainer.selected a, #photoViewLinkContainer.selected a {
    color: #6B6B6B;
}