/* @override http://www.grassform.co.uk/css/menu.css */

#navigation ul, #navigation ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

#navigation ul li {
    border-bottom: 2px solid #fff;
    text-align: right;
    background-color: #00af3f;
}

#navigation ul li:hover, #navigation ul li.topMenuOn {
    background: url('../images/link-box-background-hover.png') repeat-y top left;
}

    #navigation ul li a {
        display: block;
        height: 40px;
        padding: 0 5px;
        line-height: 40px;
        font-size: 1.4em;
        color: #fff;
    }

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

        #navigation ul li ul li {
            background-color: #83847a;
            border: none;
            border-top: 2px solid #fff;
            position: relative;
        }

        #navigation ul li ul li:hover, #navigation ul li ul li.subHover {
            background: #fff;
        }

            #navigation ul li ul li:hover a, #navigation ul li ul li.subHover a {
                color: #000;
            }

            #navigation ul li ul li a {
                font-size: 1.4em;
                height: 35px;
                line-height: 35px;
            }

            #navigation ul li ul li div.megaMenu {
                display: none;
                width: 638px;
                min-height: 177px;
                padding: 15px;
                padding-left: 32px;
                position: absolute;
                left: 200px;
                top: -80px;
                z-index: 1001;
                background-color: #f6f3f3;
            }

            #navigation ul li ul li:hover div.megaMenu, #navigation ul li ul li.subHover div.megaMenu {
                display: block;
            }

                #navigation ul li ul li div.megaMenu ul {
                   width: 206px;
                   padding-right: 17px;
                   padding-left: 16px;
                   margin-left: -16px;
                   float: left;
                }

                #navigation ul li ul li div.megaMenu ul.border {
                    padding-right: 15px;
                    /*border-right: 2px dotted #83847a;*/
                }

                    #navigation ul li ul li div.megaMenu ul li {
                        background: none;
                        border: none;
                        text-align: left;
                        list-style-image: url('../images/arrow-right.gif');
                        padding-bottom: 9px;
                        position: static;
                    }

                        #navigation ul li ul li div.megaMenu ul li a {
                            line-height: normal;
                            display: inline;
                            height: auto;
                            padding: 0;
                            font-size: 1.2em;
                        }

                        #navigation ul li ul li div.megaMenu ul li a:hover {
                            text-decoration: underline;
                        }

                            #navigation ul li ul li div.megaMenu ul li a img,
                            a.hideImage img {
                                width: 0;
                                height: 0;
                                border-width: 0;
                                position: absolute;
                                top: 15px;
                                left: 493px;
                            }

                            #navigation ul li ul li div.megaMenu ul li a:hover img,
                            #navigation ul li ul li div.megaMenu ul li a.showImage img {
                                width: auto;
                                height: auto;
                                border: 8px solid #e9e4e4;
                            }