/*** ESSENTIAL STYLES ***/
.dropdown-categories, .dropdown-categories * {margin:0;	padding:0; list-style:none;	font-size:12px;	font-weight:bold;}
.dropdown-categories {line-height:	1.0; position: relative; z-index: 5;}
.dropdown-categories ul {position:absolute;	top:-999em;	width:215px; /* left offset of submenus need to match (see below) */}
.dropdown-categories ul li {width:100%;}
.dropdown-categories li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */}
.dropdown-categories li {float:left; position:relative;}
.dropdown-categories a {display:block; position:relative;}
.dropdown-categories li:hover ul, .dropdown-categories li.sfHover ul {padding-top:6px; left:0; top:2.65em; /* match top ul list item height */ z-index:99; border-bottom:4px solid #2988a7; background: url("../images/categories-border.gif") no-repeat top;}
ul.dropdown-categories li:hover li ul, ul.dropdown-categories li.sfHover li ul {top:-999em;}
ul.dropdown-categories li li:hover ul, ul.dropdown-categories li li.sfHover ul {left:215px; /* match ul width */	top:0;}
ul.dropdown-categories li li:hover li ul, ul.dropdown-categories li li.sfHover li ul {top:-999em;}
ul.dropdown-categories li li li:hover ul, ul.dropdown-categories li li li.sfHover ul {left:10em; /* match ul width */ top:0;}

/*** DEMO SKIN ***/
.dropdown-categories {float:left; margin-bottom: 1em;}
.dropdown-categories a {border-left:none; border-top:none; color:#a2a2a2; padding:9px 15px 11px 10px; text-decoration:none;}
.dropdown-categories a, .dropdown-categories a:visited, a:link  { /* visited pseudo selector so IE6 applies text colour*/ color: #a2a2a2;}
.dropdown-categories li {background:transparent;}
.dropdown-categories li li {background: #2097c4;}
.dropdown-categories li li li {	background:	#2097c4;}

.dropdown-categories li:hover, .dropdown-categories li.sfHover, .dropdown-categories a:focus, .dropdown-categories a:hover, .dropdown-categories a:active {color:#b4b4b4; outline:0;}

.dropdown-categories li:hover, .dropdown-categories li.sfHover {background:url("../images/categories-hover.gif") no-repeat left; color:#fff; outline:0;}

.dropdown-categories .children li:hover, .dropdown-categories .children li.sfHover {background:#2097c4;}
.dropdown-categories .children li, .dropdown-categories .children li {padding:0px;}

.dropdown-categories li:hover a:focus, .dropdown-categories li:hover a:link, .dropdown-categories li:hover a:active, .dropdown-categories li:hover a:visited {background:url("../images/categories-hover-right.gif") no-repeat right; color:#fff; outline:0;}
.dropdown-categories .children li:hover a:focus, .dropdown-categories .children li:hover a:link, .dropdown-categories .children li:hover a:active {color:#fff; background: #34a0c9;}
.dropdown-categories .children li a:focus, .dropdown-categories .children li a:link, .dropdown-categories .children li a:active, .dropdown-categories .children li a {color:#fff; background: #2097c4;}
.dropdown-categories .children li a:visited { background: transparent; }

.dropdown-categories .children li a:hover { background: #34a0c9; }
.dropdown-categories li ul li a:hover {background: #34a0c9; outline:0;}

/*** arrows **/
.dropdown-categories a.sf-with-ul {padding-right:1em; min-width:1px; /* trigger IE7 hasLayout so spans position accurately */}