@charset "UTF-8";
ul.MenuBarHorizontal { margin: 0; padding: 0; list-style-type: none; font-size: 100%; cursor: default; width: 100%;}
ul.MenuBarActive { z-index: 1000; }
ul.MenuBarHorizontal li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	cursor: pointer;
	float: left;
	position: relative;
	list-style-image: none;
}
ul.MenuBarHorizontal ul { margin: 0; padding: 0; list-style-type: none; font-size: 100%; z-index: 1020; cursor: default; width: 120px; position: absolute; left: -1000em; }
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible { left: auto; }
ul.MenuBarHorizontal ul li { width: 120px; }
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul { position: absolute; margin: -5% 0 0 95%; }
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible { left: auto; top: 0; }
/*******************************************************************************
 DESIGN INFORMATION: describes color scheme, borders, fonts
 *******************************************************************************/
ul.MenuBarHorizontal ul { border: 1px solid #CCC; width: 120px; }
ul.MenuBarHorizontal a { display: block; cursor: pointer; background-color: #353535; padding: 0em; color: #FFFFFF; text-decoration: none; }
ul.MenuBarHorizontal li li a { padding: 0.5em 0.75em; width: auto; }
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus { background-color: #246CA6; color: #FFFFFF; }
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible { background-color: #246CA6; color: #FFF; }
/*******************************************************************************
 SUBMENU INDICATION: styles if there is a submenu under a given menu item
 *******************************************************************************/
ul.MenuBarHorizontal a.MenuBarItemSubmenu { background-image: url(../SpryAssets/SpryMenuBarDown.gif); background-repeat: no-repeat; background-position: 95% 50%; }
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu { background-image: url(../SpryAssets/SpryMenuBarRight.gif); background-repeat: no-repeat; background-position: 95% 50%; }
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{ background-image: url(../SpryAssets/SpryMenuBarDownHover.gif); background-repeat: no-repeat; background-position: 95% 50%;
}
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover { background-image: url(../SpryAssets/SpryMenuBarRightHover.gif); background-repeat: no-repeat; background-position: 95% 50%; }
/*******************************************************************************
 BROWSER HACKS: the hacks below should not be changed unless you are an expert
 *******************************************************************************/
ul.MenuBarHorizontal iframe { position: absolute; z-index: 1010; filter:alpha(opacity:0.1); }
@media screen, projection { ul.MenuBarHorizontal li.MenuBarItemIE { 	display: inline; 	f\loat: left; 	background: #FFF; } }
.shop { width: 130px; }
.about { width: 163px; }
.partners { width: 256px; }
.services { width: 156px; }
.help { width: 125px; }
.jobs { width: 121px; }