/* STYLESHEET FOR THE NAVIGATION OF XBLADES */ /*XPERTS MENU BUTTONS */ #xp_menu { margin: 0; padding: 0; } #xp_menu li { display: inline; } #xp_menu li a { float: left; width: 97px; height: 0; padding-top: 52px; overflow: hidden; } #xp_menu li a { background:url(images/xperts/xperts_buttons.jpg); background-repeat: no-repeat; } /* NORMAL STATES */ #xp_menu li#vital_statistics a { background-position: 0 0; } #xp_menu li#pics a { width: 70px; background-position: -97px 0; } #xp_menu li#a_day_in_my_life a { width: 100px; background-position: -167px 0; } #xp_menu li#questions a { width: 109px; background-position: -267px 0; } #xp_menu li#my_gear a { width: 101px; background-position: -376px 0; } #xp_menu li#join_my_crew a { width: 115px; background-position: -477px 0; } /* OVER STATES */ #xp_menu li#vital_statistics a:hover { background-position: 0 -51px; } #xp_menu li#pics a:hover { background-position: -97px -51px; } #xp_menu li#a_day_in_my_life a:hover { background-position: -167px -51px; } #xp_menu li#questions a:hover { background-position: -267px -51px; } #xp_menu li#my_gear a:hover { background-position: -376px -51px; } #xp_menu li#join_my_crew a:hover { background-position: -477px -51px; } /*FOOTWEAR SUB NAV BUTTONS */ #s_nav_footwear { margin: 0; padding: 0; background:url(images/nav/footwear_sub_nav.jpg) left top no-repeat; height:43px; } #s_nav_footwear li { display: inline; } #s_nav_footwear li a { float: left; width: 85px; height: 0; padding-top: 43px; overflow: hidden; } #s_nav_footwear li a { background:url(images/nav/footwear_sub_nav.jpg); background-repeat: no-repeat; } /* NORMAL STATES */ #s_nav_footwear li#menu1 a { background-position: 0 0; } #s_nav_footwear li#menu2 a { width: 53px; background-position: -85px 0; } #s_nav_footwear li#menu3 a { width: 79px; background-position: -138px 0; } #s_nav_footwear li#menu4 a { width: 72px; background-position: -217px 0; } #s_nav_footwear li#menu5 a { width: 77px; background-position: -289px 0; } /* OVER STATES */ #s_nav_footwear li#menu1 a:hover { background-position: 0 -43px; } #s_nav_footwear li#menu2 a:hover { background-position: -85px -43px; } #s_nav_footwear li#menu3 a:hover { background-position: -138px -43px; } #s_nav_footwear li#menu4 a:hover { background-position: -217px -43px; } #s_nav_footwear li#menu5 a:hover { background-position: -289px -43px; } /* FOOTWEAR -- MAIN NAV BUTTONS */ #sidebar_nav_footwear { margin: 0; padding: 0; background:url(images/nav/footwear_bench_nav.jpg) left top no-repeat; height:136px; } #sidebar_nav_footwear li { display:inline; } #sidebar_nav_footwear li a { float: left; clear:left; width: 0; height: 34px; padding-left: 185px; overflow: hidden; } #sidebar_nav_footwear li a { background:url(images/nav/footwear_bench_nav.jpg); background-repeat: no-repeat; } /* NORMAL STATES */ #sidebar_nav_footwear li#menu1 a { background-position: 0 0; } #sidebar_nav_footwear li#menu2 a { background-position: 0px -34px; } #sidebar_nav_footwear li#menu3 a { background-position: 0px -68px; } #sidebar_nav_footwear li#menu4 a { background-position: 0px -102px; } #sidebar_nav_footwear li#menu5 a { background-position: 0px -134px; } #sidebar_nav_footwear li#menu6 a { background-position: 0px -168px; } /* OVER STATES */ #sidebar_nav_footwear li#menu1 a:hover { background-position: -185px 0; } #sidebar_nav_footwear li#menu2 a:hover { background-position: -185px -34px; } #sidebar_nav_footwear li#menu3 a:hover { background-position: -185px -68px; } #sidebar_nav_footwear li#menu4 a:hover { background-position: -185px -102px; } #sidebar_nav_footwear li#menu5 a:hover { background-position: -185px -134px; } #sidebar_nav_footwear li#menu6 a:hover { background-position: -185px -168px; } /* FOOTWEAR HOME -- MAIN NAV BUTTONS */ #sidebar_nav_footwear_home { margin: 0; padding: 0; background:url(images/nav/footwear_home_nav.jpg) left top no-repeat; height:136px; } #sidebar_nav_footwear_home li { display:inline; } #sidebar_nav_footwear_home li a { float: left; clear:left; width: 0; height: 34px; padding-left: 185px; overflow: hidden; } #sidebar_nav_footwear_home li a { background:url(images/nav/footwear_home_nav.jpg); background-repeat: no-repeat; } /* NORMAL STATES */ #sidebar_nav_footwear_home li#menu1 a { background-position: 0 0; } #sidebar_nav_footwear_home li#menu2 a { background-position: 0px -34px; } #sidebar_nav_footwear_home li#menu3 a { background-position: 0px -68px; } #sidebar_nav_footwear_home li#menu4 a { background-position: 0px -102px; } #sidebar_nav_footwear_home li#menu5 a { background-position: 0px -134px; } #sidebar_nav_footwear_home li#menu6 a { background-position: 0px -168px; } /* OVER STATES */ #sidebar_nav_footwear_home li#menu1 a:hover { background-position: -185px 0; } #sidebar_nav_footwear_home li#menu2 a:hover { background-position: -185px -34px; } #sidebar_nav_footwear_home li#menu3 a:hover { background-position: -185px -68px; } #sidebar_nav_footwear_home li#menu4 a:hover { background-position: -185px -102px; } #sidebar_nav_footwear_home li#menu5 a:hover { background-position: -185px -134px; } #sidebar_nav_footwear_home li#menu6 a:hover { background-position: -185px -168px; } /* BALLS -- MAIN NAV BUTTONS */ #sidebar_nav_balls { margin: 0; padding: 0; background:url(images/nav/balls_nav.jpg) left top no-repeat; height:136px; } #sidebar_nav_balls li { display:inline; } #sidebar_nav_balls li a { float: left; clear:left; width: 0; height: 34px; padding-left: 185px; overflow: hidden; } #sidebar_nav_balls li a { background:url(images/nav/balls_nav.jpg); background-repeat: no-repeat; } /* NORMAL STATES */ #sidebar_nav_balls li#menu1 a { background-position: 0 0; } #sidebar_nav_balls li#menu2 a { background-position: 0px -34px; } #sidebar_nav_balls li#menu3 a { background-position: 0px -68px; } #sidebar_nav_balls li#menu4 a { background-position: 0px -102px; } #sidebar_nav_balls li#menu5 a { background-position: 0px -134px; } #sidebar_nav_balls li#menu6 a { background-position: 0px -168px; } /* OVER STATES */ #sidebar_nav_balls li#menu1 a:hover { background-position: -185px 0; } #sidebar_nav_balls li#menu2 a:hover { background-position: -185px -34px; } #sidebar_nav_balls li#menu3 a:hover { background-position: -185px -68px; } #sidebar_nav_balls li#menu4 a:hover { background-position: -185px -102px; } #sidebar_nav_balls li#menu5 a:hover { background-position: -185px -134px; } #sidebar_nav_balls li#menu6 a:hover { background-position: -185px -168px; } /* WESTS TIGERS -- MAIN NAV BUTTONS */ #sidebar_nav_wests_tigers { margin: 0; padding: 0; background:url(images/nav/west_tigers_nav.jpg) left top no-repeat; height:136px; } #sidebar_nav_wests_tigers li { display:inline; } #sidebar_nav_wests_tigers li a { float: left; clear:left; width: 0; height: 34px; padding-left: 185px; overflow: hidden; } #sidebar_nav_wests_tigers li a { background:url(images/nav/west_tigers_nav.jpg); background-repeat: no-repeat; } /* NORMAL STATES */ #sidebar_nav_wests_tigers li#menu1 a { background-position: 0 0; } #sidebar_nav_wests_tigers li#menu2 a { background-position: 0px -34px; } #sidebar_nav_wests_tigers li#menu3 a { background-position: 0px -68px; } #sidebar_nav_wests_tigers li#menu4 a { background-position: 0px -102px; } #sidebar_nav_wests_tigers li#menu5 a { background-position: 0px -134px; } #sidebar_nav_wests_tigers li#menu6 a { background-position: 0px -168px; } /* OVER STATES */ #sidebar_nav_wests_tigers li#menu1 a:hover { background-position: -185px 0; } #sidebar_nav_wests_tigers li#menu2 a:hover { background-position: -185px -34px; } #sidebar_nav_wests_tigers li#menu3 a:hover { background-position: -185px -68px; } #sidebar_nav_wests_tigers li#menu4 a:hover { background-position: -185px -102px; } #sidebar_nav_wests_tigers li#menu5 a:hover { background-position: -185px -134px; } #sidebar_nav_wests_tigers li#menu6 a:hover { background-position: -185px -168px; } /* PROTECTIVE WEAR -- MAIN NAV BUTTONS */ #sidebar_nav_protective_wear { margin: 0; padding: 0; background:url(images/nav/protective_wear_nav.jpg) left top no-repeat; height:136px; } #sidebar_nav_protective_wear li { display:inline; } #sidebar_nav_protective_wear li a { float: left; clear:left; width: 0; height: 34px; padding-left: 185px; overflow: hidden; } #sidebar_nav_protective_wear li a { background:url(images/nav/protective_wear_nav.jpg); background-repeat: no-repeat; } /* NORMAL STATES */ #sidebar_nav_protective_wear li#menu1 a { background-position: 0 0; } #sidebar_nav_protective_wear li#menu2 a { background-position: 0px -34px; } #sidebar_nav_protective_wear li#menu3 a { background-position: 0px -68px; } #sidebar_nav_protective_wear li#menu4 a { background-position: 0px -102px; } #sidebar_nav_protective_wear li#menu5 a { background-position: 0px -134px; } #sidebar_nav_protective_wear li#menu6 a { background-position: 0px -168px; } /* OVER STATES */ #sidebar_nav_protective_wear li#menu1 a:hover { background-position: -185px 0; } #sidebar_nav_protective_wear li#menu2 a:hover { background-position: -185px -34px; } #sidebar_nav_protective_wear li#menu3 a:hover { background-position: -185px -68px; } #sidebar_nav_protective_wear li#menu4 a:hover { background-position: -185px -102px; } #sidebar_nav_protective_wear li#menu5 a:hover { background-position: -185px -134px; } #sidebar_nav_protective_wear li#menu6 a:hover { background-position: -185px -168px; } /* PLAYERS -- MAIN NAV BUTTONS */ #sidebar_nav_players { margin: 0; padding: 0; background:url(images/nav/players_nav.jpg) left top no-repeat; height:136px; } #sidebar_nav_players li { display:inline; } #sidebar_nav_players li a { float: left; clear:left; width: 0; height: 34px; padding-left: 185px; overflow: hidden; } #sidebar_nav_players li a { background:url(images/nav/players_nav.jpg); background-repeat: no-repeat; } /* NORMAL STATES */ #sidebar_nav_players li#menu1 a { background-position: 0 0; } #sidebar_nav_players li#menu2 a { background-position: 0px -34px; } #sidebar_nav_players li#menu3 a { background-position: 0px -68px; } #sidebar_nav_players li#menu4 a { background-position: 0px -102px; } #sidebar_nav_players li#menu5 a { background-position: 0px -134px; } #sidebar_nav_players li#menu6 a { background-position: 0px -168px; } /* OVER STATES */ #sidebar_nav_players li#menu1 a:hover { background-position: -185px 0; } #sidebar_nav_players li#menu2 a:hover { background-position: -185px -34px; } #sidebar_nav_players li#menu3 a:hover { background-position: -185px -68px; } #sidebar_nav_players li#menu4 a:hover { background-position: -185px -102px; } #sidebar_nav_players li#menu5 a:hover { background-position: -185px -134px; } #sidebar_nav_players li#menu6 a:hover { background-position: -185px -168px; } /* PLAYERS -- MAIN NAV BUTTONS */ #sidebar_nav_lifestyling { margin: 0; padding: 0; background:url(images/nav/lifestyling_nav.jpg) left top no-repeat; height:136px; } #sidebar_nav_lifestyling li { display:inline; } #sidebar_nav_lifestyling li a { float: left; clear:left; width: 0; height: 34px; padding-left: 185px; overflow: hidden; } #sidebar_nav_lifestyling li a { background:url(images/nav/lifestyling_nav.jpg); background-repeat: no-repeat; } /* NORMAL STATES */ #sidebar_nav_lifestyling li#menu1 a { background-position: 0 0; } #sidebar_nav_lifestyling li#menu2 a { background-position: 0px -34px; } #sidebar_nav_lifestyling li#menu3 a { background-position: 0px -68px; } #sidebar_nav_lifestyling li#menu4 a { background-position: 0px -102px; } #sidebar_nav_lifestyling li#menu5 a { background-position: 0px -134px; } #sidebar_nav_lifestyling li#menu6 a { background-position: 0px -168px; } /* OVER STATES */ #sidebar_nav_lifestyling li#menu1 a:hover { background-position: -185px 0; } #sidebar_nav_lifestyling li#menu2 a:hover { background-position: -185px -34px; } #sidebar_nav_lifestyling li#menu3 a:hover { background-position: -185px -68px; } #sidebar_nav_lifestyling li#menu4 a:hover { background-position: -185px -102px; } #sidebar_nav_lifestyling li#menu5 a:hover { background-position: -185px -134px; } #sidebar_nav_lifestyling li#menu6 a:hover { background-position: -185px -168px; } /* DEFAULT -- MAIN NAV BUTTONS */ #sidebar_nav_default { margin: 0; padding: 0; background:url(images/nav/default_nav.jpg) left top no-repeat; height:136px; } #sidebar_nav_default li { display:inline; } #sidebar_nav_default li a { float: left; clear:left; width: 0; height: 34px; padding-left: 185px; overflow: hidden; } #sidebar_nav_default li a { background:url(images/nav/default_nav.jpg); background-repeat: no-repeat; } /* NORMAL STATES */ #sidebar_nav_default li#menu1 a { background-position: 0 0; } #sidebar_nav_default li#menu2 a { background-position: 0px -34px; } #sidebar_nav_default li#menu3 a { background-position: 0px -68px; } #sidebar_nav_default li#menu4 a { background-position: 0px -102px; } #sidebar_nav_default li#menu5 a { background-position: 0px -134px; } #sidebar_nav_default li#menu6 a { background-position: 0px -168px; } /* OVER STATES */ #sidebar_nav_default li#menu1 a:hover { background-position: -185px 0; } #sidebar_nav_default li#menu2 a:hover { background-position: -185px -34px; } #sidebar_nav_default li#menu3 a:hover { background-position: -185px -68px; } #sidebar_nav_default li#menu4 a:hover { background-position: -185px -102px; } #sidebar_nav_default li#menu5 a:hover { background-position: -185px -134px; } #sidebar_nav_default li#menu6 a:hover { background-position: -185px -168px; } /* NEW NAV */ /* NAVIGATION */ #navigation { float:left; clear:left; height:400px; z-index:0; padding:0px 0 0 0; } #navigation ul { list-style:none; padding:0; margin;0; } #nav { float:left; clear:none; color:#585149; font-size:11px; height:190px; width:200px; } #nav ul { padding:0; width:200px; position:absolute; margin:0; } #nav li { list-style:none; display:block; height:35px; width:130px; float: left; font-size:11px; } #nav li.tech a { width:110px; } #nav li.tech a:hover { background:#EECE01 url(images/arrow-yellow.jpg) no-repeat right; width:90px; } #nav li.tech.current a{ background:#FFF url(images/arrow-white.jpg) no-repeat right; } #nav li.foot a { width:90px; } #nav li.foot a:hover { background:#EECE01 url(images/arrow-yellow.jpg) no-repeat right; width:80px; } #nav li.foot.current a{ background:#FFF url(images/arrow-white.jpg) no-repeat right; } #nav li.team a { width:120px; } #nav li.team a:hover { background:#EECE01 url(images/arrow-yellow.jpg) no-repeat right; width:110px; } #nav li.team.current a{ background:#FFF url(images/arrow-white.jpg) no-repeat right; } #nav li.acc a { width:110px; } #nav li.acc a:hover { background:#EECE01 url(images/arrow-yellow.jpg) no-repeat right; width:100px; } #nav li.acc.current a{ background:#FFF url(images/arrow-white.jpg) no-repeat right; } #nav li.blades a { width:130px; } #nav li.blades a:hover { background:#EECE01 url(images/arrow-yellow.jpg) no-repeat right; width:120px; } #nav li.blades.current a{ background:#FFF url(images/arrow-white.jpg) no-repeat right; } #nav li.player a { width:80px; } #nav li.player a:hover { background:#EECE01 url(images/arrow-yellow.jpg) no-repeat right; width:70px; } #nav li.player.current a{ background:#FFF url(images/arrow-white.jpg) no-repeat right; } #nav a { color:#000; text-transform:uppercase; text-decoration:none; display:block; padding:0 10px 0 20px; list-style:none; height:13px; width:110px; float: left; background:#EECE01; font-family:Arial, Helvetica, sans-serif; font-weight:bold; } #nav li a:hover { display:block; width:110px; height:13px; padding:0 10px 0 20px; background:#FFF; } #nav, #nav ul { z-index:998; } #nav li.page_item ul a, #nav.children li.cat_item ul a { background:#EA8131; color:#FFF; width:155px; height:13px; } #nav li ul, #nav.children li ul { position: absolute; left: -999em; height: 15.9em; width: 23.9em; w\idth: 23.9em; font-weight: normal; margin: 0px 6px -5px 0px; display: inline; _margin: 0px 6px -5px 0px; } #nav li li, #nav.children li li { width:auto; height:13px; margin:0; border-bottom:thin solid #FFF; } #nav li ul a, #nav.children li ul a { width: 11.1em; background:#1b75b9; color:#FFF; } #nav li ul ul { margin: -1.75em 0 0 0px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }