@media screen, print {
    <!-- Branding Vivid Style - Top-menu -->

    .accentcolor {color: #009900;}

    body.login #splashContainer {
        background-image: url("../splashs/vivid_splash.jpg");
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }

    #branding {
        height: 50px;
        background-color: #FFFFFF;
        background-image: url("../images/gradient.gif");
        background-repeat: repeat-x;
        background-position: 50% 0px;
    }
    #brandingLogo {
        background-image: url("../images/vivid_logo.gif");
        background-repeat: no-repeat;
        background-position: 100% 0%;
        vertical-align: bottom;
        padding: 4px 8px;
    }
    #brandingmenu td a:hover {
        color: #FFFFFF;
        background-color: #009900;
    }
    #brandingmenu td#active a:hover {
        font-weight: bold;
        color: #FFFFFF;
        background-color: #009900;
    }
    #brandingInteractive {
        height: 50px;
        background-color: #FFFFFF;
        background-image: url("../images/gradient.gif");
        background-repeat: repeat-x;
        background-position: 50% 0px;
    }
    #brandingInteractiveLogo {
        background-image: url("../images/vivid_logo.gif");
        background-repeat: no-repeat;
        background-position: 100% 0%;
    }
    <!-- Vivid colors used in non branding bar elements -->

    #Selection td.header a#active:hover {
        color: #ffffff;
        background-color: #009900;
    }
    #Selection td.header a:hover {
        color: #ffffff;
        background-color: #009900;
    }
    .languageSelection div.hover {
        color: #ffffff;
        background-color: #009900;
    }
    #welcome div.hover {background-color: #009900; color: #FFFFFF;}

    table#makesSelection td.hover {background-color: #009900; color: #FFFFFF;}

    #modelSelection div#scroll td.hover {background-color: #009900; color: #FFFFFF;}

    #typeSelection div#scroll tr.hover {background-color: #009900; color: #FFFFFF;}

    #contentTabs td a:hover {
        color: #FFFFFF;
        background-color: #009900;
    }

    #contentTabs td a#active:hover {
        color: #FFFFFF;
        background-color: #009900;
    }

    hr {color: #009900;}

    a:link {color: #009900;}
    a:active {color: #009900;}
    a:visited {color: #009900;}
    a:hover {background-color: #009900; color: #FFFFFF;}

    a:hover span.accentcolor {color: #FFFFFF;}
    tr.hover span.accentcolor {color: #FFFFFF;}
    td.hover span.accentcolor {color: #FFFFFF;}
    div.hover span.accentcolor {color: #FFFFFF;}

    input.button {background-color: #009900; color: #FFFFFF;}

    .hover {background-color: #009900; color: #FFFFFF;}
    .hoverNoLink {background-color: #009900; color: #FFFFFF;}

    #tabBarlevel1 a:hover {
        color: #FFFFFF;
        background-color: #009900;
    }

    #tabBarlevel2 td a:hover {
        /* color: #FFFFFF; */
        /* background-color: #009900; */
    }

    #contentSubnav .level1 {border-left: 8px solid #009900;}
    #contentSubnav .level2 {border-left: 8px solid #59BD59;}
    #contentSubnav .level3 {border-left: 8px solid #B2E0B2;}

    #contentSubnav .hover {color: #FFFFFF; background-color: #009900;}
    #contentSubnav .hover1 {border-left: 8px solid #009900; color: #FFFFFF; background-color: #009900; border-bottom: 1px solid #009900;}
    #contentSubnav .hover2 {border-left: 8px solid #59BD59; color: #FFFFFF; background-color: #009900; border-bottom: 1px solid #009900;}
    #contentSubnav .hover3 {border-left: 8px solid #B2E0B2; color: #FFFFFF; background-color: #009900; border-bottom: 1px solid #009900;}

    #contentSubnav .hover1 div {color: #FFFFFF; background-color: #009900;}
    #contentSubnav .hover2 div {color: #FFFFFF; background-color: #009900;}
    #contentSubnav .hover3 div {color: #FFFFFF; background-color: #009900;}

    #contentSubnav .hover1 div.Accent {color: #FFFFFF; border: 1px solid #FFFFFF;}
    #contentSubnav .hover2 div.Accent {color: #FFFFFF; border: 1px solid #FFFFFF;}
    #contentSubnav .hover3 div.Accent {color: #FFFFFF; border: 1px solid #FFFFFF;}
    #contentSubnav .hover1 div.linkAccent {color: #FFFFFF; border: 1px solid #FFFFFF;}
    #contentSubnav .hover2 div.linkAccent {color: #FFFFFF; border: 1px solid #FFFFFF;}
    #contentSubnav .hover3 div.linkAccent {color: #FFFFFF; border: 1px solid #FFFFFF;}
    #contentSubnav .hover1 div.AccentActive {color: #FFFFFF; border: 1px solid #FFFFFF;}
    #contentSubnav .hover2 div.AccentActive {color: #FFFFFF; border: 1px solid #FFFFFF;}
    #contentSubnav .hover3 div.AccentActive {color: #FFFFFF; border: 1px solid #FFFFFF;}

    #contentSubnav div.Accent {text-align: center; color: #000000;}
    #contentSubnav div.linkAccent {text-align: center; color: #009900;}

    #interActiveContainer div#interactionleftTopScroll div.linkAccent {text-align: center; color: #009900;}

    #contentSubnav div.Accent2 {text-align: center; color: #009900;}

    #contentSubnav div.level1 a {border-left: 8px solid #009900;}
    #contentSubnav div.level2 a {border-left: 8px solid #59BD59;}
    #contentSubnav div.level3 a {border-left: 8px solid #B2E0B2;}

    #contentSubnav div.level1 a:hover {color: #FFFFFF; background-color: #009900;}
    #contentSubnav div.level2 a:hover {color: #FFFFFF; background-color: #009900;}
    #contentSubnav div.level3 a:hover {color: #FFFFFF; background-color: #009900;}
    
    
	.treeMenuWrapper .treeLevel1 {border-left: 8px solid #009900;}
	.treeMenuWrapper .treeLevel1 .hover {border-bottom: 1px solid #009900;}
	
	.treeMenuWrapper .treeLevel2 {border-left: 8px solid #59BD59;}
	.treeMenuWrapper .treeLevel2 .hover {border-bottom: 1px solid #009900;}
	
	.treeMenuWrapper .treeLevel3 {border-left: 8px solid #B2E0B2;}
	.treeMenuWrapper .treeLevel3 .hover {border-bottom: 1px solid #009900;}
	 table.emissionTable td.headerDescr{color: #009900;}
  }