/* ami [2007/01/08]: Embedding a pure css menu in the main navigation, 
ie specific. This uses conditional comments in the xhtml source code. */
#home {
    width: 12.2em;
    padding-top: 0;
    line-height: 1.4em;
    height: 1.4em;
}

.menu {
    height: 1.4em;
    line-height: 1.4em;
}

.menu table {
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0;
    margin: 0;
    font-size: 100%;
}

.menu ul#mainnavigation {
    height: 1.3em;
}

.menu ul li a {
    padding-bottom: 1px !important;
    line-height: 1.3em;
}

/* ie realy goes crasy here: in case the background-color value is the same as 
defined in :hover, no submenu will be displayed !? */
.menu a.active {
    background-color: #0C9103;
}

/* Menu header */
.menu ul li a:hover {
    color: #fff;
    background-color: #0C9104;     /* Bayer color for menu headers Mouse Hover */
    background-color: #004065;
    text-decoration: none;
    outline: none;
}

/* Sub-menus table */
.menu ul li a:hover ul {
    display: block;
    position: absolute;
    top: 1.3em;
    left: 0;
    padding-top: .2em;
    width: 18em;

    /* Border around sub-menu table. Using only the bottom border */
    /* border-top: 1 solid #E0E0E0; */
    /* border-left: 1 solid #E0E0E0; */
    /* border-right: 1 solid #808080; */
    border-bottom: 1 solid #808080;
}

/* Sub-menus cells */
.menu ul li a:hover ul li a {
    display: block;
    width: 18em;
    font-weight: normal;
    padding: 0.1em 0.5em 0.1em 1.6em;

    border-top: 0 solid #808080;           /* Border top = none */
    border-left: 1 solid #E0E0E0;          /* Border left = 1px */
    border-right: 1 solid #808080;         /* Border right = 1px */
    /*border-bottom:1px solid #9ACC97;*/   /* Bayer Border bottom color */
    border-bottom: 0 solid #808080;        /* Border bottom = none. Using the table bottom border */

    /*color: #0C9104;*/                    /* Bayer sub-menus Font color */
    color: #004065;                        /* sub-menus Font color */
    /*background:#E5F9E0;*/                /* Bayer sub-menus Background color */
    background: #CEE0F4;                   /* sub-menus Background color */
    text-decoration: none;
    outline: none;
}

.menu ul li a:hover ul li a:hover {
    background-image:url(<cms:link>/system/modules/com.bayer.bsp.frontend/resources/images/main/nups_content_navigation_two.gif</cms:link>);
    background-repeat: no-repeat;
    background-position: 0.5em 0.6em;
    background: #f0ffff;                   /* sub-menus Mouse Hover color */
    text-decoration: none;
    outline: none;
}

div.body {
    margin-left: 1em !important;
}


DIV#lefthead {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 18px;
	MARGIN-BOTTOM: 3px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	HEIGHT: 18px;
	width: 171px;
}

