﻿/*
=== Tree ===
ul#houseMenuV
	li.level1-li
		ul.level2.flyout.hide
			ul.level3.flyout.hide
				ul.level4.flyout.hide
					ul.level5.flyout.hide
						ul.level5++.flyout.hide
		li.highlight 
		li#houseMenuVCurrentItem.level1-li
			a#houseMenuVCurrentLink
*/


/* ====== General - Start ======= */
ul#houseMenuV 
{
    position:relative;
    top: -8px;
	*height:1px;
}

ul#houseMenuV, ul#houseMenuV ul, ul#houseMenuV li{
    margin:0;
    padding:0;
    list-style-type:none;
}

ul#houseMenuV a{
    text-decoration:none;
    display:block;
    line-height:16px;
    *width:100%;
    letter-spacing:0.025em;
}
/* ====== General - Finish ======= */

/* ====== RootMenu - Start ======= */

    ul#houseMenuV li a { 
        text-transform:uppercase;
        color: #055F91;
        font-weight:bold;
        padding:8px 0 0 13px; /*control gap between list and header from .level2 class*/
    }

    ul#houseMenuV li a:hover { 
        color: #055F91;   
    }

/* ====== RootMenu - Finish ======= */

/* ====== Second Level and Below - Start ======= */
	
	ul#houseMenuV  ul.level2 {
		padding-top:5px; /*gap between list and header*/
	}

    ul#houseMenuV  ul.level2 a {
        padding:0 0 0 26px;
        color: #363636;
        font-weight:normal;
        text-transform:none;
        background:13px 6px no-repeat url(Images/bullet.gif);
    }

    ul#houseMenuV ul.level2 a:hover {
		background-color: #FFF;
		color:#056090;
    }

	/* IE Hack - Start */
		ul#houseMenuV ul.level2 li {
			*display:inline;
		}
		
		ul#houseMenuV ul.level2 li li {
			*display:block;
		}
	/* IE Hack - Finish */

/* ====== Second Level and Below - Finish ======= */

/* ====== Flyout Menus - Start ======= */

    ul#houseMenuV ul.flyout { /*do not add margin to this class as they are set to javascript*/
        position:absolute;
        border:1px solid #DFEDF0;
        background-color: #F1F6FC;
    }

    ul#houseMenuV ul.flyout a { 
        white-space:nowrap;
        padding:0 5px 0 13px;
        background:none; /*remove background info of previous*/
    }

    /*ie hacks*/
		/*following style added to LI insted of A cause IE is do not block level A element properly */

        ul#houseMenuV ul.flyout li {
            border-bottom:1px solid white;
        }

        ul#houseMenuV ul.flyout li:hover{
            background-color:#FFF;
        }
    /*ie hacks*/

/* ====== Flyout Menus - Finish ======= */

/* ====== Persistant Highlight Menus - Start ======= */

ul#houseMenuV li.highlight {
    background-color:white;
    
}

ul#houseMenuV li.highlight a.highlight-link {
	color:#056090;
}

ul#houseMenuV li.highlight a.highlight-link:hover {
}

/* ====== Persistant Highlight Menus - Finish ======= */

/* ====== Current Page Highlight - Start ======= */

ul#houseMenuV li#houseMenuVCurrentItem a#houseMenuVCurrentLink {
	color:#056090;
	background-color:#FFF;
}

ul#houseMenuV li#houseMenuVCurrentItem.level1-li a#houseMenuVCurrentLink {
	background-color:Transparent; /* As root menus need not heighlight*/
}

/* ====== Current Page Highlight - Finish ======= */

/* ====== Other - Start ======= */

ul#houseMenuV ul.hide { 
    top:-999px;
}

/* ====== Other - Finish ======= */
