/**
* Navigation-related styles, including breadcrumb trails.
*
*
* CONTENTS
* -------------------------
* =l layout
* =s specifics
* =a active
* =b breadcrumb navigation
*
*/

/* =l layout
--------------------------------------------------------------------------------------------------*/
#navigation {
	float: left;
	width: 185px;
	margin: 0 16px 30px 0; padding-right: 13px;
	background: url(img/nav.shadow.jpg) no-repeat 100% 0;
}
	#navigation ul {
		overflow: hidden;
		margin: 0 0 15px; padding-left: 0;
		text-align: right;
		list-style: none;
	}
	#navigation ul li {
		overflow: hidden;
		margin-bottom: 1.5em; margin-right: 0;
	}
	#navigation ul li.l {
		margin-bottom: 0;
	}
	#navigation ul li h2,
	#navigation ul li h2 a {
		font-size: 1em; color: #fff; text-transform: uppercase; font-weight: bold;
		background-color: #e51680;
		text-shadow: 0 0 0 #e51680;
	}
	#navigation ul li h2 {
		float: right; clear: right;
		margin-bottom: 4px;
		letter-spacing: 0;
	}
	#navigation ul li h2 a {
		display: block;
		padding: 3px 3px 2px;
		font-size: 0.9167em; /* 11px */
	}
	
	#navigation ul li a {}
	
	#navigation ul li a:focus
	#navigation ul li a:hover,
	#navigation ul li a:active {}
	
	#navigation ul ul {
		clear: right;
		margin-bottom: 0;
	}
	#navigation ul li ul li {
		margin-bottom: 1px;
		font-size: 0.9167em; /* 11px */ line-height: 1.4;
	}
	#navigation ul li ul li a {
		color: #4e4d4e; font-weight: normal;
	}
	#navigation ul li ul li.more a {
		color: #e51680; font-weight: bold;
	}
	#navigation ul li ul li a:focus,
	#navigation ul li ul li a:hover,
	#navigation ul li ul li a:active {
		text-decoration: underline;
	}
	#navigation ul li ul li.active a {
		text-decoration: none; font-weight: bold;
	}

#navigation ul.buttons {
	margin: 0 -3px 15px 0;
	text-align: left;
}
#navigation li.button {
	float: right; margin-bottom: 0;
}
#navigation li.button a {
	height: 25px;
	background-image: url(img/buttons.account.gif);
}
#navigation li.bookmark a {
	width: 75px;
	background-position: 0 0;
}
#navigation li.my-account a {
	width: 73px;
	background-position: -75px 0;
}
#navigation li.bookmark a:focus,
#navigation li.bookmark a:hover {
	background-position: 0 -25px;
}
#navigation li.my-account a:focus,
#navigation li.my-account a:hover {
	background-position: -75px -25px;
}
#navigation li.bookmark a:active {
	background-position: 0 -50px;
}
#navigation li.my-account a:active {
	background-position: -75px -50px;
}


#offer-discount {
	margin: -4px -2px 10px auto;
}
#offer-discount,
#offer-discount a {
	height: 50px; width: 155px;
	background-image: url(img/discount.gif);
}
	

/* =a active
--------------------------------------------------------------------------------------------------*/
#navigation ul li.active a {}
#navigation ul li.active a:focus
#navigation ul li.active a:hover,
#navigation ul li.active a:active {}

#navigation ul li ul li.active a {
	color: #4e4d4e;
}


/* =b breadcrumb navigation
--------------------------------------------------------------------------------------------------*/
#breadcrumb {
	position: relative; float: right;
	width: 782px;
	margin: 0 0 0 -3px;
	padding-top: 15px; padding-bottom: 243px;
	background: url(img/box.header.gif) no-repeat 0 100%;
}
#breadcrumb ul {
	height: 24px;
	margin: 0; padding: 7px;
	background: url(img/bar.small.top.gif) no-repeat 0 0;
	list-style: none;
}
	#breadcrumb ul li {
		float: left;
		font-size: 0.9167em; /* 11px */
		margin-left: 5px; padding-left: 9px;
		background: url(img/breadcrumb.arrow.gif) no-repeat 0 5px;
	}
		#breadcrumb ul li.l,
		#breadcrumb ul li a {
			display: block;
			padding-top: 1px; font-weight: bold;
		}
		#breadcrumb ul li.l {
			color: #4e4d4e;
		}
	
	#breadcrumb ul li.f,
	#breadcrumb ul li.f a {
		height: 20px; width: 24px;
		margin: 0; padding: 0;
		background-image: url(img/breadcrumb.logo.gif);
	}