/* ~~~~~~~~~~~~~~~~ menu ~~~~~~~~~~~~~~~ */
.menu_wrapper{ height:31px; background:#fff url(../images/menu-bg.gif) no-repeat;  width:930px; margin:auto;  padding-top:15px; }
.menuwrapper2 { height:31px;   font-family:Verdana, Arial, Tahoma; font-size:13px; color:#FFFFFF; font-weight:bold;}
.menusearch{ width: 210px; margin: 0px auto 5px auto; float:left; height:21px; }
.menusearch input{ width:170px; color:#555555; height:17px; padding-top:3px;}



#scroll_brands {max-height:270px; overflow-y:auto; overflow-x:hidden; width:191px;}
.menu a{text-decoration:none;}
.menu a:hover{text-decoration:none;}
.menu ul li span {
}
#arrow {
background:transparent url(../images/arrow-down.gif) no-repeat scroll right center;
padding-right:16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;

}
.menu ul a{ font-size:11px;}
#bor-none{ border:none;}
.menu_horizon{ float:left; width:710px;}
#info {background:#f8f8f8; border:0;}
.menu {width:auto;  position:relative;  font-family:verdana, sans-serif; float:left; padding-left:25px;}

.menu ul {padding:0; margin:0; list-style:none; padding:0 0px;}
.menu ul ul {position:absolute; left:-9999px;}
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; left:-1px; top:-1px;}
.menu ul li { float:left ; width:auto;}
.menu ul li a {display:block; float:left; padding:8px 10px 8px 5px; font:normal 11px verdana, sans-serif; color:#000; text-decoration:none;  color:#fff; width:auto; height:auto; border-right:#fff 1px solid; padding:0 25px; line-height:19px; font-weight:bold; }
.menu ul li a.drop {background:#DFF1FA url(../images/nav_divider.gif) repeat-x scroll 0 100%;}

.menu ul ul li {margin:0;}
.menu ul ul li a { background:#DFF1FA; border-bottom:#ccc 1px solid;  color:#2F2F2F; height:auto; line-height:1em; padding:6px 10px; width:171px;border-width:0 1px 1px 1px; font-weight:normal;}
.menu ul ul li a.fly {padding-right:10px;}

.menu ul li:hover {position:relative;}
.menu ul li a:hover {direction:ltr;color:#215682; background:none;  position:relative;}
.menu ul ul li a:hover{color:#215682; background:#f89a26;}
.menu ul ul li:hover > a {color:#215682; background:#f89a26;}
.menu ul li:hover > a {color:#215682; background:none; }

.menu ul :hover ul {left:0px; top:19px; width:192px;  border:1px solid #ccc; padding:0 0px;}

.menu ul :hover ul :hover ul,
.menu ul :hover ul :hover ul :hover ul,
.menu ul :hover ul :hover ul :hover ul :hover ul {left:192px; top:-1px; width:192px;  border:1px solid #ccc;}

.menu ul :hover ul ul,
.menu ul :hover ul :hover ul ul, 
.menu ul :hover ul :hover ul :hover ul ul {left:-9999px;}

.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#DFF1FA url(../images/nav_divider.gif) repeat-x scroll 0 100%}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#f89a26;}

/* ================================================================ 
IE6
=================================================================== */


.menu li.menu_hover ul {left:0px; top:19px; width:192px;  border:1px solid #ccc; padding:0 0px;}



/* but IE5.x and IE6 need this lot to style the flyouts*/
.menu li.menu_hover li.menu_hover a,
.menu li.menu_hover li.menu_hover li.menu_hover a,
.menu li.menu_hover li.menu_hover li.menu_hover li.menu_hover a,
.menu li.menu_hover li.menu_hover li.menu_hover li.menu_hover li.menu_hover a,
.menu li.menu_hover li.menu_hover li.menu_hover li.menu_hover li.menu_hover li.menu_hover a
{color:#215682; background:#f89a26;}

.menu li.menu_hover li.menu_hover li a,
.menu li.menu_hover li.menu_hover li.menu_hover li a,
.menu li.menu_hover li.menu_hover li.menu_hover li.menu_hover li a,
.menu li.menu_hover li.menu_hover li.menu_hover li.menu_hover li.menu_hover li a,
{background:#DFF1FA; border-bottom:#ccc 1px solid;  color:#2F2F2F; }

/* show next level */
.menu li.menu_hover li.menu_hover ul,
.menu li.menu_hover li.menu_hover li.menu_hover ul,
.menu li.menu_hover li.menu_hover li.menu_hover li.menu_hover ul,
.menu li.menu_hover li.menu_hover li.menu_hover li.menu_hover li.menu_hover ul
{left:192px; top:-1px; }

/* keep further levels hidden */
.menu li.menu_hover ul ul,
.menu li.menu_hover li.menu_hover ul ul,
.menu li.menu_hover li.menu_hover li.menu_hover ul ul,
.menu li.menu_hover li.menu_hover li.menu_hover li.menu_hover ul ul
{position:absolute; left:-9999px; top:-9999px;}
#left_display{margin-left:-387px;}