/*
* This stylesheet contains CSS that is for use on a page that needs colors from all menu 2 themes
*/


div.matchColorToMenuBackground1
{
    background-color: #572778;
    /*opacity:0.4;
    filter:alpha(opacity=40);*/ /* For IE8 and earlier */
    color: white;
}

div.matchColorToMenuBackground1 h2,
div.matchColorToMenuBackground1 h3,
div.matchColorToMenuBackground1 a,
div.matchColorToMenuBackground1 a:link,
div.matchColorToMenuBackground1 a:visited,
div.matchColorToMenuBackground1 a:active{
    color: white;
}

div.matchColorToMenuBackground1 a:hover
{
    color: slategray;
}

div.matchColorToMenuBackground1 .menuMatchingBorders{
    border-color: white;
}

div.matchColorToMenuBackgroundReverse1 a,
div.matchColorToMenuBackgroundReverse1 a:link,
div.matchColorToMenuBackgroundReverse1 a:visited,
div.matchColorToMenuBackgroundReverse1 a:active{
    color: #572778;
}

div.matchColorToMenuBackgroundReverse1 a:hover{
    color: #680794;
}


div.matchColorToMenuBackgroundReverse1
{
    background-color: white;
    /*opacity:0.4;
    filter:alpha(opacity=40);*/ /* For IE8 and earlier */
    color: #572778;
    border-color: #572778;
}

div.matchColorToMenuBackgroundReverse1 .menuMatchingBorders{
    border-color: #572778;
}

/* TTD ADD a colors */


div.matchColorToMenuBackground2 {
    background-color: #F8ED19;
    /*opacity:0.4;
    filter:alpha(opacity=40);*/ /* For IE8 and earlier */
    color: slategrey;
}

div.matchColorToMenuBackground2 h2,
div.matchColorToMenuBackground2 h3,
div.matchColorToMenuBackground2 a,
div.matchColorToMenuBackground2 a:link,
div.matchColorToMenuBackground2 a:visited,
div.matchColorToMenuBackground2 a:active{
    color: slategrey;
}

div.matchColorToMenuBackground2 a:hover
{
    color: #572778;
}

div.matchColorToMenuBackground2 .thumbNail
{
    border-color: slategray;
}

div.matchColorToMenuBackgroundReverse2 {
    background-color: white;
    /*opacity:0.4;
    filter:alpha(opacity=40);*/ /* For IE8 and earlier */
    color: slategrey;
    border-color: #F8ED19;
}

div.matchColorToMenuBackgroundReverse2 a,
div.matchColorToMenuBackgroundReverse2 a:link,
div.matchColorToMenuBackgroundReverse2 a:visited,
div.matchColorToMenuBackgroundReverse2 a:active{
    color: slategrey;
}

div.matchColorToMenuBackgroundReverse2 a:hover{
    color: #F8ED19;
}

div.matchColorToMenuBackgroundReverse2 .thumbNail {
    border-color: #F8ED19;
}



div.matchColorToMenuBackground3 {
    background-color: #8a8d8f;
    /*opacity:0.4;
    filter:alpha(opacity=40);*/ /* For IE8 and earlier */
    color: #ffffff;
}

div.matchColorToMenuBackground3 h2,
div.matchColorToMenuBackground3 h3,
div.matchColorToMenuBackground3 a,
div.matchColorToMenuBackground3 a:link,
div.matchColorToMenuBackground3 a:visited,
div.matchColorToMenuBackground3 a:active{
    color: #ffffff;
}

div.matchColorToMenuBackground3 a:hover{
    color: whitesmoke;
}

div.matchColorToMenuBackground3 .thumbNail {
    border-color: white;
}

div.matchColorToMenuBackgroundReverse3 {
    background-color: white;
    /*opacity:0.4;
    filter:alpha(opacity=40);*/ /* For IE8 and earlier */
    color: #8a8d8f;
    border-color: #8a8d8f;
}



div.matchColorToMenuBackgroundReverse3 a,
div.matchColorToMenuBackgroundReverse3 a:link,
div.matchColorToMenuBackgroundReverse3 a:visited,
div.matchColorToMenuBackgroundReverse3 a:active{
    color: #8a8d8f;
}

div.matchColorToMenuBackgroundReverse3 a:hover{
    color: slategray;
}

div.matchColorToMenuBackgroundReverse3 .thumbNail {
    border-color: #8a8d8f;
}



div.matchColorToMenuBackground4 {
    background-color: #f187b6;
    /*opacity:0.4;
    filter:alpha(opacity=40);*/ /* For IE8 and earlier */
    color: white;
}

div.matchColorToMenuBackground4 h2,
div.matchColorToMenuBackground4 h3,
div.matchColorToMenuBackground4 a,
div.matchColorToMenuBackground4 a:link,
div.matchColorToMenuBackground4 a:visited,
div.matchColorToMenuBackground4 a:active{
    color: white;
}

div.matchColorToMenuBackground4 a:hover
{
    color: white;
}

div.matchColorToMenuBackground4 .thumbNail
{
    border-color: white;
}

div.matchColorToMenuBackgroundReverse4{
    background-color: white;
    /*opacity:0.4;
    filter:alpha(opacity=40);*/ /* For IE8 and earlier */
    color: slategrey;
    border-color: #f187b6;
}

div.matchColorToMenuBackgroundReverse4 a,
div.matchColorToMenuBackgroundReverse4 a:link,
div.matchColorToMenuBackgroundReverse4 a:visited,
div.matchColorToMenuBackgroundReverse4 a:active
{
    color: #999999;
}

div.matchColorToMenuBackgroundReverse4 a:hover
{
    color: #f187b6;
}

div.matchColorToMenuBackgroundReverse4 .thumbNail
{
    border-color: #f187b6;
}