/******************************** Primary top nav rules */
.dropdown ul.flyout div.joiner {
	position: static;
	display: inline-block;
	float: left;
	padding: 0;
	height: 22px;
	width: 10px;
	background-color: #fff;
	margin: 0 5px 0 -5px;
}

.nav {
	position: absolute;
	width: 970px;
	bottom: 0px;
	left: 0px;
}

.button {
  background: url(../images/bg-nav-elements.png) no-repeat left;	
  float: left;
}
 
li.departments {
  background: url(../images/bg-shop-all.png) no-repeat left;
  width: 238px;
}

li.departments a.arrowDown {
  background: url(../images/icon-expand.gif) no-repeat 210px 14px;
} /* Location of down arrow in Shop All Departments menu item */

li.holiday a.arrowDown {
    background: url(../images/icon-expand.gif) no-repeat 77px 14px;
    margin-right: 8px;
} /* Location of down arrow in christmas menu item */

li.christmas a.arrowDown {
    background: url(../images/icon-expand.gif) no-repeat 100px 14px;
    margin-right: 8px;
} /* Location of down arrow in christmas menu item */

ul.christmas li a {
	background-color: #fff;	
}

li.sports a.arrowDown {
  background: url(../images/icon-expand.gif) no-repeat 80px 14px;
   margin-right: 5px;
} /* Location of down arrow in sports menu item */

li.disney a.arrowDown {
  background: url(../images/icon-expand.gif) no-repeat 63px 14px;
   margin-right: 5px;
} /* Location of down arrow in disney menu item */

.main {
  text-align: center;
}

.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: 226px;
	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);
}
/* 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.sportsMain { /* rules for Shop By Theme dropdown div */
	margin-left: 21px; 
	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: 226px;
}

.dropdown.christmasMain { /* rules for Christmas dropdown div */
	margin-left: 21px; 
	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: 226px;
}
/* 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: 226px;
	position: absolute;
	left: -31px;
	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: -2px;
  padding-bottom: 5px;
  border: 1px solid #c1c7cd;
  box-shadow: 1px 1px 4px #c8ced4;
  -moz-box-shadow: 1px 1px 4px #c8ced4;
  -webkit-box-shadow: 1px 1px 4px #c8ced4;
  border-collapse: separate;
  background: #FFF;
  border-top: none;
}

.dropdown ul ul.flyout {
  margin-left: -2px;
  margin-top: -4px;
  border-top: 1px solid #C1C7CD;

}

.dropdown ul.sports {
  margin-top: -2px; 
  bordertop: none;
}

.dropdown ul.christmas {
  margin-top: -2px; 
  bordertop: none;
}

.nav li {
  text-align: left;
}

.nav ul li a.main {
  padding: 10px 0 10px;
  text-align: center;
}

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

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


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

.nav ul ul a, .nav ul ul span.MoreWaystoShop {
  color: #336699;
  font-size: 12px;
  font-weight: normal;
  height: 12px;
  padding:5px 0 7px 10px;
}

.nav ul ul.flyout li {
  border-top: 0 none;
}

.nav ul ul.flyout li a {
  padding:5px 0 7px 10px;
}

.dropdown li {
  position: relative;
  vertical-align: bottom; /* IE6/win bugfix */
}

.dropdown li.arrowRight {
  background: url(../images/icon-submenu-link.gif) no-repeat 207px 10px;
}


.dropdown li.arrowRight:hover {
  border: 1px solid #c1c7cd;
  box-shadow: 1px 1px 4px #c8ced4;
  -moz-box-shadow: 1px 1px 4px #c8ced4;
  -webkit-box-shadow: 1px 1px 4px #c8ced4;
}

.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: -31px;
} /* hover rule for dropdowns */

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

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

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

.dropdown li:hover a, .dropdown li.hovered a, .dropdown li:hover span.MoreWaystoShop, .dropdown li.hovered span.MoreWaystoShop {
  padding:5px 0 7px 10px;
  height: 12px;
  margin: 0;
} /* hover effects on dropdown links */

.dropdown li.arrowRight:hover a, .dropdown li.arrowRight.hovered a, .dropdown li.arrowRight:hover span.MoreWaystoShop, .dropdown li.arrowRight.hovered span.MoreWaystoShop {
  padding: 4px 0 6px 9px;
  height: 12px;
  margin: 0;
} /* hover effects on dropdown links */

.dropdown li a:hover {
	text-decoration: underline;
}

.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;
} /* adds right border for non-flyout menu items. */

/******************************** Primary dropdown backgrounds */

.dropdown div ul {
  background: #FFFFFF;
} /* colors BG of flyouts */

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

.dropdown div ul.flyout a:hover {
  text-decoration: underline;
}
ul.sports li a .taxonomySportsLogosLeft {left: 4px; position: absolute; top: 0;}
ul.sports li a {padding-left: 57px; background-color: #fff;}
.dropdown.sportsMain li:hover a, .dropdown.sportsMain  li.hovered a {padding: 5px 0 7px 57px; margin: 0;}

/* BEGIN - Move to Global CSS after newTax launch */

div.holidaysHeader+img.sportsLogoStrip {
margin: bottom: 10px;
}

/* END - Move to Global CSS after newTax launch */

/* SEASONAL STYLES */

.nav.control li.jewelry {width: 78px;}
.nav.control li.personalized {width: 145px;}
.nav.control li.sports {width: 83px;}
	.nav.control li.sports a.arrowDown {background-position: 66px 14px;}
.nav.control li.kinkade {width: 138px;}
.nav.control li.disney {width: 76px;}
.nav.control li.gifts {width: 70px; display: block;}
.nav.control li.valentinesDay, .nav.control li.mothersDay, .nav.control li.fathersDay, .nav.control li.halloween, .nav.control li.holiday, .nav.control li.christmas {display: none;}
.nav.control li.theme {width: 142px;}

.nav.vday li.jewelry {width: 70px;}
.nav.vday li.personalized {width: 137px;}
.nav.vday li.sports {width: 73px;}
	.nav.vday li.sports a.arrowDown {background-position: 61px 14px;}
.nav.vday li.kinkade {width: 125px;}
.nav.vday li.disney {width: 76px;}
.nav.vday li.gifts, .nav.vday li.mothersDay, .nav.vday li.fathersDay, .nav.vday li.halloween, .nav.vday li.holiday, .nav.vday li.christmas {display: none;}
.nav.vday li.valentinesDay {width: 126px; display: block;}
.nav.vday li.theme {width: 125px;}

.nav.mday li.jewelry {width: 66px;}
.nav.mday li.personalized {width: 136px;}
.nav.mday li.sports {width: 74px;}
	.nav.mday li.sports a.arrowDown {background-position: 60px 14px;}
.nav.mday li.kinkade {width: 124px;}
.nav.mday li.disney {width: 73px;}
	.nav.mday li.disney a.arrowDown {background-position: 60px 14px;}
.nav.mday li.gifts, .nav.mday li.valentinesDay, .nav.mday li.fathersDay, .nav.mday li.halloween, .nav.mday li.holiday, .nav.mday li.christmas {display: none;}
.nav.mday li.mothersDay {width: 140px; display: block;}
.nav.mday li.theme {width: 119px;}

.nav.fday li.jewelry {width: 68px;}
.nav.fday li.personalized {width: 136px;}
.nav.fday li.sports {width: 74px;}
	.nav.fday li.sports a.arrowDown {background-position: 60px 14px;}
.nav.fday li.kinkade {width: 122px;}
.nav.fday li.disney {width: 73px;}
	.nav.fday li.disney a.arrowDown {background-position: 61px 14px;}
.nav.fday li.gifts, .nav.fday li.valentinesDay, .nav.fday li.mothersDay, .nav.fday li.halloween, .nav.fday li.holiday, .nav.fday li.christmas {display: none;}
.nav.fday li.fathersDay {width: 140px; display: block;}
.nav.fday li.theme {width: 119px;}

.nav.hall li.jewelry {width: 73px;}
.nav.hall li.personalized {width: 145px;}
.nav.hall li.sports {width: 83px;}
	.nav.hall li.sports a.arrowDown {background-position: 66px 14px;}
.nav.hall li.kinkade {width: 132px;}
.nav.hall li.disney {width: 76px;}
.nav.hall li.gifts, .nav.hall li.valentinesDay, .nav.hall li.mothersDay, .nav.hall li.fathersDay, .nav.hall li.holiday, .nav.hall li.christmas {display: none;}
.nav.hall li.halloween {width: 100px; display: block;}
.nav.hall li.theme {width: 122px;}

.nav.hol li.jewelry {width: 81px;}
.nav.hol li.personalized {width: 145px;}
.nav.hol li.sports {width: 83px;}
	.nav.hol li.sports a.arrowDown {background-position: 66px 14px;}
.nav.hol li.kinkade {width: 132px;}
.nav.hol li.disney {width: 73px;}
	.nav.hol li.disney a.arrowDown {background-position: 61px 14px;}
.nav.hol li.gifts, .nav.hol li.valentinesDay, .nav.hol li.mothersDay, .nav.hol li.fathersDay, .nav.hol li.halloween, .nav.hol li.christmas {display: none;}
.nav.hol li.holiday {width: 96px; display: block;}
	.nav.hol li.holiday a.arrowDown {background-position: 74px 14px;}
	.nav.hol li.holiday .dropdown.holiday {width: 210px; margin-left: 17px;}
.nav.hol li.theme {width: 122px;}

.nav.xmas li.jewelry {width: 81px;}
.nav.xmas li.personalized {width: 145px;}
.nav.xmas li.sports {width: 83px;}
	.nav.xmas li.sports a.arrowDown {background-position: 66px 14px;}
.nav.xmas li.kinkade {width: 132px;}
.nav.xmas li.disney {width: 73px;}
	.nav.xmas li.disney a.arrowDown {background-position: 61px 14px;}
.nav.xmas li.gifts, .nav.xmas li.valentinesDay, .nav.xmas li.mothersDay, .nav.xmas li.fathersDay, .nav.xmas li.halloween, .nav.xmas li.holiday {display: none;}
.nav.xmas li.christmas {width: 96px; display: block;}
	.nav.xmas li.christmas a.arrowDown {background-position: 83px 14px;}
	.nav.xmas li.christmas .dropdown.christmas {width: 210px; margin-left: 17px;}
.nav.xmas li.theme {width: 122px;}