/*
Title:      Navigation & Sub navigation formating
Author:     Julie Imbault, julie.imbault@nurun.com
Updated:    July 03 2008

Content: 	Main Navigation Image 
			Main Navigation Formating			
				Sub Navigation Formating - First Level
				Sub Navigation Formating - Second Level
				Sub Navigation Formating - Third Level
				Sub Navigation Formating - Fourth Level				
				Sub Navigation Alignment
				IE6 Navigation patch (set from javascript)

*/

/* ---[ Main Navigation Formating ]------------------------------- */
#nav {
	width: 640px;
	margin-left: auto;
	margin-right: auto;	
	height: 28px;
	z-index: 6;
	}
#nav.errorNav {
	background: url(../images/logo_sea-doo.gif) no-repeat 3px 20px;
	}
#nav.cultureSectionNav {
	background: url(../../en-US/images/logo_sea-doo.gif) no-repeat 3px 20px;
	}
#main-nav {
	width: 100%;
	height: 28px;
	z-index:100;
	}
#main-nav .selectedNode a{
	color:#39679b;
	}

#main-nav #watercrafts ul.level-2,
#main-nav #sportboats ul.level-2,
#main-nav #watercrafts ul.level-3,
#main-nav #sportboats ul.level-3{
	min-height:232px;
	_height:250px;
	}
#main-nav #watercrafts ul.level-4,
#main-nav #sportboats ul.level-4 {
	min-height:233px;
	_height:251px;
	}
/* ---[ Sub Navigation Formating - First Level ]------------------------------- */
#main-nav ul#main-nav-container {
	position: absolute;
	display: block;	
	height: 28px;
	z-index: 6;

	}
	
#main-nav ul li {
	float: left;
	display: block;
	padding: 2px 5px 0 1px;
	margin: 0;
	background: url(http://www.jetpilotbr.com.br/site/imagens/nav_line_vertical.gif) no-repeat top right;
}
	
		
#main-nav ul li a {
	float: left; /*IE6*/
	display: block;
	height: 28px;
	padding: 5px 10px 0 10px;
	background: none;
	text-decoration:none;
} 
#main-nav ul li  ul li a {
    height:auto;
}

#main-nav ul li a:hover {
    color: #39679b;
	text-decoration: none;
}
	
#main-nav ul li#home {
	padding-left: 0px;
	margin-left: 0;
}
jhf#main-nav ul.level-2 li.backgroundGrey a {
	font-weight:bold;
	

	}

#main-nav ul.level-2 li.backgroundGrey {
	background-color:#efefef;
	}
/* ---[ Sub Navigation Formating - Second Level ]------------------------------- */
#main-nav ul.level-2{
    position: absolute;
	display: none;
	padding-bottom:15px;
	top: 32px;
	left: 0px;
	width: 154px;
	background: url(http://www.jetpilotbr.com.br/site/imagens/bkg_navigation.png) no-repeat bottom left;
	_background: url(http://www.jetpilotbr.com.br/site/imagens/bkg_navigation.gif) no-repeat bottom left;
	z-index: 6;
}
#main-nav ul.level-2 li a {
	color:#8F8F8F;
	width:137px;
	_width:134px;
	}
#main-nav ul.level-2 li a:hover {
	color:#39679b;
	}
#main-nav ul.level-2 li.navOver,
#main-nav ul.level-2 li:hover{
	background-color:#ffffff;
	}
	
#main-nav ul.level-2 li
{
    position:static;
    clear:both;
    width: 147px;
    margin:0 4px;
	_margin:0 2px;
	background:none;
	border-bottom:solid 1px #ffffff;
	padding:6px 2px 6px 0;
    }

#main-nav ul li:hover > ul.level-2 {
	display: block; 
}

#main-nav #main-nav-container li.navOver ul.level-2 {
	display:block;
}
	
/* ---[ Sub Navigation Formating - Third Level ]------------------------------- */

#main-nav ul.level-3 li { 
	width: 148px;
	margin:0;
	position:static;
	}
	
#main-nav ul.level-3 {
	position: absolute;
	display: none;
	top: 0;
	left: 150px;
	width: 151px!important;
	background: url(http://www.jetpilotbr.com.br/site/imagens/bkg_navigation_level3.png) no-repeat bottom left;
	_background: url(http://www.jetpilotbr.com.br/site/imagens/bkg_navigation_level3.gif) no-repeat bottom left;
	z-index: 6;
	padding-bottom:15px;
}
#main-nav #gearAndAccessories ul.level-3 {
	
	}
#main-nav ul.level-2 li.navOver ul.level-3
{
    display:block;
    }
#main-nav ul li:hover > ul.level-3 {
	display: block; 
}


/* ---[ Sub Navigation Formating - Fourth Level ]------------------------------- */
#main-nav ul.level-4 {
	position: absolute;
	display: none;
	
	top:0;
	left: 149px;
	width: 170px;
	background: url(http://www.jetpilotbr.com.br/site/imagens/bkg_navigation_level4.png) no-repeat bottom left;
	_background: url(http://www.jetpilotbr.com.br/site/imagens/bkg_navigation_level4.gif) no-repeat bottom left;
	z-index: 6;
	padding-bottom:15px;
	}
#main-nav ul.level-4 li {
	margin:0;
	padding:8px;
	background:none;
	text-align:left;
	width:142px;
	border:none;
	}
#main-nav ul.level-4 li:hover {
	background:none;
	}
	#main-nav ul.level-4 li img {
		text-align:left;
		}
	#main-nav ul.level-4 li a {
		text-transform:none;
		width:142px;
		font-size:90%;
		padding:0;
		}
    #main-nav ul.level-4 li a:hover {
        background:none;
        }
	#main-nav ul.level-4 li span {
		color:#39679b;
		font-size:130%;
		}
		
#main-nav ul.level-3 li.navOver ul.level-4
{
    display:block;
    }
#main-nav ul li:hover > ul.level-4 {
	display: block; 
}