/****
 JERSEY EXPRESS NAV TABS
 Specific IDs for adding category tabs to the navbar for JE
  edit when adding or changing a category, follow the pattern for naming conventions
  'url key' field in category admin specifies the classes
  use padding + width to adjust text position, padding left + padding right + width should equal image width
 ****/

/* N.B.: app/code/local/Mage/Catalog/Block/Navigation.php was changed to make the tabs work */
#nav div { float: left; }

#nav-d-nhl { background-image: url(../images/nav/tab-nhl-off.gif);}
#nav-d-nhl-active,
#nav-li-nhl.over a,
#nav-a-nhl:hover {background-image: url(../images/nav/tab-nhl-on.gif);}
#nav-li-nhl.over ul a {background-image: none;}
#nav-a-nhl  { padding:7px 10px 4px 40px; width: 43px; }

#nav-d-mlb { background-image: url(../images/nav/tab-mlb-off.gif); }
#nav-d-mlb-active,
#nav-li-mlb.over a,
#nav-a-mlb:hover { background: url(../images/nav/tab-mlb-on.gif) }
#nav-li-mlb.over ul a {background-image: none;}
#nav-a-mlb { padding:7px 10px 4px 49px; width: 44px; }

#nav-d-milb { background-image: url(../images/nav/tab-milb-off.gif); }
#nav-d-milb-active,
#nav-li-milb.over a,
#nav-a-milb:hover { background-image: url(../images/nav/tab-milb-on.gif); }
#nav-li-milb.over ul a {background-image: none;}
#nav-a-milb { padding:7px 10px 4px 45px; width: 50px; }

/*
#nav-d-nfl { background-image: url(../images/nav/tab-nfl-off.gif); }
#nav-d-nfl-active,
#nav-li-nfl.over a,
#nav-a-nfl:hover { background-image: url(../images/nav/tab-nfl-on.gif); }
#nav-li-nfl.over ul a {background-image: none;}
#nav-a-nfl { padding:7px 10px 4px 38px; width: 45px; }

#nav-d-nba { background-image: url(../images/nav/tab-nba-off.gif); }
#nav-d-nba-active,
#nav-li-nba.over a,
#nav-a-nba:hover { background-image: url(../images/nav/tab-nba-on.gif); }
#nav-li-nba.over ul a {background-image: none;}
#nav-a-nba { padding:7px 10px 4px 38px; width: 45px; }

#nav-d-ncaa { background-image: url(../images/nav/tab-ncaa-off.gif); }
#nav-d-ncaa-active,
#nav-li-ncaa.over a,
#nav-a-ncaa:hover { background-image: url(../images/nav/tab-ncaa-on.gif); }
#nav-li-ncaa.over ul a {background-image: none;}
#nav-a-ncaa { padding:7px 10px 4px 38px; width: 45px; }


#nav-d-more-leagues { background-image: url(../images/nav/tab-more-leagues-off.gif); }
#nav-d-more-leagues-active,
#nav-li-more-leagues.over a,
#nav-a-more-leagues:hover { background-image: url(../images/nav/tab-more-leagues-on.gif); }
#nav-li-more-leagues.over ul a {background-image: none;}
#nav-a-more-leagues { padding:7px 10px 4px 20px; width: 119px; }
*/

#nav-d-customization { background-image: url(../images/nav/tab-customization-off.gif); }
#nav-d-customization-active,
#nav-li-customization.over a,
#nav-a-customization:hover { background-image: url(../images/nav/tab-customization-on.gif); }
#nav-li-customization.over ul a {background-image: none;}
#nav-a-customization { padding:7px 10px 4px 20px; width: 119px; }

#nav-d-team-outfitting { background-image: url(../images/nav/tab-team-outfitting-off.gif); }
#nav-d-team-outfitting-active,
#nav-li-team-outfitting.over a,
#nav-a-team-outfitting:hover { background-image: url(../images/nav/tab-team-outfitting-on.gif); }
#nav-li-team-outfitting.over ul a {background-image: none;}
#nav-a-team-outfitting { padding:7px 10px 4px 20px; width: 121px; }

#nav-d-clearance { background-image: url(../images/nav/tab-clearance-off.gif); }
#nav-d-clearance-active,
#nav-li-clearance.over a,
#nav-a-clearance:hover { background-image: url(../images/nav/tab-clearance-on.gif); }
#nav-li-clearance.over ul a {background-image: none;}
#nav-a-clearance { padding:7px 10px 4px 20px; width: 86px; }


/****
 END JERSEY EXPRESS NAV TABS
****/

#jebag { float: right; width: 175px; height: 43px; padding: 0 0 0 20px; margin: 1px 0 0 0; background-image: url(../images/bag_bg.gif);}
#jebag img {display: block; float: left; margin-top: 4px;}
#jebag ul { float: left; width: 144px; height: 43px; text-align: center;}
#jebag li.first { margin-top: 3px; }
#jebag a.top-link-cart { text-decoration: none; font-size: 1.2em; font-weight: bold; color: #333; }
#jebag a.top-link-checkout { text-decoration: none; font-size: 0.8em; color: #a72d2c; }
#jebag a:hover { text-decoration: underline; }
#jebag a.top-link-cart:visited { color: #333; }
#jebag a.top-link-checkout:visited {color: #a72d2c; }

#nav { margin-top: 9px; padding:0; font-size:1.2em; float: left; }

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav li { position:relative; text-align:left; }
#nav li.over { z-index:100; }
#nav a { display:block; text-decoration:none; height:24px; float:left; line-height: 24px; color:#333333; font-weight:bold; }
/*#nav a:hover { display:block; text-decoration:none; height:25px; }*/
#nav span { display:block; /*cursor:pointer;*/ white-space:nowrap; }
#nav li ul span {white-space:normal; }

/************ 0 LEVEL  ***************/ /* height and line-height here position the tabs */
#nav li { float:left; background-repeat:no-repeat; height: 35px; padding: 0; margin: 0;}
#nav li.active a { color:#ffffff; }
#nav a {}
#nav a:hover { color:white; }

/************ 1ST LEVEL ************/ /* top 34 positions to bottom of tabs */
#nav ul { position:absolute; top:34px; left:-10000px; background: white; border: 1px solid #a72d2c; padding: 20px; width: 400px; }
#nav ul li,
#nav ul li.active { float: left; width: 200px; height: auto; margin:0; }
/*url(../images/nav_divider.gif)*/
/*
#nav ul li.over { background:#ffffff; }
#nav ul li.last { background:#a72d2c; padding-bottom:0; }
*/
#nav li.over ul a { color: black; width: 180px; height: auto; float:none; padding:0 10px 0 10px; font-size: 11px; font-weight: normal; line-height: 18px;}
#nav li.over ul a:hover  { color: white; background-color: #a72d2c;}
/*#nav ul li a { font-weight:normal !important; }*/

/************ 2ND LEVEL ************/

/*#nav ul { position:absolute; width:15em; top:25px; left:-10000px; border:1px solid #899ba5; }*/

/* Show menu */
#nav li.over > ul { left:0; }
#nav li.over > ul li.over > ul { left:199px; top: -10px; }
#nav li.over ul ul { left:-10000px; }

#nav ul li a { background:white; }
#nav ul li a:hover { background:#a72d2c; }
/*#nav ul li a,
#nav ul li a:hover { color:#2f2f2f !important; }*/
/*
#nav ul span, #nav ul li.last li span { padding:3px 15px 4px 15px;}*/

/************ 3RD+ LEVEL ************/
#nav ul ul { top:5px; }