
html { overflow: hidden; }

body {
    background-color: #000;
}

a {
    color:#666;
}

a:hover {
    color:#fff;
}
    /* background */
    .background-container {
        width: 100%; height: 100%; overflow: hidden;
    }
        .background-container img {
            display: block;
            width: 100%;
        }
        .js .background-container img {
            display: none;
        }
    /* nojs */
    .nojs {
        width: 300px;
        color: #fff;
        font-size: 77%; line-height: 14px; font-weight: bold; text-transform: uppercase;
    }
    .js .nojs {
        display: none;
    }
    /* list */
    .list-container {
        position: absolute; left: 0; top: 40%;
        margin-top: -53px; padding: 28px 20px 10px;
        width:500px;
        background-color: #000;
    }
        .list-container .logo {
            display: block;
            width: 166px; height: 0; overflow: hidden;
            margin-bottom: 15px; padding-top: 28px;
            background: url(/images/base.png) no-repeat;
        }
        .list-container .region-container {
            position: relative;
            display: none;
            overflow: hidden;
            font-size: 77%; line-height: 10px; font-weight: bold; text-transform: uppercase;
        }
        .js .list-container .region-container {
            display: block;
        }
            .list-container .table-regions {
                display: block;
            }
                .list-container .td-regions {
                    display: block;
                }
                    .list-container .td-regions ul {
                        
                    }
                        .list-container .td-regions li {
                            /*display: inline;*/
                            color: #fff;
                        }
                            .list-container .td-regions a {
                                display: block; /*float: left;*/
                                margin-right: 8px; padding: 3px 0 2px;
                            }
                            .list-container .td-regions .has-children a {
                                padding: 10px 20px 15px 0;
                                /*background: url(/images/arrow_down_white.png) 100% 0 no-repeat;*/
                            }
                            .list-container .td-regions .has-children-active .s-2 {
                                display:block;
                            }
                            .list-container .td-regions a:hover,
                            .list-container .td-regions .active a {
                                color:#fff;
                            }
                            .list-container .td-regions a.region-europe:hover,
                            .list-container .td-regions .active a.region-europe {
                                color:#666;
                                cursor:default;
                            }
            .list-container .table-countries {
                /*position: absolute;*/ left: 0;
                /*top:50px;*/
                display:block;
                padding:0 0 15px 0;
            }
            .list-container .region-unitedstates {
                left: 109px;
            }
                .list-container .td-countries {
                    width: 130px; height: 100%;
                    padding: 0 30px 0 0;
                }
                .list-container .region-restofworld .td-countries {
                    width: auto;
                    color: #fff;
                    font-size:85%;
                }
                    .list-container .region-restofworld .td-countries p {
                        margin-bottom: 15px;
                        line-height: 15px;
                    }
                        .list-container .region-restofworld .td-countries p a {
                            display: inline;
                        }
                    .list-container .td-countries ul {
                            
                        }
                            .list-container .td-countries li {
                                display: inline;
                            }
                                .list-container .td-countries a {
                                    display: block;
                                    padding: 3px 0 2px;
                                }

            /* buttons */
            .button-container {
                padding: 0 20px;
            }
                .button-collection {
                    display: inline;
                }
                    .button {
                        display: inline;
                    }
                        .list-container .td-countries .button a {
                            display: block; float: left;
                            margin-right: 10px; padding: 7px 25px 7px;
                            background-color: #3f3d3d; color: #fff;
                            font-size: 10px; line-height: 10px; font-weight: bold; text-transform: uppercase;
                        }
                        .list-container .td-countries .button a:hover {
                            background-color: #fff; color: #3f3d3d;
                        }
