Import CSS from another site (FIXED)

Hi,

I’m working on this page here:
https://www.HearMe.fm/test

But trying to get my image looking the tiles on here:
https://www.accuradio.com/

I’ve tried copying the div script over, that works fine. But I’m also trying to copy over the CSS, but it’s not taking effect properly for some reason.

The CSS code (as far as I can see) is as follows:

#navRightCol .channel {
    width: 130px;
    min-height: 190px;
    vertical-align: top;
    text-align: left;
    display: inline-block;
    background-color: #555;
    margin-top: 5px;
    margin-bottom: 15px;
    margin-right: 15px;
    border: 1px solid #666;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    z-index: 5;
    position: relative;
    text-align: left;
}

#navRightCol .channel .channelImageWrapper {
    width: 100%;
    text-align: center;
    height: 90px;
    position: relative;
    z-index: 5;
    background-color: #333;
    overflow: hidden;
    border-bottom: 1px solid #666;
}

#navRightCol .channel .channelMeta {
    float: left;
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 5px;
    padding-bottom: 10px;
    z-index: 20;
    position: relative;
}