/* ==========================================================================
   IE styles
   ========================================================================== */

/**
* Style sheet for EI 8 only.
* These styles will work for the desktop viewports only. 
*
* 1. Set the minimum viewport to 769pixels
* 2. repear pseudo css within a media query
* 3. main navigation rollover text
*/


.navigation > li > a:before { /* 2 */
    top: 16px;
    left: -1px;
    width: 1px;
    height:32px;            
    background:#bbb!important;
    content: '';
}

.navigation > li > a:hover {color: #333!important;} /* 3 */

.radio span {
    background: none;
}

.section1 .navigation > li:nth-child(2) > a, .navigation > li:nth-child(2) > a:hover{
        background-color: #008542;
        color: #FFFFFF !important;
}

.section2 .navigation > li:nth-child(3) > a, .navigation > li:nth-child(3) > a:hover{
        background-color: #0572a8;
        color: #FFFFFF !important;    
}

.section3 .navigation > li:nth-child(4) > a, .navigation > li:nth-child(4) > a:hover{
        background-color: #bd4f19;
        color: #FFFFFF !important;    
}

.section4 .navigation > li:nth-child(5) > a, .navigation > li:nth-child(5) > a:hover{
        background-color: #0c4987;
        color: #FFFFFF !important;    
}

.section5 .navigation > li:nth-child(6) > a, .navigation > li:nth-child(6) > a:hover{
        background-color: #6a7f10;
        color: #FFFFFF !important;    
}

.section6 .navigation > li:nth-child(7) > a, .navigation > li:nth-child(7) > a:hover{
        background-color: #d06f1a;
        color: #FFFFFF !important;    
}

.section7 .navigation > li:nth-child(8) > a, .navigation > li:nth-child(8) > a:hover{
        background-color: #e60505;
        color: #FFFFFF !important;    
}

.section8 .navigation > li:nth-child(9) > a, .navigation > li:nth-child(9) > a:hover{
        background-color: #6e757a;
        color: #FFFFFF !important;    
}

.section9 .navigation > li:nth-child(10) > a, .navigation > li:nth-child(10) > a:hover{
        background-color: #983222;
        color: #FFFFFF !important;    
}

.section1 .navigation > li:nth-child(2) > a:hover, .section2 .navigation > li:nth-child(3) > a:hover, .section3 .navigation > li:nth-child(4) > a:hover, .section4 .navigation > li:nth-child(5) > a:hover, .section5 .navigation > li:nth-child(6) > a:hover, .section6 .navigation > li:nth-child(7) > a:hover, .section7 .navigation > li:nth-child(8) > a:hover, .section8 .navigation > li:nth-child(9) > a:hover, .section9 .navigation > li:nth-child(10) > a:hover { color: #FFFFFF !important; }