﻿.sitemenuwrapper
{
    padding-top: 27px;
    padding-left: 3px;
    z-index: 10;
}

ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative; /*--Important--*/
	z-index:10;
}
ul#topnav li a {
	float: left;
	text-indent: -9999px; /*--Push text off of page--*/
	height: 32px;
}

ul#topnav a.sitemenutopitem{
    margin-right:28px;
}

ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; } /*--Hover State--*/
ul#topnav a.home {
	background: url(images/sitemenu/TopNav_Heelys.png) no-repeat left top;
	width: 158px;
	margin-left:15px;
	
}
ul#topnav a.products {
	background: url(images/sitemenu/TopNav_Products.png) no-repeat left top;
	width: 158px;
}
ul#topnav a.community {
	background: url(images/sitemenu/TopNav_Community.png) no-repeat left top;
	width: 180px;
}
ul#topnav a.sale {
	background: url(images/sitemenu/TopNav_Shop.png) no-repeat left top;
	width: 92px;
}
ul#topnav a.info {
	background: url(images/sitemenu/TopNav_Contact.png) no-repeat left top;
	width: 142px;
}

ul#topnav li .sitemenusubitems {
	position: absolute; /*--Important--*/
	top: 32px; 
	left: -25px;	
	padding: 0px 0px 0px 0px;
	float: left;	
	display: none; /*--Hidden for those with js turned off--*/
}

ul#topnav li .sitemenusubproducts
{
    left: -205px;
}

ul#topnav li .sitemenusubinfo
{
    left: -760px;
}

ul#topnav li .sitemenusubsale
{
    left: -600px;
}

ul#topnav li .sitemenusubcommunity
{
    left: -390px;
}

ul#topnav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 5px;
}

ul#topnav li .sitemenusubitems ul{
	list-style: none;
    margin-top:-8px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:3px;
	padding: 0;		
	float: left;
}

.sitemenusubitemProductsLeftcap
{
    width:159px;
}

.sitemenusubitemFootwear
{
    width:156px;
}

.sitemenusubitemAcces
{
    width:185px;
}

.sitemenusubitemProductsRightcap
{
    width:410px;
}


.sitemenusubitemCommunityLeftcap
{
    width:70px;
}

.sitemenusubitemTheBasics
{
    width:101px;
}

.sitemenusubitemTricktionary
{
    width:143px;
}

.sitemenusubitemFacebook
{
    width:166px;
}

.sitemenusubitemTwitter
{
    width:143px;
}

.sitemenusubitemYouTube
{
    width:160px;
}

.sitemenusubitemLatestNews
{
    width:94px;
}

.sitemenusubitemCommunityRightcap
{
    width:125px;
}



.sitemenusubitemShopLeftcap
{
    width:150px;
}

.sitemenusubitemShopUS
{
    width:197px;
}

.sitemenusubitemShopINT
{
    width:204px;
}

.sitemenusubitemShopHeelys
{
    width:177px;
}

.sitemenusubitemShopRightcap
{
    width:180px;
}


.sitemenusubitemInfoLeftcap
{
    width:65px;
}

.sitemenusubitemInfoLatestNews
{
    width:190px;
}

.sitemenusubitemInfoInvestors
{
    width:160px;
}

.sitemenusubitemInfoInternational
{
    width:205px;
}

.sitemenusubitemInfoCareers
{
    width:140px;
}

.sitemenusubitemInfoFAQ
{
    width:75px;
}

.sitemenusubitemInfoRighttcap
{
    width:65px;
}

ul#topnav .sitemenusubitems ul li.leftcap
{
    /*background-position: left top;*/
    
    
}
ul#topnav .sitemenusubitems ul li.rightcap
{
    /*background-position: left bottom;*/
    
}

ul#topnav .sitemenusubitems
{
    background: url(images/sitemenu/SubNav_Background.png) no-repeat left center;    
    display:block;        
    height:42px;    
}

ul#topnav .sitemenusubitems ul li {
	width: 100%; /*--Override parent list item--*/
	height:42px;
    padding-top: 0px;
    padding-bottom: 0px;
	color: #fff;
	
}



ul#topnav .sitemenusubitems ul li h2 { /*--Sub nav heading style--*/
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topnav .sitemenusubitems ul li h2 a { /*--Sub nav heading link style--*/
	padding: 5px 0;
	background-image: none;
	color: #e8e000;
}
ul#topnav .sitemenusubitems ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	background: url(navlist_arrow.png) no-repeat 5px 12px;
	padding: 3px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
}
ul#topnav .sitemenusubitems ul li a:hover {
	color: #ddd;
	background-position: 5px 12px ;/*--Override background position--*/
}

/*Submenu items image file setup*/
.sitemenusubitem_Image:hover 
{
    background-position: left bottom;
    cursor: pointer;
}

.sitemenusubitemFootwear_Image
{
    width:156px;
    height:25px;    
    background: url(images/sitemenu/SubNav_Products_Footwear.png) no-repeat top left;    
}

.sitemenusubitemAcces_Image
{    
    width:180px;
    height:25px;    
    background: url(images/sitemenu/SubNav_Products_Accessories.png) no-repeat top left;    
}

.sitemenusubitemTheBasics_Image
{
    width:101px;
    height:25px;    
    background: url(images/sitemenu/SubNav_Community_Basics.png) no-repeat top left;    
}

.sitemenusubitemTricktionary_Image
{
    width:143px;
    height:25px;    
    background: url(images/sitemenu/SubNav_Community_skate101.png) no-repeat top left;    
}

.sitemenusubitemFacebook_Image
{
    width:166px;
    height:25px;    
    background: url(images/sitemenu/SubNav_Community_Facebook.png) no-repeat top left;    
}

.sitemenusubitemTwitter_Image
{
    width:143px;
    height:25px;    
    background: url(images/sitemenu/SubNav_Community_Twitter.png) no-repeat top left;    
}

.sitemenusubitemYouTube_Image
{
    width:160px;
    height:25px;    
    background: url(images/sitemenu/SubNav_Community_YouTube.png) no-repeat top left;    
}

.sitemenusubitemLatestNews_Image
{
    width:94px;
    height:25px;    
    background: url(images/sitemenu/SubNav_Community_News.png) no-repeat top left;    
}

.sitemenusubitemShopUS_Image
{
    width:197px;
    height:25px;    
    background: url(images/sitemenu/SubNav_Shop_US.png) no-repeat top left;    
}

.sitemenusubitemShopINT_Image
{
    width:204px;
    height:25px;    
    background: url(images/sitemenu/SubNav_Shop_International.png) no-repeat top left;    
}

.sitemenusubitemShopHeelys_Image
{
    width:177px;
    height:25px;    
    background: url(images/sitemenu/SubNav_Shop_Heelys.png) no-repeat top left;    
}


.sitemenusubitemInfoLatestNews_Image
{      
    width:190px;
    height:20px;    
    background: url(images/sitemenu/SubNav_Info_LatestNews.png) no-repeat top left;    
}

.sitemenusubitemInfoInvestors_Image
{
    width:160px;
    height:20px;    
    background: url(images/sitemenu/SubNav_Info_Investorspng.png) no-repeat top left;    
    
}

.sitemenusubitemInfoInternational_Image
{
    width:210px;
    height:20px;    
    background: url(images/sitemenu/SubNav_Info_International.png) no-repeat top left;    
}

.sitemenusubitemInfoCareers_Image
{
    width:140px;
    height:20px;    
    background: url(images/sitemenu/SubNav_Info_Careers.png) no-repeat top left;    
}

.sitemenusubitemInfoFAQ_Image
{
    width:75px;
    height:20px;    
    background: url(images/sitemenu/SubNav_Info_FAQ.png) no-repeat top left;    
}


