/* common styling */
.menu {
/*;font-family: "Trebuchet MS", verdana, sans-serif; */
font : bold .75em Verdana, Geneva, Arial, Helvetica, sans-serif;
/*width:904px; */
width:908px; 
/*letter-spacing:1.0; */
position:relative;
/*font-size:0.85em;*/
z-index:5;
padding-top:5px;
}
.menu ul {
/*padding-top:5; */
margin:0;
list-style-type: none;
}
.menu ul li {
float:left;
position:relative;
margin-top : -5px;
}
/* does not seem to do anything in IE7 - used on Macs - Safari, Firefox */  
/* actually it does do things on ie - I needed to add the Padding to it for the unvisited links*/
.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
color:#fff; 
padding-top:5px; 
/*width: 109px;*/
width: 107px;
/*height:15px; */
height:20px; 
border:1px solid #bd332c; 
border-width:0px 0px 0px 0px; 
/*background:#414142; */
background: url(../gradient.jpg) top left repeat;
/*line-height:15px;*/
line-height:20px;
text-align: center;
/*padding-left:110px; */
font : bold .75em Verdana, Geneva, Arial, Helvetica, sans-serif;
left:-10px;
}
.menu ul li a.section-active {
padding-left:0px; 
/*padding-top:5px; */
padding-right:0px; 
}

/* seems to be what is used for the top row (eg home / solutions / product etc) in IE and firefox on Windows*/
* html .menu ul li a, .menu ul li a:visited {
width: 107px; /*112*/
padding: 5px 0px; 
 
display:block; 
text-decoration:none;  
color:#fff; 
height:15px; 
/*height:20px; */
border:0px solid #bd332c; 
border-width: 0px 0px 0px 0px; 
/*background:#414142;*/
background: url(../gradient.jpg) top left repeat;
line-height:15px;
/*line-height:20px;*/
text-align: center;
font : bold .75em Verdana, Geneva, Arial, Helvetica, sans-serif;
vertical-align : text-bottom;
}

.menu ul li ul {
display: none;
}

table {
 /* margin:-4px; for firefox and all non-IE browsers */ 
border-collapse:collapse;
}

/*.menu ul li table {
font-size:0.85em;
}*/

/* hover menu on the top row (ie Home/solutions etc)  for ie7 and firefox on windows*/
.menu ul li:hover a {
/*padding : 5px;  */
display:block;
color:#000; 
background:#CE181C;
border-top:0px solid #CE181C; 
}
.menu ul li:hover ul {
padding : 0px;
display:block; 
position:absolute; 
top:30px;  /*allows vertical movement of the sub menu - 30 needed for firefox, but 20 would be enough for IE*/
left:0; 
width:112px;
}
.menu ul li:hover ul li ul {
display: none;
}

/* used to display the sub-menus when rolled over a parent cell*/
.menu ul li:hover ul li a {
/*
display:block; 
text-decoration:none;  */
color:#fff; 
padding : 5px; 
text-align: left; 
width:112px;
height:20px; 
line-height:20px;
background:#414142;

/*  
border:1px solid #bd332c; 
border-width:1px 1px 0px 0px;
background:#e93e37;

margin-top:7px;
font : bold .75em Verdana, Geneva, Arial, Helvetica, sans-serif;
*/

}

.menu ul li:hover ul li a:hover {
background:#CE181C;
color:#000;
border-top:0px solid #CE181C; 
}

.menu ul li:hover ul li:hover ul {
display:block; 
position:absolute; 
/*left:130px; */
left:0px;
top:0;
width:90px;
}
.menu ul li:hover ul li:hover ul.left {
/*left:-130px;*/
}