/*
  	Description: basic styling for topmenu
*/

div#topmenu {
	width: 801px;
	height: 28px;
	margin: 0 auto;
	overflow: hidden;
	padding-left: 87px;
}
	
	div#topmenu ul,
	div#topmenu ul li {
		margin: 0; padding: 0;
	}
	
	div#topmenu ul li {
		float: left;
		margin-left: 11px;
		list-style-type: none;
		background: url('/res/default/img/backgroundTopmenuLink.jpg') left top no-repeat transparent;
		/* ie6 */
		_width: 1px !important;
	}

		div#topmenu ul li:hover,
		div#topmenu ul li:focus,
		div#topmenu ul li.hover,
		div#topmenu ul li.level1-onpath {
			background: url('/res/default/img/backgroundTopmenuLinkActive.jpg') left top no-repeat transparent;
		}

		div#topmenu ul li a {
			padding: 0;
			height: 28px;
			display: block;
			font-size: 15px;
			font-weight: bold;
			line-height: 28px;
			padding: 1px 10px 0 10px;
			text-decoration: none !important;
			font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
			background: url('/res/default/img/backgroundTopmenuLinkRight.jpg') right top no-repeat transparent;
			/* ie7 */
			*width: 100% !important;
			/* ie6 */
			_width: auto !important;
		}
		
			div#topmenu ul li a span {
				color: #828582;
			}

			div#topmenu ul li a:hover,
			div#topmenu ul li a:focus,
			div#topmenu ul li.level1-onpath a {
				background: url('/res/default/img/backgroundTopmenuLinkRightActive.jpg') right top no-repeat transparent;
			}

				div#topmenu ul li a:hover span,
				div#topmenu ul li a:focus span,
				div#topmenu ul li.level1-onpath a span {
					color: #fff;
				}