#country-select {
    width: 60px;
}

/* rought form styles for when JS is disabled */

#country-select form {
    width: 60px;
    padding: 0;
}

#country-select select,
#country-select input {
    display: inline;
    padding: 0;
    margin: 0;
}

/* JS-created definition list */

.dropdown dd {
    position: relative;
}

.dropdown a {
    text-decoration: none;
    outline: 0;
    font: 12px Arial, Helvetica, sans-serif;
    display: block;
    width: 50px;
    overflow: hidden;
}

.dropdown dt a {
    background: #efefef;
    border: 1px solid #e8e8e8;
    padding: 3px 10px 4px 10px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    color: #fff;
}

.dropdown dt a.active {
    background: #efefef;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 1px dotted #e8e8e8;
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 7px rgba(0, 0, 0, .5);
    color: #fff;
}

.dropdown dd ul {
    background: #efefef;
    border: 1px solid #e8e8e8;
    color: #000000;
    display: none;
    position: absolute;
    z-index: 999;
    top: 0;
    left: -40px;
    padding: 2px 0 5px 0;
    list-style: none;
    border-top: none;
    margin: 0;
    -webkit-border-bottom-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-bottomright: 7px;
    -moz-border-radius-bottomleft: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 7px rgba(0, 0, 0, .5);
}

.dropdown dd ul li a {
    padding: 2px 10px;
}

.dropdown dd ul li a span,
.dropdown dt a span {
    float: left;
    width: 16px;
    height: 11px;
    margin: 2px 6px 0 0;
    background: url(/img/flags/pl.gif) no-repeat;
    cursor: pointer;
}

.dropdown dd ul li.es a span,
.dropdown dt.es a span {
    background: url(/img/flags/es.gif) no-repeat;
}

.dropdown dd ul li.us a span,
.dropdown dt.us a span {
    background: url(/img/flags/gb.gif) no-repeat;
}

.dropdown dd ul li.en a span,
.dropdown dt.en a span {
    background: url(/img/flags/gb.gif) no-repeat;
}

.dropdown dd ul li.uk a span,
.dropdown dt.uk a span {
    background: url(/img/flags/gb.gif) no-repeat;
}

.dropdown dd ul li.fr a span,
.dropdown dt.fr a span {
    background: url(/img/flags/fr.gif) no-repeat;
}

.dropdown dd ul li.de a span,
.dropdown dt.de a span {
    background: url(/img/flags/de.gif) no-repeat;
}

.dropdown dd ul li.pl a span,
.dropdown dt.pl a span {
    background: url(/img/flags/pl.gif) no-repeat;
}

.dropdown dd ul li.pt a span,
.dropdown dt.pt a span {
    background: url(/img/flags/pt.gif) no-repeat;
}

.dropdown dd ul li.ru a span,
.dropdown dt.ru a span {
    background: url(/img/flags/ru.gif) no-repeat;
}

.dropdown dd ul li.sk a span,
.dropdown dt.sk a span {
    background: url(/img/flags/sk.gif) no-repeat;
}

.dropdown dd ul li.cz a span,
.dropdown dt.cz a span {
    background: url(/img/flags/cz.gif) no-repeat;
}

.dropdown dd ul li.de a span,
.dropdown dt.de a span {
    background: url(/img/flags/de.gif) no-repeat;
}

.dropdown dd ul li a em,
.dropdown dt a em {
    font-style: normal;
    float: left;
    width: 20px;
    cursor: pointer;
}

.dropdown dd ul li a em {
    color: #707070;
}

dl.dropdown {
    margin: 0;
    margin-top: 6px;
}

.dropdown dd ul li a:hover {
    background-color: rgba(255, 255, 255, .1);
}

.dropdown dd ul li a:hover em {
    color: #fff;
}