/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// departments menu
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#departments
{ width:690px; padding:20px 25px 0 0; float:right; }
	div#departments ol
	{ padding:0; border:none; clear:none; display:inline; }
		div#departments ol li
		{ position:relative; width:115px; text-align:center; margin:0; padding:0; float:left; list-style:none; background:none; overflow:hidden; clear:none; }
			div#departments ol li a
			{ top:0; left:0; width:115px; height:130px; 
				display:block; cursor:pointer; font-weight:bold; font-size:14px; line-height:1.4em; text-transform:lowercase; line-height:1.2em; }
				div#departments ol li a span
				{ width:115px; display:block; clear:both; overflow:hidden; }
				div#departments ol li a img
				{ background-color:transparent; padding:0; margin:0 auto; border:none; display:inline; clear:both; overflow:hidden; }
				
				div#departments ol li a:link, div#departments ol li a:visited 
				{ color:#000; background-color:transparent; text-decoration:none; }
				div#departments ol li a:active, div#departments ol li a:hover, div#departments ol li a:focus 
				{ color:#ed1c24; background-color:transparent; }
				
				/* icon */
				div#departments ol li a span.icon img.normal
				{ display:inline; }
				div#departments ol li a span.icon img.hover
				{ display:none; }
				div#departments ol li:hover a span.icon img.normal
				{ display:none; }
				div#departments ol li:hover a span.icon img.hover
				{ display:inline; }
				
				/* title */
				div#departments ol li a span.title
				{ width:105px; display:block; padding:10px 5px 0 5px; }
				div#departments ol li:hover a span.title
				{ display:none; }
				
				/* banner */
				div#departments ol li a span.banner
				{ display:none; }
					div#departments ol li a span.banner img
					{ border:solid 2px #000; }
				div#departments ol li:hover a span.banner
				{ display:block; }
				
				/* active */
				div#departments ol li.active a span.icon img.normal
				{ display:none; }
				div#departments ol li.active a span.icon img.hover
				{ display:inline; }
				div#departments ol li.active a span.title
				{ display:none; }
				div#departments ol li.active a span.banner
				{ display:block; }
				div#departments ol li.active a, div#departments ol li.active a:link, div#departments ol li.active a:visited,
				div#departments ol li.active a:active, div#departments ol li.active a:hover, div#departments ol li.active a:focus 
				{ color:#ed1c24; background-color:transparent; }
				
				/* for stupid ie browsers */
				div#departments ol li a.ie { position:absolute; top:0; left:0; width:115px; height:130px; display:block; 
					background:url("must_have_background_for_this_link_to_work_in_ie_(WTF).jpg"); }
				
				

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// vertical dropdown menu
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.vertical_dropdown_menu ol
{ width:175px; margin:0 auto; padding:0; border:none; background:none; }
	div.vertical_dropdown_menu ol ol
	{ width:175px; margin:5px auto; padding:5px 0 0 0; background:url(../_images/catalog_submenu_top.png) no-repeat top center; display:none; }
		div.vertical_dropdown_menu ol ol ol
		{ width:175px; margin:0 auto; padding:0; background:none; }
			div.vertical_dropdown_menu ol ol ol ol
			{ width:165px; margin:0 auto; padding:0; background:none; }

	div.vertical_dropdown_menu ol li
	{ width:175px; margin:0; padding:0; list-style:none; background:none; }
		div.vertical_dropdown_menu ol li li
		{ width:175px; background:none; }
		div.vertical_dropdown_menu ol li li.last
		{ padding:0 0 5px 0; background:url(../_images/catalog_submenu_bottom.png) no-repeat bottom center; }
		div.vertical_dropdown_menu ol li li li
		{ width:175px; }
			div.vertical_dropdown_menu ol li li li li
			{ width:165px; }
	
	div.vertical_dropdown_menu li a
	{ width:175px; margin:0 0 2px 0; padding:0; color:#fff; background-color:transparent; background:url(../_images/navigation_link_bottom.png) no-repeat center bottom; 
		display:block; overflow:hidden; }
		div.vertical_dropdown_menu li a span
		{ width:135px; display:block; margin:0; padding:2px 5px 2px 35px; cursor:pointer;
			background:url(../_images/navigation_link_top.png) no-repeat center top; }
		
	div#catalog_menu.vertical_dropdown_menu li a
	{ background:url(../_images/catalog_menu_link_bottom.png) no-repeat center bottom; }
		div#catalog_menu.vertical_dropdown_menu li a span
		{ background:url(../_images/catalog_menu_link_top.png) no-repeat center top; }
		
		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:#000; 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:135px; margin:0; padding:2px 5px 2px 35px; background:none; border:none;
			background:url(../_images/checkmark_red.png) no-repeat 7% 50%; font-weight:bold; }
		div#catalog_menu.vertical_dropdown_menu li li a
		{ background:url(../_images/checkmark_red.png) no-repeat 7% 50%; }
			div.vertical_dropdown_menu li li li a
			{ width:125px; margin:0 0 0 10px; padding:2px 5px 2px 35px; background:none; font-weight:normal;
				background:url(../_images/checkmark_grey.png) no-repeat 7% 50%; }
			div#catalog_menu.vertical_dropdown_menu li li li a
			{ background:url(../_images/checkmark_grey.png) no-repeat 7% 50%; }
			
			div#catalog_menu.vertical_dropdown_menu li li li li a
			{ width:115px; margin:0 0 0 10px; padding:2px 5px 2px 35px; background:none; font-weight:normal;
				background:url(../_images/checkmark_grey.png) no-repeat 7% 50%; }
			div#catalog_menu.vertical_dropdown_menu li li li li a
			{ background:url(../_images/checkmark_grey.png) no-repeat 7% 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:#ed1c24; background-color:transparent; }
				
				div.vertical_dropdown_menu li li li a:link, div.vertical_dropdown_menu li li li a:visited 
				{ color:inherit; background-color:transparent; }
				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:#ed1c24; background-color:transparent; }
			
			
		div.vertical_dropdown_menu li a:link, div.vertical_dropdown_menu li a:visited 
		{  }
		div.vertical_dropdown_menu li a:active, div.vertical_dropdown_menu li a:hover, div.vertical_dropdown_menu li a:focus
		{  }
		
		div.vertical_dropdown_menu ol ol.expanded
		{
			display:block;
		}