/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// superfish essential styles
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
ul.sf-menu, ul.sf-menu * { margin:0; padding:0; list-style:none; border:none; font-size:12px; text-transform:lowercase; background-color:transparent; border:none; }
ul.sf-menu { line-height:1.0; }
ul.sf-menu ul { position:absolute; top:-999em; width:150px; /* left offset of submenus need to match (see below) */ display:none; }
ul.sf-menu ul li { width:100%; display:block; }
ul.sf-menu li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */ }
ul.sf-menu li { float:left; border:none; margin:0; padding:0; font-weight:normal; line-height:1.2em; position:relative; }
ul.sf-menu a { display:block; }
ul.sf-menu li li a { display:block; position:relative; }
ul.sf-menu li:hover ul,
ul.sf-menu li.sfHover ul { left:0; top:15px; /* match top ul list item height */ }
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul { top:-999em; }
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul { left:150px; /* match ul width */ top:0; }
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul { top:-999em; }
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul { left:150px; /* match ul width */ top:0; }


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// horizontal dropdown menu
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#navigation
{ width:720px; margin:0 0 0 10px; display:inline; float:left; z-index:999; }
	div#navigation ul
	{ margin:0; padding:0; border-top:none; border-bottom:none; border-left:none; border-right:none; background:transparent; }
	div#navigation li
	{ margin:0; padding:0; border:0; display:block; position:relative; }
	div#navigation ul ul
	{ width:150px; margin:0; }
		
			div#navigation li
			{ float:left; }
			div#navigation li li
				{ margin:0; padding:0; float:none; }
				div#navigation li ul
				{ position:absolute; left:5px; top:24px; width:150px; border:solid 3px #ff0000; background:#fff; }
						div#navigation li li ul
						{ border:solid 3px #18a1d4; left:148px; top:0; }
					div#navigation li li
					{  }
					div#header div#navigation li li ul
					{ position:absolute; left:150px; top:0; padding:0; }
										
				div#navigation a
				{ height:15px; margin:5px 0 0 0; padding:2px 20px; text-align:center; font-size:12px; text-decoration:none;  
					color:#fff; background-color:transparent; display:block;  
					/*text-transform:lowercase;*/ border-left:solid 1px #666; border-right:solid 1px #555;  }
				div#navigation a:link, div#navigation a:visited 
				{ color:#fff; background-color:inherit; }
				div#navigation a:active, div#navigation a:hover, div#navigation a:focus
				{ color:#ffff18; background-color:inherit; }
									
						div#navigation li li a
							{ width:130px; height:auto; text-align:left;
								margin:0; padding:2px 10px; background:none; border-bottom:solid 1px #f1f1f1;
								border-left:none; border-right:none; }
								
						div#navigation li li a:link, div#navigation li li a:visited 
						{ margin:0; color:#333; background-color:transparent; background-image:none; }
						div#navigation li li a:active, div#navigation li li a:hover, div#navigation li li a:focus
						{ margin:0; color:#ff0000; background-color:#fff; background-image:none; }
						
							div#navigation li li li a
							{ color:#1c3a86; background-color:#fff; }
							div#navigation li li li a:link, div#navigation li li li a:visited 
							{ color:#333; background-color:transparent; }
							div#navigation li li li a:active, div#navigation li li li a:hover, div#navigation li li li a:focus
							{ color:#18a1d4; background-color:#fff; background-image:none; }
					
	/*div#navigation ul ul, div#navigation li:hover ul, 
	div#navigation li:hover ul ul
	{ display:none; }
		div#navigation li:hover ul, 
		div#navigation li:hover li:hover ul
		{ display:block; }*/
		div#navigation ul
		{ z-index:1000; }
		div#navigation li ul
		{ z-index:1001;  }
		div#navigation li li ul
		{ z-index:1002;  }
		
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// vertical dropdown menu
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.vertical_dropdown_menu ol
{ width:180px; margin:0 auto; padding:0; border:none; }
	div.vertical_dropdown_menu ol ol
	{ width:174px; margin:0 auto; padding:0; border-left:solid 3px #18a1d4; border-right:solid 3px #18a1d4; display:none; }
		div.vertical_dropdown_menu ol ol ol
		{ width:168px; margin:0 auto; padding:0; border-left:solid 3px #ff0000; border-right:solid 3px #ff0000; }

	div.vertical_dropdown_menu ol li
	{ width:180px; margin:0; padding:0; list-style:none; background:#434343 url(../_images/catalog_list_bg.png) repeat-x top; }
		div.vertical_dropdown_menu ol li li
		{ width:174px; background:none; background:#fff; border-top:solid 1px #f1f1f1;/* border-bottom:solid 1px #ccc;*/ }
		div.vertical_dropdown_menu ol li li li
		{ width:168px; }
	
	div.vertical_dropdown_menu li a
	{ width:139px; margin:0; padding:4px 5px 4px 30px; color:#fff; background-color:transparent;  border-left:solid 3px #303030; border-right:solid 3px #303030;
		background:url(../_images/catalog_arow.png) no-repeat 3% 50%; display:block; overflow:hidden; text-transform:uppercase; }
		div.vertical_dropdown_menu li a:link, div.vertical_dropdown_menu li a:visited
		{ color:#fff; background-color:transparent; }
		div.vertical_dropdown_menu li a:hover, div.vertical_dropdown_menu li a:focus, div.vertical_dropdown_menu li a:active
		{ color:#ffff18; background-color:transparent; }
		div.vertical_dropdown_menu li a:hover span, div.vertical_dropdown_menu li a:focus span, div.vertical_dropdown_menu li a:active span
		{ }
		div.vertical_dropdown_menu li li a
		{ width:144px; margin:0; padding:2px 5px 2px 25px; background:none; border:none;
			background:url(../_images/small_blue_arow.png) no-repeat 3% 50%; }
			div.vertical_dropdown_menu li li li a
			{ width:138px; margin:0 auto; padding:2px 5px 2px 25px; display:block; 
				background:url(../_images/small_grey_arow.png) no-repeat 3% 50%; }

			div.vertical_dropdown_menu li li a:link, div.vertical_dropdown_menu li li a:visited 
			{ color:#000; background-color:transparent; }
			div.vertical_dropdown_menu li li a:active, div.vertical_dropdown_menu li li a:hover, 
			div.vertical_dropdown_menu li li a:focus
			{ color:#ff0000; background-color:transparent; }
				
				div.vertical_dropdown_menu li li li a
				{ text-transform:none; }
				div.vertical_dropdown_menu li li li a:link, div.vertical_dropdown_menu li li li a:visited 
				{ color:inherit; background-color:#f9f9f9; }
				div.vertical_dropdown_menu li li li a:active, div.vertical_dropdown_menu li li li a:hover, 
				div.vertical_dropdown_menu li li li a:focus
				{ color:#18a1d4; background-color:transparent; }
		
		div.vertical_dropdown_menu ol .expanded
		{ display:block; }