/******************************** Primary top nav rules */
.dropdown ul.flyout div.joiner {
	position: static;
    display: inline-block;
    float: left;
    padding: 0;
    height: 45px;
    width: 10px;
    background-color: #fff;
    margin: -11px 0 0 -15px;
    background: linear-gradient(to right, #f5f3f4 0%,#ffffff 100%);
}

.nav {
   position: absolute;
    width: 100%;
    height: 40px;
    bottom: 0px;
    left: 0px;
    padding-left: 167px;
    z-index: 1;
    background-color: #4360AE;
    box-sizing: border-box;
}

.nav ul {
    margin-top: 5px;
    float: left;
}

.navborder {
    position: absolute;
    z-index: -100000;
    top: 70px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #ffffff;
    border-top: #E5E3E1 2px solid;
    border-bottom: #E5E3E1 2px solid;
    height: 46px;
}

.button {
  float: left;
}
 
li.departments {
  padding: 0 22px;
}

.droparrow {
    border-left: 2px solid #C8DADD;
    right: -10px;
    top: 15px;
    transform: rotate(-135deg);
    display: inline-block;
}
.downarrow {
    width: 3px;
    height: 3px;
    border-top: 2px solid #C8DADD;
    position: absolute;
    cursor: pointer;
    display: inline-block;
}

li.jewellery {
  width: 95px;
	}
li.jewellery a.main.arrowDown{
	margin-left: -5px;
	}
	.siteErrorPage li.jewellery {
  width: 150px !important;
	}
li.personalizedShop {
  width: 105px;
}

li.hockey {
  width: 80px;
}
	.nav ul li.hockey a.main {
		padding-right: 10px;
		}

li.kinkade {
  width: 120px;
}
	.nav ul li.kinkade a.main {
		font-size: 11px;
		}
.siteErrorPage .nav ul li.kinkade a.main{
	padding: 10px 10px 0 0 !important;
}
		

li.disney {
  width: 75px;
	}
	.nav ul li.disney a.main {
		padding-right: 10px;
		}
li.gifts {
  width: 60px;
	}
	
	
	
	.nav ul li.gifts a.main {
		padding-right: 10px;
		}
li.gifts.holidayLink {
  width: 105px;
	}
.siteErrorPage li.gifts {
  width: 65px !important;
	}	
	.nav ul li.gifts.holidayLink a.main {
		font-size: 11px;
		padding: 2px 0 6px 0;
		}
.siteErrorPage .nav ul li.gifts.holidayLink a.main {
	font-size: 12px !important;
			padding: 10px 10px !important;
			    text-align: left;
		}		
li.theme {
  width: 126px;
	}
	.nav ul li.theme a.main {
		padding-right: 10px;
		}

li.jewellery a.arrowDown {
  background: url(../images/icon-expand.gif) no-repeat 87px 14px;
} /* Location of down arrow in Shop by Theme menu item */

.siteErrorPage li.jewellery a.arrowDown {
  background: url(../images/icon-expand.gif) no-repeat 138px 14px !important;
} /* Location of down arrow in Shop by Theme menu item */

li.hockey a.arrowDown {
  background: url(../images/icon-expand.gif) no-repeat 67px 14px;
} /* Location of down arrow in Shop by Theme menu item */

li.disney a.arrowDown {
  background: url(../images/icon-expand.gif) no-repeat 62px 14px;
} /* Location of down arrow in Shop by Theme menu item */

li.gifts a.arrowDown {
  background: url(../images/icon-expand.gif) no-repeat 45px 14px;
} /* Location of down arrow in Shop by Theme menu item */

.siteErrorPage li.gifts a.arrowDown {
  background: url(../images/icon-expand.gif) no-repeat 51px 14px !important;
} /* Location of down arrow in Shop by Theme menu item */

li.gifts.holidayLink a.arrowDown {
  background: url(../images/icon-expand.gif) no-repeat 48px 14px;
} /* Location of down arrow in Shop by Theme menu item */

li.theme a.arrowDown {
  background: url(../images/icon-expand.gif) no-repeat 109px 14px;
} /* Location of down arrow in Shop by Theme 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;
	padding: 0 0 10px 20px;
    position: absolute;
    left: -3000px;
    top: auto;
    text-align: left;
}
/* 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.shopByThemeMain { /* 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;
}
/* 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.hockey { /* rules for Hockey dropdown div */
	top: auto; /* puts dropdowns directly under top nav */
	text-align: left; /* needed because IE misapplies text centering to boxes */
	width: 200px;
	}
	.nav ul ul.hockey a {
		display: inline-block;
		height: 12px;
		padding-top: 10px;
		}
	.nav ul ul.hockey li.shopAllHockey a {
		padding-left: 49px;
		}
		.nav ul ul.hockey a span.teamLogo {
		display: inline-block;
		margin: -6px 5px 0 0;
		}
		.nav ul ul.hockey a span.teamLogo.montrealCanadiens {background-position: -102px -451px;}
		.nav ul ul.hockey a span.teamLogo.torontoMapleLeafs {background-position: -102px -675px;}
		.nav ul ul.hockey a span.teamLogo.edmontonOilers {background-position: -102px -375px;}
		.nav ul ul.hockey a span.teamLogo.calgaryFlames {background-position: -102px -276px;}
		.nav ul ul.hockey a span.teamLogo.vancouverCanucks {background-position: -102px -700px;}
		.nav ul ul.hockey a span.teamLogo.ottawaSenators {background-position: -102px -550px;}
		.nav ul ul.hockey a span.teamLogo.winnipegJets {background-position: -102px -750px;}
		
		
.dropdown.gifts { /* rules for Hockey dropdown div */
	top: auto; /* puts dropdowns directly under top nav */
	text-align: left; /* needed because IE misapplies text centering to boxes */
	width: 147px;
}
/* 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: -190px;
	top: 70px; /* puts dropdowns directly under top nav */
	text-align: left; /* needed because IE misapplies text centering to boxes */
	background: url(../images/bgfix.gif);
}

.sideMenu ul li a {
    color: #336699;
    font-size: 12px;
    font-weight: normal;
    height: 12px;
    padding: 5px 0 7px 10px;
}

.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: 8px;
    border: 1px solid #E5E3E1;
    border-collapse: separate;
    background: #FFF;
    border-top: none;
    width: 100%;
}

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

.dropdown ul.hockey {
  margin-top: -1px; 
}

.dropdown ul.gifts {
  margin-top: -1px; 
}

.nav li {
  text-align: left;
}

.nav ul li a.main {
  padding: 10px 0 10px;
  text-align: center;
  display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
}

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

.nav ul li.departments 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 {
    color: #4360AE;
    height: 12px;
    padding: 8px 0 7px 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 11pt;
}

.dropdown li {
  position: relative;
  vertical-align: bottom; /* IE6/win bugfix */
  margin: 0 auto;
    width: 95%;
    padding: 10px 0px;
    border-bottom: 1px solid #E5E3E1;
}
.dropdown li:last-child{
	border-bottom: none;
}

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

.dropdown li.arrowRight:hover {
	border-bottom: 1px solid #E5E3E1;
    background: #f5f3f4;
}

.dropdown li.arrowRight:hover a {
 
}

.dropdown ul ul.flyout {
    border-top: 1px solid #c1c7cd;
    margin-left: -7px;
    margin-top: -4px;
	width: 226px;
}

.dropdown li.arrowRight:hover ul.flyout a {
	text-decoration: none;
}

.dropdown li.arrowRight:hover ul.flyout a:hover {
	
}


.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 */

.parent:hover div.dropdown.hockey, .parent.hovered div.dropdown.hockey, .parent:hover div.dropdown.gifts, .parent.hovered div.dropdown.gifts {
  left: -36px;
  padding: 10px
  background: red;
} /* hover rule for dropdowns */

.parent:hover div.dropdown.shopByThemeMain, .parent.hovered div.dropdown.shopByThemeMain {
  left: -125px;
} /* 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: -181px; /* 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: -229px; /* this value moves the theme flyout up to compensate for the amount of links */
}

.nav ul ul.flyout li.firstFlyoutLong a {
  border-top: 0 none;
  border-left: 0 none;
  padding: 4px 0 6px 10px;
}

.dropdown ul.shopByTheme li:hover, .dropdown ul.shopByTheme li.hovered {
  background: #FFFFFF;
} /* hover effect on dropdown links for Shop By Theme tab */

.dropdown ul.hockey li:hover, .dropdown ul.hockey li.hovered, .dropdown ul.gifts li:hover, .dropdown ul.gifts li.hovered {
  background: #FFFFFF;
} /* hover effect on dropdown links for Hockey tab */

.dropdown li:hover, .dropdown li.hovered {
} /* hover effects on dropdown links */

.dropdown li:hover a:hover, .dropdown li.hovered a {
} /* hover effects on dropdown links */

.dropdown div li:hover, .dropdown div li.hovered {
  background: #f5f3f4;
  border-bottom: 1px solid #E5E3E1;
} /* hover effects on flyout links */

.dropdown li#single:hover, .dropdown li#single.hovered {
  background: #f5f3f4;
} /* 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;
}