@charset \"utf-8\";
/* CSS Document */

#nav_bottomcategory, 
#nav_bottomcategory ul {
	padding:0;
	margin:0;
padding:0 0 5px 0;
	list-style:none;
	height:25px;
	font: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:#fff;
	position:relative;
	z-index:100;
	/*text-transform:uppercase;*/
	color:#fff;
}
#nav_bottomcategory {width:100%; padding:0; padding-top:6px;  background-image:url(../Images/sf_bottom-1349.jpg); background-repeat:no-repeat; /*background-color:#f0f0f0;*/ height:37px; margin-bottom 5px;}

#nav_bottomcategory table {border-collapse:collapse;}
#nav_bottomcategory li {float:left; height:25px;}
#nav_bottomcategory li li {float:none; height:25px; background:#F88F26}
/* a hack for IE5.x and IE6 */
#nav_bottomcategory li a li {float:left; height:25px; width:100%;}

#nav_bottomcategory li a {display:block; float:left; color:#333; height:25px; padding:0 10px 0 10px; line-height:25px; text-decoration:none; white-space:nowrap; /*font-weight:bold;*/ height:25px; /*border-left:1px solid #fff;*/}
#nav_bottomcategory li li a {height:25px; line-height:25px; float:none; font-weight:normal; }

#nav_bottomcategory li:hover {position:relative; z-index:100; height:25px; line-height:25px;}
#nav_bottomcategory a:hover {position:relative; z-index:100; /*background:#C29A6D;*/ line-height:25px; color:#ffffff; /*border-left:1px solid #fff;*/}
#nav_bottomcategory li:hover > a {/*border-left:1px solid #ee0000; */line-height:25px; height:25px;  /*background:#fffaea; */color:#ee0000; border-bottom:2px solid #fff;}

#nav_bottomcategory :hover  ul {left:0; top:25px; /*border-left:1px solid #843;*/ z-index:300;}
#nav_bottomcategory a:hover ul {left:-1px; height:25px;}

#nav_bottomcategory ul {position:absolute; left:-9999px; top:-9999px; width:200px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav_bottomcategory li:hover li:hover > ul {left:0; margin-left:100%; top:0;}
/* keep further levels hidden */
#nav_bottomcategory li:hover > ul ul {position:absolute; width:200px; left:-9999px; top:-9999px;}
/* show path followed */
#nav_bottomcategory li:hover li:hover > a {background:#a60000; /*width:200px;*/  color:#fff; /*border:2px solid #fff;*/ }

#nav_bottomcategory li a:hover ul li a:hover {background:#000000; width:100%;}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav_bottomcategory a:hover a:hover ul,
#nav_bottomcategory a:hover a:hover a:hover ul,
#nav_bottomcategory a:hover a:hover a:hover a:hover ul,
#nav_bottomcategory a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:0;}

/* keep further levels hidden */
#nav_bottomcategory a:hover ul ul,
#nav_bottomcategory a:hover a:hover ul ul,
#nav_bottomcategory a:hover a:hover a:hover ul ul,
#nav_bottomcategory a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}