/*Main / Supra & Footer navigation styles*/

#primary-nav,
#footer {margin-top:4px; clear:both; background:url(/style%20library/images/ll-images/nav_dotted_bg.gif) repeat-x; padding-top:5px;}

.login-primary-nav{margin-top:17px !important;}


/*dropdown navigation container*/
#primary-nav ul li 					{line-height:normal;}
ul li div.nav-dd					{width:187px; display:block; background:#e9e5da; left:0; position:absolute; top:-999em;}
ul li.nav-what-we-do  div.nav-dd	{width:720px;}

/*css and js hover states*/
ul li:hover div.nav-dd, 
ul li.nav-hover div.nav-dd 			{top:3.1em;}

/*general alignment */
#primary-nav ul										{margin-top:5px;}
#primary-nav ul li 									{float:left; position:relative;}
.nav-dd ul											{padding:0px 0 5px 10px; margin-top:0;}
.nav-dd ul:first									{padding-top:11px;}	
.nav-what-we-do .nav-dd ul 							{padding-left:0;}
#primary-nav .nav-dd ul li							{float:none; width:auto; display:inline;}
#primary-nav .nav-what-we-do .nav-dd ul li			{float:left;}
#primary-nav .nav-what-we-do .nav-dd ul li.nav-divider {background:url(/style%20library/images/ll-images/bg_nav_divider.gif) repeat-y 97% 0; padding-left:10px; width:360px;}
#primary-nav .nav-what-we-do .nav-dd ul li ul li	{float:none;}
.nav-dd ul ul										{width:170px; float:left; padding:0; margin:4px 0 0;}
.nav-dd a                                           {padding-right:5px;}

/*top level nav links defined*/
#primary-nav a		{display:block;}
a.top-level			{text-indent:10px; padding: 5px 1em 6px 0px;}
a.top-level:hover	{text-decoration:none;}

/*background hover states defined (css & js)*/
a.hover,
a.top-level:hover	{background:#e9e5da;}

/*HSBC Changes to top - make it a bit wider! */
/*dropdown navigation container*/
ul li div.nav-dd-simple					{width:211px; display:block; background:#e9e5da; left:0; position:absolute; top:-999em;}

/*css and js hover states*/
ul li:hover div.nav-dd-simple, 
ul li.nav-hover div.nav-dd-simple 			{top:3.1em;}

/*general alignment */
.nav-dd-simple ul											{padding:11px 0 26px 10px; margin-top:0;}
#primary-nav .nav-dd-simple ul li							{float:none; width:auto; display:inline;}
.nav-dd-simple a                                           {padding-right:5px;}

/*background hover states defined (css & js)*/
a.top-level-simple			{text-indent:10px; padding:5px 0 6px; width:8.8em;}
a.top-level-simple:hover	{text-decoration:none;}


/*background hover states defined (css & js)*/
a.top-level-simple:hover	{background:#e9e5da;}
/*backgrounds removed for sub nav links*/
.nav-dd li a,		
.nav-dd li a:hover	{height:auto; width:auto;}

/*Supra & footer navigation*/
#supra-nav 					{float:right; margin-top:5px;}
#footer						{padding-top:0; margin:11px 0 6px;}
#footer li,
#supra-nav li				{float:left; background-position:0 -96px; padding:7px 10px 10px 11px;}
#footer li					{padding-bottom:0;}
#footer li.first,
#supra-nav li.first			{background:none;}
#supra-nav li.nav-online	{margin:3px 10px 0 30px; background:#e9e5db; padding:4px 13px;}

/*left navigation*/

li a.nav-title {margin:12px 0 0; border-bottom:solid 1px #c60070; padding:0 0 12px 20px; display:block; line-height:125%; background-position:10px -41.4em;}
.nav-list li a.nav-title {border:none; margin:0;}

.side-nav ul  		{border:0;}
.side-nav li.on    {background:#e3dcd4;}
.side-nav li,		
.side-nav li li,
.locations-nav li 	{background:#f1edea;}
span.nav-sub-title,
.side-nav li span  {background:url(/style%20library/images/ll-images/arrow.gif) no-repeat .8em -6.4em; display:block; padding:9px 10px 8px 23px; border-bottom:solid 1px #dcd5cc;}
.side-nav li a 		{background:url(/style%20library/images/ll-images/arrow.gif) no-repeat .8em -57.3em; display:block; padding:9px 10px 8px 23px; border-bottom:solid 1px #dcd5cc;}
.side-nav li li a	{background-position:1.9em -57.3em; padding-left:36px; border-top:none;}
.side-nav li li span{background-position:1.9em -6.4em; padding-left:36px; border-top:none;}
span.nav-sub-title {background-position:0em -5em; padding:0 0 0 10px; border:none;}
.nav-list li		{float:left; width:480px;}
.nav-list ul		{float:left; width:230px; padding-left:10px;}
.nav-list li ul	li	{float:none; width:auto;}
.nav-list li a 		{display:block;}
.nav-list li a.h3	{margin-bottom:12px; padding-left:0;}


.nav-multiple-columns div.nav-dd ul{
    display: block;
    float: left;
}