@charset "utf-8";
/* CSS Document */
/*#bgLimeGreen {
	background-color:#A6CE39;
	width:954px;
	height:21px;
}*/
#nav {
	margin: 0;
	padding: 0;
	position: relative;
	top: 0px;
	left: 0px;
	width: 954px;
	height: 47px;
}
#nav li ul, #nav li ul {
	left: 0;
	margin: 0;
	padding: 0;
}
#nav a {
	text-decoration: none;
}
#nav li { /*float the main list items*/
	left: 0px;
	margin: 0;
	float: left;
	display: block;
	padding: 0px;
}
#nav li ul {
	display: none;
}
#nav li.off ul, #nav li.on ul { /*put the subnav below*/
	/* hovered-subnav*/
	margin: 0;
	position: absolute;
	top: 47px;
	left: 0;
	padding: 1px 0 1px 15px;
	background: #A6CE3A;  /*red; #224d6f;*/
	height: 20px;
	width: 939px; /*954 - 15 (padding)*/
}
#nav li.on ul {
	background: #A6CE3A; /* ;green #f90;*/
}
#nav li.on:hover ul, #nav li.over ul { /*for ie*/
	background: #A6CE3A;  /*blue;#224d6f;*/
}
#nav li a {
	color: maroon; /*#CC0033; #224d6f;*/
	font-weight: bold;
	display: block;
	width: 106px;
	padding: 0;
}
#nav li.on a {
	color: #A6CE3A; /*maroon#f90;*/
}
#nav li.on ul a, #nav li.off ul a {
	border: 0;
	float: left; /*ie doesn't inherit the float*/
	color: #A6CE3A;/*yellow #f90;*/
	width: auto;
	margin-right: 15px;
}
#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
	background: #A6CE3A; /*cyan; #224d6f;*/
}
#nav li.on ul {
	display: block;
}
#nav li.off:hover ul, #nav li.over ul {
	display: block;
	z-index: 6000;
}
#nav li.off a:hover, #nav li.on a:hover {
	color: #666666; /*#CC0033 silver; #f90;*/
}
/*do the image replacement*/
#nav li span {
	position: absolute;
	left: -9384px; 
}
#liWelcome a, #liWomens a, #liMens a, #liTypical a, #liBook a, #liGift a, #liAbout a, #liCareers a, #liTips a {
	display: block;
	position: relative;
	height: 47px;
	background: url(../../images/bk-dropdownMap.gif) no-repeat; /*contains all hover states*/
}
/*first, put the initial states in place*/
#liWelcome a {
	background-position: 0 0;
}
#liWomens a {
	background-position: -106px 0;
}
#liMens a {
	background-position: -212px 0;
}
#liTypical a {
	background-position: -318px 0;
}
#liBook a {
	background-position: -424px 0;
}
#liGift a {
	background-position: -531px 0;
}
#liAbout a {
	background-position: -637px 0;
}
#liCareers a {
	background-position: -743px 0;
}
#liTips a {
	background-position: -849px 0;
}
/*active area - for this demo - the code could be based on a body class, and probably work better.*/
#liWelcome.on a {
	background-position: 0px -49px;
}
#liWomens.on a {
	background-position: -106px -49px;
}
#liMens.on a {
	background-position: -212px -49px;
}
#liTypical.on a {
	background-position: -318px -49px;
}
#liBook.on a {
	background-position: -424px -49px;
}
#liGift.on a {
	background-position: -531px -49px;
}
#liAbout.on a {
	background-position: -637px -49px;
}
#liCareers.on a {
	background-position: -743px -49px;
}
#liTips.on a {
	background-position: -849px -49px;
}
/*add selectors for the other li's and background-positions*/
/*hover states*/
#liWelcome a:hover, #liWelcome:hover a, #liWelcome.over a {
	background-position: 0px -98px;
}
#liWomens a:hover, #liWomens:hover a, #liWomens.over a {
	background-position: -106px -98px;
}
#liMens a:hover, #liMens:hover a, #liMens.over a {
	background-position: -212px -98px;
}
#liTypical a:hover, #liTypical:hover a, #liTypical.over a {
	background-position: -318px -98px;
}
#liBook a:hover, #liBook:hover a, #liBook.over a {
	background-position: -424px -98px;
}
#liGift a:hover, #liGift:hover a, #liGift.over a {
	background-position: -531px -98px;
}
#liAbout a:hover, #liAbout:hover a, #liAbout.over a {
	background-position: -637px -98px;
}
#liCareers a:hover, #liCareers:hover a, #liCareers.over a {
	background-position: -743px -98px;
}
#liTips a:hover, #liTips:hover a, #liTips.over a {
	background-position: -849px -98px;
}
/*subnav formatting*/
#nav li.off ul a, #nav li.on ul a {
	display: block;
	background: #A6CE3A;  /*navy; #224d6f;*/
	color: #FFFFFF; /*purple; #fff;*/
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	height: 15px;
}
#nav li.on ul a {
	background: #A6CE3A;/*;olive ; #f90;*/
}

