
.MenuBar  {
  z-index: 1200;
  margin: 0;
  padding:0;
  
  }
  
.MenuBar a  {
  margin: 0;
  padding: 0;
  }  
  
/* - - - - - - - - ----------------*/
 
.MenuHorizontal li  {
float: left;
position: relative;
text-align:left;
width: 175px;
padding: 0 0 0 0;
margin: 0 0 0 0; 
font: 14px Tahoma, Arial, Helvetica, sans-serif;
color: #FFFFFF;
list-style:none;
height: 32px;

}  
  


.MenuHorizontal li.driveway  {
float: left;
position: relative;
width: 150px;
padding: 0 0 0 0;
margin: 0 0 0 0; 
font: 14px Tahoma, Arial, Helvetica, sans-serif;
color: #FFFFFF;
list-style:none;
text-align:center;
background:no-repeat url(images/imgNavLi.jpg) right top ;

}  

.MenuHorizontal li.commercial  {
float: left;
position: relative;
width: 150px;
padding: 0 0 0 0;
margin: 0 0 0 0; 
font: 14px Tahoma, Arial, Helvetica, sans-serif;
color: #FFFFFF;
list-style:none;

text-align:center;


}  


.MenuHorizontal li.special  {
float: left;
position: relative;
width: 146px;
padding: 0 0 0 0;
margin: 0 0 0 0; 
font: 14px Tahoma, Arial, Helvetica, sans-serif;
color: #FFFFFF;
list-style:none;

text-align:center;
background:no-repeat url(images/imgNavLi.jpg) right top ;

}  

.MenuHorizontal li.gallery  {
float: left;
position: relative;
width: 164px;
padding: 0 0 0 0;
margin: 0 0 0 0; 
font: 14px Tahoma, Arial, Helvetica, sans-serif;
color: #FFFFFF;
list-style:none;

text-align:center;
background:no-repeat url(images/imgNavLi.jpg) right top ;
}  

.MenuHorizontal li.process {
float: left;
position: relative;
width: 150px;
padding: 0 0 0 0;
margin: 0 0 0 0; 
font: 14px Tahoma, Arial, Helvetica, sans-serif;
color: #FFFFFF;
list-style:none;

text-align:center;
background:no-repeat url(images/imgNavLi.jpg) right top ;

}  

.MenuHorizontal li.colours {
float: left;
position: relative;
width: 146px;
padding: 0 0 0 0;
margin: 0 0 0 0; 
font: 14px Tahoma, Arial, Helvetica, sans-serif;
color: #FFFFFF;
list-style:none;

text-align:center;
background:no-repeat url(images/imgNavLi.jpg) right top ;

}  

.MenuHorizontal li.wallcrete {
float: left;
position: relative;
width: 90px;
padding: 0 0 0 0;
margin: 0 0 0 0; 
font: 14px Tahoma, Arial, Helvetica, sans-serif;
color: #FFFFFF;
list-style:none;

text-align:center;
background:no-repeat url(images/imgNavLi.jpg) right top ;

}  

.MenuHorizontal li.showsites {
float: left;
position: relative;
width: 112px;
padding: 0 0 0 0;
margin: 0 0 0 0; 
font: 14px Tahoma, Arial, Helvetica, sans-serif;
color: #FFFFFF;
list-style:none;

text-align:center;
background:no-repeat url(images/imgNavLi.jpg) right top ;


}  
 
  
.MenuHorizontal a {
  display: block;
  color: #D5E2F2;
  margin: 0 0 0 0;
  padding:0 0 0 0;
  text-decoration:none;
  
}



   
  /* - - - - - - - - ----------------*/

.MenuVertical  {
  color: #FFFFFF;
  list-style: none;
  padding: 0;
  margin: 0; 
  }

.MenuVertical li  {
  float: none;
  background:#780001 ; 
  padding: 0 0 0 0;
  margin: 0;
  width: 148px;
  text-align:center;
  border-top:solid 1px #ffffff;
}

.MenuVertical li.pattern_imprinted  {
  float: none;
  background:#780001 ; 
  padding: 0 0 0 0;
  margin: 0;
  width: 163px;
  text-align:center;
  border-top:solid 1px #ffffff;
}

.MenuVertical li.commercial_paving {
  float: none;
  background:#780001 ; 
  padding: 0 0 0 0;
  margin: 0;
  width: 153px;
  text-align:center;
  border-top:solid 1px #ffffff;
}
  
.MenuVertical li a {
  display: block;
  color: #D5E2F2;
  padding: 0 0 0 0;
  margin: 0;
    text-decoration:none;
	font: 13px Tahoma, Arial, Helvetica, sans-serif;
}

.MenuVertical li a:hover {
text-decoration:underline;
}


.Level1  {
 position: relative; 
}

.Level2  {
  position: absolute; 
  top: 34px;
  left: 0;
  display: none;
}

.Level3  {
  position: absolute; 
  top: 34px;
  left: 0;
  display: none;
}

.Level4  {
  position: absolute; 
  top: 34px;
  left: -2px;
  display: none;
}

.Level5  {
  position: absolute; 
  top: 34px;
  left: 0;
  display: none;
}

.Level2 li:hover,
.Level2 li.over  {
text-decoration:underline;

}

.Level3 li:hover,
.Level3 li.over  {
text-decoration:underline;}

.Level4 li:hover,
.Level4 li.over  {
text-decoration:underline;}

.Level5 li:hover,
.Level5 li.over  {
text-decoration:underline;}
  /* - - - - - - - - ----------------*/
.Level1 li:hover ul.Level2,
.Level1 li.over ul.Level2 { 
  display: block;
}

.Level1 li:hover ul.Level3,
.Level1 li.over ul.Level3 { 
  display: block;
}

.Level1 li:hover ul.Level4,
.Level1 li.over ul.Level4 { 
  display: block;
}

.Level1 li:hover ul.Level5,
.Level1 li.over ul.Level5 { 
  display: block;
}
 * html .MenuVertical li  {
   }
 
 * html .MenuVertical li a  {
   display: inline;
   }

 .Level1 li, .Level2 li, .Level3 li, .Level4 li, .Level5 li
  {
  behavior: url(ieMenu.htc);
  }
  


