#nav { background: url('../navbg.png') repeat; }
#nav, #nav ul { width: 198px; float:left; padding:0 0 0px 0; margin:0; list-style:none; border:1px solid #ccc; border-width: 0px 1px 0px 1px;  position:relative; z-index:200; }
#nav li{ margin-left: 8px; width: 180px; text-align: center; border-top:1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc;  letter-spacing: 1px; font-weight: bold; cursor: pointer; } *+html #nav li { margin-bottom: -4px; }
#nav #pagedlinks li{ border-top:1px solid #ccc; } /*Eliminate Paged links Border*/
#nav ul{ width: 180px; } /*3rd lv flyout width*/
#nav ul li { margin-left: 0px; } /*3rd lv flyout position*/   
/*#pagedlinks ul { border-top:1px solid #ccc; }*/


/*hacks for IE5.x and IE6 */
* html #nav li {float:left;}
* html #nav li{ margin-left: 4px; }
* html #nav ul li{ margin-left: 0px; } 

#nav li a { display:block; color:#fff; margin:0 0px 0 0px; font-family: Arial, Helvetica, sans-serif; font-size:11px; line-height:24px; text-decoration:none; white-space:nowrap; }
#nav li a:hover { color:#fff; background: url('../hlov.gif') repeat-x; }

#nav li:hover { position:relative; z-index:300;  color: #fff; }

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* yet another hack for IE5.x and IE6 */
* html #nav, * html nav ul {width:198px;}

/* show next level */
#nav li:hover > ul {left:-15px; margin-left:108%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; }
/* show path followed */
#nav li:hover > a {  }

/*IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover ul,
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:108%; top:-1px;}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{ text-decoration: none; }

/* Color tabs on select */    
#electrical .electrical a,
#industrial .industrial a,    
#audiovideo .audiovideo a,
#lowvoltage .lowvoltage a,
#service .service a,
#security .security a,
#thermal .thermal a,
#firealarm .firealarm a
{ background: url('../hlov.gif') repeat-x; color: #fff; }

#automation .automation a:link, { color: #C84902; } 
      
#pagedlinks li a { padding-left: 20px; text-align: left; color: #003574; } 

/*Background Colors*/ 
#nav li { background: #fff url('../lghtbb.gif') repeat-x; } /*1st level background*/
#nav li a{ line-height: 24px; background: url('li2bg.png') repeat-x; color: #003574; }
#pagedlinks li{ background: #fff; } /*2nd level background*/ 
#nav ul li{ background: url('../flyoutbase.png') repeat-x; border-color: #ccc; } /*2nd level flyout background*/    
#pagedlinks li ( border: 1px solid #ff0000; ) 
#nav ul li .lgfly li { background: none;}  /*3nd level background*/ 

#nav ul li a:hover, #pagedlinks li a:hover{ color: #C84902; background: url('../li2bgov.gif') repeat-x; }
#nav .arrow a,#pagedlinks .arrow a { background: url('../arrow1.gif') no-repeat 95% 50%; }    
#nav .arrow a:hover, #pagedlinks .arrow a:hover { background: url('../arrow2.gif') no-repeat 95% 50%; } 

/*Transparent Borders*/ 
#bbordersub { position: absolute; z-index: 6; margin: 0px 0px 0px -100px;  border: 1px solid #ccc; border-width: 0 1px 1px 1px; }  
.forbdr { border-bottom: 1px solid #ccc; } /*border of bottom menu item*/       

/*Large 3rd lv Flyout*/
#nav ul .lgfly li{ background: none; position: fixed; _position: absolute; z-index: 220; _margin-top: -145px; top: 0; width: 492px; height: 394px; _height: 400px; margin-left: -12px; border: none; }
.lgfly, .lgfly li:hover { background-color: #fff; }
#lgflyimg { position: absolute; z-index: 6; margin-left: -245px; } /*The image itself*/
* html #lgflyimg { position: absolute; z-index: 6; margin-left: -345px; } /*hack for IE5.x and IE6 to position image*/   
#nav .lgfly li:hover { background-color: transparent; color: #003574;} 

.lgflylinks a:link{ text-decoration: none; color: #003574; }
.lgflylinks a:visited { text-decoration: none; color: #003574; }
.lgflylinks a:hover { text-decoration: none; color: #CE4118; }
.lgflylinks a:active { text-decoration: none; color: #CE4118; }
 
 
 /* Color subtabs on select*/    
#electrical .commercialsub #pagedlinks #csub,
#electrical .firealarmsub #pagedlinks #fsub,
#electrical .industrialsub #pagedlinks #isub,
#electrical .medicalsub #pagedlinks #medsub,   
#electrical .mixedusesub #pagedlinks #mixsub, 
#electrical .residentialsub #pagedlinks #ressub, 
#electrical .schoolssub #pagedlinks #schsub,

#industrial .automationsub #pagedlinks #autosub, 
#industrial .educationsub #pagedlinks #edsub,

#lowvoltage .cablingsub #pagedlinks #cabsub,
#lowvoltage .phonesub #pagedlinks #phsub, 
#lowvoltage .securitysub #pagedlinks #secsub, 
#lowvoltage .servicelvsub #pagedlinks #srlvsub, 
#lowvoltage .systemdesignsub #pagedlinks #sdsub,

#service .commercialssub #pagedlinks #comssub, 
#service .industrialssub #pagedlinks #indssub, 
#service .residentialssub #pagedlinks #resssub, 

#audiovideo .residentialavsub #pagedlinks #resavsub, 
#audiovideo .commercialavsub #pagedlinks #comavsub          
{ color: #C84902; }