/* ######### Matt Black Strip Main Menu Bar CSS ######### */
.mattblackmenu ul{
margin: 0;
padding: 0;
font: bold 12px Verdana;
list-style-type: none;


overflow: hidden;
width: 100%;
}

.mattblackmenu li{
display: inline;
margin: 0;
}

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

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

.mattblackmenu li a:hover{
background: black; /*background of tabs for hover state */
}

.mattblackmenu a.selected{
background: black; /*background of tab with "selected" class assigned to its LI */
}

/* ######### Custom top buttons ############## */
#topnav-menshirts, #topnav-dinnershirts, #topnav-casuals, #topnav-polos, #topnav-ties, #topnav-cufflinks{
	padding:0; margin:0 0 4px 0;
	font-size:0px;		
}
#topnav-menshirts{
	width:143px; height: 34px;
	border-right: 1px solid #333333;	
	/*background: url(../images/ganton-top-nav-menshirts.jpg) no-repeat top left;*/
}
#topnav-dinnershirts{
	width:148px; height: 34px;
	border-right: 1px solid #333333;	
}
#topnav-casuals{
	width:107px; height: 34px;
	border-right: 1px solid #333333;
}
#topnav-polos{
	width:87px; height: 34px;
	border-right: 1px solid #333333;
}
#topnav-ties{
	width:74px; height: 34px;
	border-right: 1px solid #333333;
}
#topnav-cufflinks{
	width:117px; height: 34px;
	border-right: none;
}

	
.topnav-li{
	background: #414141;	
}

.topnav-li-a{
	background: #414141;
	background-image:none;
}

/* ######### top buttons box colours ############## */

.boxWhite { position:absolute; right: 5px; background-color:#FFFFFF; width: 8px; height:8px; margin: 3px;}
.boxBlack{ position:absolute; right: 5px; background-color:#000; width: 8px; height:8px; margin: 3px;}

.boxSky{   position:absolute; right: 5px; background-color:#66CCFF; width: 8px; height:8px; margin: 3px;}
.boxBlue{  position:absolute; right: 20px; background-color:#0066CC; width: 8px; height:8px; margin: 3px;}

.boxSilver{   position:absolute; right: 5px; background-color:#F3F3F3; width: 8px; height:8px; margin: 3px;}

.boxGrey1{   position:absolute; right: 20px; background-color:#CCC; width: 8px; height:8px; margin: 3px;}
.boxGrey2{  position:absolute; right: 5px; background-color:#666666; width: 8px; height:8px; margin: 3px;}

.boxPink{   position:absolute; right: 5px; background-color:#FF99CC; width: 8px; height:8px; margin: 3px;}

.boxPurple{   position:absolute; right: 5px; background-color:#6633CC; width: 8px; height:8px; margin: 3px;}

.boxGold{   position:absolute; right: 5px; background-color:#FFCC00; width: 8px; height:8px; margin: 3px;}

.boxRed{   position:absolute; right: 5px; background-color:#990000; width: 8px; height:8px; margin: 3px;}

.boxGreen1{   position:absolute; right: 5px; background-color:#66CC99; width: 8px; height:8px; margin: 3px;}
.boxGreen2{   position:absolute; right: 20px; background-color:#B5F9DF; width: 8px; height:8px; margin: 3px;}


.boxFawn{   position:absolute; right: 5px; background-color:#C9C8A0; width: 8px; height:8px; margin: 3px;}
.boxCream{   position:absolute; right: 20px; background-color:#FFFFCC; width: 8px; height:8px; margin: 3px;}
.boxYellow{   position:absolute; right: 35px; background-color:#FFFF99;width: 8px; height:8px; margin: 3px;}
.boxChoco{   position:absolute; right: 50px; background-color:#663333; width: 8px; height:8px; margin: 3px;}