/*
* Navigation CSS
*/

ul#nav {
	overflow: show;
	float: 	right;
	position: relative;
}

ul#nav li {
	float: left;
}

ul#nav li a {
	font-size: 1.2em;
	display: block;
	background: url(../images/assets/nav_left_off.gif) no-repeat 0 0;
	text-decoration: none;
	color: #242524;		
}

ul#nav li a span {
	display: block;
	background: url(../images/assets/nav_right_off.gif) no-repeat 100% 0;
	padding: 19px 16px 14px;
}

ul#nav li a:hover,
ul#nav.collections li.products a,
ul#nav.seasons li.products a,
body.about_us ul#nav li.aboutUs a,
ul#nav.news li.news a,
ul#nav.trade li.trade a, 
body.contact ul#nav li.contact a {
	background: url(../images/assets/nav_left_on.gif) no-repeat 0 0;
}

ul#nav li a:hover span,
ul#nav.collections li.products a span,
ul#nav.seasons li.products a span,
body.about_us ul#nav li.aboutUs a span,
ul#nav.news li a.news span,
ul#nav.trade li.trade a span,
body.contact ul#nav li.contact a span {
	background: url(../images/assets/nav_right_on.gif) no-repeat 100% 0;
}

ul#nav li:hover ul,
ul#nav li.msieFix ul {
	top: auto;
	z-index: 10;
	background: #E0F2EF;
}


ul#nav.collections li.products ul,
ul#nav.seasons li.products ul,
ul#nav.trade li.trade ul,
#nav.collections li.sfhover ul {
  top: auto;
  z-index: 5;
  height: 24px;
}

/*
* Positioning for sub nav elements
*/
ul#nav li ul {
	position: absolute;
	top: -999px;
	right: 0;
	z-index: 100;
	vertical-align: baseline;
}

ul#nav li.products ul {
  width: 365px;
  padding-left: 165px;
}

ul#nav li.trade ul {
  width: 420px;
}

ul#nav li ul li a,
ul#nav.collections li.products ul li a,
ul#nav.seasons li.products ul li a,
body.about_us ul#nav li.boutUs ul li a,
ul#nav.news li.news ul li a,
ul#nav.trade li.trade ul li a,
ul#nav.contact li.contact ul li a,
div.admin p a {
  font-size: 1.2em;
  line-height: 1.2em;
	font-weight: bold;
	color: #00ADEF;
	background: none;
	display: block;
	height: 18px;
	padding: 3px 16px;
}

div.admin {
  position: absolute;
  bottom: -24px;
}

div.admin p {
  margin: 0;
}

div.admin p a {
  font-size: 0.9em;
  text-decoration: none;
}

div.admin p a:hover {
  text-decoration: underline;
}

ul#nav li ul li a:hover,
ul#nav.collections li.products ul li a:hover,
ul#nav.seasons li.products ul li a:hover,
body.about_us ul#nav li.aboutUs ul li a:hover,
ul#nav.news li.news ul li a:hover,
ul#nav.trade li.trade ul li a:hover,
ul#nav.contact li.contact ul li a:hover {
	text-decoration: underline;
	background: none;
}

ul#nav li ul li.last a {
	padding: 3px 0 3px 16px
}