/* --------------------------------------------------------------
   This CSS Framework is Developed By
   Based on work by:
   * Akash Tilva
   For any Query You can ask to this Email
   * E-mail: akashtilva@gmail.com
-------------------------------------------------------------- */
.mainMenuUL {
    position: absolute;
    top:0px;
    right:20px;
    height: 26px;
    padding: 0;
    margin: 0px 0;
}
    .mainMenuUL li {
        float: left;
        list-style: none;
    }
        .mainMenuUL li.back {
            background: url("../image.php?fName=images/menuSelected.png&q=90") no-repeat right -26px;
            width: 9px; height: 26px;
            z-index: 8;
            position: absolute;
        }
            .mainMenuUL li.back .left {
                background: url("../image.php?fName=images/menuSelected.png&q=90") no-repeat top left;
                height: 26px;
                margin-right: 9px; /* 7px is the width of the rounded shape */
            }
        .mainMenuUL li a {
            font: bold 14px arial;
            text-decoration: none;
            color: #fff;
            outline: none;
            text-align: center;
            top: 7px;
            text-transform: uppercase;
            letter-spacing: 0;
            z-index: 10;
            display: block;
            float: left;
            height: 30px;
            position: relative;
            overflow: hidden;
            margin: auto 10px;    
        }
            .mainMenuUL li a:hover, .mainMenuUL li a:active, .mainMenuUL li a:visited {
                border: none;
            }