/* commom style for all browsers */
.container {
width:435px;
height:30px;
text-align:center;
top: 40px;
left: -55px;
position: relative;
z-index: 50;
float: right;
}

.menu {
text-align:left;
font-family: verdana, sans-serif;
position:relative;
font-size:1em;
background:transparent;
width:435px;
height:30px;
margin:0 auto;

}

.menu ul {
padding:0; margin:0; list-style-type: none;
}

.menu ul li {
float:left; position:relative; border-bottom: 1px solid #4d4d4d; padding: 5px 0 5px 0; width: 166px;
}

.menu ul li.home {
background:transparent url(/images/nav_home.gif);
width: 48px;
padding: 0;
border: 0px;
}

.menu ul li.home:hover {background:transparent url(/images/nav_home_over.gif);}

.menu ul li.plumbing {
background:transparent url(/images/nav_plumbing.gif);
width: 73px;
padding: 0;
border: 0px;
}

.menu ul li.plumbing:hover {background:transparent url(/images/nav_plumbing_over.gif);}

.menu ul li.heatair {
background:transparent url(/images/nav_heatair.gif);
width: 76px;
padding: 0;
border: 0px;
}

.menu ul li.heatair:hover {background:transparent url(/images/nav_heatair_over.gif);}

.menu ul li.consumer {
background:transparent url(/images/nav_consumer.gif);
width: 132px;
padding: 0;
border: 0px;
}

.menu ul li.consumer:hover {background:transparent url(/images/nav_consumer_over.gif);}

.menu ul li.company {
background:transparent url(/images/nav_company.gif);
width: 70px;
padding: 0;
border: 0px;
}

.menu ul li.company:hover {background:transparent url(/images/nav_company_over.gif);}

.menu ul li.contact {
background:transparent url(/images/nav_contact.gif);
width: 62px;
padding: 0;
border: 0px;
}

.menu ul li.contact:hover {background:transparent url(/images/nav_contact_over.gif);}


.menu ul li a, .menu ul li a:visited {
display:block; text-decoration:none; height:23px; color:#000; padding-left:0px; line-height:29px; 
}

* html .menu ul li a, .menu ul li a:visited {

}

.menu ul li ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden; border: 10px solid black; 
}

.menu table {
margin:-1px; border-collapse:collapse; font-size:1.1em ;
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu ul li:hover a,
.menu ul li a:hover {
color:fff; text-decoration:underline; border:0; font-weight: bold;
}

.menu ul li:hover ul,
.menu ul li a:hover ul {
visibility:visible; width:166px; height:auto; position:absolute; top:23px; left:0px; background:#000; overflow:visible;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display:block; background:transparent; height:auto; text-decoration:none; color:#fff; line-height:1.1em; padding:0px 0px 0px 0px;
}

.menu ul li:hover ul li a.drop,
.menu ul li a:hover ul li a.drop {
display:block; color:#fff; height:auto; line-height:1.1em; padding:0px 0px 0px 5px; font-weight: normal;
}

.menu ul li:hover ul li a.third,
.menu ul li a:hover ul li a.third {
display:block; color:#fff; height:auto; line-height:1.1em; padding:0px 0px 0px 15px; font-weight: normal;
}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
color:#f5a32b; text-decoration:underline;
}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0; color:#fff; left:166px; height:auto; border:10px solid black;
}

.menu ul li:hover ul li:hover ul.left,
.menu ul li a:hover ul li a:hover ul.left {
left:-166px;
}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {
display:block; color:#fff; height:auto; line-height:1.1em; padding:0px 0px 0px 0px;
}

* html .menu ul li a:hover ul li a:hover ul li a {padding:0px 0px 0px 0px;}

.menu ul li:hover ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover ul li a:hover {
color:#f5a32b; text-decoration:underline;
}