#outer {position: absolute;margin: 0 auto;
right: 0px;
left: 0px;z-index: 99; border: solid 0px; width:878px; height:70px; background:url(filters.jpg) no-repeat right bottom;}
.pad1 {width:51px; height:25px; background:#E4F5C4; float:left; margin-top:3px; margin-right:3px; border:1px solid green;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.pad2 {width:52px; height:25px; background:#E4F5C4; float:left; margin-top:3px; border:1px solid green;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}


.topline {width:876px; height:3px; border:1px solid green; background:#E4F5C4; font-size:1px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
behavior: url(PIE.htc);}

#menu {position:relative; z-index: 99; list-style-type:none; padding:0; margin:0 0 0 3px;}
#menu ul {list-style-type:none; padding:0; margin:0;}

#menu li {float:left; background:#cdc; margin:3px 3px 0 0; border:1px solid green; width:123px; height:25px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

#menu li.sub {background:#aba;}

/* for IE5.5 and IE6 only */

#menu li a {display:block; color:#000; height:25px; font-family:arial, sans-serif; font-size:11px; line-height:24px; width:123px; text-decoration:none; text-align:center;}
#menu li a table {position:absolute; left:0; top:-1px; border-collapse:collapse; width:0; height:0;}

#menu li span {cursor:default; display:block; color:#000; height:25px; font-family:arial, sans-serif; font-size:11px; line-height:24px; width:123px; text-decoration:none; text-align:center;}
#menu li span table {cursor:default; position:absolute; left:0; top:-1px; border-collapse:collapse; width:0; height:0;}

#menu :hover {color:#fff; background:#898; position:relative;}
#menu :hover > a {color:#fff; background:#898;}

#menu ul, 
#menu :hover ul ul,
#menu :hover ul :hover ul ul,
#menu :hover ul :hover ul :hover ul ul,
#menu :hover ul :hover ul :hover ul ul.left ,
#menu :hover ul :hover ul ul.left {visibility:hidden; width:0; height:0; overflow:hidden;}


#menu :hover ul {visibility:visible; overflow:visible; position:absolute; height:auto; width:128px; left:-1px;top:26px; background:url(hover_drop_1/transparent.gif);} /* the background image is for IE7 */

#menu :hover ul :hover ul,
#menu :hover ul :hover ul :hover ul {visibility:visible; overflow:visible; height:auto; width:128px; padding:9px 3px; left:100px; top:0;}
#menu :hover ul :hover ul :hover ul :hover ul {visibility:visible; overflow:visible; height:auto; width:148px; padding:9px 3px; left:110px; top:0;}

#menu :hover ul :hover ul.right {z-index:110;}
#menu :hover ul :hover ul :hover ul.right {z-index:120; left:110px;}
#menu :hover ul :hover ul :hover ul :hover ul.right {z-index:130;}


#menu :hover ul :hover ul.left,
#menu :hover ul :hover ul :hover ul.left ,
#menu :hover ul :hover ul :hover ul :hover ul.left {visibility:visible; overflow:visible; height:auto; width:128px; padding:9px 3px; left:-106px; top:0;}



