/* GRADIENTS */
.BrandGradient,
#LeftNavMenu a.L1.selected,
#LeftNavMenu a.L1:hover {
    background-color: #FFCC33;
    color: #000000;
}

    .BrandGradient:hover {
        background-color: #FFDD33;
    }

/* SOLID COLOURS */
.BrandColour {
    color: #FFCC33;
}

.RelatedLinks a:hover {
    color: #FFCC33;
}

.ThumbHighlight:hover {
    border-color: #FFDD33;
}

.ThumbHighlight.selected {
    border-color: #FFCC33;
}

/* themed UI elements */
#LeftNavMenu a.hover .Bullet,
.BrandColour .LinkBullet,
.LinkBullet.BrandColour,
.UISprite.NavArrow.Active {
    background-position: -10px 0px;
}

#LeftNavMenu a.hover.expand .Bullet,
#LeftNavMenu a.selected.expand .Bullet {
    background-position: -30px 0px;
}

.UISprite.NavArrow2.Active {
    background-position: -44px 0px;
}

.UISprite.PrevButton.Active {
    background-position: -129px 0px;
}

.UISprite.NextButton.Active {
    background-position: -144px 0px;
}

.UISprite.PrevArrow.Active {
    background-position: -279px 0px;
}

.UISprite.NextArrow.Active {
    background-position: -288px 0px;
}

/* top stories */
.topStorySelected {
    background-image: url(/images/public/topStories/SelectorBox_On_Yellow.png) !important;
}

.prevImage {
    background-image: url(/images/public/topStories/PreviousArrow_Yellow.png);
    width: 20px;
    height: 28px;
}

.nextImage {
    background-image: url(/images/public/topStories/NextArrow_Yellow.png);
    width: 20px;
    height: 28px;
}

/* TinyMCE */
.Subtitle {
    color: #FFCC33;
}

.TabNavigation .selected {
    background-color: #FFCC33;
}

    .TabNavigation .selected span {
        background-color: #FFCC33;
    }

.row2 .selected, .row3 .selected {
    background-color: #FFCC33;
}

    .row2 .selected span, .row3 .selected span {
        background-color: #FFCC33;
    }


/* RENAULT and RENAULT GROUP Special LeftNav Styling */
#LeftNavMenu a:hover {
    text-decoration: underline;
}

#LeftNavMenu a.L1.selected .Bullet,
#LeftNavMenu a.L1.hover .Bullet {
    background-position: 0px 0px;
}

#LeftNavMenu a.L2:hover > div {
    text-decoration: underline;
}

#LeftNavMenu a.L3:hover > div {
    text-decoration: underline;
}

.currentSelected > a > div {
    text-decoration: underline;
}

#LeftNavMenu a.L1.currentSelected > a > div {
    text-decoration: none;
}
#LeftNavMenu .L1.currentSelected > a > div {
    text-decoration: none;
}
#LeftNavMenu a.L1.selected.expand .Bullet,
#LeftNavMenu a.L1.hover.expand .Bullet
{
	background-position:-30px 0px;
}