/******************************** Primary top nav rules */

.nav {
	position: relative;
	width: 970px;
	float: left;
    z-index: 10;
}

.button {
  background: url(../images/bg-nav-elements.gif);	
  float: left;
}


.main {
  text-align: center;
}

/* Begin Category-specific Styles */
li.themes {
	width: 232px;
	background-position: -2px 0;	
}

	li.themes:hover, li.themes.hovered {
		background: url(../images/bg-nav-elements-rollover.gif) repeat-x;	
		background-position: -2px 0;	
	}

	li.themes a.main {
		background: url(../images/icon-expand.gif) no-repeat; 
		background-position: 180px 14px;
	}
	.nav ul li.themes a.main {
		text-align: center;
	}

li.precious {width: 154px;}

	li.precious:hover {
		background: url(../images/bg-nav-elements-rollover.gif) repeat-x;	
	}

	li.precious a.arrowDown {
		background: url(../images/icon-expand.gif) no-repeat; 
		background-position: 140px 14px;
	}
	li.precious a.main.arrowDown {
		padding: 10px 20px 10px 10px;
	}

li.sports {width: 73px;}

	li.sports:hover {
		background: url(../images/bg-nav-elements-rollover.gif) repeat-x;	
	}

	li.sports a.arrowDown {
		background: url(../images/icon-expand.gif) no-repeat; 
		background-position: 59px 14px;
	}
	li.sports a.main.arrowDown {
		padding: 10px 20px 10px 10px;
	}
	li.sports li {
		position: relative;
	}
	ul.sports li a {
		padding-left: 57px;
	}
	li.sports li a .taxonomySportsLogosLeft {
		left: 4px;
		position: absolute;
		top: 0;
	}
	li.sports li a:hover {
		padding-left: 55px;
	}
	li.sports li a:hover .taxonomySportsLogosLeft, li.sports li:hover a .taxonomySportsLogosLeft {
		left: 3px;
		top: -1px;
	}

li.disney {width: 75px;}

	li.disney:hover {
		background: url(../images/bg-nav-elements-rollover.gif) repeat-x;	
	}

	li.disney a.arrowDown {
		background: url(../images/icon-expand.gif) no-repeat; 
		background-position: 60px 14px;	
	}
	li.disney a.main.arrowDown {
		padding: 10px 20px 10px 10px;
	}

li.cars {width: 111px;}

	li.cars:hover {
		background: url(../images/bg-nav-elements-rollover.gif) repeat-x;	
	}

	li.cars a.arrowDown {
		background: url(../images/icon-expand.gif) no-repeat; 
		background-position: 97px 14px;
	}
	li.cars a.main.arrowDown {
		font-size: 11px; 
		padding: 2px 20px 6px 15px;
		text-align: center !important;
	}

li.animals {width: 84px;}

	li.animals:hover {
		background: url(../images/bg-nav-elements-rollover.gif) repeat-x;	
	}

	li.animals a.arrowDown {
		background: url(../images/icon-expand.gif) no-repeat; 
		background-position: 69px 14px;
	}
	li.animals a.main.arrowDown {
		padding: 10px 20px 10px 10px;
	}

li.angels {width: 130px;}

	li.angels:hover {
		background: url(../images/bg-nav-elements-rollover.gif) repeat-x;	
	}

	li.angels a.arrowDown {
		background: url(../images/icon-expand.gif) no-repeat; 
		background-position: 117px 14px;
	}
	li.angels a.main.arrowDown {
		font-size: 11px; 
		padding: 2px 20px 6px 15px;
		text-align: center !important;
	}


li.holiday {width: 129px;}

	li.holiday:hover {
		background: url(../images/bg-nav-elements-rollover.gif) repeat-x;	
	}

	li.holiday a.main {
		text-align: center;
	}

li.collection {width: 111px;}

	li.collection:hover {
		background: url(../images/bg-nav-elements-rollover.gif) repeat-x;	
	}

	li.collection a.main {
		text-align: center !important;
		font-size: 11px !important;
		padding: 2px 20px 6px 20px !important;
	}

/* End Category-specific Styles */


.parent {
  position: relative;
  margin: 0;
  padding: 0;
}
/* this parent div does not provide "sticky hovering", but instead fixes a
strange bug in Op7. When an element serves as a hovered popup "parent" element,
that element must not also be floated or all heck breaks loose in Opera 7.
To prevent this, we have floated the top level list items, while nesting
hoverable parent divs inside that are then hovered to generate the dropdowns.
Thus the ugly (but interesting) Op7 bug is defeated. */


/******************************** Primary dropdown/flyout rules */

.dropdown { /* rules for dropdown div */
	width: 238px;
	margin-left: 16px; 
	padding: 0 0 10px 20px; /* padding for sticky hovering zones */
	position: absolute;
	left: -3000px;
	top: auto; /* puts dropdowns directly under top nav */
	text-align: left; /* needed because IE misapplies text centering to boxes */
	background: url(../images/bgfix.gif);
	z-index: -10;
}
/* When setting "sticky hovering" zones, margin-left and padding-left must add up to 36px */
/* To eliminate "sticky hovering" zones, set padding-left to 0px and margin-left to 36px */

.dropdown.sports, .dropdown.cars { /* rules for Sports dropdown div */
	top: auto; /* puts dropdowns directly under top nav */
	text-align: left; /* needed because IE misapplies text centering to boxes */
	width: 175px;
}

/* 
.dropdown ul.sports, .dropdown ul.cars {
    margin-top: -4px;
}
 */
.dropdown ul.sports li:hover,
.dropdown ul.sports li.hovered, 
.dropdown ul.cars li:hover,
.dropdown ul.cars li.hovered{
  background: #FFFFFF;
  border: 1px solid #4279BB;
} /* hover effect on dropdown links for Hockey tab */


.dropdown.angels, 
.dropdown.precious, 
.dropdown.disney, 
.dropdown.animals { /* rules for Ladies of Elegance dropdown div */
	margin-left: 26px; 
	padding: 0 10px 10px 11px; /* padding for sticky hovering zones */
	top: auto; /* puts dropdowns directly under top nav */
	text-align: left; /* needed because IE misapplies text centering to boxes */
	width: 198px;
}
.dropdown ul.angels li:hover,
.dropdown ul.angels li.hovered, 
.dropdown ul.precious li:hover,
.dropdown ul.precious li.hovered,
.dropdown ul.disney li:hover,
.dropdown ul.disney li.hovered,
.dropdown ul.animals li:hover,
.dropdown ul.animals li.hovered,{
  background: #FFFFFF;
  border: 1px solid #4279BB;
  width: 196px;
} /* hover effect on dropdown links for Hockey tab */
/* When setting "sticky hovering" zones, margin-left and padding-left must add up to 32px */
/* To eliminate "sticky hovering" zones, set padding to 0px and set margin-left to 32px */

.dropdown.expanded { /* rules for dropdown div */
	width: 233px;
	position: absolute;
	left: -36px;
	top: auto; /* puts dropdowns directly under top nav */
	text-align: left; /* needed because IE misapplies text centering to boxes */
	background: url(../images/bgfix.gif);
}

.dropdown div {
        width: 220px;
	margin-top: 20px; 
	padding: 14px 10px 10px 0; /* creates "sticky hovering" zones for flyouts */
	position: absolute;
	left: -3000px;
	top: 0;
	background: url(../images/bgfix.gif);
	text-align: left; /* needed because IE misapplies text centering to boxes */

}
/* When setting "sticky hovering" zones, margin-top and padding-top must add up to 34px */
/* To eliminate "sticky hovering" zones, set padding to 0px and set margin-top to 34px */

.dropdown ul {
/* 
  margin-top: -4px; 
 */
  border-bottom: 3px solid #4279BB;
  background: #EDF7FF;
}

.dropdown ul.shopByTheme {
  margin-top: -4px; 
}

.nav li {
  text-align: left;
}


.nav ul li a.main {
  padding: 10px 0 10px 10px;
  text-align: left;
  /*width: 100%;*/
}

.nav ul li a.main:hover {
  text-decoration: underline;
}

.nav ul li.themes a.main:hover {
    text-decoration: none;
}

.nav a {
  display: block;
  color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

.nav ul ul a, .nav ul ul li.header  {
  color: #336699;
  border-bottom: 1px solid #FFFFFF;  /* borders the bottoms of the dropdown and flyout links */
  font-size: 12px;
  font-weight: normal;
  padding: 6px 0 6px 10px;
}

.nav ul ul.sports li a {
	padding-left: 57px;
}

.nav ul ul.sports li a:hover, .nav ul ul.sports li:hover a {
	padding-left: 56px;
}

.nav ul ul li.header {
	font-weight: bold;
	color: #32465A;
}

.nav ul ul li.noBorder a {
	border-bottom: 1px solid #edf7ff;
}

.nav ul ul li.header.moreWays {
    background-color: white;
    border-bottom: 1px solid #edf7ff;
    border-left: 5px solid #edf7ff;
    border-right: 5px solid #edf7ff;
}

.nav li.moreWays {
    background-color: white;
    border-left: 5px solid #edf7ff;
    border-right: 5px solid #edf7ff;
	border-bottom: 1px solid #edf7ff;
}

.nav li.moreWays a {
	border: none;
}

.parent:hover {
  background-image: url(../images/bgfix.gif);
}
/* this hover calls a transparent GIF only to defeat the IE failed hover bug. Any
background change on hovering div.parent will make IE obey and display the dropdown.
While the call itself will fix the bug, make sure you actually call a real image
file so that your site error logs will not fill with failed image calls. */

.parent:hover div.dropdown, .parent.hovered div.dropdown {
  left: -36px;
} /* hover rule for dropdowns */

.dropdown li:hover div, .dropdown li.hovered div { /* hover rule for flyouts */
	left: 220px; /* this value controls the left alignment of the flyout menu */
	top: -31px; /* this value controls the amount of flyout vertical offset */
}

.dropdown li:hover, .dropdown li.hovered {
  background: #FFFFFF   url(../images/icon-submenu-link.gif) no-repeat 216px 9px;
  border: 1px solid #4279BB;
} /* hover effects on dropdown links */

.dropdown li:hover a, .dropdown li.hovered a {
  padding: 5px 0 5px 9px;
  margin: 0;
  text-decoration: none; 
} /* hover effects on dropdown links */

.dropdown div li:hover, .dropdown div li.hovered {
   background: #FFFFFF;
   border: 0 none;
} /* hover effects on flyout links */

.dropdown li#single:hover, .dropdown li#single.hovered {
  background: #FFFFFF;
  border-right: 1px solid #4279BB;
} /* adds right border for non-flyout menu items. */

.dropdown li#single.header:hover, .dropdown li#single.header.hovered, .dropdown li#single.moreWays:hover, .dropdown li#single.moreWays.hovered {
    border-bottom: 1px solid #edf7ff;
    border-left: 5px solid #edf7ff;
    border-right: 5px solid #edf7ff;
    border-top: none;
}

.dropdown li#single.moreWays:hover a, .dropdown li#single.moreWays.hovered a {
	text-decoration: underline;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
/******************************** Primary dropdown backgrounds */

.dropdown div ul {
  background: #FFFFFF;
  margin-left: 12px;
} /* colors BG of flyouts */

.dropdown div ul a {
  color: #336699;
} /* colors text of flyouts */

.dropdown li:hover div.more, .dropdown li.hovered div.more {
	left: 220px;
	top: -208px; /* this value moves the theme flyout up to compensate for the amount of links */
}