﻿/*location links: begin*/
.top-nav-line {
    height: 49px;
    width: 990px;
    margin-left: 7px;
    background: blue;
    text-align: left;
    margin-bottom: 0px;
    background: #e9ebee;
    border-top: 7px solid #e9ebee;
}

    .top-nav-line > div {
        display: inline-block;
    }

.top-nav_top-cities {
    height: 42px;
    background: white;
    display: inline-block;
    width: 177px;
    min-width: 177px;
    margin-right: 0px;
    border-right: 1px solid #e9ebee;
}

    .top-nav_top-cities > span {
        position: relative;
        font: 14px 'ProximaNova Regular';
        background: url(/css/whiteLayout/images/nav/cities.png) 15px center no-repeat;
        background-size: 20px 22px;
        display: block;
        text-align: center;
        line-height: 42px;
        text-transform: uppercase;
        cursor: pointer;
        color: #000;
        font-weight: normal;
    }

        .top-nav_top-cities > span:after {
            content: '';
            display: block;
            right: 7%;
            top: 16px;
            border-top: 11px solid #cbc8c8;
            border-right: 8px solid transparent;
            border-bottom: 0px solid transparent;
            border-left: 8px solid transparent;
            position: absolute;
        }

    .top-nav_top-cities ul {
        z-index: 3;
        top: 42px;
    }

.top-nav-line .top-nav_city:not(:last-child) {
    border-right: 1px solid #e9ebee;
}

.top-nav-line .top-nav_city_miami {
    width: 110px;
}

    .top-nav-line .top-nav_city_miami a {
        width: 109px;
    }

.top-nav-line .top-nav_world {
    width: 119px;
}

    .top-nav-line .top-nav_world a {
        width: 118px;
    }

.top-nav-line .top-nav_city_los_angeles {
    width: 165px;
}

    .top-nav-line .top-nav_city_los_angeles a {
        width: 164px;
    }

.top-nav-line .top-nav_city_new_york {
    width: 145px;
}

    .top-nav-line .top-nav_city_new_york a {
        width: 144px;
    }

.top-nav-line .top-nav_city_chicago {
    width: 135px;
}

    .top-nav-line .top-nav_city_chicago a {
        width: 134px;
    }

.top-nav-line .top-nav_city_new_orlean {
    width: 176px;
}

    .top-nav-line .top-nav_city_new_orlean a {
        width: 175px;
    }

.top-nav-line .top-nav_city_paris {
    width: 111px;
}

    .top-nav-line .top-nav_city_paris a {
        width: 110px;
    }

.top-nav-line .top-nav_city a,
.top-nav-line .top-nav_go-to a,
.top-nav-line .top-nav_go-to span {
    display: block;
    font: 14px 'ProximaNova Regular';
    text-align: center;
    text-transform: uppercase;
    color: #000;
    line-height: 42px;
    font-weight: normal;
    padding-left: 45px;
    text-align: left;
}

    .top-nav-line .top-nav_city a.world-icon {
        background: #fff url('/css/whiteLayout/images/earth-icon.png') 11px center no-repeat;
        background-size: 24px;
    }

    .top-nav-line .top-nav_city a.sun-icon {
        background: #fff url('/css/whiteLayout/images/nav/sun.png') 11px center no-repeat;
        background-size: 24px;
    }

    .top-nav-line .top-nav_city a.film-icon {
        background: #fff url('/css/whiteLayout/images/nav/clapper.png') 11px center no-repeat;
        background-size: 21px;
    }

    .top-nav-line .top-nav_city a.apple-icon {
        background: #fff url(/css/whiteLayout/images/nav/apple.png) 12px center no-repeat;
        background-size: 23px;
    }

    .top-nav-line .top-nav_city a.cloud-icon {
        background: #fff url('/css/whiteLayout/images/nav/cloud.png') 11px center no-repeat;
        background-size: 24px;
    }

    .top-nav-line .top-nav_city a.theatre-icon {
        background: #fff url('/css/whiteLayout/images/nav/drama.png') 11px center no-repeat;
        background-size: 24px;
    }

    .top-nav-line .top-nav_city a.heart-icon,
    .top-nav-line .top-nav_city span.heart-icon {
        background: #fff url('/css/whiteLayout/images/nav/heart.png') 11px center no-repeat;
        background-size: 24px;
        padding-left: 50px;
    }

.top-nav-line .top-nav_go-to a,
.top-nav-line .top-nav_go-to span {
    padding-left: 10px;
    cursor: pointer;
}

    .top-nav-line .top-nav_go-to a.fly-icon,
    .top-nav-line .top-nav_go-to span.fly-icon {
        background: #fff url(/css/whiteLayout/images/nav/plane.png) 100px center no-repeat;
        background-size: 24px;
    }

.top-nav-line .top-nav_go-to {
    width: 139px;
}
/*location links: end*/
/*networks and channels links: begin*/
.pref-ddl-frame {
    background-color: #fff;
    height: 42px;
    line-height: 42px;
    position: relative;
}

    .pref-ddl-frame label,
    .pref-ddl-frame a {
        font: 14px 'ProximaNova Regular';
        background: url(/css/whiteLayout/images/preferences-icon.png) 0px 0px no-repeat;
        background-size: 20px 20px;
        background-position: 32px 12px;
        color: #000;
        display: inline-block;
        height: 42px;
        line-height: 44px;
        width: 100%;
        padding-left: 70px;
        cursor: pointer;
        text-transform: uppercase;
    }

    .pref-ddl-frame.pref-ddl-frame_locations > label,
    .pref-ddl-frame.pref-ddl-frame_locations > a,
    .pref-ddl-frame.pref-ddl-frame_locations > span,
    .pref-ddl-frame.pref-ddl-frame_locations .pref-ddl-frame_locations_lbl {
        background: url(/css/whiteLayout/images/nav/icon-locations.png) 34px center no-repeat;
        background-size: 18px 24px;
    }

    .pref-ddl-frame.pref-ddl-frame_channels > label,
    .pref-ddl-frame.pref-ddl-frame_channels > a,
    .pref-ddl-frame.pref-ddl-frame_channels .pref-ddl-frame_channels_lbl {
        background: url(/css/whiteLayout/images/nav/icon-channels.png) 32px center no-repeat;
        background-size: 24px 19px;
    }

    .pref-ddl-frame label > span {
        position: relative;
        padding-right: 21px;
    }

        .pref-ddl-frame label > span:after {
            content: '';
            position: absolute;
            display: block;
            background: url(/css/whiteLayout/images/location-carret-icon.png) 0 0 no-repeat;
            background-size: 100%;
            width: 13px;
            height: 8px;
            right: 0;
            top: 30%;
        }

    .pref-ddl-frame .pref-ddl-frame_lbl {
        color: #000;
        display: inline-block;
        font: 14px 'ProximaNova Regular';
        line-height: 42px;
        padding-left: 70px;
        width: 100%;
        cursor: pointer;
        text-transform: uppercase;
    }

        .pref-ddl-frame .pref-ddl-frame_lbl:after {
            content: '';
            position: absolute;
            display: block;
            pointer-events: none;
            background: url(/css/whiteLayout/images/location-carret-icon_black.png) 0 0 no-repeat;
            background-size: 100%;
            width: 13px;
            height: 8px;
            right: 26px;
            top: 40%;
        }

    .pref-ddl-frame.pref-ddl-frame_networks > label,
    .pref-ddl-frame.pref-ddl-frame_networks > a,
    .pref-ddl-frame.pref-ddl-frame_networks .pref-ddl-frame_networks_lbl {
        background: url(/css/whiteLayout/images/nav/icon-networks.png) 33px center no-repeat;
        background-size: 22px;
    }

    .pref-ddl-frame label + ul,
    .pref-ddl-frame a + ul {
        display: none;
        background: #000;
        padding: 0px;
        position: absolute;
        width: 100%;
        top: 50px;
        z-index: 10;
        background: #00acee;
    }

    .pref-ddl-frame li {
        z-index: 1;
        position: relative;
    }

    .pref-ddl-frame ul > li.active-ddl-item {
        background-color: #28c2fe;
    }

        .pref-ddl-frame ul > li.active-ddl-item > a {
            border-bottom: none;
        }

    .pref-ddl-frame li > a,
    .pref-ddl-frame li > span {
        font: 14px 'ProximaNova Regular';
        color: #fff;
        display: inline-block;
        height: 42px;
        line-height: 42px;
        text-transform: uppercase;
        padding: 0px 11px 0px 34px;
        width: 100%;
    }


    .pref-ddl-frame li:not(:last-child) a,
    .pref-ddl-frame li:not(:last-child) span {
        border-bottom: 1px solid #01a0dd;
    }

    .pref-ddl-frame span {
    }

    .pref-ddl-frame a {
    }

.top-links-networks_wrp > table > tbody > tr > td > table {
    margin-left: 14px;
    margin-top: 7px;
}

.channel-btns-frame {
    height: 42px;
}

    .channel-btns-frame > div {
        float: left;
        height: 42px;
        line-height: 42px;
        background: #fff;
    }


        .channel-btns-frame > div:not(:last-child) {
            border-right: 1px solid #e9ebee;
        }

        .channel-btns-frame > div > a,
        .channel-btns-frame > div > span {
            font: 14px 'ProximaNova Regular';
            color: #000;
            display: inline-block;
            line-height: 44px;
            text-transform: uppercase;
            padding-left: 44px;
            cursor: pointer;
        }

        .channel-btns-frame > div.channel-btn_entertainment > a {
            background: url('/css/whiteLayout/images/channel-entertainment.png') 0px 0px no-repeat;
            background-size: 23px 23px;
            background-position: 12px 9px;
            width: 168px;
        }

        .channel-btns-frame > div.channel-btn_marketing > a {
            background: url('/css/whiteLayout/images/channel-marketing.png') 0px 0px no-repeat;
            background-size: 22px 23px;
            background-position: 12px 10px;
            width: 138px;
        }

        .channel-btns-frame > div.channel-btn_shopping > a {
            background: url('/css/whiteLayout/images/channel-shopping.png') 0px 0px no-repeat;
            background-size: 26px 24px;
            background-position: 12px 10px;
            background-size: 24px 23px;
            background-position: 12px 10px;
            width: 129px;
        }

        .channel-btns-frame > div.channel-btn_restaurants > a {
            background: url('/css/whiteLayout/images/channel-restaurant.png') 0px 0px no-repeat;
            background-size: 24px 23px;
            background-position: 12px 10px;
            background-size: 22px 22px;
            background-position: 12px 10px;
            width: 155px;
        }

        .channel-btns-frame > div.channel-btn_travel > a {
            background: url('/css/whiteLayout/images/channel-travel.png') 0px 0px no-repeat;
            background-size: 23px 23px;
            background-position: 12px 9px;
            background-size: 23px 23px;
            background-position: 12px 10px;
            width: 108px;
        }

        .channel-btns-frame > div.channel-btn_technology > a {
            background: url('/css/whiteLayout/images/channel-web-design.png') 0px 0px no-repeat;
            background-size: 24px 24px;
            background-position: 12px 9px;
            width: 152px;
        }

        .channel-btns-frame > div.channel-btn_else > span {
            background: url('/css/whiteLayout/images/channel-say-hello.png') 0px 0px no-repeat;
            background-size: 25px 20px;
            background-position: 97px 10px;
            width: 135px;
            padding-left: 10px;
            display: inline-block;
        }

        .channel-btns-frame > div.interest-btn_entertainment > a {
            background: url('/css/whiteLayout/images/interest-entertainment.png') 0px 0px no-repeat;
            background-size: 25px 16px;
            background-position: 12px 13px;
            width: 168px;
        }

        .channel-btns-frame > div.interest-btn_marketing > a {
            background: url('/css/whiteLayout/images/interest-marketing.png') 0px 0px no-repeat;
            background-size: 23px 23px;
            background-position: 12px 10px;
            width: 138px;
        }

        .channel-btns-frame > div.interest-btn_shopping > a {
            background: url('/css/whiteLayout/images/interest-shopping.png') 0px 0px no-repeat;
            background-size: 26px 24px;
            background-position: 12px 10px;
            background-size: 25px 22px;
            background-position: 12px 10px;
            width: 129px;
        }

        .channel-btns-frame > div.interest-btn_restaurants > a {
            background: url('/css/whiteLayout/images/interest-restaurant.png') 0px 0px no-repeat;
            background-size: 24px 23px;
            background-position: 12px 10px;
            background-size: 24px 24px;
            background-position: 12px 10px;
            width: 155px;
        }

        .channel-btns-frame > div.interest-btn_travel > a {
            background: url('/css/whiteLayout/images/interest-travel.png') 0px 0px no-repeat;
            background-size: 23px 23px;
            background-position: 12px 9px;
            background-size: 24px 24px;
            background-position: 12px 10px;
            width: 108px;
        }

        .channel-btns-frame > div.interest-btn_technology > a {
            background: url('/css/whiteLayout/images/interest-technology.png') 0px 0px no-repeat;
            background-size: 24px 24px;
            background-position: 12px 9px;
            width: 152px;
        }

        .channel-btns-frame > div.interest-btn_else > span {
            background: url('/css/whiteLayout/images/interest-change-it.png') 0px 0px no-repeat;
            background-size: 19px 19px;
            background-position: 102px 11px;
            background-size: 27px 27px;
            background-position: 96px 7px;
            width: 135px;
            padding-left: 10px;
            display: inline-block;
        }

.channels-list-item {
    z-index: 6;
}

.networks-list-item {
    z-index: 5;
}
/*networks and channels links: end*/
