﻿#sub-menu {
	margin: 0 auto;
	width: 743px;
	font-size: 12px;
	line-height: 30px;
	background: transparent;
	
}

#sub-menu ul {
	list-style-type: none;
	margin: 0; /*Left offset of the tab menu*/
	padding: 0;
	position:relative;
	z-index:99;
}

#sub-menu li {
	display: inline;
	margin: 0;
	padding: 0;
	font-weight: 700;
}

#sub-menu a {
	float: left;
	background: url(  "/web/design/images/menu-left.png" ) no-repeat left top;
	margin: 0 5px 0 0; /*spacing between each tab*/
	padding: 0 0 0 9px;
	text-decoration: none;
	
}

#sub-menu a span {
	float: left;
	display: block;
	background: url(  "/web/design/images/menu-right.png" ) no-repeat right top;
	padding: 0px 12px 0px 2px;
	color: #000;
	font-weight: 700;
}

.L1inactive a:hover {
	text-decoration: none;
	display: block;
}
#sub-menu ul li.L1inactive a {
	display: block;
}


#sub-menu .L1active a{
	background-position: 0 -82px;
}
#sub-menu .L1active a span {
	background-position: 100% -82px;
	color: #fff;
}

#sub-menu a:hover {
	background-position: 0 -82px;
}
#sub-menu a:hover span {
	background-position: 100% -82px;
	color: #fff;
}

.subMenu {margin-top:-39px;
}


#sub-menu * span {
	text-transform:lowercase;
}



.L1active a span, .L1active a {
	cursor: default; /*default*/
}
.L1inactive a span, .L1inactive a {
	cursor: pointer;
}




.line {
	background-image:url("/web/design/images/line.png");
	background-repeat:no-repeat;
	background-position:center right;
	width:1px;
	height:10px;
}
