/* Horizontal Menu*/

#nav{
	position: absolute;
	top:135px;
	width: 950px;
	padding: 0px 10px;
/*	background: url(images/bg_main_nav.jpg) top left repeat-x;
	height: 48px;*/
	background: url(images/nav_bgdropdown2.png) top left repeat-x;
	
	
	height: 60px;
	z-index:99;
	text-align:center;
	
}



#nav ul {	
	padding:0;
	margin:0px;
	list-style:none;
	width:auto;

}

#nav ul.Level0{
	display:block;


}

#nav li {
	/* avoid padding and margin, to avoid IE6 complication*/
	position: relative;
	float:left;
	list-style: none;
}
#nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	top:0px;


}

#nav a, #nav a span{
	/* avoid padding and margin */
	font-size:1.2em;
	display:block;
	text-decoration:none;
	text-align:left;
	font-weight:bold;
	height: 46px;
	background: black url(images/bg-nav-main.jpg) top left;
	color: #0C0;
	width: 100px;
	text-indent: -999em;
	overflow:hidden;
	cursor: pointer;
}



#nav a span{
	display: block;
	position: absolute;
	top: 0; left: 0;

	
}

#nav a span{
	display:none;	
}



#nav a:hover{
	background: black url(images/bg-nav-main.jpg) bottom left;
}


#nav  li.SelectedTab a:hover { 	
	
}
#nav li.SelectedTab a{ 
	color: #999999;
	background-color: #FFF; 
}




/**************** Sliding Door Example **********************/
#nav li#nav36 a{ width: 90px; background-position: 0px 0px;}
#nav li#nav72 a{ width: 100px; background-position: -90px 0px;}
#nav li#nav73 a{ width: 90px; background-position: -190px 0px;}
#nav li#nav74 a {width: 110px; background-position: -280px 0px;}
#nav li#nav75 a{ width: 110px; background-position: -390px 0px;}
#nav li#nav76 a{ width: 160px; background-position: -500px 0px;}
#nav li#nav77 a{ width: 90px; background-position: -660px 0px;}
#nav li#nav78 a{ width: 90px; background-position: -750px 0px;}
#nav li#nav66 a{ background: black url(images/bg-nav-member.jpg) -10px 1px;}


/**
#nav li#nav36 a:hover, #nav li#nav36.SelectedTab a{ background-position: 0px 47px;}
#nav li#nav72 a:hover, #nav li#nav72.SelectedTab a{ background-position: -90px 47px;}
#nav li#nav73 a:hover, #nav li#nav73.SelectedTab a{ background-position: -190px 47px;}
#nav li#nav74 a:hover, #nav li#nav74.SelectedTab a{ background-position: -280px 47px;}
#nav li#nav75 a:hover, #nav li#nav75.SelectedTab a{ background-position: -390px 47px;}
#nav li#nav76 a:hover, #nav li#nav76.SelectedTab a{ background-position: -500px 47px;}
#nav li#nav77 a:hover, #nav li#nav77.SelectedTab a{ background-position: -660px 47px;}
#nav li#nav78 a:hover, #nav li#nav78.SelectedTab a{ background-position: -750px 47px;}


**/

/*hid memeber

#nav li#nav66{
	display:none;
}
*/

#nav li#nav36.SelectedTab a{ background-position: 0px 47px;}
#nav li#nav72.SelectedTab a{ background-position: -90px 47px;}
#nav li#nav73.SelectedTab a{ background-position: -190px 47px;}
#nav li#nav74.SelectedTab a{ background-position: -280px 47px;}
#nav li#nav75.SelectedTab a{ background-position: -390px 47px;}
#nav li#nav76.SelectedTab a{ background-position: -500px 47px;}
#nav li#nav77.SelectedTab a{ background-position: -660px 47px;}
#nav li#nav78.SelectedTab a{ background-position: -750px 47px;}

#nav li#nav66.SelectedTab  a{ background: black url(images/bg-nav-member.jpg) -10px 48px;}

#nav li#nav36 a span{ width: 90px; background-position: 0px 47px;}
#nav li#nav72 a span{ width: 100px; background-position: -90px 47px;}
#nav li#nav73 a span{ width: 90px; background-position: -190px 47px;}
#nav li#nav74 a span{ width: 110px; background-position: -280px 47px;}
#nav li#nav75 a span{ width: 110px; background-position: -390px 47px;}
#nav li#nav76 a span{ width: 160px; background-position: -500px 47px;}
#nav li#nav77 a span{ width: 90px; background-position: -660px 47px;}
#nav li#nav78 a span{ width: 90px; background-position: -750px 47px;}
#nav li#nav66 a span{ background: black url(images/bg-nav-member.jpg) -10px 48px;}



#nav li .over {
	 text-indent: -999em;
}

/*Second Level Navigation*/

#nav ul{
	margin-bottom: 0px;	
}


#nav li ul{
	padding: 1px 1px 1px 1px;
	background: #666 !important;
	width: 200px;
	top:44px !important;
	display:none;

}

.admin #nav li ul{
	display:block;	
}

#nav li li a{
	z-index: 100;
	text-align:left;
	background: #333 !important;
	color: #CCC;
	width: 190px !important;
	padding: 3px 5px;
	height:auto;
	text-indent: 0px;
	overflow: visible;
	font-size: 12px;
	border-bottom: 1px solid #666 !important;

}



#nav li li a:hover {
	color: white;
	
}

#nav li li ul{

	top:-2px !important;
	

}




/************ Remain Hover State while browsing higher level Menu **********/

#nav li:hover a, #nav  li.iehover a{  

}









/* 3rd Level */
#nav li li ul{
	display:block;
}


#nav li li li a {

}
#nav .DisabledTab {
	color:#ccc;
}
/* no need to change these hover classes
unless you need more than 4 levels */
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.iehover ul ul,
#nav li.iehover ul ul ul,
#nav li.iehover ul ul ul ul,
#nav li#nav62 ul ul{
	left: -999em;
}
#nav li:hover ul,
#nav li.iehover ul{
	z-index:100;
	top: 75px;
	left:0px;
}

/*3rd Level Navigation*/
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li li.iehover ul,
#nav li li li.iehover ul {
	top: 0;
	left:200px;
}



/* Second Navigation */

#secondnav{
	margin-bottom:20px;
}

#secondnav ul, #secondnav ul li{
	list-style:none;
	padding:0px;
	margin: 0px;
}






#secondnav ul li a, #secondnav ul li a span{
	font-size: 12px;
	display:block;
	background: #62625e url(images/nav/bg-sub-nav.jpg) top left repeat-x;
	color:black;
	width: 160px; /* IE 6 must have width*/
	font-weight: bold;
	padding: 7px 10px;
	margin:0px !important;
	/*text-indent:-999em;*/
	text-decoration: none;
}


#secondnav ul li a span{
	display: block;
	text-indent:-999em;	
}

#secondnav ul li a.hover{
	background:green;
}

#secondnav ul li a span{
	display:none;
}


#secondnav ul li.SelectedTab a, 
#secondnav ul li a span, 
#secondnav ul li a:hover, #secondnav ul.Level2 li.SelectedTab a{
	background: #b0b1a8 url(images/nav/bg-sub-nav-hover.jpg) top left repeat-x; 

}


#secondnav ul.Level2 li a{
	font-size: 12px;
	font-weight: normal;
	background:white;
	color: #666666;
	width: 155px;
	padding: 3px 10px 3px 15px;
	
}

#secondnav ul.Level2 li a:hover{
	background: #e6e6e6;
}

/******Third Nav for grear shop*/

/* Second Navigation */

#thirdnav{
	margin-bottom:20px;
}

#thirdnav ul, #thirdnav ul li{
	list-style:none;
	padding:0px;
	margin: 0px;
}




#thirdnav ul li a, #thirdnav ul li a span{
	display:block;
	background: white;
	width: 160px; /* IE 6 must have width*/
	color: #666666;
	padding: 7px 10px;
	margin:0px !important;
	font-weight:normal;
	/*text-indent:-999em;*/
	text-decoration: none;
}


#thirdnav ul li a span{
	display: block;
	text-indent:-999em;	
}

#thirdnav ul li a.hover{
	background:green;
}

#thirdnav ul li a span{
	display:none;
}


#thirdnav ul li.SelectedTab a, 
#thirdnav ul li a span, 
#thirdnav ul li a:hover{
	background: #b0b1a8 url(images/nav/bg-sub-nav-hover.jpg) top left repeat-x

}


#thirdnav ul li a{
	font-size: 12px;
	font-weight: normal;
	background:white;
	color: #666666;
	width: 155px;
	padding: 3px 10px 3px 15px;
	
}

#thirdnav ul.Level2 li a:hover{
	background: #e6e6e6;
}