/*
define css styles for top navigation 
*/

#navigation-top
{
	position: absolute;
	left: 135px;
	width: 584px;
	top: 108px;
	background-color: #757575;
	z-index: 11;
	margin-left: -1px;
}

#navigation-top ul 
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	list-style-type: none;
}

#navigation-top ul li 
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	display: block;
	float: left;
	position: relative;
}

#navigation-top ul li a
{
	display: block;
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #757575;
	padding: 0px 11px 0px 11px;
	border: 0px;
	border-left: 2px solid #000000;
	line-height: 20px;
}

#navigation-top ul li a:hover
{
	background-color: #999999;
}

#navigation-top ul li#nav-10000 a	{	padding: 0px 7px 0px 7px;	}
#navigation-top ul li#nav-10001 a	{	padding: 0px 6px 0px 6px;	}
#navigation-top ul li#nav-10007 a	{	padding: 0px 6px 0px 6px;	}
#navigation-top ul li#nav-10008 a	{	padding: 0px 6px 0px 6px;	}
#navigation-top ul li#nav-10017 a	{	padding: 0px 7px 0px 7px;	}
#navigation-top ul li#nav-10016 a	{	padding: 0px 7px 0px 7px;	}
#navigation-top ul li#nav-10015 a	{	padding: 0px 6px 0px 6px;	}
#navigation-top ul li#nav-11097 a	{	padding: 0px 7px 0px 7px;	}

#navigation-top ul li.current a
{ 
	background-color: #ED1E25;
}

/*
define css styles for secondary (on page) navigation
*/

#secondary-navigation
{
	position: absolute;
	top: 160px;
	width: 125px;
	padding: 5px;
}
#homepage-nav #secondary-navigation
{
	top: 310px;
}

#secondary-navigation ul
{
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}
#secondary-navigation ul li 
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#secondary-navigation ul li a
{
	display: block;
	text-decoration: none;
	padding-left: 18px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url("/images/nav/nav-arrow.gif");
	background-repeat: no-repeat;
	background-position: 8px 6px;
	text-align: left;
	color: #FFFFFF;
}

/* fudge to fix ie only */
* html body #secondary-navigation ul li a	{height: 1px;}

#secondary-navigation ul li a:hover
{
	background-color: #999999;
	/* text-decoration: underline; */
}

#secondary-navigation ul li.current
{
	background-color: #ED1D25;
}

#secondary-navigation ul li.current a:hover
{
	background-color: #ED1D25;
}

#secondary-navigation ul li ul li
{
	background-color: #999999;
}

#secondary-navigation ul li ul li ul li
{
	background-color: #B5B5B5;
}

#secondary-navigation ul li ul li ul li.current
{
	background-color: #E66368;
}

#secondary-navigation ul li ul li ul li ul li
{
	background-color: #6B6B6B;
}

#secondary-navigation ul li ul li ul li ul li.current
{
	background-color: #F19194;
}

/*
define second level of secondary nav
*/

#secondary-navigation ul ul
{
	border: 0px;
}

#secondary-navigation ul ul li a
{
	background-image: none;
	padding-left: 24px;
	background-position: 18px 6px;
}

/*
coloured product nav items
*/

#secondary-navigation li#nav-10289 a:hover, #secondary-navigation li#nav-10289.current
{
	background-color: #FFE001;
}
#secondary-navigation li#nav-10293 a:hover, #secondary-navigation li#nav-10293.current
{
	background-color: #EEBB2E;
}
#secondary-navigation li#nav-10294 a:hover, #secondary-navigation li#nav-10294.current
{
	background-color: #EDA133;
}
#secondary-navigation li#nav-10295 a:hover, #secondary-navigation li#nav-10295.current
{
	background-color: #ED7832;
}
#secondary-navigation li#nav-10296 a:hover, #secondary-navigation li#nav-10296.current
{
	background-color: #DE5135;
}
#secondary-navigation li#nav-10297 a:hover, #secondary-navigation li#nav-10297.cuurent
{
	background-color: #DF2F31;
}