/* Main Navigation */ #main_nav { width: 100%; position:relative; z-index: 99; height:50px;} .nav_topper { width: 100%; height: 50px; background: url('/img/backgrounds/bg_site_topper.png') no-repeat; } .nav_corners { width: 100%; height: 6px; background: url('/img/navigation/nav_corners.png') no-repeat; position: absolute; left: 22px; top: 76px; z-index: 1; } #main_nav ul { width: 985px; height: 50px; position: absolute; background: url('/img/backgrounds/bg_site_stretch.png') repeat-y; padding: 0 0 0 20px; z-index: 100; } #main_nav ul li { float: left; } #main_nav ul li a { height: 49px; display: block; background: url('/img/navigation/nav_sprites.png') no-repeat; text-indent: -9999px; outline:none; } #main_nav ul li.home { width: 126px; } #main_nav ul li.my_golfer { width: 125px; } #main_nav ul li.friends { width: 125px; } #main_nav ul li.groups { width: 125px; } #main_nav ul li.leaderboards { width: 178px; } #main_nav ul li.courses { width: 125px; } #main_nav ul li.gameguide { width: 177px; } #main_nav ul li.navspacer {height: 49px; width: 350px; background: url('/img/navigation/nav_bit.png') repeat-x; } /* Main Navigation Hover */ #main_nav ul li.home a { background-position: 0px 0px; } #main_nav ul li.home a:hover { background-position: 0px -98px; } #main_nav ul li.home a.selected { background-position: 0px -49px; } #main_nav ul li.my_golfer a { background-position: -126px 0px; } #main_nav ul li.my_golfer a:hover { background-position: -126px -98px; } #main_nav ul li.my_golfer a.selected { background-position: -126px -49px; } #main_nav ul li.friends a { background-position: -251px 0px; } #main_nav ul li.friends a:hover { background-position: -251px -98px; } #main_nav ul li.friends a.selected { background-position: -251px -49px; } #main_nav ul li.groups a { background-position: -376px 0px; } #main_nav ul li.groups a:hover { background-position: -376px -98px; } #main_nav ul li.groups a.selected { background-position: -376px -49px; } #main_nav ul li.leaderboards a { background-position: -501px 0px; } #main_nav ul li.leaderboards a:hover { background-position: -501px -98px; } #main_nav ul li.leaderboards a.selected { background-position: -501px -49px; } #main_nav ul li.courses a { background-position: -679px 0px; } #main_nav ul li.courses a:hover { background-position: -679px -98px; } #main_nav ul li.courses a.selected { background-position: -679px -49px; } #main_nav ul li.gameguide a { background-position: -804px 0px; } #main_nav ul li.gameguide a:hover { background-position: -804px -98px; } #main_nav ul li.gameguide a.selected { background-position: -804px -49px; } /* Tier 2 Sub Navigation */ #main_nav div.wrapper { display: none; position: absolute; top: 50px; width: 200px; z-index: 99; padding: 0 2px 0 1px; background: #fff url('/img/globals/bg_component_corner.png') top right no-repeat; border-bottom: 2px solid #2b4016; border-right: 2px solid #2b4016; } #main_nav .leaderboards .wrapper { right: 50px; } /* Tier 2 Sub Navigation */ #main_nav div.wrapper { display: none; position: absolute; top: 50px; width: 200px; z-index: 99; padding: 0 2px 0 1px; background: #fff url('/img/globals/bg_component_corner.png') top right no-repeat; border-bottom: 2px solid #2b4016; border-right: 2px solid #2b4016; } #main_nav .leaderboards .wrapper { left: 521px; } #main_nav ol { display: block; width: 100%; float: left; overflow: hidden; padding: 1px; } #main_nav ol li { display: block; width: 100%; height: 32px; float: left; border-bottom: 1px solid #cecece; } #main_nav ol li.last { border: none; } #main_nav ol li a { width: 100% !important; background: none !important; text-indent: 5px; font-size: 13px; font-weight: bold; line-height: 32px; color: #333; } #main_nav ol li a:hover { background: url('/img/navigation/bg_sub_nav_hover.png') repeat-x !important; } #main_nav .profile div { width: auto; } /* Tier 2 Sub Navigation Icons */ #main_nav .sub_nav span { width: 25px; height: 19px; display: block; background-image: url('/img/my_golfer/profile_icons.png'); background-repeat: no-repeat; float: left; margin: 6px 5px 0 0; cursor: pointer; } .i_overview span { background-position: 8px 5px; } .i_sponsorships span { background-position: 8px -15px; } .i_appearance span { background-position: 7px -35px; } .i_swingtrainer span { background-position: 7px -55px; } .i_objectives span { background-position: 7px -76px; } .i_collections span { background-position: 7px -675px; } .i_fans span { background-position: 7px -97px; } .i_favorites span { background-position: 7px -116px; } .i_achievements span { background-position: 7px -197px; } .i_search span { background-position: 7px -217px; } .i_cutoverview span { background-position: 7px -237px; } .i_sponsors span { background-position: 7px -257px; } .i_stats span { background-position: 7px -338px; } .i_featured span { background-position: 7px -656px; } .i_inventory span { background-position: 7px -637px; } .i_special span { background-position: 7px -700px; } .i_prestige span { background-position: 7px -675px; } .i_clubs span { background-position: 7px -740px; } .i_balls span { background-position: 7px -760px; } .i_tops span { background-position: 7px -780px; } .i_bottoms span { background-position: 7px -800px; } .i_headwear span { background-position: 7px -820px; } .i_footwear span { background-position: 7px -840px; } .i_alltourn span { background-position: 7px -276px; } .i_dailytourn span { background-position: 7px -296px; } .i_weeklytourn span { background-position: 7px -315px; } .i_careerleader span { background-position: 7px -336px; } .i_groupleader span { background-position: 7px -355px; } .i_courseleader span { background-position: 7px -377px; } .i_friendleader span { background-position: 7px -557px; } /* Tabs */ .section_nav { margin: 0; overflow: hidden; padding: 10px 0px 0; position: relative; top: 2px; } .section_nav ul.tabs { width: 100%; } .section_nav ul li { float: left; margin: 0 4px 0 0; overflow: hidden; position: relative; padding: 1px 1px 0; background-color:#fff; border-color: #b3b3b3 #b3b3b3; border-style: solid solid none; border-width: 1px 1px 0; } .section_nav ul li a { color: #636363; display: block; font-weight: bold; background: #ffffff url(/img/buttons/UserButton_gradient.png) repeat-x 0 bottom; height: 27px; line-height: 26px; padding:0 10px; text-align: center; text-decoration: none; } .section_nav li a.selected { padding-bottom: 0; } .section_nav li a.selected , .section_nav li a:hover { background-color: #e1e1e1; background-image: none; color: #333; height: 28px; } /* Left Side Navigation */ #subnavigation.left_column { position: relative; margin-right: 0; min-height: 410px; background: url('/img/navigation/subnavigation_sprite.png') no-repeat 232px 0; float:left; } #subnavigation .cap { border-style: solid; border-width: 1px 1px 0; border-color: #c8c8c8; background-color: #fff; padding: 1px; width: 229px; } #subnavigation .cap h1 { background-color: #1f4918; height: 2px; display: block; text-indent: -9999px; } #subnavigation > ul li { z-index: 1; height: 33px; width: 233px; position: relative; } #subnavigation > ul li a { text-decoration: none; color: #103201; text-shadow: 0 1px #fff; font-size: 12px; padding: 10px; display: block; background: url('/img/navigation/subnavigation_sprite.png') no-repeat -20px 0px; } #subnavigation > ul li a:hover { z-index: 2; background-position: -20px -40px; color: #fff; } #subnavigation > ul li.selected { font-weight: bold; z-index: 3; width: 234px; } #subnavigation > ul li.selected a { cursor: default; background-position: -20px -80px; color: #333; height: 20px; } .profile_icon { width: 20px; height: 20px; float: left; display: block; overflow: hidden; background-image: url('/img/my_golfer/profile_icons.png'); background-repeat: no-repeat; background-position: 0px 0px;} .prestige_icon { width: 20px; height: 20px; float: left; display: block; overflow: hidden; background-image: url('/img/my_golfer/profile_icons.png'); background-repeat: no-repeat; background-position: 0px -680px;} .mygear_icon { width: 20px; height: 20px; float: left; display: block; overflow: hidden; background-image: url('/img/my_golfer/profile_icons.png'); background-repeat: no-repeat; background-position: 0px -640px;}