/* default (i.e., stacked) mode */

.w10_directory_main_map, .w10_directory_details_map{
    aspect-ratio: 16/9;
}

.w10_directory_listing{
    padding: .5em;
    margin: .5em 0;
}

.w10_directory_listing_active{
    background: #ddd;
}

.w10_directory_list_item a{
    display: block;
}



/* search form */
.w10_directory_search_form .w10_directory_advanced_search_twiddle{
    border: 20px solid transparent;
    float: left;
}

.w10_directory_search_form input[type=text]{
    font-size: 150%;
    border: 1px solid #ddd;
    margin: .25em;
    width: calc(100% - 100px);
}

.w10_directory_search_form_collapsed .w10_directory_advanced_search_twiddle {
    border-right-width: 0;
    border-left-color: #ddd;
    margin: 0 10px;
}

.w10_directory_search_form_collapsed .w10_directory_search_form_advanced,  .w10_directory_input_label{
    display: none;
}

.w10_directory_search_form_expanded .w10_directory_advanced_search_twiddle {
    border-bottom-width: 0;
    border-top-color: #ddd;
    margin: 10px 0;
}



/* listing */
.w10_directory_listing_title{
    font-size: 115%;
}

.w10_directory_listing_distance{
    font-style: italic;
}

.w10_directory_listing_address, .w10_directory_listing_phone, .w10_directory_listing_web{
    margin-bottom: 1em;
    padding-left: 50px;
    background-repeat: no-repeat;
    background-position: left center;
    min-height: 32px;
}

.w10_directory_listing_address{
    background-image: url('//maps.google.com/mapfiles/ms/icons/red.png');
}

.w10_directory_listing_phone{
    background-image: url('../images/phone.png');
}

.w10_directory_listing_web{
    background-image: url('../images/link.png');
}

.w10_directory_listing_service{
    display: inline-block;
    width: 0;
    height: 32px;
    padding-left: 32px;
    overflow: hidden;
}

.w10_directory_listing_service_sales{
    background-image: url('../images/sales.png');
}

.w10_directory_listing_service_service{
    background-image: url('../images/service.png');
}

.w10_directory_listing_service_parts_dealer{
    background-image: url('../images/parts.png');
}



/* pagination */
.w10_directory_page{
    display: inline-block;
    padding: .25em;
}

.w10_directory_page.active a{
    font-weight: bold;
    color: #a00;
}



@media (min-width: 1000px){
    /* results_on_* mode */
    .w10_directory_results_on_left .w10_directory_main_map, .w10_directory_results_on_right .w10_directory_main_map{
        box-sizing: border-box;
        width: 66%;
        height: 867px;
    }



    /* results_on_left mode */
    .w10_directory_results_on_left .w10_directory_main_map{
        float: right;
        margin-left: .5em;
    }


    /* results_on_right mode */
    .w10_directory_results_on_right .w10_directory_main_map{
        float: left;
        margin-right: .5em;
    }


    /* details view */
    .w10_directory_streetview, .w10_directory_details_map{
        float: right;
        margin: .5em;
        clear: right;
        width: 50%;
    }
}