/* Menu Styles */

.third-level-menu
{
    position: absolute;
    top: 0;
    right: -100%;
     width:100%;
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
}


.third-level-menu > li
{
    height: 30px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
    background: #e3e5e9;
   border-top:1px solid #fff;
margin-left:1px;
      white-space: nowrap;
}

.third-level-menu > li:hover {  
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  -khtml-opacity: 1.0;
  opacity: 1.0;
}


.second-level-menu
{
    position: absolute;
   top: 39px;
    left: 0;
    width: auto;
    list-style: none;
    padding: 0;
    margin: 0;
   display: none;
   z-index:9999;
   margin-left:0px;
      width:100%;
}

.second-level-menu > li
{
    position: relative;
    height: 26px;
    background: #e6e6e6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=9);
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  opacity: 0.9;
   border-top:1px solid #fff;
   text-align:left;
   margin-bottom:0px;
   white-space: nowrap;
   width:100%;
}




.second-level-menu > li:hover { 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  -khtml-opacity: 1.0;
   opacity: 1.0;
    background-color: #890001;
}




.second-level-menu > li.active { 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  -khtml-opacity: 1.0;
   opacity: 1.0;
    background-color: #890001;
}



.top-level-menu
{
    list-style: none;
    padding: 0;
   margin: 0;
   float:left;



}

.top-level-menu > li
{
    position: relative;
    float: left;
text-align:center;
border-right:1px solid #fff;
   display:block;
   height:39px
}



.top-level-menu > li:hover {
  background-color: #890001;
color:#fff;


 }

.top-level-menu li:hover > ul
{
   display: inline;

}


.top-level-menu > li:hover > a {
color:#fff;
}


.top-level-menu a /* Apply to all links inside the multi-level menu */
{
    text-decoration: none;
    padding: 10px 29px 0 29px;
    display: block;


}

.top-level-menu a:hover { 
  background-color: #890001;
 

}


.second-level-menu a /* Apply to all links inside the multi-level menu */
{
     text-decoration: none;
    padding: 2px 30px 0 10px;
}




@media screen and (max-width:980px) {
   
   
   .top-level-menu a
{
      padding: 8px 21px 0px 21px;
   }
   
   
   .second-level-menu a 
{
     text-decoration: none;
    padding: 0px 21px 0 0px;
}
   
   
}



@media screen and (max-width:950px) {
   
   .top-level-menu a 
{
      padding: 8px 19px 0px 19px;
   }
   
   
   .second-level-menu a 
{
     text-decoration: none;
    padding: 0px 19px 0 0px;
}
   
}




@media screen and (max-width:920px) {
   
   .top-level-menu a 
{
      padding: 8px 16px 0px 16px;
   }
   
     .second-level-menu a 
{
     text-decoration: none;
    padding: 0px 16px 0 0px;
}
   
   
}



@media screen and (max-width:870px) {
   
   .top-level-menu a 
{
      padding: 8px 13px 0px 13px;
   }
   
   
   
   .second-level-menu a 
{
     text-decoration: none;
    padding: 0px 13px 0 0px;
}
   
   
}      






   
@media screen and (max-width:820px) {
   
   .top-level-menu a 
{
      padding: 8px 15px 0px 15px;
   }
   
     .second-level-menu a 
{
     text-decoration: none;
    padding: 0px 15px 0 0px;
}
   
}
   

@media screen and (max-width:800px) {
   .top-level-menu a 
{
      padding: 8px 13px 0px 13px;
   }
     
   .second-level-menu a 
{
     text-decoration: none;
    padding: 0px 13px 0 0px;
}
   

}