/* ************************************************************************************************
      TOP NAVIGATION
************************************************************************************************ */

/*** ESSENTIAL STYLES ***/
.eb-nav ul {
	position:		absolute;
	top:			-999em;
	width:			12em; /* left offset of submenus need to match (see below) */
	z-index:		10000;
}
.eb-nav ul li {
	width:			100%;
}
.eb-nav li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.eb-nav li {
	float:			left;
	position:		relative;
}
.eb-nav a {
	display:		block;
	position:		relative;
}
.eb-nav li:hover ul,
.eb-nav li.sfHover ul {
	left:			0;
	top:			50px; /* match top ul list item height */
	z-index:		10001;
}
ul.eb-nav li:hover li ul,
ul.eb-nav li.sfHover li ul {
	top:			-999em;
}
ul.eb-nav li li:hover ul,
ul.eb-nav li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			0;
	z-index:		10004;
}
ul.eb-nav li li:hover li ul,
ul.eb-nav li li.sfHover li ul {
	top:			-999em;
	z-index:		10002;
}
ul.eb-nav li li li:hover ul,
ul.eb-nav li li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			0;
	z-index:		10003;
}

/*** ELATION SKIN ***/
.eb-nav {position:absolute; z-index:100001; top:124px; left:0; width:100%; height:50px;}

.eb-nav a, .eb-nav a:visited  {padding:0 20px; font-size:14px; color:#fff; text-shadow:#000 1px -2px 0; text-transform:uppercase; line-height:50px; }
.eb-nav li li a, .eb-nav li li a:visited  {line-height:14px;}

.eb-nav li {border-right: 1px solid #111; border-left: 1px solid #444; 
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear; 
	transition: all 0.3s linear;}

.eb-nav li:hover, .eb-nav li.sfhover {background:#B3FF00;
	box-shadow: inset 0px 0px 5px rgba(0,0,0,0.7);
    -moz-box-shadow:inset 0px 0px 5px rgba(0,0,0,0.7);
    -webkit-box-shadow:inset 0px 0px 5px rgba(0,0,0,0.7);}


/* Dropdown */
.eb-nav li ul {background:url(../../../../img/bg-fabric.jpg); padding-bottom:10px;
	box-shadow:0px 5px 5px rgba(0,0,0,0.7);
    -moz-box-shadow:0px 5px 5px rgba(0,0,0,0.7);
    -webkit-box-shadow:0px 5px 5px rgba(0,0,0,0.7);
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
}
 
.eb-nav li li {border-bottom:1px solid #111; border-top:1px solid #444; border-left:none; border-right:none; background:none;}
.eb-nav li li:first-child {border-top:none;}
.eb-nav li li a, .eb-nav li li a {color:#FFF; text-shadow:#000 1px -2px 0; padding:10px 10px; line-height:14px;}
.eb-nav li li:hover, .eb-nav li li.sfhover {background:#B3FF00;}
.eb-nav li li:hover a, .eb-nav li li.sfhover a {color:#000; text-shadow:#ccc 0 1px 0;}

.eb-nav li li:hover li a, .eb-nav li li.sfhover li a {color:#FFF; text-shadow:#000 1px -2px 0;}
.eb-nav li li li:hover a, .eb-nav li li li.sfhover a {color:#000; text-shadow:#ccc 0 1px 0;}


.eb-nav li li li:hover li a, .eb-nav li li.sfhover li a {color:#FFF; text-shadow:#000 1px -2px 0;}
.eb-nav li li li li:hover a, .eb-nav li li li.sfhover a {color:#000; text-shadow:#ccc 0 1px 0;}



/*** arrows **/
.eb-nav a.sf-with-ul {
	padding-right:2.25em;
	min-width:1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:absolute;
	display:block;
	right:.75em;
	top:1.05em; /* IE6 only */
	width:10px;
	height:10px;
	text-indent:-999em;
	overflow:hidden;
	background:url('../../../../img/arrows.gif') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:1em;
	background-position:0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position:-10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.eb-nav ul .sf-sub-indicator { background-position:-10px 0; }
.eb-nav ul a > .sf-sub-indicator { background-position:0 0; }
/* apply hovers to modern browsers */
.eb-nav ul a:focus > .sf-sub-indicator,
.eb-nav ul a:hover > .sf-sub-indicator,
.eb-nav ul a:active > .sf-sub-indicator,
.eb-nav ul li:hover > a > .sf-sub-indicator,
.eb-nav ul li.sfHover > a > .sf-sub-indicator {
	background-position:-10px 0; /* arrow hovers for modern browsers*/
}


@media only screen and (max-width: 999px) {
	.eb-nav a, .eb-nav a:visited  {font-size:13px;}
}
/* Tablet Only Queries */
@media only screen and (min-width: 531px) and (max-width: 786px)  { 
	.eb-nav a, .eb-nav a:visited  {font-size:12px;}
}

/* Phone Only Queries */
@media only screen and (max-width: 530px) { 
	.eb-nav {display:none;}
}