/*---------------------------------------------------------------- 
  Copyright:
  Copyright (C) 2008 IceTheme. All Rights Reserved
  
  License:
  Copyrighted Commercial Software 
  
  Author:
  IceTheme - http://wwww.icetheme.com
---------------------------------------------------------------- */

		
/*---------------
 Main Nav
----------------*/
#main-nav_wrap {
	margin:-45px auto 0;
	height:96px;
	background-position:top;
	background-repeat:repeat-x; }
	
#main-nav{
	position:relative;
	margin:0 auto 0;
	background-position:top;
	background-repeat:no-repeat;
	height:96px;
	width:980px;}

	/* main menu ul or ol elment */
	ul#nav{
		display:block;
		position: absolute;
		list-style:none;
		margin:0;
		z-index:5;
		top:0;
		left:5px}
		
		/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
			ul#nav li { 
				background:url(../images/nav_border.png) no-repeat center right;
				display:block;
				padding-left:1px;
				list-style:none;
				position:relative;
				float:left;}
		
				ul#nav li a, 
				#MainMenuSub a{
					text-decoration:none;
					display:block;}

				/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
				ul#nav li a{
					margin:0;
					float:left;
					color:#FFD11B;
					text-decoration:none;
					font-family:Verdana, Geneva, sans-serif;
					display:block;
					height:50px;
					font-size:1.25em;
					padding:0 16px 0;}
					ul#nav li a span {
						display:block;
						padding-top:11px;}
						ul#nav li li a span { display:inline; padding-top:0; cursor:pointer}
						ul#nav li a span.sub { 
							display:block;
							font-size:.7em;
							padding-top:0;
							font-family:Arial, Helvetica, sans-serif;
							font-weight:normal; 
							margin-top:3px;
							letter-spacing:normal}
							ul#nav li li a span.sub { display:inline; font-size:1em; margin-top:0;}
								ul#nav li li a:hover span.sub { color:#E6E6E6}
						

				/* All menu links on hover or focus */
				ul#nav li a:hover, ul#nav li a:focus, 
				#MainMenuSub a:hover, #MainMenuSub a:focus, 
				ul#nav a.mainMenuParentBtnFocused, #MainMenuSub a.subMenuParentBtnFocused{
					color:#E6E6E6;}

				/* sub menu links on hover or focus */
				ul#nav li li a:hover, #nav li a:focus,
				#MainMenuSub li a:hover, #MainMenuSub  li a:focus, 
				#nav a.mainMenuParentBtnFocused, #MainMenuSub a.subMenuParentBtnFocused{
					color:#E6E6E6;}



/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0;
	margin:0 0 0 -1px;}


/* All ULs and OLs */
ul#nav ul, ul#nav ol, 
#MainMenuSub ul, #MainMenuSub ol { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;}
	ul#nav {
		list-style: none; 
		line-height: 1em; 
		padding:0;}
	
	

	/* All submenu OLs and ULs */
	ul#nav ul, 
	#MainMenuSub ul {	
		left:0;
		border-top:none;
		width:380px;}
		ul#nav ul li,
		#MainMenuSub ul li { 
			display:inline-block;
			border-bottom-style:solid;
			border-bottom-width:1px;}
		ul#nav ul li a, 
		#MainMenuSub ul li a { 
			padding:0 0 0 10px;
			width:179px;
			border-right-width:1px;
			border-right-style:dotted;
			display:inline-block;
			font-family:Verdana, Geneva, sans-serif;
			font-size:.9em;
			line-height:30px;}
			ul#nav ul li a:hover,
			#MainMenuSub ul li a:hover { }
	
	

	#MainMenuSub li.parent a{
		background:url(../images/nav_drop_arrow.png) no-repeat 94% 55%;}
		#MainMenuSub li.parent a:hover { 
			background-image:url(../images/nav_drop_arrow_hover.png) }
		
		#MainMenuSub ul li a span { background:url(../images/nav_drop_list.png) no-repeat center left; display:inline-block; padding-left:20px;}
			#MainMenuSub ul li:hover a span { background-image:url(../images/nav_drop_list_hover.png)}
		
			#MainMenuSub ul li a span.sub { background:none; display:inline; padding-left:5px}
		
		
		/* When the parent item is set to current or active */
					ul#nav li#current a,
					ul#nav li.active a {
						color:#E6E6E6;
						background-repeat:no-repeat;
						background-position:center bottom;
						margin-bottom:-8px;
						padding-bottom:8px;}
		
						
						#MainMenuSub li#current a,
						#MainMenuSub li.active a { color:#E6E6E6;}
						
#MainMenuSub {	
	display:block; 	
	position:absolute;	
	top:0;	
	left:0;	
	width:100%;
	height:0;	
	overflow:visible;	
	z-index:1000000000; }
#MainMenuSub li{ list-style: none;}
				


/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li{	float:none; }

#nav li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
	height:30px;
	font-size:1em;}
	#nav li li span.sub { color:#999!important;}
	
		#nav li li a:hover,
		#nav li li span:hover { color:#fff!important}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 15.8em;
	z-index:99999;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top:45px;
}

/* third-and-above-level lists */
#nav li ul ul { margin: -1em 0 0 -1000em; }
#nav li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
#nav li:hover ul{	margin-left: 0; }
#nav li li:hover ul {	margin-left: 15.8em; margin-top:-2.5em;}

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {  margin-left: 0; margin-top:45px }
#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#nav li li a:focus {left:0;  margin-left:1000em; width:18em;  margin-top:0;}
#nav li li li a:focus {left:0; margin-left: 2010em; width: 18em;  margin-top:-1em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 18em; }



/*===========================///////////////////-===========================
								  OtherMenu
*===========================///////////////////-==========================*/

#othermenu_wrap{
	padding:0;
	position:relative;
	overflow:hidden;
	height:280px;}
	
	/* main menu ul or ol elment */
	ul#othermenu {
		display:block;
		position: absolute;
		list-style:none;
		margin:0;
		z-index:5;
		top:0;
		left:0;
		display:block;
		width:100%;}
		
		/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
		ul#othermenu li { 
			display:block;
			list-style:none;
			position:relative;}
			
			#OtherMenuSub{	
				display:block; 	
				position:absolute;	
				top:0;	
				left:0;	
				width:100%;	
				height:0;	
				overflow:visible;	
				z-index:1000000000; }				
				#OtherMenuSub li{	
					list-style: none;}
			
				ul#othermenu li a,
				#OtherMenuSub a{
					text-decoration:none;
					text-align:right;
					background:url(../images/othermenu_line.png) no-repeat left bottom;
					display:block;
					font-size:1em;
					color:#888;
					font-size:1em;
					letter-spacing:0.05em;
					text-transform:uppercase;
					padding:0;
					height:29px;
					line-height:30px;}					
					ul#othermenu li a:hover,
					#OtherMenuSub a:hover {
						color:#DBA72C!important;
						background-position:bottom left;}
								
								#OtherMenuSub a:hover{ background-image:none}
						
					ul#othermenu li#current a,
					ul#othermenu li.active a,
					#OtherMenuSub li#current a {
							color:#DBA72C}
							ul#othermenu  ul li#current a,
							ul#othermenu ul li.active a,
							#OtherMenuSub ul li#current a { background-image:none}
					
						ul#othermenu li a span{
							display:block;}
								
						
					/* Just sub menu links */
					
					ul#othermenu li li {
						width:auto}
					#OtherMenuSub a, 
					ul#othermenu li li a{
						text-align:left;
						text-transform:none;
						font-size:1em;
						margin-right:1px;
						border-right:1px solid #555;
						background-image:none;
						width:auto;
						border-bottom:1px dotted #555;
						letter-spacing:normal;}
						
						
						#OtherMenuSub a {
							padding:0 20px 0 40px;}

						/* Parent Main Menu Links ---[javascript users only]*/
					
							ul#othermenu li.parent a span,					
							#OtherMenuSub li.parent a { 
								background: url(../images/othermenu_arrow_parent.png) 4% 53% no-repeat;}
							
							ul#othermenu li.parent a:hover span,
							#OtherMenuSub li.parent a:hover  { 
								background-image:url(../images/othermenu_arrow_parent_hover.png) }
						
							
/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* All submenu OLs and ULs */
ul#othermenu ol, ul#othermenu ul, #OtherMenuSub ul, #OtherMenuSub ol {	
	border:1px solid #555;
	border-bottom:none;
	background:#333}

/* All ULs and OLs */
ul#othermenu, ul#othermenu ul, ul#othermenu ol, #OtherMenuSub ul, #OtherMenuSub ol { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
}



/* --------------------------[ The below is just for non-javscript users ]--------------------------*/

ul#othermenu li li{	float:none; }

ul#othermenu li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
}

ul#othermenu li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	z-index:999999;
	overflow:visible;
	visibility:visible;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

/* third-and-above-level lists */
ul#othermenu li ul ul { margin: -1em 0 0 -1000em; }
ul#othermenu li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
ul#othermenu li:hover ul{	margin-left: -186px; margin-top:-2.5em;}
ul#othermenu li li:hover ul {	margin-left: -10em; }

/* extra positioning rules for limited noscript keyboard accessibility */
ul#othermenu li a:focus + ul {  margin-left: 186px; margin-top:-2.5em; }
ul#othermenu li li a:focus + ul { left:186px; margin-left: 1010em; margin-top:-2.5em;}
ul#othermenu li li a:focus {left:186px;  margin-left:1000em; width:10em;  margin-top:-2.5em;}
ul#othermenu li li li a:focus {left:186px; margin-left: 2010em; width: 10em;  margin-top:-2.5em;}
ul#othermenu li:hover a:focus{ margin-left: 0; }
ul#othermenu li li:hover a:focus + ul { margin-left: 10em; }



/*===========================///////////////////-===========================
								VM Categories 
*===========================///////////////////-==========================*/

#vm_categories_wrap{
	padding:0;
	position:relative;
	overflow:visible;}
	
	/* main menu ul or ol elment */
	ul#vm_categories {
		display:block;
		position: absolute;
		list-style:none;
		margin:0;
		z-index:5;
		top:0;
		left:0;
		display:block;
		width:100%;}
		
		/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
		ul#vm_categories li { 
			display:block;
			list-style:none;
			position:relative;}
			
			#vmcategoriessub{	
				display:block; 	
				position:absolute;	
				top:0;	
				left:0;	
				width:100%;	
				height:0;	
				overflow:visible;	
				z-index:1000000000; }				
				#vmcategoriessub li{	
					list-style: none;}
			
				ul#vm_categories li a,
				#vmcategoriessub a{
					text-decoration:none;
					text-align:right;
					background:url(../images/othermenu_line.png) no-repeat left bottom;
					display:block;
					font-size:1em;
					color:#999;
					font-size:1em;
					padding:0;
					height:29px;
					line-height:29px;}					
					ul#vm_categories li a:hover,
					#vmcategoriessub a:hover {
						color:#DBA72C!important;
						background-position:bottom left;}
								
								#vmcategoriessub a:hover{ background-image:none}
						
					ul#vm_categories li#current a,
					ul#vm_categories li.active a,
					#vmcategoriessub li#current a {
							color:#DBA72C;
							font-weight:bold;}
							ul#vm_categories  ul li#current a,
							ul#vm_categories ul li.active a,
							#vmcategoriessub ul li#current a { background-image:none}
					
						ul#vm_categories li a span{
							display:block;}
								
						
					/* Just sub menu links */
					
					ul#vm_categories li li {
						width:auto}
					#vmcategoriessub a, 
					ul#vm_categories li li a{
						text-align:left;
						text-transform:none;
						font-size:1em;
						margin-right:1px;
						border-right:1px solid #555;
						background-image:none;
						width:auto;
						border-bottom:1px dotted #555;
						letter-spacing:normal;}
						
						
						#vmcategoriessub a {
							padding:0 20px;}

						/* Parent Main Menu Links ---[javascript users only]*/
					
							ul#vm_categories li.parent a span,					
							#vmcategoriessub li.parent a { 
								background: url(../images/othermenu_arrow_parent.png) 4% 55% no-repeat;}
							
							ul#vm_categories li.parent a:hover span,
							#vmcategoriessub li.parent a:hover  { 
								background-image:url(../images/othermenu_arrow_parent_hover.png) }
						
							
/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* All submenu OLs and ULs */
ul#vm_categories ol, ul#vm_categories ul, #vmcategoriessub ul, #vmcategoriessub ol {	
	border:1px solid #555;
	border-bottom:none;
	background:#333}

/* All ULs and OLs */
ul#vm_categories, ul#vm_categories ul, ul#vm_categories ol, #vmcategoriessub ul, #vmcategoriessub ol { 
	padding:0;
	margin:0;
	list-style:none;
	line-height:1em;}



/* --------------------------[ The below is just for non-javscript users ]--------------------------*/

ul#vm_categories li li{	float:none; }

ul#vm_categories li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
}

ul#vm_categories li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	z-index:999999;
	overflow:visible;
	visibility:visible;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

/* third-and-above-level lists */
ul#vm_categories li ul ul { margin: -1em 0 0 -1000em; }
ul#vm_categories li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
ul#vm_categories li:hover ul{	margin-left: -186px; margin-top:-2.5em;}
ul#vm_categories li li:hover ul {	margin-left: -10em; }

/* extra positioning rules for limited noscript keyboard accessibility */
ul#vm_categories li a:focus + ul {  margin-left: 186px; margin-top:-2.5em; }
ul#vm_categories li li a:focus + ul { left:186px; margin-left: 1010em; margin-top:-2.5em;}
ul#vm_categories li li a:focus {left:186px;  margin-left:1000em; width:10em;  margin-top:-2.5em;}
ul#vm_categories li li li a:focus {left:186px; margin-left: 2010em; width: 10em;  margin-top:-2.5em;}
ul#vm_categories li:hover a:focus{ margin-left: 0; }
ul#vm_categories li li:hover a:focus + ul { margin-left: 10em; }


							
/*===========================///////////////////-===========================
					            Top Menu
===========================///////////////////-===========================*/
ul#topmenu {
	margin:0 5px 0 0;
	float:left;}
	ul#topmenu li{
		list-style-type:none;
		float:left;
		margin:0;
		border-right-width:1px;
		border-right-style:solid;
		border-right-color:#777;}
		ul#topmenu li a {
			font-size:.9em;
			color:#999;
			float:left;
			margin:0 9px;}
			ul#topmenu li#current a,
			ul#topmenu li a:hover {
				color:#ccc;
				text-decoration:none}


/*===========================///////////////////-===========================
					            Footer Menu
===========================///////////////////-===========================*/
#footermenu {
	position:relative;
	overflow:hidden;
	background:url(../images/footermenu.png) no-repeat center bottom;
	clear:both;
	margin:0 auto 12px;
	padding:0px 0 17px}

	#footermenu ul.menu {
		text-align:center;
		padding:0;
		margin:7px 0 0;}
		 #footermenu ul.menu li{
			list-style-type:none;
			display:inline;
			margin:0 0 0 19px;
			border-right-width:1px;
			border-right-style:dotted;}
			#footermenu ul.menu li a{
				margin-right:16px;
				font-size:1em;
				letter-spacing:0.05em;
				text-transform:uppercase;}
				#footermenu ul.menu li a:hover{
					color:#D49400;
					text-decoration:none;}

			#footermenu ul.menu li#current a { color:#D49400;}


