/* Superfish code starts here */
#main_nav.sf-menu { clear:both; border-top:solid 1px #c92728; border-bottom:solid 4px #c92728;  margin:0 0 0 1px; height:52px; z-index:99;}
#main_nav.sf-menu li { float:left; position:relative; z-index: 9; }
#main_nav.sf-menu li:hover { visibility:inherit; }
#main_nav.sf-menu a {background:url(../../images/frontend/main_nav_sprite.png) no-repeat; height:52px; display:block; position:relative; }

#main_nav.sf-menu a.what {background-position:0 0; width:104px;}
#main_nav.sf-menu a.what:hover {background-position:0 -52px; }
#main_nav.sf-menu a.what_active {background-position:0 -52px; width:104px;}
#main_nav.sf-menu a.product {background-position:-104px 0; width:124px;}
#main_nav.sf-menu a.product:hover {background-position:-104px -52px; }
#main_nav.sf-menu a.product_active {background-position:-104px -52px; width:124px;}
#main_nav.sf-menu a.technical {background-position:-228px 0; width:135px;}
#main_nav.sf-menu a.technical:hover {background-position:-228px -52px; }
#main_nav.sf-menu a.technical_active {background-position:-228px -52px; width:135px;}
#main_nav.sf-menu a.project {background-position:-363px 0; width:122px;}
#main_nav.sf-menu a.project:hover {background-position:-363px -52px; }
#main_nav.sf-menu a.project_active {background-position:-363px -52px; width:122px;}
#main_nav.sf-menu a.quality {background-position:-485px 0; width:142px;}
#main_nav.sf-menu a.quality:hover {background-position:-485px -52px; }
#main_nav.sf-menu a.quality_active {background-position:-485px -52px; width:142px;}


#main_nav.sf-menu a, #main_nav.sf-menu a:visited  {  }
#main_nav.sf-menu a.sf-with-ul { min-width:1px; }

#main_nav.sf-menu ul { position:absolute; top:-999em; width:180px; }
#main_nav.sf-menu ul li { width:100%; }

#main_nav.sf-menu li:hover ul, #main_nav.sf-menu li.sfHover ul { left:0; top:56px; z-index:99; }
#main_nav.sf-menu li:hover li ul, #main_nav.sf-menu li.sfHover li ul { top:-999em; }
#main_nav.sf-menu li li:hover ul, #main_nav.sf-menu li li.sfHover ul { left:180px; top:0; }
#main_nav.sf-menu li li:hover li ul, #main_nav.sf-menu li li.sfHover li ul { top:-999em; }
#main_nav.sf-menu li li li:hover ul, #main_nav.sf-menu li li li.sfHover ul { left:180px; top:0; }

#main_nav.sf-menu li li { background:#AABDE6; }
#main_nav.sf-menu li li li { background:#9AAEDB; }
#main_nav.sf-menu li:hover, #main_nav.sf-menu li.sfHover, #main_nav.sf-menu a:focus, #main_nav.sf-menu a:hover, #main_nav.sf-menu a:active {   outline:0; }

#main_nav.sf-menu ul .sf-sub-indicator { background-position:-10px 0; }
#main_nav.sf-menu ul a > .sf-sub-indicator { background-position:0 0; }
#main_nav.sf-menu ul a:focus > .sf-sub-indicator,
#main_nav.sf-menu ul a:hover > .sf-sub-indicator,
#main_nav.sf-menu ul a:active > .sf-sub-indicator,
#main_nav.sf-menu ul li:hover > a > .sf-sub-indicator,
#main_nav.sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position:-10px 0; }


/*mage menu*/
.mega_menu_wrap {width:420px; background:#ebeef2; padding:10px 10px 10px 0;   overflow:hidden; border:4px solid #C92728; border-width:0 4px 4px;} 
.mega_menu h3{float:left; width:200px;background:#dedede; margin:0 0 8px 10px;}  
.mega_menu {float:left; width:200px;background:#dedede; margin:0 0 8px 10px;}  
.mega_menu a {background: none  !important; height:38px !important; display:block; width:200px; }  
.mega_menu a span{display:block !important;   float:left; padding:10px 10px 10px 27px; text-transform:uppercase; font-size:12px; font-weight:bold; color:#393939;background:url(../../images/frontend/arrow_b.png) no-repeat 10px 12px !important;  }
.mega_menu a:hover span { background:#c9c9c9 url(../../images/frontend/arrow_b.png) no-repeat 10px 12px !important;display:block; width:162px;height:18px;}

/* Vertical navigation */
#side_nav.sf-menu { width:206px; clear:both; }
#side_nav.sf-menu li { background:#BDD2FF; float:left; position:relative; overflow:hidden; }
#side_nav.sf-menu li:hover { visibility:inherit; }
#side_nav.sf-menu a { border:1px solid #CFDEFF; padding:12px 25px 16px; text-decoration:none; display:block; position:relative; }
#side_nav.sf-menu a, #side_nav.sf-menu a:visited  { color:#13a; }
#side_nav.sf-menu a.sf-with-ul { min-width:1px; }

#side_nav.sf-menu ul { position:absolute; top:-999em; width:206px; }
#side_nav.sf-menu ul li { width:100%; }

#side_nav.sf-menu li:hover ul, #side_nav.sf-menu li.sfHover ul { left:206px; top:0px; z-index:99; }
#side_nav.sf-menu li:hover li ul, #side_nav.sf-menu li.sfHover li ul { top:-999em; }
#side_nav.sf-menu li li:hover ul, #side_nav.sf-menu li li.sfHover ul { left:206px; top:0; }
#side_nav.sf-menu li li:hover li ul, #side_nav.sf-menu li li.sfHover li ul { top:-999em; }
#side_nav.sf-menu li li li:hover ul, #side_nav.sf-menu li li li.sfHover ul { left:206px; top:0; }

#side_nav.sf-menu li li { background:#AABDE6; }
#side_nav.sf-menu li li li { background:#9AAEDB; }
#side_nav.sf-menu li:hover, #side_nav.sf-menu li.sfHover, #side_nav.sf-menu a:focus, #side_nav.sf-menu a:hover, #side_nav.sf-menu a:active { background:#CFDEFF; outline:0; }

#side_nav.sf-menu ul .sf-sub-indicator { background-position:-10px 0; }
#side_nav.sf-menu ul a > .sf-sub-indicator { background-position:0 0; }
#side_nav.sf-menu ul a:focus > .sf-sub-indicator,
#side_nav.sf-menu ul a:hover > .sf-sub-indicator,
#side_nav.sf-menu ul a:active > .sf-sub-indicator,
#side_nav.sf-menu ul li:hover > a > .sf-sub-indicator,
#side_nav.sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position:-10px 0; }

.sf-vertical, .sf-vertical li { width:206px; }
.sf-vertical li:hover ul, .sf-vertical li.sfHover ul { left:206px; top:0; }
.sf-vertical .sf-sub-indicator { background-position: -10px 0; }
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; }

.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator { background-position:-10px 0; }

/* Common classes */
.sf-sub-indicator { position:absolute; display:block; right:.75em; top:1.05em; width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url('../images/arrows-ffffff.png') no-repeat -10px -100px; }
a > .sf-sub-indicator { top:.8em; background-position:0 -100px; }

a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator { background-position:-10px -100px; }

.sf-shadow ul { background:url('../images/shadow.png') no-repeat bottom right; padding:0; }
.sf-shadow ul.sf-shadow-off { background:transparent; }
