/* Reset code to remove theme inherent styling */

.dcjq-mega-menu ul.menu ul, .dcjq-mega-menu ul.menu li {

list-style: none; 

padding: 0; 

margin: 0;

}

.dcjq-mega-menu ul.menu ul {

display: none; /* Hides non-mega links */

}

.dcjq-mega-menu ul.menu .sub ul {

display: block; /* overrides above hide */

}



/* Main menu styles */

.dcjq-mega-menu ul.menu {

background: #222 url(images/bg_black.png) repeat-x 0 -80px; 

//width: 100%; 

height: 40px; 

border-right: 1px solid #1B1B1B; 

border-left: 1px solid #1B1B1B; 

position: relative; /* Important - required for positioning of mega menu */

font: normal 13px Arial, sans-serif; 

line-height: 16px;

}

.dcjq-mega-menu ul.menu li {

float: left; 

font-weight: bold;

}

.dcjq-mega-menu ul.menu li a {

float: left; 

display: block;  

padding: 12px 25px; 

//background: url(images/bg_black.png) repeat-x 100% 0; 

color: #fff;

//text-shadow: 1px 1px 1px #000; 

text-decoration: none;

}

.dcjq-mega-menu ul.menu li.mega-hover a, .dcjq-mega-menu ul.menu li a:hover {

background-position: 100% -40px; 


color: #D8D8D8;

text-shadow: none;

}



/* Arrow tag for parent links */

.dcjq-mega-menu ul.menu li a.dc-mega {

padding-right: 38px; /* Additional padding for arrow */

position: relative; /* Required for arrow positioning */

}

.dcjq-mega-menu ul.menu li a .dc-mega-icon {

display: block; 

position: absolute; 

top: 18px; 

right: 15px; 

width: 8px; 

height: 6px; 

background: url(images/arrow.png) no-repeat 0 0;

}

.dcjq-mega-menu ul.menu li.mega-hover a .dc-mega-icon {

background-position: 0 100%;

}



/* Mega Menu Styling */

/* Mega Drop Down Container */

.dcjq-mega-menu ul.menu li .sub-container {

position: absolute; /* Required */

background: url(images/bg_sub_left.png) no-repeat 0 100%; 

padding-left: 10px; 

margin-left: -3px;

}

.dcjq-mega-menu ul.menu li .sub {

background: url(images/bg_sub.png) no-repeat 100% 100%; 

padding: 20px 20px 20px 10px;

}

.dcjq-mega-menu ul.menu li .sub-container.mega .sub {

padding: 20px 10px 0 0;

}

.dcjq-mega-menu ul.menu li .sub .row { /* Clear the sub-menu floats */

width: 100%; 

overflow: hidden; 

clear: both;

}

.dcjq-mega-menu ul.menu li .sub li {

float: none; 

font-size: 1em; 

font-weight: bold;

}

/* Sub-menu Headers */

.dcjq-mega-menu ul.menu li .sub li.mega-hdr { /* Sub-menu headers - i.e. 2nd level navigation */

float: left; /* Float the sub-menus and give them a fixed width to from the mega menu rows */

width: 260px;

margin: 0 10px 20px 10px;

border: 1px solid #ccc; 

}

.dcjq-mega-menu ul.menu li .sub a { /* Clear the styles from the top-level links and set the font styles */

background: none; 

border: none; 

text-shadow: none; 

color: #000; 

padding: 7px 10px; 

display: block; 

float: none; 

text-decoration: none; 

font-size: 0.9em; 

}

.dcjq-mega-menu ul.menu li .sub li.mega-hdr a.mega-hdr-a {

padding: 7px 10px; 

margin-bottom: 5px; 

border-bottom: 1px solid #ccc; 

text-transform: uppercase; 

font-weight: bold; 

color: #000; 

background: #EAEAEA url(images/bg_hdr.png) repeat-x center center;

}

.dcjq-mega-menu ul.menu li .sub li.mega-hdr a.mega-hdr-a:hover {

color: #D8D8D8; 

text-shadow: none;

}







/* Style the 3rd level links */

.dcjq-mega-menu ul.menu li .sub li ul li {

margin-right: 0px;

}

.dcjq-mega-menu ul.menu .sub li.mega-hdr li a {

color: #444;

font-weight: bolder; 

padding: 3px 0 3px 25px; 

background: url(images/bullet.png) no-repeat 10px 8px; 

}

.dcjq-mega-menu ul.menu .sub li.mega-hdr li a:hover {

color: #D8D8D8;

background-image: url(images/bullet_on.png); 

}



/* Styling for items with only 2 levels */

.dcjq-mega-menu ul.menu li .sub-container.non-mega .sub {

padding: 20px 20px 20px 10px;

}

.dcjq-mega-menu ul.menu li .sub-container.non-mega li {

width: 290px; /* Set the drop down width */

}

.dcjq-mega-menu ul.menu li .sub-container.non-mega li a {

padding: 7px 5px 7px 22px; 

font-weight: bolder;

background: url(images/bullet.png) no-repeat 5px 12px;

}

.dcjq-mega-menu ul.menu li .sub-container.non-mega li a:hover {

color: #D8D8D8;

background-image: url(images/bullet_on.png);

}
#current a { color: #D8D8D8; }