/*MAIN NAVIGATION*/
#navigation, #secondary_navigation, #tertiary_navigation, #content {
    margin-left:2px;
}

#navigation {
    position:relative;
    height: 51px;
    width: 950px;
    background: transparent url(../_img/backgrounds/background_navigation.png) repeat-x;
    text-transform: uppercase;
    line-height: 18px;
    z-index: 50;
}

#navigation ul {
    position: absolute;
    font-size: 11px;
    width: 619px;
    left: -9999px;
    line-height: 13px;
}
 
.navigation, .navigation ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.navigation li {
    float:left;
}

.navigation a {
    text-decoration: none;
    color: #000
}

/*LEVEL 1*/
#navigation li {
    background: transparent url(../_img/backgrounds/navigation_level_1.png) 0 0 no-repeat;
    text-indent:-9999px;
    height:24px;
    margin-top:2px;
}

#navigation a {
    display:block;
    height: 24px;
    line-height:24px;
}

#navigation #nav_products{width:76px;background-position: 0 0}
#navigation #nav_team{width:48px;background-position: -76px 0}
#navigation #nav_knowledge{width:85px;background-position: -124px 0}
#navigation #nav_media{width:51px;background-position: -210px 0}
#navigation #nav_news{width:50px;background-position: -265px 0}
#navigation #nav_find{width:47px;background-position: -314px 0}

#navigation #nav_products.active, #navigation #nav_products:hover, #navigation #nav_products.hover {background-position: 0 -24px}
#navigation #nav_team.active,#navigation #nav_team.hover,#navigation #nav_team:hover {background-position: -76px -24px}
#navigation #nav_knowledge.active,#navigation #nav_knowledge:hover,#navigation #nav_knowledge.hover {background-position: -124px -24px}
#navigation #nav_media.active,#navigation #nav_media:hover,#navigation #nav_media.hover {background-position: -210px -24px}
#navigation #nav_news.active,#navigation #nav_news:hover,#navigation #nav_news.hover {background-position: -265px -24px}
#navigation #nav_find.active,#navigation #nav_find:hover,#navigation #nav_find.hover {background-position: -314px -24px}


/*LEVEL 2*/
 #navigation ul ul {
    position: absolute;
}

#navigation li ul li {
    background: none;
    height:23px;
    margin: 0;
}

#navigation li ul li a, #navigation li.active ul li {
    background:url(../_img/backgrounds/navigation_level_2.png) -1px -100px no-repeat;
    height: 23px;
    line-height:23px;
    margin: 0;
}

#navigation .active ul ul {
    font-size: 9px;
    line-height: 9px;
    left: -9999px !important;
    top: 0;
    clear: both;
}

#navigation .active ul {
    left: 0px !important;
    top: 27px;
    clear: both;
}

#navigation li.active ul li.active ul {
    left: 116px !important
}


.bags_overview #navigation li.active ul li.active ul, .products_detail_bags #navigation li.active ul li.active ul {
    left: 76px !important
}

/*Products sublevel*/
#navigation #nav_men {width:33px;background-position: -118px 0}
#navigation #nav_women {width:43px;background-position: -151px 0}
#navigation #nav_junior {width:40px;background-position: -194px 0}
#navigation #nav_men.active,#navigation #nav_men:hover,#navigation #nav_men.hover {background-position: 0 0}
#navigation #nav_women.active,#navigation #nav_women:hover,#navigation #nav_women.hover {background-position: -34px 0}
#navigation #nav_junior.active,#navigation #nav_junior:hover,#navigation #nav_junior.hover {background-position: -76px 0}

/*Products sub-sublevel*/
#navigation #nav_men_boards, #navigation #nav_women_boards, #navigation #nav_junior_boards {width:46px;background-position: -1942px 0}
#navigation #nav_men_boots, #navigation #nav_women_boots, #navigation #nav_junior_boots {width:39px;background-position: -1989px 0}
#navigation #nav_men_bindings, #navigation #nav_women_bindings, #navigation #nav_junior_bindings {width:54px;background-position: -2029px 0}
#navigation #nav_men_protection, #navigation #nav_women_protection, #navigation #nav_junior_protection {width:64px;background-position: -2084px 0}
#navigation #nav_men_bags, #navigation #nav_women_bags, #navigation #nav_junior_bags {width:34px;background-position: -2148px 0}
#navigation #nav_men_register, #navigation #nav_women_register, #navigation #nav_junior_register {width:116px;background-position: -2183px 0}


/*Team*/
#navigation #nav_pro_riders{width:67px;background-position: -172px -25px}
#navigation #nav_rookies{width:49px;background-position: -240px -25px}
#navigation #nav_nationals{width:60px;background-position: -289px -25px}
#navigation ul .active #nav_pro_riders,#navigation #nav_pro_riders:hover{background-position: 1px -25px}
#navigation ul .active #nav_rookies,#navigation #nav_rookies:hover{background-position: -67px -25px}
#navigation ul .active #nav_nationals,#navigation #nav_nationals:hover{background-position: -116px -25px}


/*Technology*/
#navigation #nav_technology{width:69px;background-position: -916px 0}
#navigation #nav_be_smart{width:55px;background-position: -986px 0}
#navigation ul .active #nav_technology,#navigation #nav_technology:hover{background-position: -792px 0}
#navigation ul .active #nav_be_smart,#navigation #nav_be_smart:hover{background-position: -862px 0}


/*Media*/
#navigation #nav_media_center{width:72px;background-position: -1266px 0}
#navigation #nav_downloads{margin-left:3px;width:65px;background-position: -1341px 0}
#navigation #nav_magazine_check{width:86px;background-position: -1406px 0}
#navigation ul .active #nav_media_center,#navigation #nav_media_center:hover{background-position: -1040px 0}
#navigation ul .active #nav_downloads,#navigation #nav_downloads:hover{background-position: -1115px 0}
#navigation ul .active #nav_magazine_check,#navigation #nav_magazine_check:hover{background-position: -1180px 0}

/*News*/
#navigation #nav_thenews{width:39px;background-position: -1536px 0}
#navigation ul .active #nav_thenews,#navigation #nav_thenews:hover{background-position: -1493px 0}
        
/*Find*/
#navigation #nav_dealers{width:54px;background-position: -514px 0}
#navigation #nav_rental{width:89px;background-position: -568px 0}
#navigation #nav_gear_finder{width:64px;background-position: -657px 0}
#navigation #nav_online_shop{width:69px;background-position: -721px 0}
#navigation ul .active #nav_dealers,#navigation #nav_dealers:hover{background-position: -236px 0}
#navigation ul .active #nav_rental,#navigation #nav_rental:hover{background-position: -290px 0}
#navigation ul .active #nav_gear_finder,#navigation #nav_gear_finder:hover{background-position: -379px 0}
#navigation ul .active #nav_online_shop,#navigation #nav_online_shop:hover{background-position: -443px 0}


/*LEVEL 3*/
/*Products sub-sublevel*/
#navigation #nav_men_boards.active, #navigation #nav_men_boards:hover, #navigation #nav_men_boards.hover,
#navigation #nav_women_boards.active, #navigation #nav_women_boards:hover, #navigation #nav_women_boards.hover,
#navigation #nav_junior_boards.active, #navigation #nav_junior_boards:hover, #navigation #nav_junior_boards.hover {
    background-position: -1578px 0px;
}

#navigation #nav_men_boots.active, #navigation #nav_men_boots.hover, #navigation #nav_men_boots:hover,
#navigation #nav_women_boots.active, #navigation #nav_women_boots.hover, #navigation #nav_women_boots:hover,
#navigation #nav_junior_boots.active, #navigation #nav_junior_boots.hover, #navigation #nav_junior_boots:hover {
    background-position: -1625px 0px;
}

#navigation #nav_men_bindings.active, #navigation #nav_men_bindings.hover, #navigation #nav_men_bindings:hover,
#navigation #nav_women_bindings.active, #navigation #nav_women_bindings.hover, #navigation #nav_women_bindings:hover,
#navigation #nav_junior_bindings.active, #navigation #nav_junior_bindings.hover, #navigation #nav_junior_bindings:hover {
    background-position: -1665px 0px;
}

#navigation #nav_men_protection.active, #navigation #nav_men_protection.hover, #navigation #nav_men_protection:hover,
#navigation #nav_women_protection.active, #navigation #nav_women_protection.hover, #navigation #nav_women_protection:hover,
#navigation #nav_junior_protection.active, #navigation #nav_junior_protection.hover, #navigation #nav_junior_protection:hover {
    background-position:  -1720px 0px;
}

#navigation #nav_men_bags.active, #navigation #nav_men_bags.hover, #navigation #nav_men_bags:hover,
#navigation #nav_women_bags.active, #navigation #nav_women_bags.hover, #navigation #nav_women_bags:hover,
#navigation #nav_junior_bags.active, #navigation #nav_junior_bags.hover, #navigation #nav_junior_bags:hover {
    background-position:  -1784px 0px;
}

#navigation #nav_men_register.active, #navigation #nav_men_register.hover, #navigation #nav_men_register:hover,
#navigation #nav_women_register.active, #navigation #nav_women_register.hover, #navigation #nav_women_register:hover,
#navigation #nav_junior_register.active, #navigation #nav_junior_register.hover, #navigation #nav_junior_register:hover {
    background-position:  -1819px 0px;
}
