/* Mega Menu Reset */
.mega-navigation{display:inline-block;}
ul ul, ul ol, ol ol, ol ul              { margin-left:0px; margin-bottom:0px; }    
ul.dnnmega                              { width: 100%; list-style: none; } 
ul.dnnmega ul                           { padding:0; }
        
/*WAM - removed z-index*/
ul.dnnmega li                           { float:left; list-style: none none; position: relative; }
ul.dnnmega > li.root:first-child             { margin-left: -12px; }
ul.dnnmega li.root                      { display:block; text-align:center; margin-left:4px; }
.mega-navigation ul.dnnmega li.root span{padding:15px 12px!important;}
ul.dnnmega li.root span                 { display:block; padding:24px 12px; color:#333; font:normal 14px/1.5em "open sans",Tahoma; font-weight:600; line-height:25px; text-decoration:none; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; }  
ul.dnnmega li.root:last-of-type a       { border-right:0; }
ul.dnnmega li.root a:hover              { text-decoration:none; }
ul.dnnmega > li.root > a span           { text-transform:uppercase; }
ul.dnnmega > li.root > a:hover span     { color:#fff; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; }
ul.dnnmega > li.root:hover > a span     { color:#fff; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; }
            
ul.dnnmega > li.mmSelected > a span     { color:#333; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; }
ul.dnnmega > li.mmSelected > a:hover span { color:#21c2f8; -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; }
            
body ul.dnnmega li.mmItemHover a, 
body ul.dnnmega li.mmItemHover a:hover  { color:#21c2f8; position:relative; z-index:1230; }
ul.dnnmega li:hover a, 
ul.dnnmega li a:hover                   { background-position: left bottom; }
ul.dnnmega li .megaborder               { position:absolute; top: 55px;border-top: solid 6px transparent; left:0px; z-index:1200; float:left; display:none; background:none; }
ul.dnnmega .megaborder .M               { display:block; padding-top:12px; padding-bottom:25px; min-height:40px; border-top:none; background: #f8f7f7; }

/*-- Sub nav heading style --*/
ul.dnnmega .megaborder ul li.mmLast     { border-right:none; }
ul.dnnmega .megaborder ul li.mmRightColumn { border-right:none; }
        
ul.dnnmega .megaborder ul li.category a, 
ul.dnnmega .megaborder ul li.category a span { background:none; height:auto; border-right:none; box-shadow:none; }
ul.dnnmega li.category                  { display:block; width:210px; float:left;}

@media all and (min-width: 768px) {
	ul.dnnmega li.category                  {height:auto!important;}
}

ul.dnnmega li.category a                { display:block; padding:0; margin:0; }
ul.dnnmega li.category a span           { text-align:left; display:block; font-size:14px; border-bottom:1px solid #dad9d9; color:#333; border-radius:0px !important; font-weight:normal; font-family:Tahoma; border-top:0; padding:7px 0; margin:0 14px 0 18px; line-height:20px; }

ul.dnnmega .megaborder ul li.category a:hover, 
ul.dnnmega .megaborder ul li.category a:hover span { color:#25B8E2; }

ul.dnnmega li.category li.leaf, 
ul.dnnmega li.category li.mmLast        { clear:left; float:none; position:static; padding:0px; margin-top:7px; }
    
ul.dnnmega li.category li.leaf a span   { text-align:left; padding:4px 0; font-size:14px; line-height:16px; border:0; }  
ul.dnnmega img.mmIcon                   { margin-right:5px; vertical-align: middle; }   
ul.dnnmega li.root img.mmArrow          { margin:0; position:absolute; display:none; }
    
.SmallMenu ul.dnnmega > li.root span { }   
.SmallMenu ul.dnnmega li .megaborder { top:59px; }
 
            
/*--Sub nav heading link style--*/


@media screen and (max-width:1240px) {
    ul.dnnmega li.mmHasChild span { padding-right:14px; }
    ul.dnnmega li.root span { line-height:55px; } 
} 

@media screen and (max-width:1240px) {
    .nav a,
    #DeshtopMenu .nav a,
    #DeshtopRightMenu .nav a { padding:7px 10px; } 
    ul.dnnmega li .megaborder {  }
} 

@media screen and (max-width:1060px) {
    ul.dnnmega li.root span { padding:7px 4px; font-size:13px; }       
}

@media handheld, only screen and (max-width:930px) {
    ul.dnnmega li.root span { padding:7px 2px; }
}

@media screen and (max-width:830px) {
    ul.dnnmega li.root span { padding:7px 2px; font-size:10px; line-height:55px; }        
}


@media screen and (max-width: 767px) {	
	#mobileLogoMenu                 { padding-top:20px; }
	#toggle-bar strong              { display: none; }
	#toggle-bar a:focus             { outline:none; }
	nav#full                        { display:none; }
	div#mobileMbl                   { background:#fff; display:block; border-bottom:none; }

	/* Top black bar that holds the toggle button */
	div#mobileMbl #toggle-bar       { line-height:36px; height:36px; }
    #toggle-bar                     { position: absolute; right: 1px; top: 55px; }

	/* Toggle button #1 ("Menu") */
	div#mobileMbl strong a          { margin-left:14px; padding:5px 80px 5px 0; }
    div#toggle-bar a                { color:#333; font-weight:normal; }
    div#toggle-bar a:hover          { color:#333; text-decoration:none; }
    
	/* Toggle button #2 ("Navicon") */
	div#mobileMbl .navicon          { float:right; width:46px; margin:0 0 0 18px; height:10px; }
    div#mobileMbl .navicon em.fa    { font-size:38px; color:#333; }
    
    /* The dropdown menu */ 
    nav#mobile > ul                 { padding-top:20px; }
    nav#mobile ul > li              { clear:both; list-style:none; background:#e3e3e3; margin-bottom:3px; text-align:left; } 
    nav#mobile ul li a              { display:block; padding:7px 12px 7px; color:#333; font-size:16px; font-weight:300; } 
    nav#mobile ul ul                { font-size:small; }
    nav#mobile ul ul li             { border-top:1px solid #edeeee; }
    nav#mobile ul ul a              { color:#333; padding-bottom:6px; }
    nav#mobile ul li a:hover,
    nav#mobile ul ul a:hover        { text-decoration:none; } 
    nav#mobile ul ul a:before       { content: "-"; padding-right:6px; }  
    nav#mobile ul ul ul a:before    { content: "- -"; padding-right:6px; }    
}