.fl { float: left; }
.fr { float: right; }
.cb { clear: both; }

.video
{
    width: 460px;
    height: 360px;
}
    .mask
    {
        position: absolute;
        z-index: 1000;
        width: 460px;
        height: 360px;
        background: url(/gfx/video-mask.png) no-repeat;
        cursor: pointer;
    }
    .player
    {
        height: 350px;
    }
    .play
    {
        height: 350px;
        background: url(/gfx/play.gif) no-repeat center center;
    }    
.box1
{
    width: 406px;
    height: 360px;
    background: #ed1b33;
}
    .box1 .top
    {
        height: 100%;
        background: url(/gfx/box1-top.gif) no-repeat top;
        overflow: hidden;
    }
    .box1 .bottom
    {
        height: 100%;
        background: url(/gfx/box1-bottom.gif) no-repeat bottom;
        overflow: hidden;
    }    
    
.box1 .header
{
    margin-top: 25px;
    width: 370px;
    height: 100px;    
}    
.box1 .header-start { width:355px; margin:140px 0 0 0; background: url(/gfx/header-start.gif) no-repeat; }
.box1 .header1 { background: url(/gfx/header-1.jpg) no-repeat; }
.box1 .header2 { background: url(/gfx/header-2.jpg) no-repeat; }
.box1 .header3 { background: url(/gfx/header-3.jpg) no-repeat; }
.box1 .header4 { background: url(/gfx/header-4.jpg) no-repeat; }
.box1 .header5 { background: url(/gfx/header-5.jpg) no-repeat; }
    
ul.radio
{
    list-style-type: none;
    border-collapse: collapse;
    margin: 10px 0 50px 0;
    padding: 0 0 0 32px;
}
    ul.radio li
    {
        height: 30px;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        padding: 7px 0 0 38px;
        cursor: pointer;
    }
    ul.radio .off
    {
        background: url(/gfx/radio-off.jpg) no-repeat left;        
    }
    ul.radio .on
    {
        background: url(/gfx/radio-on.jpg) no-repeat left;        
    }    
    
    .button-vidare
    {
        width: 151px;
        height: 42px;
        margin-right: 25px;
        background: url(/gfx/btn-vidare.jpg) no-repeat;   
        cursor: pointer;
    }  
        .button-vidare span
        {
            display: none;       
        }
        
    .button-spelaigen
    {
        width: 151px;
        height: 42px;
        margin-left: 25px;
        background: url(/gfx/btn-spelaigen.jpg) no-repeat;   
        cursor: pointer;
    }  
        .button-spelaigen span
        {
            display: none;       
        }
        
    .button-sattigang
    {
        width: 151px;
        height: 42px;
        margin-right: 25px;
        background: url(/gfx/btn-sattigang.jpg) no-repeat;   
        cursor: pointer;
    }  
        .button-sattigang span
        {
            display: none;       
        }        
        
    .button-borjaom
    {
        width: 151px;
        height: 42px;
        margin-right: 25px;
        background: url(/gfx/btn-borjaom.jpg) no-repeat;   
        cursor: pointer;
    }  
        .button-borjaom span
        {
            display: none;       
        }           
    
.result
{
    display: none;
}

ul.links
{
    list-style-type: none;
    border-collapse: collapse;
    margin: 40px 0 20px 0px;
}
    ul.links li
    {
        height: 25px;
        color: #fff;
        font-size: 12px;
        font-weight: bold;
        padding: 0 0 0 25px;
        cursor: pointer;
        background: url(/gfx/link-arrow.gif) no-repeat; 
    }
        ul.links li a
        {
            color: #fff;   
        }