/* ************************************************************************************************
      TOP NAVIGATION
************************************************************************************************ */
.eb-nav {position:absolute;top:124px; width:100%; height:50px; z-index:100;}
.eb-nav li {float:left; height:50px;position:relative;}
.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 a {padding:0 17px; float:left; color:#666; height:50px; line-height:50px; font-size:13px; text-transform:uppercase; text-shadow: 0 1px 0 #FFF;}
.eb-nav li li a {text-shadow:none;}
.eb-nav li:hover,.eb-nav li.sfhover { background:#eee;-webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px;}
.eb-nav li.sf-search:hover {background:none;}
.eb-nav li:hover a, .eb-nav li.sfhover a {color:#000;}
.eb-nav li span {float:right; text-indent: -3000px; white-space: nowrap; width:10px; height:10px; background:url(../img/arrows.gif) bottom left; margin: 20px 0 0 10px;}
 
/* Dropdown */
.eb-nav li ul {position:absolute;left:-999em; z-index:100000; background:#eee; -webkit-border-radius: 0px 3px 3px 3px; border-radius: 0px 3px 3px 3px;}
.eb-nav li:hover ul, .eb-nav li.sfhover ul {left:0; top:50px; width:160px; padding:0 0 10px 0;}
.eb-nav li li {width:160px; height:auto; background:none;}
.eb-nav li:hover li a, .eb-nav li.sfhover li a {float:left; width:140px; height:auto; color:#666; padding:10px 10px; line-height:14px; text-transform:capitalize;}
.eb-nav li li:hover, .eb-nav li li.sfhover {background:silver; -webkit-border-radius: 3px; border-radius: 3px;}
.eb-nav li li:hover a, .eb-nav li li.sfhover a {color:#eee; }
.eb-nav li li span {float:right; text-indent: -3000px; white-space: nowrap; width:10px; height:10px; background:url(../img/arrows.gif) top left; margin:0;}
 
/* Flyouts */
.eb-nav li:hover li ul, .eb-nav li.sfhover li ul {position:absolute;left:-999em;}
.eb-nav li li:hover ul, .eb-nav li li.sfhover ul {left:150px; top:0; padding: 0 0 10px 0; -webkit-border-radius: 0px 3px 3px 3px;  border-radius: 0px 3px 3px 3px;}

.eb-nav li li:hover li a, .eb-nav li li.sfhover li a {color:#666;}
.eb-nav li li li:hover a, .eb-nav li li li.sfhover a {color:#FFF;}

.eb-nav li li li:hover li a, .eb-nav li li.sfhover li a {color:#666;}
.eb-nav li li li li:hover a, .eb-nav li li li.sfhover a {color:#FFF;}

/* Block Top Search */
#search_block_top {position: absolute;right: 0;top: 45px;}
#searchbox {background:#8f8f8f; 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: 120px; outline:none; color:#333;}
#searchbox p {padding:0;}


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

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