/* 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=90);
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  opacity: 0.9;
    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: 44px;
    left: -10px;
    width: auto;
    list-style: none;
    padding: 0;
    margin: 0;
   display: none;
   z-index:9999;
}

.second-level-menu > li
{
    position: relative;
    height: 25px;
    background: #fff;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  opacity: 0.9;

   text-align:left;
   margin-bottom:1px;
   padding-top:4px;
         white-space: nowrap;
}




.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;
}




.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;
}




.top-level-menu
{
    list-style: none;
    padding: 0;
   display: table; 
   margin: 0 auto; 
   
}

.top-level-menu > li
{margin-right:140px;
    position: relative;
    float: left;
   text-align:center;
margin-right:100px;


   
   
}


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




.top-level-menu > li:hover { }

.top-level-menu li:hover > ul
{
    /* On hover, display the next level's menu */
   display: inline;

}


/* Menu Link Styles */

.top-level-menu a /* Apply to all links inside the multi-level menu */
{
    text-decoration: none;
    padding: 10px 0px 0 0px;
    
    /* Make the link cover the entire list item-container */
    display: block;

}

.top-level-menu a:hover { }

.first{margin-left:110px;}


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





@media screen and (max-width:1300px) {

   .first{margin-left:80px;}
}


@media screen and (max-width:1200px) {
      
.top-level-menu > li
   {margin-right:80px;}
   
   .first{margin-left:50px;}
      
 


   
}



@media screen and (max-width:1000px) {
   
   
.top-level-menu > li
   {margin-right:60px;}
   
   
   .first{margin-left:60px;}
 
   }





@media screen and (max-width:900px) {
   
   
.top-level-menu > li
   {margin-right:50px;}
   
   
   .first{margin-left:50px;}
 
   }
   
   
   
   @media screen and (max-width:800px) {
   
   
.top-level-menu > li
   {margin-right:40px;}
   
   
   .first{margin-left:40px;}
 
   }
   


@media screen and (max-width:700px) {
   
   
.top-level-menu > li
   {margin-right:40px;}
   
   
}