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

/*** ESSENTIAL STYLES ***/
.eb-nav ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
	z-index:		100;
}
.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:			45px; /* match top ul list item height */
	z-index:		101;
}
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:			10em; /* match ul width */
	top:			0;
	z-index:		104;
}
ul.eb-nav li li:hover li ul,
ul.eb-nav li li.sfHover li ul {
	top:			-999em;
	z-index:		102;
}
ul.eb-nav li li li:hover ul,
ul.eb-nav li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
	z-index:		103;
}

/*** ELATION SKIN ***/
.eb-nav {float:left; position:absolute; z-index:99; top:126px; width:100%; height:40px;}
.eb-nav a, .eb-nav a:visited  {color:#666;padding:.75em 1em; font-size:14px;}
.eb-nav li {-webkit-border-radius: 3px; border-radius: 3px; text-transform:uppercase; line-height:25px;}
.eb-nav li {-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 li {text-transform:capitalize; line-height:15px;}
.eb-nav li:hover, .eb-nav li.sfhover {background:#eee;}
.eb-nav li:hover a, .eb-nav li .sfhover a {color:#666;}
.eb-nav li:hover li a, .eb-nav li li .sfhover a {color:#666;}
.eb-nav li li:hover a {color:#000;}
.eb-nav li li.sfhover a {color:#666;}
.eb-nav li li:hover li a, .eb-nav li li li .sfhover a {color:#666;}
.eb-nav li li li:hover a {color:#000;}
.eb-nav li li li.sfhover a {color:#666;}
.eb-nav li ul {background:#eee; padding-bottom:10px; -webkit-border-radius: 0px 3px 3px 3px; border-radius: 0px 3px 3px 3px;}


/*** 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*/
}


/* Block Top Search */
#search_block_top {position: absolute;right: 0;top: 45px;}
#searchbox {background:#ccc; border:1px solid #666; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 1px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 1px 3px rgba(0, 0, 0, 0.4);
    }  
#searchbox .button {background: url(../img/search-zoom.png) no-repeat top center; border:none; text-indent:-999px; width: 30px; height: 30px;}
#searchbox .button:hover  { background-position: bottom center;}
#searchbox input[type="text"] {background:none; border:none; width:70px; height:20px; padding-left:10px; color: #666; text-shadow:0 1px 0 rgba(255,255,255,0.3);
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;}
#searchbox input[type="text"]:focus, #searchbox input[type="text"]:hover {width:100px; outline:none; color:#333;}
#searchbox p {padding:0;}


@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;}
}