
/* Mega Menu Styles ---------------------------------------------------*/
.mega-menu ul, .mega-menu ul li
{
    list-style: none;
    list-style-image:none;
}
.mega-menu ul
{
    position: relative;
    padding: 0;
    margin: 0;
}
.mega-menu ul li ul
{
    display: none;
}
.mega-menu .sub
{
    display: none;
}
.mega-menu .sub ul
{
    display: block;
}

#mega-menu ul.mega-menu, #mega-menu ul.mega-menu, #mega-menu ul.mega-menu li
{
    margin: 0;
    padding: 0;
    border: none;
}
#mega-menu
{
    font: normal 13px Arial, sans-serif;
    line-height: 16px;
    /*background: url(../Images/bg_white_back.png) no-repeat 0 0; 	*/
    
  /* width:100%;
   
   border-right: 1px solid #afafaf;
    border-left: 1px solid #afafaf;*/
    height: 40px;
   /* position: relative;*/
    float:right;
    margin-top:40px;
}
#mega-menu li
{
    list-style:none;
    list-style-image:none;
    float: left;
    margin: 0;
    padding: 0;
    font-size: 15px;
   
}
#mega-menu li a
{
    float: left;
    display:inline;
   /* border-right: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;*/
    padding: 12px 25px 9px 15px;
   background: url(../Images/bg_white.png) repeat-x 100% 0;
    color: #434343; /*text-shadow: 1px 1px 1px #000;*/
    text-decoration: none;
}
#mega-menu li a.dc-mega
{
    /*position: relative;*/
}
#mega-menu li a .dc-mega-icon
{
    display: block;
    margin-top: -10px;
    margin-left: 90px;
    width: 8px;
    height: 6px;
    background: url(../Images/arrow.png) no-repeat 0 0;
}
#mega-menu li .mega-hover a, #mega-menu li a:hover
{
    background-position: 100% -42px;
    border-left:solid 1px #bbbbbb;
	color: #000;
}
#mega-menu li.mega-hover a .dc-mega-icon
{
    background-position: 0 100%;
}
#mega-menu li .sub-container
{
    position: absolute;
    background: url(../Images/bg_sub_left.png) no-repeat 0 100%;
    /*padding:0 20px 0 10px;*/
    padding-left:10px;

}

#mega-menu li .sub
{
    background: url(../Images/bg_sub.png) no-repeat 100% 100%;
    padding:10px;
    overflow:hidden;

}
#mega-menu #li-service-tab .sub-container.mega
{
    position :absolute!important;
    margin-left:-10px!important;
    margin-top:36px!important;
    overflow:hidden;
    display:block;

}
#li-login-tab .sub-container.mega /* login dropdown panel (after login)*/
{
    position:absolute!important;
    left:717px!important;
    margin-top:36px!important;
     width:200px;
    display:block; 
    
}
#li-login-tab .sub-container.non-mega /* login dropdown panel (before login)*/
{
    position:absolute!important;
    left:692px!important;
    margin-top:36px!important;
}
#li-login-tab .sub-container.mega .row
{
    width:auto!important;
}
#li-about-tab .sub-container.non-mega
{
    position:absolute!important;
    left:554px!important;
    margin-top:36px!important;
}

#mega-menu li .sub .row
{
    width:1020px!important;
    *width:1030px!important;
    overflow: hidden!important;
    clear: both;
    background-color :White;
}
#mega-menu li .sub li
{
    display:inline;
    list-style: none;
    list-style-image:none;
   /* float: none;*/
    overflow:hidden;
    width:auto;

    font-weight: normal;
}
#mega-menu li .sub li .service-drop-down-panel
{    
    display:block; 
    overflow:hidden;
}
#mega-menu li .sub li .login-drop-down-panel
{    
    width:150px;
    display:block;  
    
}

#mega-menu li .sub li.mega-hdr
{
    margin: 10px 10px 5px 0;
   /* float: left;*/
}
#mega-menu li .sub li.mega-hdr.last
{
    margin-right: 0;
}
#mega-menu li .sub a
{
    background: none;
    border: none;
    color: #111;
    /*padding: 7px 10px;*/
    display: block;
    float: none;
    text-decoration: none;
    /*font-size: 0.9em;*/
}

#mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover
{
    color: #000; 
}
#mega-menu .sub li.mega-hdr li a
{
    padding:2px 20px;
    background: url(../Images/navArrowGrey.gif) no-repeat 5px 6px;
    font-weight: normal;
}
#mega-menu .sub li.mega-hdr li a:hover
{
    color:Black;
    background: #efefef url(../Images/navArrowOrange.gif) no-repeat 5px 6px;
}
#mega-menu .CatTitle
{
    padding:5px!important;
    background-color:#eeeeee;
    margin-bottom: 15px;
    margin-top:5px;
    border-bottom:solid 1px #ffcc00;
    

}
#mega-menu .CatTitle a
{
    font-size:16px;
    background-image:none!important;
    
    
}
#mega-menu .CatTitle a:hover
{
}
#mega-menu .mega-hdr li a:hover
{

}
#mega-menu .sub ul li
{
    padding-right: 0;
}

#mega-menu li .sub-container.non-mega li
{
    padding: 0;
    width: 190px;
    margin: 0;
}
#mega-menu li .sub-container.non-mega li a
{
    padding:2px 20px;
    background: url(../Images/navArrowGrey.gif) no-repeat 5px 6px;
}
#mega-menu li .sub-container.non-mega li a:hover
{
    color:Black;
    background: #efefef url(../Images/navArrowOrange.gif) no-repeat 5px 6px;
}