html, body {
    height: 100%;
    width: 100%;
}

#header {
    height: 78px;
}

#map {
    color: #000;
    height: 100%;
    width: 100%;
}

#map-header {
    background: url(/shopit/assets/img/map-header_bg.png) no-repeat;
    margin-left: -430px;

    position: absolute;
    left: 50%;
    top: 91px;
    z-index: 11;

    height: 54px;
    width: 860px;
}
#map-header h2 {
    background: url(/shopit/assets/img/map-header_myymalat.gif) no-repeat;
    display: inline;
    float: left;
    margin: 13px 0 0 29px;
    padding: 0;
    text-indent: -9999px;

    height: 22px;
    width: 217px;
}
#map-search label {
    display: none;
}
#map-city {
    background: url(/shopit/assets/img/hae_bg.png) no-repeat;
    border: none;
    color: #bbb;
    display: inline;
    float: left;
    margin: 12px 0 0 205px;
    padding: 1px 6px 2px 6px;

    height: 22px;
    width: 271px;
}
#map-button {
    border: none;
    display: inline;
    float: left;
    margin: 10px 0 0 0;

    height: 31px;
    width: 89px;
}
#map-loading {
    background: #036cae url(/shopit/assets/img/map-loading.gif) center no-repeat;
    padding: 25px;

    position: absolute;
    left: 50%;
    top: 250px;
    z-index: 11;

    height: 32px;
    width: 32px;
}
#map-loading-error {
    background: #036cae;
    display: none;
    padding: 25px;

    position: absolute;
    left: 40%;
    top: 250px;
    z-index: 11;
}

#saunalahti {
    background: url(/shopit/assets/img/saunalahti.png) no-repeat;
    margin-left: 300px;

    position: absolute;
    left: 50%;
    top: 151px;
    z-index: 11;

    height: 120px;
    width: 120px;
}

#kapulanvaihto {
    margin-left: 300px;

    position: absolute;
    left: 50%;
    top: 278px;
    z-index: 12;

    height: 120px;
    width: 120px;
}

#map-list {
    background-color: #036cae;
    font-size: 11px;
    margin-left: -425px;
    padding: 10px 15px 10px 15px;

    position: absolute;
    left: 50%;
    top: 150px;

    z-index: 10;

    width: 210px;
}
#map-list h3 {
    color: #97e8ff;
    font-size: 13px;
}
#map-list a {
    color: #fff;
}
#map-list ul {
    margin: 0;
    padding: 0;
}
#map-list #map-list-content li {
    border-bottom: 1px solid #97e8ff;
    list-style-type: none;
    margin: 0;
    padding: 10px 0 10px 0;
}
#map-list #map-list-content li span {
    color: #97e8ff;
    display: block;
}
#map-list #map-list-content li.last {
    border-bottom: none;
}
#map-list .simplePagerNav {
    display: block;
    margin: 0 auto;
    padding: 5px;
}
#map-list .simplePagerNav li {
    float: left;
    list-style-type: none;
}
#map-list .simplePagerNav a {
    display: block;
    float: left;
    padding: 6px;
}
#map-list .currentPage a {
    text-decoration: underline;
}

#map-footer {
    background: url(/shopit/assets/img/map-footer.png) no-repeat;
    line-height: 48px;
    margin-left: -430px;

    position: absolute;
    bottom: 15px;
    left: 50%;
    z-index: 11;

    height: 54px;
    width: 860px;
}
#map-footer form {
    display: inline;
    float: left;
    margin-left: 20px;
    width: 250px;
}
#map-footer-faq {
    color: #fff;
    float: left;
    text-decoration: none;
}
#map-footer-shopit {
    display: block;
    float: left;

    position: relative;
    right: -345px;
    top: 14px;
    z-index: 11;

    height: 19px;
    width: 140px;
}

#footer {
    margin: 0 auto;
    width: 852px;
}

/* Autocomplete */
.ac_results {
    padding: 0px;
    border: 1px solid black;
    background-color: white;
    color: #000;
    overflow: hidden;
    z-index: 99999;
}
.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}
.ac_results li {
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block;
    font: menu;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
}
.ac_odd {
    background-color: #eee;
}
.ac_over {
    background-color: #0A246A;
    color: white;
}