@charset "utf-8";
/* CSS Document */
/* Main nav and drop nav ========== */
ul#nav {
    clear: both;
    background: url(/cps/rde/xbcr/ds_compass_internet_uk/bg-nav.gif) no-repeat;
    margin: 0 8px;
    padding: 0 2px;
    height: 36px;
}
ul#nav li {
    float: left;
    font-size: .8em;
}
ul#nav li#nav0 {width: 121px;}
ul#nav li#nav1 {width: 124px;}
ul#nav li#nav2 {width: 124px;}
ul#nav li#nav3 {width: 163px;}
ul#nav li#nav4 {width: 118px;}
ul#nav li#nav5 {width: 178px;}
ul#nav li#nav6 {width: 112px;}
/* Level 2 Nav */
ul#nav li ul.level2 {
/*
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
*/
    position: absolute;
    border: 1px solid #ccc;
    float: left;
    background: #fff;
    left: -999em;
    margin: -1px 0 0 0;
    padding: 0;
    z-index: 99;
}
ul#nav li ul.level2 li {
    float: left;
    font-size: 85%;
    width: 104px;
}

/* Level 3 Nav */
ul#nav li ul.level2 li ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 104px;
}
ul#nav li ul.level2 li ul li {
    font-size: .85em;
}
#nav li ul.level2 {
}
#nav li:hover ul.level2, #nav li.sfhover ul.level2 {left: auto;}
/* Position the drop nav menu relative to the left side of it's parent primary nav item */
/* Position the drop nav menu relative to the left side of it's parent primary nav item */ 
#nav li#nav0:hover ul.level2, #nav li#nav0.sfhover ul.level2 {margin-left: 0;} #nav li#nav1:hover ul.level2, #nav li#nav1.sfhover ul.level2 {margin-left: -100px;} #nav li#nav2:hover ul.level2, #nav li#nav2.sfhover ul.level2 {margin-left: -251px;} #nav li#nav3:hover ul.level2, #nav li#nav3.sfhover ul.level2 {margin-left: -100px;} #nav li#nav4:hover ul.level2, #nav li#nav4.sfhover ul.level2 {margin-left: -100px;} #nav li#nav5:hover ul.level2, #nav li#nav5.sfhover ul.level2 {margin-left: 0;} #nav li#nav6:hover ul.level2, #nav li#nav6.sfhover ul.level2 {margin-left: -100px;} 

/* each drop nav column is 104 px wide. So the width values below is (104 x number of columns) px */ 
#nav li#nav0 ul.level2 {width: 0;}#nav li#nav1 ul.level2 {width: 624px;}#nav li#nav2 ul.level2 {width: 936px;}#nav li#nav3 ul.level2 {width: 416px;}#nav li#nav4 ul.level2 {width: 312px;}#nav li#nav5 ul.level2 {width: 0;}#nav li#nav6 ul.level2 {width: 208px;}
/* ========== Main nav & Dropmenu nav link styles ============================================================= */
ul#nav li a {
    display: block;
    border-left: 1px solid #dcdcdc;
    color: #666;
    font-weight: bold;
    line-height: 30px;
    margin: 3px 0 1px 0;
    padding: 0 0 0 8px;
    text-decoration: none;
}
ul#nav li a:hover {color: #fff; text-decoration: none;}
ul#nav li.current a {background: url(/cps/rde/xbcr/ds_compass_internet_uk/bg-nav-on.gif) repeat-x; color: #fff; text-decoration: none;}
ul#nav li#nav0 a {border: 0; margin: 3px 0 1px 1px;}
ul#nav li:hover a, ul#nav li.sfhover a {
    background: url(/cps/rde/xbcr/ds_compass_internet_uk/bg-nav-on.gif) repeat-x;
    color: #fff;
}
ul#nav li ul.level2 li a {
    border: 0;
    background: #f4f4f4;
    color: #666;
    font-weight: bold;
    line-height: 1.2em;
    height: 3.5em;
    margin: 0 0 10px 0;
    padding: 5px 5px 8px 8px;
}
ul#nav li ul.level2 li:hover a,
ul#nav li ul.level2 li.sfhover a {
    color: #eee;
    background: #b2b2b2;
    text-decoration: none;
}
ul#nav li ul.level2 li ul li a {
    background: #fff !important;
    color: #999 !important;
    font-weight: normal;
    height: auto;
    padding: 0 5px 0 8px;
}
ul#nav li ul.level2 li ul li a:hover {
    background: #fff !important;
    color: #666 !important;
    text-decoration: underline;
}