/* ##################
	Company: 	IOOF
	Title: 		system_navigator.css Cascading Style-Sheet
	Author:		John Lilley (Alterian Technical Consultant)
	Created Date:	16/02/2009
	Updated Date:	24/04/2009
    Updated By:		John Lilley

	Comments:
		- Global 'Navigator' CSS file
*/

#topNavContainer
{
	position: relative;
	float: left;
	width: 100%;
	min-height: 30px;
	height: auto;
	/*line-height: 30px;*/
	background-color:#8F5887;
}

#topNavContainer ul
{
	position: relative;
	float: left;
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#topNavContainer ul li
{
	position: relative;
	float: left;
	display: inline;
	list-style: none;
	width: auto;
	height: auto;
	margin: 0px;
	padding: 0px;
	border: 0px solid #000000;
}

#topNavContainer ul ul
{
	position: absolute;
	min-width: 132px;
	width: auto;
	height: auto;
	display: none;
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: 0px solid #000000;
	left: 0px;
	top: 20px;
}

#topNavContainer ul ul ul
{
	padding: 0px;
}

/*From IE 7 lack of compliance*/
#topNavContainer ul ul:after
{
	clear: both;
	display: block;
	height: 0px;
	font: 1px/0px serif;
	content: ".";
	visibility: hidden;
}

#topNavContainer ul ul li
{
	float: left;
	width: 145px;
	min-height: 20px;
	height: auto;
	display: block !important;
	display: inline;
	clear: both;
}

/* Root Menu */
#topNavContainer ul a
{
	/*float: none !important; For Opera*/
	float: left; /*For IE*/
	display: block;
	height: auto !important;
	height: 1%; /*For IE*/
	/*font-size: 70%;*/
	font-size: 11px;
	/*font-weight: bolder;*/
	text-decoration: none;
	/*text-indent: 3px;*/
	color: #FFFFFF;
	/*padding: 3px 31px; pads to page width but breaks IE6*/
	padding: 3px 26px; 
	border-right:1px solid #DAC7D7;
	background-color:#8F5887;
}


/* Root Menu Hover Persistence */
#topNavContainer ul a:hover,
#topNavContainer ul li:hover a,
#topNavContainer ul li.iehover a
{
	background-color:#592860;
	/*background-color:#7A366F;*/
}

/*#topNavContainer ul a:hover
{
	background-color:#7A366F;
}*/


/* 2nd Menu */
#topNavContainer ul li:hover li a,
#topNavContainer ul li.iehover li a
{
	float: none;
	height: 20px;
	line-height: 20px;
	padding: 2px 11px;
	font-weight: normal;
	border-right: 0px solid #DAC7D7;
	border-top: 1px solid #FFFFFF;
	background-color:#8F5887;

}

#topNavContainer ul li:hover ul li a.L1hc,
#topNavContainer ul li.iehover li a.L1hc
{
	
}

/* 2nd Menu Hover Persistence */

#topNavContainer ul li:hover li a:hover,
#topNavContainer ul li:hover li:hover a,
#topNavContainer ul li.iehover li a:hover,
#topNavContainer ul li.iehover li.iehover a
{    
    background-color:#592860;
	/*background-color:#7A366F;*/
}

#topNavContainer ul li:hover li a.L1hc:hover,
#topNavContainer ul li:hover li:hover a.L1hc,
#topNavContainer ul li.iehover li a.L1hc:hover,
#topNavContainer ul li.iehover li.iehover a.L1hc
{
    /*color: #E40001;
    background: #FFCC74 url(../../../../images/furniture/red/icon_arrow_orange_over.gif) no-repeat right top;*/
}

/* 3rd Menu */
#topNavContainer ul li:hover li:hover li a,
#topNavContainer ul li.iehover li.iehover li a
{
	background-color:#8F5887;
	text-decoration: none;
}

#topNavContainer ul li:hover li:hover li a.L2hc,
#topNavContainer ul li.iehover li.iehover li a.L2hc
{
	/*background: #FFCC74 url(../../../../images/furniture/red/icon_arrow_orange_over.gif) no-repeat right top;*/
	
}

/* 3rd Menu Hover Persistence */
#topNavContainer ul li:hover li:hover li a:hover,
#topNavContainer ul li.iehover li.iehover li a:hover,
#topNavContainer ul li:hover li:hover li a.L2hc:hover,
#topNavContainer ul li:hover li:hover li:hover a.L2hc,
#topNavContainer ul li.iehover li.iehover li a.L2hc:hover,
#topNavContainer ul li.iehover li.iehover li.iehover a.L2hc
{
	background-color:#8F5887;
	text-decoration: underline;
}



/* 4th Menu */
#topNavContainer ul li:hover li:hover li:hover li a,
#topNavContainer ul li.iehover li.iehover li.iehover li a
{
	/*color: #E40001;
	background: #FFCC74;*/
	text-decoration: none;
}

/* 4th Menu Hover */
#topNavContainer li:hover li:hover li:hover li a:hover,
#topNavContainer li.iehover li.iehover li.iehover li a:hover
{
	text-decoration: underline;
}


#topNavContainer ul ul ul,
#topNavContainer ul ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 132px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
#topNavContainer ul li:hover ul ul,
#topNavContainer ul li:hover ul ul ul,
#topNavContainer ul li:hover ul ul ul ul,
#topNavContainer ul li:hover ul ul ul ul ul,
#topNavContainer ul li.iehover ul ul,
#topNavContainer ul li.iehover ul ul ul ,
#topNavContainer ul li.iehover ul ul ul ul,
#topNavContainer ul li.iehover ul ul ul ul ul
{
  display: none;
}

#topNavContainer ul li:hover ul,
#topNavContainer ul ul li:hover ul,
#topNavContainer ul ul ul li:hover ul,
#topNavContainer ul ul ul ul li:hover ul,
#topNavContainer ul ul ul ul ul li:hover ul,
#topNavContainer ul li.iehover ul,
#topNavContainer ul ul li.iehover ul,
#topNavContainer ul ul ul li.iehover ul,
#topNavContainer ul ul ul ul li.iehover ul
#topNavContainer ul ul ul ul ul li.iehover ul
{
  display: block;
}

/* New For Selected Boutique */

#topNavContainer ul li.Selected ul
{
	display: block;
	width: 700px;
	overflow: visible;
}

#topNavContainer ul li.Selected ul li
{
	width: auto !important;
	*-width: 1%;
	clear: none;
	float: left;
	display: inline;
}

#topNavContainer ul li.Selected li a,
#topNavContainer ul li.Selected:hover li a
{
	float: none;
	height: 20px;
	line-height: 20px;
	padding: 2px 10px;
	font-weight: normal;
	border-right: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	white-space: nowrap;
}

/* Hack for fixing nav */
#topNavContainer ul li.Selected ul.topNav3,
#topNavContainer ul li.Selected ul.topNav4,
#topNavContainer ul li.Selected ul.topNav5
{
	/*left: -243px;*/
	left: -255px;
}

/************ Setting the Z-Index **************/
/* Added by John L (18/05/2009) */

#topNavContainer
{
	z-index: 3000;
}

#topNavContainer ul
{
	z-index: auto;
}

#topNavContainer ul li
{
	z-index: 2000;
}

/* This is what had to be included to fix the IE issue, has to be less than the normal li */

#topNavContainer ul li.Selected
{
	z-index: 1000;
}

/*******************************************/
/* Side Navigator 1 */

#sidemenuContainer
{
	position: relative;
	float: right;
	width: 222px;
	height: auto;
	/*line-height: 30px;*/
	z-index: 1000;
}

#sidemenuContainer ul
{
	position: relative;
	float: left;
	width: 222px;
	height: auto;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	z-index: auto;
}

#sidemenuContainer ul.sidemenuOne
{
	z-index: 2000;
}

#sidemenuContainer ul.sidemenuTwo
{
	z-index: 1500;
}

#sidemenuContainer ul li
{
	position: relative;
	float: left;
	display: inline;
	list-style: none;
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
	border: 0px solid #000000;
	z-index: auto;
}

#sidemenuContainer ul ul
{
	position: absolute;
	width: 222px;
	height: auto;
	display: none;
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: 0px solid #000000;
	left: 0px;
	top: 20px;
	/*background: black;*/
}

/*From IE 7 lack of compliance*/
#sidemenuContainer ul ul:after
{
	clear: both;
	display: block;
	height: 0px;
	font: 1px/0px serif;
	content: ".";
	visibility: hidden;
}

#sidemenuContainer ul ul li
{
	float: left;
	width: 100%;
	height: auto;
	display: block !important;
	display: inline;
	clear: both;
}

/* Root Menu */
#sidemenuContainer ul a
{
	/*float: none !important; For Opera*/
	float: right; /*For IE*/
	display: block;
	width: 205px;
	height: auto !important;
	height: 1%; /*For IE*/
	font-size: 70%;
	/*font-weight: bolder;*/
	text-decoration: none;
	text-align: right;
	color: #FFFFFF;
	/*padding: 3px 10px;*/
	padding: 3px 10px 3px 0px;
	background-repeat: no-repeat;
	background-position: top left;
	clear: both;
}

#sidemenuContainer ul.sidemenuOne a
{
	background-image: url(/page/images/furniture/rightNav.gif);
	background-color: #593160;
}

#sidemenuContainer ul.sidemenuTwo a
{
	background-image: url(/page/images/furniture/rightNav2.gif);
	background-color: #A8A9AD;
}


/* Root Menu Hover Persistence */
#sidemenuContainer ul a:hover,
#sidemenuContainer ul li:hover a,
#sidemenuContainer ul li.iehover a
{
	background-image: url(/page/images/furniture/rightNav_over.gif);
	background-color: #8F5887;
}

#sidemenuContainer ul.sidemenuTwo a:hover,
#sidemenuContainer ul.sidemenuTwo li:hover a,
#sidemenuContainer ul.sidemenuTwo li.iehover a
{
	background-image: url(/page/images/furniture/rightNav2_over.gif);
	background-color: #BAA446;
}


/* 2nd Menu */
#sidemenuContainer ul li:hover li a,
#sidemenuContainer ul li.iehover li a,
#sidemenuContainer ul.sidemenuTwo li:hover li a,
#sidemenuContainer ul.sidemenuTwo li.iehover li a

{
	/*float: none;*/
	/*width: 182px;*/
	width: 205px;
	padding: 3px 10px 3px 0px;
	/*padding: 3px 10px 3px 30px;*/
	border-bottom: 1px solid #FFFFFF;
	background: #8F5887;
	font-size: 70%;

}

#sidemenuContainer ul li:hover li a.first,
#sidemenuContainer ul li.iehover li a.first
{
	background-color: #592860;
	/*background-color: #593160;*/
	/*background-color: #79376F;*/
	font-size: 70%;
}

#sidemenuContainer ul li ul li a:hover.first,
#sidemenuContainer ul li:hover li a:hover.first,
#sidemenuContainer ul li.iehover li a:hover.first
{	
	background: #593160;
}

/* 2nd Menu Hover Persistence */

#sidemenuContainer ul li:hover li a:hover,
#sidemenuContainer ul li:hover li:hover a,
#sidemenuContainer ul li.iehover li a:hover,
#sidemenuContainer ul li.iehover li.iehover a
{    
    background:#592860;
	/*background:#7A366F;*/
}


/* Do Not Move - Must Come Before display:block for Gecko */
#sidemenuContainer ul li:hover ul ul,
#sidemenuContainer ul li:hover ul ul ul,
#sidemenuContainer ul li:hover ul ul ul ul,
#sidemenuContainer ul li:hover ul ul ul ul ul,
#sidemenuContainer ul li.iehover ul ul,
#sidemenuContainer ul li.iehover ul ul ul ,
#sidemenuContainer ul li.iehover ul ul ul ul,
#sidemenuContainer ul li.iehover ul ul ul ul ul
{
  display: none;
}

#sidemenuContainer ul li:hover ul,
#sidemenuContainer ul ul li:hover ul,
#sidemenuContainer ul ul ul li:hover ul,
#sidemenuContainer ul ul ul ul li:hover ul,
#sidemenuContainer ul ul ul ul ul li:hover ul,
#sidemenuContainer ul li.iehover ul,
#sidemenuContainer ul ul li.iehover ul,
#sidemenuContainer ul ul ul li.iehover ul,
#sidemenuContainer ul ul ul ul li.iehover ul
#sidemenuContainer ul ul ul ul ul li.iehover ul
{
  display: block;
}