ul#nav {
   float: right;
   list-style-type: none;
   margin: 0;
   padding: 0 82px 0 0;
   height: 30px;
   }
   
   ul#nav li {
      float: left;
      height: 30px;
      margin: 0 5px 0 0;
      padding: 0;
      }   
      
      ul#nav li a {
         text-decoration: none;
         height: 30px;
         display: block;
         text-indent: -9999px;
         outline: none;
         margin: 0;
         padding: 0;
         }      
   
   ul#nav li a#home-nav {
      width: 117px;
      background: url(../images/home-nav.png) top left no-repeat;
      }
      
      ul#nav li a:hover#home-nav {
         width: 117px;
         background: url(../images/home-nav-on.png) top left no-repeat;
         }
      
   ul#nav li a#products-nav {
      width: 117px;
      background: url(../images/products-nav.gif) top left no-repeat;
      }
      
      ul#nav li a:hover#products-nav {
         width: 117px;
         background: url(../images/products-nav-on.gif) top left no-repeat;
         }
      
   ul#nav li a#contactus-nav {
      width: 128px;
      background: url(../images/contactus-nav.gif) top left no-repeat;
      } 
      
      ul#nav li a:hover#contactus-nav {
         width: 128px;
         background: url(../images/contactus-nav-on.gif) top left no-repeat;
         } 
      
   ul#nav li a#aboutus-nav {
      width: 117px;
      background: url(../images/aboutus-nav.gif) top left no-repeat;
      }
      
      ul#nav li a:hover#aboutus-nav {
         width: 117px;
         background: url(../images/aboutus-nav-on.gif) top left no-repeat;
         } 
         
body#home ul#nav li a#home-nav {
   width: 117px;
   background: url(../images/home-nav-on.png) top left no-repeat;
   }         
         
body.products ul#nav li a#products-nav {
   width: 117px;
   background: url(../images/products-nav-on.gif) top left no-repeat;
   }    
   
body.contactus ul#nav li a#contactus-nav {
   width: 128px;
   background: url(../images/contactus-nav-on.gif) top left no-repeat;
   }
   
body.aboutus ul#nav li a#aboutus-nav {
   width: 117px;
   background: url(../images/aboutus-nav-on.gif) top left no-repeat;
   } 
         
         
/*----------------------------------------- Subnav --------------------------------*/              
      
#subnav-container {
   padding: 20px 0 0 0;
   width: 100%;
   margin: 0 0 15px 0;
   background: #FFF url(../images/white-corner-ne.gif) top right no-repeat;
   }      
      
ul#subnav {
   list-style-type: none;
   margin: 10px 0 0 0;
   padding: 0 0 25px 0;
   background: url(../images/white-corner-subnav-se.gif) bottom right no-repeat;
   }
   
   ul#subnav li {
      border-bottom: 1px solid #b2b2b2;
      padding: 2px 0;
      width: 295px;
      margin: 0 0 0 10px;
      }
      
   ul#subnav li.on {
      background: url(../images/subnav-arrow.gif) 275px 5px no-repeat;
      }
      
      ul#subnav li a {
         color: #000; 
         padding: 0 0 0 8px;     
         font-size: 13px;
         font-weight: normal;
         display: block;
         width: 300px;
         outline: none;
         }
         
      ul#subnav li a:hover {
         color: #E41520; 
         }
         
body.team ul#subnav li a.team-sub,
body.careers ul#subnav li a.careers-sub,
body.news ul#subnav li a.news-sub {
   color: #15C9E4;
   font-weight: bold;
   } 
   
body.by-manufacturer ul#subnav li a.manufacturer-tert,
body.by-partnum ul#subnav li a.partnum-tert,
body.by-category ul#subnav li a.category-tert {
   color: #E48A15;
   font-weight: bold;
   }      

/*----------------------------------------- Onpage Tertnav --------------------------------*/              
         
ul#subnav li ul.onpage-tertnav {
   list-style-type: disc;
   margin: 5px 0 5px 10px;
   padding: 0 0 0 20px;
   display: none;
   }
   
ul#subnav li ul.onpage-tertnav li {
   margin: 0;
   padding: 0;
   width: 270px;
   border: 0;
   }  
   
ul#subnav li ul.onpage-tertnav li.last {
   border-bottom: 0;
   }   

ul#subnav li ul.onpage-tertnav li a {
   margin: 0;
   padding: 0;
   font-size: 12px;
   width: 270px;
   }    
   
ul#subnav li ul.onpage-tertnav li a:hover {
   color: #E41520;
   }    
   
body.team  ul#subnav li ul.team-tertnav,
body.news  ul#subnav li ul.news-tertnav {
   display: block;
   }  
         
body.blog ul#subnav li ul.news-tertnav a.blog-tert {
   color: #15C9E4;
   font-weight: bold;
   } 
   
         
/*----------------------------------------- Pop up Tertnav --------------------------------*/              
         
ul.tertnav {
   background-color: #FFF;
   width: 300px;
   position: absolute;
   z-index: 11;
   padding: 5px 0 10px 0;
   margin: 0;
   list-style-type: none;
   display: none;
   }
   
ul#subnav li ul.tertnav li {
   background-color: #eaeaea;
   border: 0;
   margin: 0 10px;
   border-top: 1px solid #FFF;
   width: 270px;
   width/**/:/**/ 275px;
   padding: 3px 0 3px 5px;
   }  

ul#subnav li ul.tertnav li a {
   color: #e48a15;
   font-size: 13px;
   width: 270px;
   width/**/:/**/ 275px;
   margin: 0;
   padding: 0;
   }    
   
ul#subnav li ul.tertnav li a:hover {
   color: #FFF;
   }          








