/* get rid of those system borders being generated for A tags */
        a:active
        {
            outline: none;
        }
        :focus
        {
            -moz-outline-style: none;
        }
        /* VERTICAL */
        
        .vertical
        {
            /* required settings */
            position: relative;
            overflow: hidden; 
            width: 187px;
        }
        /* root element for scrollable items */
        .items
        {
            position: absolute; /* this time we have very large space for height */
            margin: 0px;
        }
        /* single scrollable item */
        .unselectedItemDiv
        {
        	background-image: url(/Images/LeftNavigation/LeftNavigationItemBG.gif);
            text-align: center;
            width: 187px;
            height: 30px;
        }
        .selectedItemDiv
        {
			background-image: url(/Images/LeftNavigation/LeftNavigationItemSelectedBG.jpg);
            text-align: center;
            width: 187px;
            height: 30px;
        }
		/* elements inside single item */
        .items h3
        {
            margin: 0 0 0 0;
            padding: 5px 5px 5px 2px;
        }
        .selectedItem
        {
        	color: #ff3300;
            font-family: Trebuchet MS, Arial;
            font-size: 12px;
            font-weight: normal;
            letter-spacing: 1px;
            text-decoration: none;
            outline: none;
        }
        .unselectedItem
        {
            color: #6a6a6a;
            font-family: Trebuchet MS, Arial;
            font-size: 12px;
            font-weight: normal;
            letter-spacing: 1px;
            text-decoration: none;
        }
        .items a:hover
        {
            color: #ff3300;
        }
        .disabled
        {
            visibility: hidden;
        }
        .clear
        {
            clear: both;
        }