#SubNav {width:300px; height:10em; position:relative; margin-top:30px; font-size:1em;}
#SubNav ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; padding:1px 1px 0 1px; background:transparent;}

#SubNav li {margin:0; padding:0; list-style:none;}
#SubNav li {display:inline-block; display:inline;}

#SubNav ul ul {position:absolute; left:-9999px;}
#SubNav ul#TopLevel {position:absolute; left:0; top:0;}

#SubNav a {display:block; color:#333; line-height:1.5em; text-decoration:none;padding:0 15px 0 15px; text-transform:uppercase;}

#SubNav ul li a {border:solid 1px #90c73d; color:#dca112; font-weight:bold;}
#SubNav ul li ul li a {border:none; color:#333; font-weight:bold;} 

/* viv add line below */
/* without this, will automatically go to width of longest link (default)*/
/*#SubNav a {width:300px;}*/
#SubNav a {margin-top:8px;margin-bottom:8px; outline:none; letter-spacing: 0.15em;}

#SubNav ul li:hover > ul {left:100%; margin-top:-2.5em; margin-left:-1px;}

#SubNav a:hover ul,
#SubNav a:hover a:hover ul, 
#SubNav a:hover a:hover a:hover ul {left:100%;}
#SubNav a:hover ul ul, 
#SubNav a:hover a:hover ul ul {left:-9999px;}

#SubNav li a:hover {background:#333; color:#fff;}
#SubNav ul li ul li a:hover {background:transparent; color:#333; text-decoration:underline;} 
/*#SubNav li:hover > a {background:#333; color:#fff;}*/
#SubNav li a.fly {background: url(anywidth/arrow.gif) no-repeat right top;}
#SubNav li a.fly:hover {background:#09c url(anywidth/arrow.gif) no-repeat right top;} 
#SubNav li:hover > a.fly {background:#09c url(anywidth/arrow.gif) no-repeat right top;}

#SubNav table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-0.9em; margin-left:-1px;}

/* For Sub category navigation where don't need flyout */
#SubCategoryNav {padding-top:5px;}
#SubCategoryNav ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; padding:1px 1px 0 1px; background:transparent;}

#SubCategoryNav ul li a {border:none; color:#333; font-size:1em; font-weight:bold; line-height:1.1em; text-decoration:none; text-transform:uppercase; letter-spacing: 0.15em;}
#SubCategoryNav ul li a:hover {text-decoration:underline;}

/* Replacement for basic menu */
#SubCategoryDisplay {}

.typography #SubCategoryDisplay h1.swap span,
.typography #SubCategoryDisplay h2.swap span{
	display:none;
}
.typography #SubCategoryDisplay h1{
	background-image:none;
	margin:0;
	height:0;
}
.typography #SubCategoryDisplay .subCategoryLink{
	float:left;
	font-weight:bold;
	margin-top:5px;
	width:240px;
}
.typography #SubCategoryDisplay .subCategoryText{
	float:left;
	margin-top:5px;
	padding-left:10px;
	width:300px;
}
.typography #SubCategoryDisplay .subCategoryImage{
	float:left;
	margin-top:5px;
	padding-left:10px;
	width:100px;
}
.typography #SubCategoryDisplay .subCategoryImage img {
	border:solid 1px #90c73d;
}