MetroTouch Menu Separator Bar CSS?

[Adrian Barnes]

I'm trying to modify the CSS for the MetroTouch menu and can't figure out where that vertical/separator bar is set, seen in light blue in my attached screenshot.  I want to set it to the same color as the rest of the menu.  Any ideas?  Thanks!

I've tried setting values for rmSeparator and that doesn't work.

Below are my test CSS changes so far to do what I need:

<style type="text/css">
    .RadMenu_MetroTouch .rmRootGroup {
        padding: 1px !important;
        background: #18323f;
    }

    .RadMenu_MetroTouch .rmRootLink {
        padding: 0 15px;
        border: 1px solid #18323f;
        color: #ffffff;
        text-decoration: none;
    }

</style>

[Magdalena]

Hi Adrian,

Thank you for contacting Telerik support.

Apply the following CSS to remove the vertical border

html .RadMenu_MetroTouch .rmRootGroup .rmItem {
    border-color: transparent;
}

Do not hesitate to contact us if you have other questions.

Regards,
Magdalena
Telerik

[Adrian Barnes]

Pefect!  Thanks!