@charset "UTF-8";
/* CSS Document */

/* SUPERFISH MENU */
.sf-menuTop, .sf-menuTop * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menuTop {
	line-height:	1.0;
}
.sf-menuTop ul {
	position:		absolute;
	top:			-999em;
	width:			200px; /* left offset of submenus need to match (see below) */
}

.sf-menuTop ul, .sf-menuTop ul ul {
	background-color:rgba(148,148,148, 0.9) !important;
}
.sf-menuTop ul li {
	background: none !important;
	display:block;
	width:100%;
}
.sf-menuTop a {
	display:		block;
	position:		relative;
	color:			#000;
	text-decoration:none;
}
.sf-menuTop li:hover ul,
.sf-menuTop li.sfHover ul {
	left:			0;
	top:			33px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menuTop li:hover li ul,
ul.sf-menuTop li.sfHover li ul {
	top:			-999em;
}
ul.sf-menuTop li li:hover ul,
ul.sf-menuTop li li.sfHover ul {
	left:			200px; /* match ul width */
	top:			0;
}
ul.sf-menuTop li li:hover li ul,
ul.sf-menuTop li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menuTop li li li:hover ul,
ul.sf-menuTop li li li.sfHover ul {
	left:			200px; /* match ul width */
	top:			0;
}	

/* --- SF tier1 --- */
.sf-menuTop 				{line-height:1.0;}
.sf-menuTop li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menuTop li {
	float:			left;
	position:		relative;
}
.sf-menuTop li.level1 {
	padding:12px;
}
.sf-menuTop li.level1:hover {
	background:		#949494;
}
.sf-menuTop li.level1 a {
	text-shadow:	1px 1px 1px #000;
	font-size: 		13px;
	font-weight:	bold;
	color:#FFF;
}
/* --- SF tier2 --- */
.sf-menuTop ul li.level2 a {
	text-shadow:	none;
	font-weight:	normal;
	text-transform:	none;
}
.sf-menuTop ul li.level2, .sf-menuTop ul li.level3 {
	padding:		5px 5px 5px 32px;
}
.sf-menuTop ul li.level2:hover {
	background-color: #A5A5A5 ;
}
.sf-menuTop ul ul {
	background-color:#949494;
}
.sf-menuTop ul li {float:none;}

/* SUBCATEGORY BOX */
.subcategoryboxbody {
	margin-bottom:15px;
}

.sf-menuLeft, .sf-menuLeft * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menuLeft {
	line-height:	1.0;
}
.sf-menuLeft ul {
	position:		absolute;
	top:			-999em;
	width:			198px; /* left offset of submenus need to match (see below) */
}
.sf-menuLeft ul li {
}
.sf-menuLeft li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menuLeft li {
	position:		relative;
	padding:		5px 5px 5px 32px;
}
.sf-menuLeft a {
	display:		block;
	position:		relative;
	text-decoration:none;
}
.sf-menuLeft li:hover ul,
.sf-menuLeft li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menuLeft li:hover li ul,
ul.sf-menuLeft li.sfHover li ul {
	top:			-999em;
}
ul.sf-menuLeft li li:hover ul,
ul.sf-menuLeft li li.sfHover ul {
	left:			198px; /* match ul width */
	top:			0;
}
ul.sf-menuLeft li li:hover li ul,
ul.sf-menuLeft li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menuLeft li li li:hover ul,
ul.sf-menuLeft li li li.sfHover ul {
	left:			198px; /* match ul width */
	top:			0;
}
.sf-menuLeft.sf-vertical {
	border:			1px solid #c1d25b;
	width:			198px;
}

.sf-menuLeft.sf-vertical li {

}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-menuLeft.sf-vertical li:hover ul,
.sf-menuLeft.sf-vertical li.sfHover ul {
	left:	198px; /* match ul width */
	top:	0;
}
ul.sf-menuLeft li.level1 a {
	color:#666;
}
ul.sf-menuLeft li.level1:hover a {
	color:#000;
}
ul.sf-menuLeft li.level1 {
	background: #fff url(../img/icons/icon_bullet_green.png) no-repeat 12px center;
}
ul.sf-menuLeft li.level1:hover {
	background: #c8e22f url(../img/icons/icon_bullet_leftmenu_hover.gif) no-repeat left center;
}
ul.sf-menuLeft ul { background-color:#c8e22f; }
ul.sf-menuLeft li.level2 { background:transparent url(../img/icons/icon_bullet.png) 12px center no-repeat; }
ul.sf-menuLeft li.level2 a { color:#000; }
ul.sf-menuLeft li.level2:hover { background-color:#d4ef34}