/* ######### Matt Black Strip Main Menu Bar CSS ######### */

.mattblackmenu ul{
margin: 0 0 0 0px;
padding:3px 0 0;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif, "Arial Narrow";
font-size:16px;
color:#FFF;
list-style-type: none;
/*border-bottom: 1px solid gray;
background: #414141;*/
overflow: hidden;
width: 100%;
}

.mattblackmenu li{
float:left;
padding:2px 10px 3px 10px;
margin: 0px 0px 0px 0px;
}
.mattblackmenu li.home{
	width:87px;
}
.mattblackmenu li.webshop{
	width:120px;
}
.mattblackmenu li.tellafriend{
	width:170px;
}
.mattblackmenu li.how{
	width:80px;
}
.mattblackmenu li.contact{
	width:80px;
}
.mattblackmenu li.admin{
	width:130px;
}


.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding:0px 10px 3px 10px;/*padding inside each tab*/
/*border-right: 1px solid white;*/ /*right divider between tabs*/
color: white;
/*background: #414141;*/
}

.mattblackmenu li a:visited{
color: white;
}

.mattblackmenu li a:hover{
/*background: black;*/ /*background of tabs for hover state */
background:url(../images/front_images/nav_leftborder.jpg) no-repeat top left;
	height:20px;
	padding:3px 0px 2px 7px;
	color:#003F7B;
}
.mattblackmenu li a:hover span{
	background:url(../images/front_images/nav_rightborder.jpg) no-repeat top right;
	height:17px;
	padding:3px 15px 4px 7px;
}

.mattblackmenu a.selected{
/*background: black;*/ /*background of tab with "selected" class assigned to its LI */
background:url(../images/front_images/nav_leftborder.jpg) no-repeat top left;
	height:20px;
	padding:3px 0px 4px 7px;
	color:#003F7B;
}
.mattblackmenu a.selected span{
	background:url(../images/front_images/nav_rightborder.jpg) no-repeat top right;
	height:17px;
	padding:3px 15px 3px 7px;
	color:#003F7B;
}
.mattblackmenu li.tellafriend a{
	width:170px;
}