﻿  /*.menu{
        width:600px;
        height:24px;
        background-color:#222222;
        border-top:solid 1px #555555;
        border-bottom:solid 1px #555555;
        margin:0 auto;
    }
    .menu img{   
        float:left;
        margin:0;
        padding:0;
    }
    */        
    /**************** menu coding *****************/
    #menu {
       width:100%;
       background:#111;
       font:bold 11px verdana, helvetica, sans-serif;
       display:inline-block;
       border-top:solid 1px #444;       
    }
    
    #menu a{
        text-decoration:none;
        outline:none;        
    }
        
        .sublinks2a, .sublinks3a, .sublinks4a{
            border-top:solid 1px #333;
        }
        
        .sublinks a{
            display:block;
            border-width:0 1px 1px 1px;
            border-style:solid;
            border-color:#333;
            padding:7px 5px 7px 10px;
            background-color:#1C1C1C;
            color:#ccc;
        }
        .sublinks a:hover{            
            color:#fff;
            background:#282828; 
        }                

    #menu ul {
        list-style: none;
        margin:0;
        padding:0;
        float: left; 
    }
    
    .home {
        width:120px;
        height:25px;
        display: block;
        background:Transparent url(../images/home.png) no-repeat top left;
    }
    
        .home:hover{            
            cursor:pointer;
            background:Transparent url(../images/home_omo.png) no-repeat top left;
        }
    
    .viewListings {
        width:155px;
        height:25px;
        display: block;
        background:Transparent url(../images/viewListings.png) no-repeat top left;
    }
        
        .viewListings:hover{
            cursor:default;
            background:Transparent url(../images/viewListings_omo.png) no-repeat top left;
        }
        
            .sublinks2a a, .sublinks2 a{                        
                width:138px;
            }    

                .sublinks2a a:hover, .sublinks2 a:hover {         
                    width:138px;
                }
    
    .submitListing {
        width:160px;
        height:25px;
        display:block;
        background:Transparent url(../images/submitListing.png) no-repeat top left;
    }
        
        .submitListing:hover{
            cursor:default;
            background:Transparent url(../images/submitListing_omo.png) no-repeat top left;
        }
        
            .sublinks3a a, .sublinks3 a{                        
                width:143px;
            }    

                .sublinks3a a:hover, .sublinks3 a:hover {               
                    width:143px;
                }
    
    .eNewsletter {
        width:165px;
        height:25px;
        display: block;
        background:Transparent url(../images/eNewsletter.png) no-repeat top left;       
    }
    
        .eNewsletter:hover{
            cursor:default;
            background:Transparent url(../images/eNewsletter_omo.png) no-repeat top left;
        }
            
            .sublinks4a a, .sublinks4 a{                        
                width:148px;
            }    

                .sublinks4a a:hover, .sublinks4 a:hover {                    
                    width:148px;
                }    
    
    .listEquip{        
        width:160px;
        height:27px;
        background:#111 url(../images/listEquipment.png) no-repeat top left;
        cursor:pointer;
        border:none;
    }
    
    .listEquip:hover{
        background:#111 url(../images/listEquipment_omo.png) no-repeat top left;
    }                    

    #menu li {position: relative;}

    #menu ul ul {
        position:absolute;
        z-index:500;
    }

    #menu ul ul ul {
        position:absolute;
        top:0;
        left:100%;
    }

    #menu ul ul,
    #menu ul li:hover ul ul,
    #menu ul ul li:hover ul ul
    {display:none;}

    #menu ul li:hover ul,
    #menu ul ul li:hover ul,
    #menu ul ul ul li:hover ul
    {display:block;}
