/* commom style for all browsers */
.container4 {
text-align:center;
background:#eee url(img/menu4.gif);
border:1px solid #777777;
border-width:5px 1px 1px 1px; 
height:30px;
margin:0; /* for this demo only */
}
.menu4 {
text-align:left;
font-family: verdana, sans-serif;
position:relative;
font-size:0.85em;
background:transparent;
width:600px;
height:30px;
margin:0 auto;
}
.menu4 ul {
padding:0;
margin:0;
list-style-type: none;
}
.menu4 ul li {
float:left;
position:relative;
}
.menu4 ul li.home {background:transparent url(img/menu4home.gif) no-repeat;}
.menu4 ul li.products {background:transparent url(img/menu4products.gif);}
.menu4 ul li.services {background:transparent url(img/menu4services.gif);}
.menu4 ul li.contact {background:transparent url(img/menu4contact.gif);}
.menu4 ul li.site {background:transparent url(img/menu4site.gif);}
.menu4 ul li.news {background:transparent url(img/menu4news.gif);}
.menu4 ul li.subprod {background:transparent url(img/menu4subprod.gif) no-repeat;}
.menu4 ul li.subprod2 {background:transparent url(img/menu4subprod2.gif) no-repeat;}
.menu4 ul li.subprod3 {background:transparent url(img/menu4subprod3.gif) no-repeat;}
.menu4 ul li.subnews {background:transparent url(img/menu4subnews.gif) no-repeat;}
.menu4 ul li.subnews2 {background:transparent url(img/menu4subnews2.gif) no-repeat;}
.menu4 ul li.subnews3 {background:transparent url(img/menu4subnews3.gif) no-repeat;}
.menu4 ul li.subserv {background:transparent url(img/menu4subserv.gif) no-repeat;}
.menu4 ul li.subserv2 {background:transparent url(img/menu4subserv2.gif) no-repeat;}
.menu4 ul li.subserv3 {background:transparent url(img/menu4subserv3.gif) no-repeat;}
.menu4 ul li.subserv4 {background:transparent url(img/menu4subserv4.gif) no-repeat;}
.menu4 ul li.subserv5 {background:transparent url(img/menu4subserv5.gif) no-repeat;}
.menu4 ul li.subsubl {background:#eee url(img/next.gif) no-repeat top left;}
.menu4 ul li.subsubr {background:#eee url(img/previous.gif) no-repeat 145px 0;}
.menu4 ul li a, .menu4 ul li a:visited {
display:block;
text-decoration:none;
width:70px;
height:30px;
color:#333333;
padding-left:30px;
line-height:29px;
}
* html .menu4 ul li a, .menu4 ul li a:visited {
width:100px;
w\idth:70px;
}
.menu4 ul li ul {
visibility:hidden;
position:absolute;
top:0;
left:0;
height:0;
overflow:hidden;
}
.menu4 table {
margin:-1px;
border-collapse:collapse;
font-size:1em;
}
/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu4 ul li:hover a,
.menu4 ul li a:hover {
color:#000;
text-decoration:none;
border:0;
}
.menu4 ul li:hover ul,
.menu4 ul li a:hover ul {
visibility:visible;
width:170px;
height:auto;
position:absolute;
top:30px;
left:-1px;
background:#fff;
border:1px solid #777777;
overflow:visible;
}
.menu4 ul li:hover ul li a,
.menu4 ul li a:hover ul li a {
display:block;
background:transparent;
text-decoration:none;
color:#339900;
height:auto;
line-height:1.5em;
padding:5px 10px 5px 35px;
width:170px;
w\idth:125px;
}
.menu4 ul li:hover ul li a.drop,
.menu4 ul li a:hover ul li a.drop {
display:block;
color:#000;
height:auto;
line-height:1.5em;
padding:5px 10px 5px 35px;
width:170px;
w\idth:125px;
}
.menu4 ul li:hover ul li ul,
.menu4 ul li a:hover ul li a ul {
visibility:hidden;
position:absolute;
top:0;
left:0;
height:0;
overflow:hidden;
}
.menu4 ul li:hover ul li a:hover,
.menu4 ul li a:hover ul li a:hover {
color:#333333;
text-decoration:none;
}
.menu4 ul li:hover ul li:hover ul,
.menu4 ul li a:hover ul li a:hover ul {
visibility:visible;
position:absolute;
top:0;
color:#000;
left:166px;
height:auto;
border:1px solid #777777;
}
.menu4 ul li:hover ul li:hover ul.left,
.menu4 ul li a:hover ul li a:hover ul.left {
left:-166px;
}
.menu4 ul li:hover ul li:hover ul li a,
.menu4 ul li a:hover ul li a:hover ul li a {
display:block;
color:#339900;
height:auto;
line-height:1.5em;
padding:5px 10px 4px 35px;
width:170px;
w\idth:140px;
}
* html .menu4 ul li a:hover ul li a:hover ul li a {
padding:4px 10px 4px 35px;
}
.menu4 ul li:hover ul li:hover ul li:hover a,
.menu4 ul li a:hover ul li a:hover ul li a:hover {
color:#000;
text-decoration:none;
}