@charset "UTF-8";
/*******************************************************************************
 * Stylesheet for Cortendorf Retailer List
 ******************************************************************************/

html {
        height:100%; /*gmaps do need that for some reason*/
}
body {
        height:100%; /*gmaps do need that for some reason. this one, too*/
        margin:0;
        padding:0;
}
a {
        text-decoration:none;
        outline:none;
        font-size:12px;
}
a:hover {
        font-weight:bold;
        text-decoration:none;
}

/***************** structure */
#head {
        position:absolute;
        left:0;
        top:1px;
        width: 100%;
        height:116px; /*1px needed to make room for breadcrumb border*/
        background-color: #fff;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
}
#mapwrap {
        display:block;
        position:absolute;
        height:auto;
        bottom:0;
        top:0;
        left:0;
        right:0;
        margin:117px 0 0;
}
#map {
        position:absolute;
        width:100%;
        height:100%;
}
#side_bar {
        position:absolute;
        top:140px;
        left:20px;
}
#footer {}
/************* end structure */

#side_bar {
        line-height:20px;
}
#side_bar p {
        margin:0;
        padding:0;
}
#side_bar a {
        font-family:Arial,Helvetica,sans-serif;
        font-weight:bold;
        color:#fff;
        background:#000;
        padding:1px 4px;
        margin:0 0 0 3px;
}
#side_bar a:hover {
        font-size:14px;
        margin:0;
}

#head form {
        margin:78px 0 0 200px;
}
#head h2 {
        font-family:Arial,Helvetica,sans-serif;
        position:absolute;
        font-size:24px;
        letter-spacing:-2px;
        margin:63px 0 0 10px;
        padding:0;
}
#head ul.countries {
        position:absolute;
        top:95px;
        width:100%;
        padding:0 0 0 22px;
        margin:0;
        height:21px;
        background:#000;
}
#head ul.countries li {
        display:inline;
        margin:3px 4px 0 0;
        line-height:23px;
}
#head ul.countries li a {
        font-family:Arial,Helvetica,sans-serif;
        font-weight:bold;
        letter-spacing:normal;
        font-size:12px;
        /*letter-spacing:-0.07em;*/
        color:#fff;
        padding:1px 4px 1px;
        margin:2px 0 0;
        line-height:21px;
}
#head ul.countries li a:hover {
        color:#000;
        background:#e5e3df;
}

/************ inside the map */
div#map {
        font-family:Arial,Helvetica,sans-serif;
        font-size:12px;
        color:#000;
}
div#map a {
        color:#000;
        text-decoration:none;
        font-weight:bold;
        padding:0 2px;
}
div#map a:hover {
        text-decoration:none;
        color:#fff;
        background:#000;
}
div#map p {
        margin:2px 0 0 2px;
}
#footer {
        position:absolute;
        left:0;
        top:660px;
        width: 100%;
        height:80px;
        background-color: #fff;
    filter: alpha(opacity=8);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}




/*************/
ul#twGmapSidebar li {display:inline; overflow:visible; border:none; font-size:11px; margin:0.4em 0; padding-left:1px; background:transparent;}
ul#twGmapSidebar div.wrap {padding:0.4em 0;}
ul#twGmapSidebar a{padding:0 3px; color:#000; /*background:#e6e6e6; font-weight:bold;*/}
ul#twGmapSidebar a:hover{color:white; background:black; }
ul#twGmapSidebar a.active,
ul#twGmapSidebar a.selected{color:white; background:black; }
ul#twGmapSidebar a.selected:hover{color:#ddd;}