/* LEFT NAVIGATION */

/* Marianne Kolodiy, Yorkshire Building Society, 24 February 2009 */
/* Comments: DO NOT APPLY LEFT margins or padding to <li> : LEFT PADDING OR MARGIN of the <li> item makes the next nested list indented in IE. Apply these to <a> only */

/***************************************************************************************/

#leftNavMiddle {
font-family:Arial,Helvetica,sans-serif;
font-size:1em;
line-height:120%;
padding:10px 0 3px 4px;
width:140px;
}
#leftNavMiddle ul li{background-image:url("../img/leftNavigationTop.gif")}
#leftNavMiddle ul ul li{background-image:url("../img/leftNavigationMiddle.gif");}
#leftNavMiddle ul ul.bottom li{background-image:url("../img/leftNavigationBottom.gif");}
#leftNavMiddle ul ul.bottom li.end_of_nav{background-image:url("../img/leftNavigationEnd.gif");}
#leftNavMiddle ul li a:hover{color: #fff; background-color: #0c51a1;}
#leftNavMiddle ul li div.active{color: #fff; background-color: #0c51a1}

/****  1 LEVEL e.g. Mortgages  - inherited by next levels unless specified otherwise ************************/
#leftNavMiddle ul { padding:0; margin:0; list-style: none;} 

#leftNavMiddle ul li {background-repeat:no-repeat; background-position: 0px .4em; padding-top: 2px; padding-bottom: 1px; list-style-type:none; list-style-image: none;}

#leftNavMiddle ul li a {display:block; margin-left: 15px; padding: 5px 4px; color: #000;text-decoration:none;background-color:#F9F9F9;
border-bottom:1px solid #F0F0F0;
border-left:1px solid #F0F0F0;
border-right:1px solid #F0F0F0;
}

#leftNavMiddle ul li a:link, #leftNavMiddle li a:visited {}

#leftNavMiddle ul li a:hover {text-decoration: none;}

#leftNavMiddle ul li div.active {margin-left: 15px; padding-left: 3px; padding-top: 6px; padding-bottom: 6px; font-weight: bold; }

/****  2 Level ******************************************************************************/
#leftNavMiddle ul ul li {background-repeat:no-repeat; background-position: 0px -.2em;}

#leftNavMiddle ul ul li a,
#leftNavMiddle ul ul li div.active {margin-left: 28px;}

#leftNavMiddle ul ul.bottom {padding:1px 0 0;}

#leftNavMiddle ul ul.bottom li {background-repeat: no-repeat; background-position: 6px -11px;}

#leftNavMiddle ul.bottom li a:hover {background-color:#f47822;}

#leftNavMiddle ul ul.bottom li a,
#leftNavMiddle ul ul.bottom li div.active {
margin-left: 22px;
border-bottom:1px solid #F0F0F0;
border-left:1px solid #F0F0F0;
border-right:1px solid #F0F0F0;
}

#leftNavMiddle ul ul.bottom li.end_of_nav {background-position:5px -1px; background-repeat: no-repeat;}


/****  3 Level ******************************************************************************/
#leftNavMiddle ul ul ul li {background-position: 13px -2px;}

#leftNavMiddle ul ul ul li a,
#leftNavMiddle ul ul ul li div.active {margin-left: 41px;}

#leftNavMiddle ul ul ul.bottom li {background-position: 19px -12px;}

#leftNavMiddle ul ul ul.bottom li a,
#leftNavMiddle ul ul ul.bottom li div.active {margin-left: 35px}

#leftNavMiddle ul ul ul.bottom li.end_of_nav {background-position:18px -1px;}


/****  4 Level ******************************************************************************/
#leftNavMiddle ul ul ul ul li {background-position: 26px 0px;}

#leftNavMiddle ul ul ul ul li a,
#leftNavMiddle ul ul ul ul li div.active {margin-left: 54px;}

#leftNavMiddle ul ul ul ul li a:link, #leftNavMiddle li a:visited {}

#leftNavMiddle ul ul ul ul.bottom li {background-position: 32px -12px;}

#leftNavMiddle ul ul ul ul.bottom li a,
#leftNavMiddle ul ul ul ul.bottom li div.active {margin-left: 48px}

#leftNavMiddle ul ul ul ul.bottom li.end_of_nav {background-position:31px -1px;}


/****  5 Level ******************************************************************************/
#leftNavMiddle ul ul ul ul ul li {background-position: 39px 0px;}

#leftNavMiddle ul ul ul ul ul li a,
#leftNavMiddle ul ul ul ul ul li div.active {margin-left: 67px;}

#leftNavMiddle ul ul ul ul ul.bottom li {background-position: 45px -12px;}

#leftNavMiddle ul ul ul ul ul.bottom li a,
#leftNavMiddle ul ul ul ul ul.bottom li div.active {margin-left: 61px}

#leftNavMiddle ul ul ul ul ul.bottom li.end_of_nav {background-position:44px -1px;}


/****  6 Level ******************************************************************************/
#leftNavMiddle ul ul ul ul ul ul li {background-position: 52px 0px}

#leftNavMiddle ul ul ul ul ul ul li a,
#leftNavMiddle ul ul ul ul ul ul li div.active {margin-left: 80px;}

#leftNavMiddle ul ul ul ul ul ul.bottom li {background-position: 58px -12px;}

#leftNavMiddle ul ul ul ul ul ul.bottom li a,
#leftNavMiddle ul ul ul ul ul ul.bottom li div.active {margin-left: 74px;}

#leftNavMiddle ul ul ul ul ul ul.bottom li.end_of_nav {background-position:57px -1px;}


/****  7 Level ******************************************************************************/
#leftNavMiddle ul ul ul ul ul ul ul li {background-position: 65px 0px;}

#leftNavMiddle ul ul ul ul ul ul ul li a,
#leftNavMiddle ul ul ul ul ul ul ul li div.active {margin-left: 93px;}

#leftNavMiddle ul ul ul ul ul ul ul li a:link, #leftNavMiddle li a:visited {}

#leftNavMiddle ul ul ul ul ul ul ul.bottom li {background-position: 71px -12px;}

#leftNavMiddle ul ul ul ul ul ul ul.bottom li a,
#leftNavMiddle ul ul ul ul ul ul ul.bottom li div.active {margin-left: 87px;}

#leftNavMiddle ul ul ul ul ul ul ul.bottom li.end_of_nav {background-position:70px -1px;}

/****  8 Level ******************************************************************************/
#leftNavMiddle ul ul ul ul ul ul ul ul li {background-position: 78px 0px;}

#leftNavMiddle ul ul ul ul ul ul ul ul li a,
#leftNavMiddle ul ul ul ul ul ul ul ul li div.active {margin-left: 106px;}

#leftNavMiddle ul ul ul ul ul ul ul ul li a:link, #leftNavMiddle li a:visited {}

#leftNavMiddle ul ul ul ul ul ul ul ul.bottom li {background-position: 84px -12px;}

#leftNavMiddle ul ul ul ul ul ul ul ul.bottom li a,
#leftNavMiddle ul ul ul ul ul ul ul ul.bottom li div.active {margin-left: 100px;}

#leftNavMiddle ul ul ul ul ul ul ul ul.bottom li.end_of_nav {background-position:83px -1px;}


/****  NEXT Level  ******************************************************************************/
/* 
#leftNavMiddle ul ul ul ul ul li {background-position: ((prev_value + 13))px 0px;}

#leftNavMiddle ul ul ul ul ul li a,
#leftNavMiddle ul ul ul ul ul li div.active {margin-left: ((prev_value + 13))px;}

#leftNavMiddle ul ul ul ul ul.bottom li {background-position: ((prev_value + 13))px -12px;}

#leftNavMiddle ul ul ul ul ul.bottom li a,
#leftNavMiddle ul ul ul ul ul.bottom li div.active {margin-left: ((prev_value + 13))px}

#leftNavMiddle ul ul ul ul ul.bottom li.end_of_nav {background-position:((prev_value + 13))px -1px;}

*/

/* IE 6 and IE 7 bug fix - closing gaps between list items */
#leftNavMiddle li a {display:inline-block;}
#leftNavMiddle li a {display:block;}