/* Name: Nokia Europe Homepage
Author: Adam J. McIntyre | Molecular, Inc. | www.molecular.com 
*/

/***
 * Hero Area
 */
div#homepage_container{
    background-color:#fff;
    clear:both;
    color:#443;
    font-family:arial,helvetica,sans-serif;
    font-size:12px;
    line-height:1;
    margin:0 0 0 6px;
    position:relative;    
    width:756px;
    text-align:left !important;
}  

    div#homepage_container ul{
        margin:0;
        padding:0;
    }

    div#homepage_container li{
        list-style:none;    
        margin:0;
        padding:0;
    }
    
    div#homepage_container a img, div#homepage_container a:active{
        border:0;
    }

    .js_enabled div#hero_container span.alt_text, .js_enabled div#hero_container h2{
        display:block;
        height:0;
        margin:0;
        overflow:hidden;
        padding:0;
        text-indent:-4000px;
        width:0;
    }

div#homepage_container ul#hero_areas{
    height:256px;
    position:relative;
}

    .no_flash ul#hero_areas li{
        display:none;    
    }

    .no_flash ul#hero_areas li.first{
        display:block;    
    }

    div#homepage_container.js_enabled ul#hero_areas li{
        left:-10000px;
        position:absolute;
        top:0;    
    }   
    
        div#homepage_container ul#hero_areas li.active{
            left:0;  
        }    
        
div#hero_container{
    margin-bottom:20px;
    position:relative;
    zoom:1;
}

    .js_enabled div#hero_container div.mboxDefault{
        display:block !important;
        visibility:visible !important;          
    }
    
    div#hero_container ul#hero_buttons{
        height:130px;
        padding:10px 0;
        width:100%;        
    }
    
    .no_flash ul#hero_buttons{
        display:none;    
    }

    .js_enabled div#hero_container ul#hero_buttons{
        background:#E8E6E6 url(./img/homepage_gradients.png) repeat-x 0 -160px;   
        visibility:hidden;
    }
    
    div#hero_container ul#hero_buttons li{
        display:block;
        float:left;
        position:relative;
        width:248px;
    }    
        
        div#hero_container div.active_tab{
            background:url(./img/homepage_sprites.png) no-repeat 0 0;   
            display:none;
            height:130px;
            left:0;
            position:absolute;
            top:-10px;
            width:248px;   
            z-index:1;
        }
        
            div#hero_container .active div.active_tab{
                display:block;    
            }
        
        .js_enabled div#hero_container ul#hero_buttons a{
            display:block;
            outline:none !important;   
            position:relative;
            z-index:2; 
        }
        
            .js_enabled div#hero_container ul#hero_buttons .active a{
                height:95px;
                left:24px;
                top:12px; 
                width:198px;   
            }
            
        div#hero_container ul#hero_buttons img.default{
            margin:0 auto;    
        }
            
        div#hero_container ul#hero_buttons img.on{
            display:none;    
        }
        
            div#hero_container ul#hero_buttons .active img.on{
                display:block;
            }
            
            div#hero_container ul#hero_buttons .active img.default{
                display:none;        
            }            

/***
 * Ovi Store Hero
 */
div#ovi_hero{
    margin:0 0 20px;
}

    div#ovi_hero h3{
        font-size:12px;
        margin-bottom:10px;
    }
    
    div#ovi_hero ul{
        background:url(./img/homepage_gradients.png) repeat-x 0 0;          
        height:119px;
        padding:20px 5px;
        position:relative;
    }
    
    div#ovi_hero li{
        background:url(./img/homepage_ovi_sprites.png) no-repeat 0 0;
        float:left;    
        height:110px;
        margin:0 19px;
        position:relative;
        width:110px;
    }
    
        .ie6 div#ovi_hero li{
            margin:0 15px;
        }

        div#ovi_hero li.corners{
            background:none;
            height:0;
            margin:0;
            position:static;
            width:0;    
        }
    
        div#ovi_hero li span{
            display:block;
            height:0;
            overflow:hidden;
            text-indent:-4000px;  
            width:0;              
        }

        div#ovi_hero div.store_icon{
            background-image:url(./img/homepage_ovi_sprites.png);
            background-repeat:no-repeat;
            height:56px;
            left:4px;
            position:absolute;
            top:19px;
            width:102px;    
        }
    
        .sprite-homepage_icon_email { background-position: 0 -135px; } 
        .sprite-homepage_icon_maps { background-position: 0 -216px; } 
        .sprite-homepage_icon_music { background-position: 0 -297px; } 
        .sprite-homepage_icon_photo { background-position: 0 -378px; } 
        .sprite-homepage_icon_store { background-position: 0 -459px; }   
        
        div#ovi_hero a.full_link{
            height:100%;
            left:0;
            position:absolute;
            top:0;
            width:100%;    
            z-index:2;
        }
        
        div#ovi_hero div.text{
            bottom:18px;
            left:0;
            position:absolute;
            text-align:center;   
            width:100%; 
        }
        
            div#ovi_hero div.text a{
                color:#5DC33B;
                font-weight:bold;        
            }   
            
                div#ovi_hero div.text a:hover{ text-decoration:none; }
    
/***
 * General items
 */    
    div#hero_container li img{
        display:block;
    }    
    
    .no_js span.corner{
        display:none !important;
    }
    
    .js_enabled span.corner{
        display:block !important;
        position:absolute;
    }
    
        div#hero_container span.corner{
            opacity:0;
        }
    
        div#hero_container span.corner{
            bottom:0;    
            height:12px;            
            width:13px;                             
        }
        
            .ie6 div#hero_container span.corner{
                bottom:-3px;    
            }
        
        div#ovi_hero span.corner{
            height:9px;
            width:7px;    
        }
        
    div#hero_container span.br{
        background:url(./img/homepage_sprites.png) no-repeat 0 -477px;   
        right:0;                
    }

    div#hero_container span.bl{
        background:url(./img/homepage_sprites.png) no-repeat 0 -415px;   
        left:0;                
    } 
    
    div#ovi_hero span.tl{
        background:url(./img/homepage_sprites.png) no-repeat 0 -297px;   
        left:0;
        top:0;                
    }
    
    div#ovi_hero span.tr{
        background:url(./img/homepage_sprites.png) no-repeat 0 -356px;   
        right:0;                
        top:0;
    }
    
    div#ovi_hero span.br{
        background:url(./img/homepage_sprites.png) no-repeat 0 -238px;   
        bottom:9px;
        right:0;                
    }
    
        .ie6 div#ovi_hero span.br{    
            bottom:8px;    
        }
    
    div#ovi_hero span.bl{
        background:url(./img/homepage_sprites.png) no-repeat 0 -179px;   
        bottom:9px;
        left:0;                
    } 
    
        .ie6 div#ovi_hero span.bl{    
            bottom:8px;    
        }    
    
div.loading_bar__{
    background:url(./img/ajax-loader.gif) no-repeat;
    height:19px;
    left:280px;
    position:absolute;
    top:100px;
    width:220px;
}   

/***
 * Nokia homepage v2
 */
div#homepage_container a{
    color:#5DC33B;
    font-weight:bold;
}

div#homepage_container.carousel ul#hero_areas li{
    display:block;
    height:256px;
    left:auto;
    position:relative;
    width:756px;    
}

    div#homepage_container.carousel ul#hero_areas div.hero{
        display:none;    
    }
    
    div#homepage_container.no_js ul#hero_areas li.first div.hero{
        display:block;
    }

div#hero_container div.jcarousel-clip{
    width:756px;
}

div#hero_container div.jcarousel-prev{
    background:url(./img/homepage/homepage_v2_sprites.png) no-repeat 0 -792px; 
    height:44px;
    left:-1px;
    position:absolute;
    top:99px;
    width:22px;
    z-index:99;
}

    .ie6 div#hero_container div.jcarousel-prev{
        background:url(./img/homepage/homepage_v2_sprites-8bit.png) no-repeat 0 -792px;         
    }

    div#hero_container div.jcarousel-prev-disabled{
        background:url(./img/homepage/homepage_v2_sprites.png) no-repeat 0 -744px; 
    }
    
        .ie6 div#hero_container div.jcarousel-prev-disabled{    
            background:url(./img/homepage/homepage_v2_sprites-8bit.png) no-repeat 0 -744px; 
        }

div#hero_container div.jcarousel-next{
    background:url(./img/homepage/homepage_v2_sprites.png) no-repeat 0 -889px;
    height:44px;
    position:absolute;
    right:-1px;    
    top:99px;
    width:22px;    
    z-index:99;
}

    .ie6 div#hero_container div.jcarousel-next{
        background:url(./img/homepage/homepage_v2_sprites-8bit.png) no-repeat 0 -889px;
    }

    div#hero_container div.jcarousel-next-disabled{
        background:url(./img/homepage/homepage_v2_sprites.png) no-repeat 0 -841px;        
    }

        .ie6 div#hero_container div.jcarousel-next-disabled{
            background:url(./img/homepage/homepage_v2_sprites-8bit.png) no-repeat 0 -841px;        
        }

div#vertical_promos{
    margin-bottom:20px;
}
    
    div#vertical_promos div.promo{
        background:url(./img/homepage/homepage_v2_sprites.png) no-repeat 0 -325px;            
        float:left;
        height:296px;
        margin-right:18px;    
        padding:12px;
        position:relative;
        width:151px;    
    }
    
        .no_js div#vertical_promos div#services_carousel{ 
            background:none;
            float:none; 
            height:auto;
            width:auto;
        }
    
        div#vertical_promos div.blue{
            background:url(./img/homepage/homepage_v2_sprites.png) no-repeat 0 0;            
        }
        
            div#vertical_promos div.blue img{
                bottom:0;
                display:block;
                height:280px;
                position:absolute;
                width:154px;   
            }

        div#vertical_promos div.vertical_carousel ul{
            margin:0 0 0 42px;
            width:60px;
        }
        
            .no_js div#vertical_promos div.vertical_carousel ul{
                width:auto;    
            }
            
        div#vertical_promos div.vertical_carousel li{
            height:90px;
        }
        
            .no_js div#vertical_promos div.vertical_carousel li{
                float:left !important;
            }
        
            div#vertical_promos div.vertical_carousel li a{
                display:block;
                text-align:center;    
            }
        
    div#vertical_promos div.vertical_carousel div.jcarousel-clip{
        height:231px;    
        margin:35px 0;
    }
    
        .ie6 div#vertical_promos div.vertical_carousel div.jcarousel-clip, .ie7 div#vertical_promos div.vertical_carousel div.jcarousel-clip{
            top:20px;
        }
        
    div#vertical_promos div.vertical_carousel div.jcarousel-prev{
        background:url(./img/homepage/homepage_v2_sprites.png) no-repeat 0 -1078px;
        height:25px;
        left:62px;
        position:absolute;
        top:39px;
        width:45px;
        z-index:99;
    }
    
        .ie6 div#vertical_promos div.vertical_carousel div.jcarousel-prev{    
            background:url(./img/homepage/homepage_v2_sprites-8bit.png) no-repeat 0 -1078px;                 
        }
    
        div#vertical_promos div.vertical_carousel div.jcarousel-prev-disabled{
            background:url(./img/homepage/homepage_v2_sprites.png) no-repeat 0 -1049px; 
            top:37px;       
        }
        
            .ie6 div#vertical_promos div.vertical_carousel div.jcarousel-prev-disabled{
                background:url(./img/homepage/homepage_v2_sprites-8bit.png) no-repeat 0 -1049px;                 
            }
    
    div#vertical_promos div.vertical_carousel div.jcarousel-next{
        background:url(./img/homepage/homepage_v2_sprites.png) no-repeat 0 -679px;
        bottom:0;
        height:25px;
        left:62px;
        position:absolute;        
        width:45px;    
        z-index:99;
    }
    
        .ie6 div#vertical_promos div.vertical_carousel div.jcarousel-next{
            background:url(./img/homepage/homepage_v2_sprites-8bit.png) no-repeat 0 -679px;
        }
    
        div#vertical_promos div.vertical_carousel div.jcarousel-next-disabled{
            background:url(./img/homepage/homepage_v2_sprites.png) no-repeat 0 -650px;        
        }        
        
            .ie6 div#vertical_promos div.vertical_carousel div.jcarousel-next-disabled{
                background:url(./img/homepage/homepage_v2_sprites-8bit.png) no-repeat 0 -650px;        
            }                

div#utility_links div.utility{
    float:left; 
    margin-right:16px; 
    width:370px;      
}

    div#utility_links div.utility div.hd, div#utility_links div.utility div.ft{
        background:url(./img/homepage/homepage_v2_sprites.png) no-repeat 0 -731px; 
        font-size:0;
        height:8px;
        line-height:8px;    
    }
    
    div#utility_links div.utility div.ft{    
        background:url(./img/homepage/homepage_v2_sprites.png) no-repeat 0 -709px;    
    }
    
    div#utility_links div.utility div.bd{
        background:#D7D4D4 url(./img/homepage/bg_gray_hp.png) repeat-x;    
        min-height:105px;
        padding:7px 10px 0;
    }
    
    div#utility_links div.utility div.inner_hd{
        background:url(./img/homepage/homepage_v2_sprites.png) no-repeat 0 -722px; 
        font-size:0;
        height:4px;
        line-height:4px;
        width:350px;    
    }

    div#utility_links div.utility div.inner_bd{
        background:#F2F2F2 url(./img/homepage/bg_gray_hp_inner.png) repeat-x;    
        padding:15px;
        min-height:44px;
        width:320px;
    }
    
    div#utility_links div.utility ul.utility_list{
        float:left;
        width:90px;
    }
    
        div#utility_links div.utility ul.utility_list li{    
            margin-bottom:8px;
        }
    
        div#utility_links div.utility ul.utility_list a{
            color:#14D;    
            font-weight:normal;
        }    
    
    div#utility_links div.utility div.divider{
        background:#D3D3D3;
        float:left;
        height:50px;
        margin:0 10px;
        width:1px;
    }
    
    div#utility_links div.utility div.picker{
        margin-top:10px;
    }
    
        .ie6 div#utility_links div.utility div.picker, .ie7 div#utility_links div.utility div.picker{        
            margin-top:20px;
        }
    
        div#utility_links div.utility div.picker select{
            margin-bottom:5px;
        }
    
        div#utility_links div.utility div.picker a{    
            background:url(./img/homepage/buttons_corners_icons_tabs_24bit.png) no-repeat -138px -16px;            
            padding-left:10px;
        }

            .ie6 div#utility_links div.utility div.picker a{        
                background:url(./img/homepage/buttons_corners_icons_tabs_8bit.png) no-repeat -152px -26px;        
            }    

div#homepage_container div.last{
    margin-right:0;    
}

div#vertical_promos h3, div#utility_links h3{
    margin:0 0 15px 5px;
    text-indent:-4000px;
}
    
    div#utility_links h3{ margin-left:10px; }    

/*** Image-replaced text ***/
.ovi_services{
    background:url(./img/homepage/homepage_v2_sprites.png) no-repeat 0 -1029px;
    height:15px;
    width:122px;
}

.nokia_n900{
    background:url(./img/homepage/homepage_v2_sprites.png) no-repeat 0 -1012px;
    height:12px;
    width:74px;    
}

.nokia_e72{
    background:url(./img/homepage/homepage_v2_sprites.png) no-repeat 0 -992px;
    height:15px;
    width:145px;    
}

.nokia_booklet-3g{
    background:url(./img/homepage/homepage_v2_sprites.png) no-repeat 0 -975px;
    height:15px;
    width:110px;    
}

.get_more{
    background:url(./img/homepage/homepage_v2_sprites.png) no-repeat 0 -955px;
    height:15px;
    width:180px;    
}

.find_model{
    background:url(./img/homepage/homepage_v2_sprites.png) no-repeat 0 -938px;
    height:15px;
    width:84px;    
}

.ie6 .ovi_services{
    background:url(./img/homepage/homepage_v2_sprites-8bit.png) no-repeat 0 -1029px;
    height:15px;
    width:122px;
}

.ie6 .nokia_n900{
    background:url(./img/homepage/homepage_v2_sprites-8bit.png) no-repeat 0 -1012px;
    height:12px;
    width:74px;    
}

.ie6 .nokia_e72{
    background:url(./img/homepage/homepage_v2_sprites.png) no-repeat 0 -992px;
    height:15px;
    width:145px;    
}

.ie6 .nokia_booklet-3g{
    background:url(./img/homepage/homepage_v2_sprites-8bit.png) no-repeat 0 -975px;
    height:15px;
    width:110px;    
}

.ie6 .get_more{
    background:url(./img/homepage/homepage_v2_sprites-8bit.png) no-repeat 0 -955px;
    height:15px;
    width:180px;    
}

.ie6 .find_model{
    background:url(./img/homepage/homepage_v2_sprites-8bit.png) no-repeat 0 -938px;
    height:15px;
    width:84px;    
}

/***
 * Ovi Icon sprites
 */
.ovi_icon{
    background:url(./img/homepage/ovi_homepage_icons.png) no-repeat;
    display:block;
    height:60px;
    width:60px;
}

    .ie6 .ovi_icon{
        background:url(./img/homepage/ovi_homepage_icons-8bit.png) no-repeat;        
    }

.sprite-contacts { background-position: 0 0 !important; } 
.sprite-files { background-position: 0 -65px !important; } 
.sprite-mail { background-position: 0 -130px !important; } 
.sprite-maps { background-position: 0 -195px !important; } 
.sprite-music { background-position: 0 -260px !important; } 
.sprite-share { background-position: 0 -325px !important; } 
.sprite-store { background-position: 0 -390px !important; } 


.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

    div#product_container.ie6 .jcarousel-clip{ width:100%; }

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    cursor:pointer;
    cursor:hand;
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    cursor:pointer;
    cursor:hand;
    z-index: 3;
    display: none;
}