/* Show if over @media*/
/*.header-centerblock{*/
/*    display: block;*/
/*}*/

/* %%%%% Store menu Related %%%%% */

/*Wraps the Whole menu*/
.NavMapWrapper {
    position: absolute;
    left: 10px;
    top: 250px;
    width: 250px;
    height: auto;
    box-shadow: 0 1px 2px 2px rgba(0, 20, 20, 0.3);
    border-radius: 2px;
    z-index: 10;
    background-color: #0082ca;
}

/* Height of bar top*/
.NavMapHead {
    height: 30px;
}

/* Height of bar below*/
.NavMapFoot {
    height: 10px;
}

/* Height allowed before scrolling*/
.StoreInfoWrapper {
    overflow-y: auto;
    overflow-x: hidden;
    background: #f8f8f8;
    max-height: 500px;
    min-height: 500px;
    padding-left: 3px;
}

/* If height surpasses max height */
/* Scrollbar styling */
/* MIGHT NOT WORK ON ALL BROWSERS */
.StoreInfoWrapper::-webkit-scrollbar {
    width: 2px;
}

.StoreInfoWrapper::-webkit-scrollbar-thumb {
    background: black;
    border-radius: 30px;
}

/* Text styles in menu*/
.StoreInfo h4 {
    margin-bottom: 1px;
}

.StoreInfo p {
     font-size: 10px;
}

/* Div where part of the added collum are displayed */
.StoreInfo {
    padding: 5px;
    border-bottom: 1px solid rgba(100, 100, 100, 0.3);
    border-top: 1px solid rgba(100, 100, 100, 0.3);
    min-width: 150px;
    height: auto;
}

.StoreInfo:hover {
    background-color: #f1f1f1;
    cursor: pointer;
    border-bottom-color: #0082ca;
    border-top-color: #0082ca
}

/*Div who show extra information */
.ShowExtra {
    display: none;
    height: auto;
    width: 100%;
    cursor: default;
}

/* Styling if there is only one collumn */
.Show {
    border: none;
    padding: 5px;
}

.Show:hover {
    background: #f8f8f8;
    cursor: default;
}

/* When store is clicked this div shows and styled. */
.GoBack {
    font-size: 16px;
    position: absolute;
    margin-top: -70px;
    margin-left: -8px;
    padding: 3px;
    color: #fff;
}

.GoBack:hover {
    background-color: red;
    background-color: #0069a3;
    cursor: pointer;
}

/* styling for search bar */
#SearchNav{
    position: absolute;
    left: 123px;
    top: 1px;
    width: 50%;
    height: 28px;
}

/* %%%%%GeoMap Related %%%%% */

/* Wrap the whole GeoMap*/
.MapWrapper {
    position: absolute;
    left: 0;
    top: 172px;
    width: 100%;
    height: 82.2%;
    z-index: 5;
}

/* Size of the map*/
#map {
    height: 100%;
    width: 100%;
}

/* %%%%% Media Query %%%%%*/
@media screen and (max-width: 768px) {
    /* Remove if larger then */
    /*.header-centerblock{*/
    /*    display: none;*/
    /*}*/

    /* Change poss   */
    .MapWrapper {
        top: 101px;
        height: 88.5%;
    }

    .NavMapWrapper {
        top: 170px;
        width: 190px;
    }

    #SearchNav{
        left: 93px;
    }

}