/* -------------------------------------------------------------- 
   
   Navigation.css
   * Version:   1 (9/2007)
   * Website:   http://www.sourceonedigital.com
  
   Based on work by:
   * MindscapeSolutions.com
  
-------------------------------------------------------------- */


/*   Row One - Main Navigation
-------------------------------------------------------------- */

#NavTopRow {
	background: url(/Images/Header/Header_TopNav_Bg.gif) no-repeat top left; 
	margin-top: 0px; 
	vertical-align: top;
	width: 652px; 
	height: 35px; 
	float: right;
}


/*   Row Two - Main Navigation
-------------------------------------------------------------- */

#Nav {
display: block;
width: 980px;
height: 30px;
padding: 0px 0px 0px 0px;
}

.Nav-Capabilities a {
display: inline;
float: left;
width: 114px;
height: 30px;
padding: 0px 0px 0px 0px;
background: url("/images/nav/nav_capabilities.gif") 0 0 no-repeat;
text-decoration: none;
}
.Nav-Capabilities a:hover { 
background-position: 0 -30px;
}

.Nav-Products a {
display: inline;
float: left;
width: 93px;
height: 30px;
padding: 0px 0px 0px 0px;
background: url("/images/nav/nav_products.gif") 0 0 no-repeat;
text-decoration: none;
}
.Nav-Products a:hover { 
background-position: 0 -30px;
}

.Nav-Wholesale a {
display: inline;
float: left;
width: 101px;
height: 30px;
padding: 0px 0px 0px 0px;
background: url("/images/nav/nav_wholesale.gif") 0 0 no-repeat;
text-decoration: none;
}
.Nav-Wholesale a:hover { 
background-position: 0 -30px;
}

.Nav-SportsMarketing a {
display: inline;
float: left;
width: 145px;
height: 30px;
padding: 0px 0px 0px 0px;
background: url("/images/nav/nav_sportsmarketing.gif") 0 0 no-repeat;
text-decoration: none;
}
.Nav-SportsMarketing a:hover { 
background-position: 0 -30px;
}

.Nav-News a {
display: inline;
float: left;
width: 66px;
height: 30px;
padding: 0px 0px 0px 0px;
background: url("/images/nav/nav_news.gif") 0 0 no-repeat;
text-decoration: none;
}
.Nav-News a:hover { 
background-position: 0 -30px;
}

.Nav-Specials a {
display: inline;
float: left;
width: 116px;
height: 30px;
padding: 0px 0px 0px 0px;
background: url("/images/nav/nav_specials.gif") 0 0 no-repeat;
text-decoration: none;
}
.Nav-Specials a:hover { 
background-position: 0 -30px;
}

.Nav-CustomerCare a {
display: inline;
float: left;
width: 127px;
height: 30px;
padding: 0px 0px 0px 0px;
background: url("/images/nav/nav_customercare.gif") 0 0 no-repeat;
text-decoration: none;
}
.Nav-CustomerCare a:hover { 
background-position: 0 -30px;
}

.Nav-OurSuccess a {
display: inline;
float: left;
width: 110px;
height: 30px;
padding: 0px 0px 0px 0px;
background: url("/images/nav/nav_oursuccess.gif") 0 0 no-repeat;
text-decoration: none;
}
.Nav-OurSuccess a:hover { 
background-position: 0 -30px;
}

.Nav-InfoCenter a {
display: inline;
float: left;
width: 108px;
height: 30px;
padding: 0px 0px 0px 0px;
background: url("/images/nav/nav_infocenter.gif") 0 0 no-repeat;
text-decoration: none;
}
.Nav-InfoCenter a:hover { 
background-position: 0 -30px;
}


/* CSS for flyout menu system */
div.flyout
{
    background-color: #ccc;
    text-align: left;
    position: absolute;
    top:0;
    left:0;
	width: 200px;
    padding: 8px;
    display:none;
    opacity: 0.95; /* Safari/CSS3 */
    -moz-opacity: 0.95; /* Mozilla */
    filter: alpha(opacity=95); /* IE */
    z-index: 100;
}

div.flyout div.container {
	background-color: #fff;
	border: solid 2px #999;
	padding: 4px;
}
div.flyout table td {
	border-bottom: dashed 1px #ccc;
}
div.flyout a
{
    font: 11px/18px Trebuchet, Arial, Helvetica, sans-serif;
    color: #666;
    margin: 2px 0;
    padding: 2px;
    display: block;
    text-decoration: none;
}

div.flyout a:hover
{
	background-color: #E29547;
    color: #fff;
}