  /*Styling the Root menu item */
        /************************************************************************/
        /*setting styles to the menu*/
        #RadMenu1 {
            background: none repeat scroll 0 0 #21242C;
            height: 35px;
            /*margin: 0 auto;*/
            padding: 0 20px;
            position: relative;
            width: 930px;
            z-index: 1;
        }

        /*positioning the RootItem "Product Families" */
        a.rmLink.rmRootLink.new {
            height: 33px;
            margin-left: 405px;
        }

        /*removing the default color of the Black skin of the RootItem, so that the dark gray is applied*/
        div.RadMenu_Black .rmRootGroup {
            background-color: transparent;
        }

        /*removing the background image that comes from the Black skin */
        div.RadMenu_Black .rmRootGroup,
        div.RadMenu_Black a.rmLink,
        div.RadMenu_Black .rmText,
        div.RadMenu_Black .rmLeftArrow,
        div.RadMenu_Black .rmRightArrow,
        div.RadMenu_Black .rmTopArrow,
        div.RadMenu_Black .rmBottomArrow {
            background-image: none;
        }

            /*setting styles to the text in the menu*/
            div.RadMenu_Black,
            div.RadMenu_Black a.rmLink,
            div.RadMenu_Black a.rmLink:hover {
                color: #C1C1C1;
                cursor: pointer;
                font: 400 11px/35px Arial,Tahoma,sans-serif;
                text-transform: uppercase;
            }


        /*positioning the arrow of the RootItem to the right side of the text*/
        div.RadMenu .rmLeftImage {
            margin: 8px 2px 0 -3px;
        }

        div.RadMenu .rmLeftImage {
            float: right;
        }
        /*Styling the DroDownp menu item */
        /************************************************************************/

        /*removing the background of the dropdown that comes from the Black skin*/
        div.RadMenu_Black .rmGroup,
        div.RadMenu_Black .rmMultiColumn,
        div.RadMenu_Black .rmGroup .rmVertical {
            background-image: none;
            background-repeat: no-repeat;
            background-color: transparent;
            border: none;
        }

        div.RadMenu_Black .rmSlide {
            background-image: none;
            background-color: transparent;
            border-radius: 0 0 10px 10px;
            height: 430px;
            margin-left: -21px;
            overflow: hidden;
            padding-top: 0px;
            position: absolute;
            width: 970px;
        }

        div.RadMenu .rmGroup .rmText {
            margin: 0px;
            padding: 0px;
        }


        #outerWrap {
            width: 970px;
            background: none repeat scroll 0 0 #21242C;
            border-radius: 0 0 10px 10px;
            padding-top: 25px;
        }

        #ProductsWrapper {
        }

        /*Styling the div elements in the DropDown */
        /************************************************************************/
        /*sets the position of the first row in the dropdown */
        #FirstLevelProductsWrapper {
            height: 160px;
            display: inline-block;
        }

        /*sets the position of the second row in the dropdown */
        #SecondLevelProductsWrapper {
            height: 160px;
            display: inline-block;
        }

        /*sets the styles for the green rectangle */
        #DevToolsDiv {
            background-color: green;
            border-radius: 3px 3px 3px 3px;
            float: left;
            height: 135px;
            width: 298px;
            margin: 0 0 20px 20px;
            border-color: #0B9B22;
            background-color: #0A9F23;
            background-image: linear-gradient(#0CA125, #058A16);
        }

        /*sets the styles for the grey rectangle */
        #IceniumDiv {
            background-color: #6E8282;
            background-image: linear-gradient(#708484, #566A6A);
            border-color: #687C7C;
            border-radius: 3px 3px 3px 3px;
            float: left;
            height: 135px;
            margin: 0 0 20px 20px;
            width: 298px;
        }

      /*sets the styles for the orange rectangle */
        #KendoUIDiv {
            background-color: #D96F3C;
            background-image: linear-gradient(#DA713F, #CD582B);
            border-color: #C85025;
            border-radius: 3px 3px 3px 3px;
            float: right;
            height: 135px;
            margin: 0 0 20px 20px;
            width: 298px;
        }

          /*sets the styles for the purple rectangle */
        #TestStudioDiv {
            background-color: #7A6090;
            background-image: linear-gradient(#7C6292, #644B7B);
            border-color: #745A8A;
            clear: both;
            margin: 0 0 20px 20px;
            border-radius: 3px 3px 3px 3px;
            float: left;
            height: 145px;
            width: 298px;
        }

          /*sets the styles for the blue rectangle */
        #SitefinityDiv {
            background-color: #3F87B9;
            background-image: linear-gradient(#4289BA, #2C6FA7);
            border-color: #2768A0;
            border-radius: 3px 3px 3px 3px;
            float: left;
            height: 145px;
            margin: 0 0 20px 20px;
            width: 298px;
        }

          /*sets the styles for the red rectangle */
        #TeamPulseDiv {
            background-color: #A73441;
            background-image: linear-gradient(#A93644, #91242E);
            border-color: #A1303D;
            border-radius: 3px 3px 3px 3px;
            float: left;
            height: 145px;
            margin: 0 0 20px 20px;
            width: 298px;
        }