/* Design Styles for Navigation Elements */

	ul#constants {
		position: relative;
		width: 422px;
		left: 333px;
		*left: 343px;
		padding-top: 18px;
		*padding-top: 15px;
		}
		ul#constants li { 
			display: inline;
			
		}
			ul#constants li a { 
				padding: 5px 7px 5px 8px;
				font-size: .8em;
				color: #5c5850;
				*float: left;
				*position: relative;
			}

			ul#constants li #constantsSelected { color: #d20002; }

	#constantsOverlay {
		position: absolute;
		top: 0;
		left: 200px;
		width: 515px;
		height: 87px;
		background: #fff;
		opacity: .88;
		filter: alpha(opacity=88);
		z-index: 10;
		
	}
			
			 
/* Navigation with Separate Level One and Sublevel Navigation */

#primary-nav {
    height: 30px;
    margin: 15px 3px -2px 0px;
    *margin: 9px 0 0 0;
     border-top: 2px solid #E8E8E6;
}

ul#levelOneNavigation {
    height: 30px; 
    
}

    ul#levelOneNavigation li {
        float: left;
        padding: 0 0 0 46px;
    }   

        ul#levelOneNavigation li span {
            text-indent: -999em;
            background-repeat: no-repeat;
            background-position: 0 0;
            display: block;
            height: 30px;
        }


        ul#levelOneNavigation li a {
            border-top: 2px solid transparent;
            display: block;
            height: 100%;
            margin-top: -2px;
            outline: 0 none;
            padding-top: 1px;
            width: 100%;
        } 

            ul#levelOneNavigation li.selected span {
                background-position: 0 -28px;
            }

             ul#levelOneNavigation li a:hover {
				border-top: 2px solid #5d96bd;
             }
             
             ul#levelOneNavigation li a:hover span {
                cursor: pointer;
            }

	#levelOneNavigation li#new-arrivals {
	 	padding-left: 0px;
	 }
	
	#levelOneNavigation li#deals {
	 	padding-left: 41px;
	 }


     /* navigation elemtents */
    ul#levelOneNavigation li#new-arrivals span {
        background-image: url("../../images/navigation/nav-primary-new-arrivals.gif");
        width: 76px;
    }
    ul#levelOneNavigation li#men span {
        background-image: url("../../images/navigation/nav-primary-men.gif");
        width: 28px;
    }
    ul#levelOneNavigation li#women span {
        background-image: url("../../images/navigation/nav-primary-women.gif");
        width: 47px;
    }

    ul#levelOneNavigation li#biom span {
        background-image: url("../../images/navigation/nav-primary-biom.gif");
        width: 33px;
    }

    ul#levelOneNavigation li#kids span {
        background-image: url("../../images/navigation/nav-primary-kids.gif");
        width: 36px;
    }

    ul#levelOneNavigation li#performance span {
        background-image: url("../../images/navigation/nav-primary-performance.gif");
        width: 80px;
    }

    ul#levelOneNavigation li#golf span {
        background-image: url("../../images/navigation/nav-primary-golf.gif");
        width: 25px;
    }

    ul#levelOneNavigation li#accessories span {
        background-image: url("../../images/navigation/nav-primary-accessories.gif");
        width: 78px;
    }

    ul#levelOneNavigation li#deals span {
        background-image: url("../../images/navigation/nav-primary-sale.gif");
        width: 27px;
    }
		ul.levelTwoNavigation {
			width: 142px;
			}
			ul.levelTwoNavigation li {
				display: inline;
				color: #363531;
				}
				ul.levelTwoNavigation a:link, ul.levelTwoNavigation a:visited {
					display: block;
					padding: 3px 3px;
					margin: 2px 0;
					color: #363531;
					}
					ul.levelTwoNavigation li a#levelTwoSelected, ul.levelTwoNavigation li a.selected {
						color: #D20002 !important;
					}
				#additionalNavSet {
					padding: 10px 0 0 0;
					border-top: 1px solid #dfdeda;
					margin: 12px 0 0 0;
				}
				ul.levelTwoNavigation li ul {
					padding: 1px 0 6px 6px;
					}
					ul.levelTwoNavigation li ul li {
						font-size: .81em;
						}
						ul.levelTwoNavigation li ul li a:link, ul.levelTwoNavigation li ul li a:visited {
							padding: 2px 3px;
							}
							ul.levelTwoNavigation li ul li a#levelThreeSelected {
								color: #D20002;
							}