/* header styles */


	body {
		font-size: 62.5%;
		font-family: Arial, Helvetica, sans-serif;
		color: #333;
		margin:0;
	}

	#body_wrapper {
		width: 937px;
		margin: 0px;
		margin-left: auto;
		margin-right: auto;
		background-color: #FFF;
		font-size: 1.1em;
		border: 0px solid black;
	}

	#logo_header {
		background-image: url("../images/header/lzb_header_bkgd.gif");
		background-repeat: no-repeat;
		background-position: 0 0;
		position: relative;
		width: 937px;
		height: 52px;
		margin-top: 0;
		border: 0px solid red;
		margin:-10px 0 0;
	}
	
	#logo_header #logo {
		position: absolute;
		top: 0;
		left: 22px;
		margin: 0;
	}
	
	#logo_header #user_cart {
		position: absolute;
		top: 10px;
		right: 20px;
		color: #FFF;
		text-align: right;
		line-height: 1.5em;
	}
	
	#logo_header #headerCAN {
		position: absolute;
		top: 10px;
		right: 20px;
		color: #FFF;
		text-align: right;
		line-height: 1.5em;
		font-size:14px;
	}

	
	/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
	
	ul.MenuBarHorizontal {
		height: 35px;
		float: left;
		cursor: hand;
		cursor: pointer;
		color: #556066;
		font-weight: bold;
		list-style-type: none;
		font-size: 1.2em;
		padding: 0px;
		margin: 0px;
	}

	
	/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
	ul.MenuBarActive {
		z-index: 1000;
	}

	
	/* Menu item containers, position children relative to this container and are a fixed width */
	ul.MenuBarHorizontal li {
		background-position: 0 0;
		background-repeat: no-repeat;
		height: 35px;
		line-height: 35px;
		vertical-align: middle;

		margin: 0px;
		padding: 0px 8px 0 0px;
		list-style-type: none;
		position: relative;
		text-align: left;
		cursor: pointer;
		float: left;
		border: 0px solid red;
		font-size: 13px;
	}


	ul.MenuBarHorizontal li:first-child {
		background-image: none;
	}
	

	/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
	ul.MenuBarHorizontal ul {

		margin: 0px;
		padding:0px 0 0 0px;
		list-style-type: none;
		font-size: 0.8em;
		z-index: 1020;
		cursor: default;
		width: 180px;
		position: absolute;
		left: -1000em;
		border:1px solid #ccc;
		border-bottom: 0;
		background-color: #FFF;
				
	}
	
	/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
	ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {
		left: auto;
	}
	
	/* Menu item containers are same fixed width as parent */
	ul.MenuBarHorizontal ul li {
		width: 180px;
		padding:1px 0 0 0px;
		height: 24px;
		line-height: 24px;
		vertical-align: middle;		
		border-bottom: 1px solid #CCC;

	}
	
	/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
	ul.MenuBarHorizontal ul ul {
		position: absolute;
		margin: 0 0 0 95%;
		font-size: 1.0em;
	}

	/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
	ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {
		left: auto;
		top: 0;
	}
	
	ul.MenuBarHorizontal a, ul.MenuBarHorizontal a:visited {
		display: block;
		cursor: pointer;
		color: #333;
		text-decoration: none;
		font-weight: bold;
	}
	
	ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover {
		color: #66a5cc;
	}
	
	ul.MenuBarHorizontal li a
	{
		padding:0 0 0 4px;
		}

	
	ul.MenuBarItemSubmenu2, a.MenuBarItemSubmenu2 {
		background-color:fff;
	}

	ul.MenuBarHorizontal2 a.MenuBarItem2Hover, ul.MenuBarHorizontal2 a.MenuBarSubmenu2Visible, ul.MenuBarHorizontal2 a.MenuBarItemSubmenu2Hover {
		background-color:#EBF3F8;
		color:#0069aa;
	}

	ul.MenuBarItemSubmenu3, a.MenuBarItemSubmenu3 {
		background-color:fff;
	}

	ul.MenuBarHorizontal2 a.MenuBarItemHover, ul.MenuBarHorizontal2 a.MenuBarSubmenuVisible, ul.MenuBarHorizontal2 a.MenuBarItemSubmenu3Hover {
		background-color:#EBF3F8;
		color:#0069aa;
	}
	
	
	/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
	ul.MenuBarHorizontal iframe
	{
		position: absolute;
		z-index: 1010;
	}
	/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
	@media screen, projection
	{
		ul.MenuBarHorizontal li.MenuBarItemIE
		{
			display: inline;
			f\loat: left;
		}
	}	
	
	ul.MenuBarHorizontal2 li {
		background-image: none;
	}
	
	
	#main_header 
	{
		z-index: 2;
		border: 0px solid green;
		text-align: center;
		line-height: 35px;
		height: 35px;
		vertical-align: middle;
		padding: 0px 0px;
		width: 937px;
		position: relative;
		
	}
	
	#main_header #searchform 
	{
		height: 27px;
		line-height: 35px;
		float: right;
		border: 0px solid black;
		padding-top: 8px;
	}

	#main_header #searchform input#searchbox 
	{
		width: 110px;
	}
	
	#main_header #searchform input[type="image"] 
	{
		
	}
	
	
	#user_cart a:link, #user_cart a:visited {
		color: #FFF;
	}
	
	

/* end header styles */