/* -------------------------- reset [ul#megamenu] -------------------------- */
ul#mega-menu ul { display: none; }
ul#mega-menu .sub ul { display: block; }

form.search form { font-size: 85%;  }

ul#mega-menu li#search-form { float: right; margin-right: 2.25em;  }
ul#mega-menu li#search-form form { margin-top: .5em; }
input.search { float: left; width: 150px; padding: .3em .5em; border-width: 1px;  color: rgb(100,100,100); }
input.search:focus { width: 225px; }
input.submit { float: left; cursor:pointer; margin-left: .25em; padding: .35em .5em;  border-width: 1px; }

/* -------------------------- ul#mega-menu [main styles] -------------------------- */
ul#mega-menu { width: 100%; position: absolute; bottom: 0px;  }
ul#mega-menu li { float: left; font-weight: bold;  }
ul#mega-menu li a { color: rgb(255,255,255);  display: block;  margin-right: .5em; padding: .5em .5em; /*background: rgb(51,51,51); border: 2px solid rgb(51,51,51); border-bottom: none; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius:5px; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius:5px;*/ }
ul#mega-menu li a.tab { background: rgb(51,51,51); border: 2px solid rgb(51,51,51); border-bottom: none; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius:5px; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius:5px; }
ul#mega-menu li a.selected { color: rgb(0,0,0); background: rgb(255,255,255); border: 2px solid rgb(255,255,255); border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius:5px; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius:5px;  }
ul#mega-menu li.mega-hover a.tab, ul#mega-menu li a.tab:hover { color: rgb(255,255,255); background: rgb(0,136,204); border: 2px solid rgb(0,136,204); }

/* -------------------------- ul#mega-menu [.sub-container +.sub] -------------------------- */
ul#mega-menu li .sub-container { position: absolute;padding-left: 0px; margin-left: -2em; }
ul#mega-menu li .sub { background: rgb(255,255,255); border: 5px solid rgb(0,136,204); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
ul#mega-menu li .sub-container.mega .sub { padding: .5em .25em 0em 0em; }
ul#mega-menu li .sub .row { width: 100%; overflow: hidden; clear: both;
}
ul#mega-menu li .sub li { float: none; font-size: 1em; font-weight: bold; }
ul#mega-menu li .sub li h4 { width: 207px; height: 143px; display: block; text-indent: -2000px; margin: 0em auto; }
ul#mega-menu li .sub li a.primary, ul#mega-menu li .sub li a.carrot, ul#mega-menu li .sub li a.danger, ul#mega-menu li .sub li a.disabled { width: 190px; text-align: center; margin: .25em auto 0em auto;  }

ul#mega-menu li .sub li#bgs-unlocked h4 { background: url(_images/pic-nav-bgs-unlocked.png) no-repeat 0em 0em }
ul#mega-menu li .sub li#bgs-locked h4 { background: url(_images/pic-nav-bgs-locked.png) no-repeat 0em 0em; }

ul#mega-menu li .sub li#gps-unlocked h4 { background: url(_images/pic-nav-gps-unlocked.png) no-repeat 0em 0em }
ul#mega-menu li .sub li#gps-locked h4 { background: url(_images/pic-nav-gps-locked.png) no-repeat 0em 0em; }

ul#mega-menu li .sub li#fc-unlocked h4 { background: url(_images/pic-nav-fc-unlocked.png) no-repeat 0em 0em }
ul#mega-menu li .sub li#fc-locked h4 { background: url(_images/pic-nav-fc-locked.png) no-repeat 0em 0em; }

ul#mega-menu li .sub li#bapp-unlocked h4 { background: url(_images/pic-nav-bapp-unlocked.png) no-repeat 0em 0em }
ul#mega-menu li .sub li#bapp-locked h4 { background: url(_images/pic-nav-bapp-locked.png) no-repeat 0em 0em; }

ul#mega-menu li .sub li#bapb-unlocked h4 { background: url(_images/pic-nav-bapb-unlocked.png) no-repeat 0em 0em }
ul#mega-menu li .sub li#bapb-locked h4 { background: url(_images/pic-nav-bapb-locked.png) no-repeat 0em 0em; }

ul#mega-menu li .sub li#maven-unlocked h4 { background: url(_images/pic-nav-maven-unlocked.png) no-repeat 0em 0em }
ul#mega-menu li .sub li#maven-locked h4 { background: url(_images/pic-nav-maven-locked.png) no-repeat 0em 0em; }

ul#mega-menu li .sub li#mpi-unlocked h4 { background: url(_images/pic-nav-mpi-unlocked.png) no-repeat 0em 0em }
ul#mega-menu li .sub li#mpi-locked h4 { background: url(_images/pic-nav-mpi-locked.png) no-repeat 0em 0em; }

ul#mega-menu li .sub li#esp-unlocked h4 { background: url(_images/pic-nav-esp-unlocked.png) no-repeat 0em 0em }
ul#mega-menu li .sub li#esp-locked h4 { background: url(_images/pic-nav-esp-locked.png) no-repeat 0em 0em; }

/* -------------------------- ul#mega-menu [sub menu headers] -------------------------- */
ul#mega-menu li .sub li.mega-hdr { float: left; width: 221px; /*margin: .5em .25em .5em .5em; padding: .5em 0em 0em 0em;*/ margin: .5em .25em .15em .5em; padding: .5em 0em 0em 0em; background: rgb(255,255,255); border: 2px solid rgb(230,230,230); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }
ul#mega-menu li .sub a { display: block; float: none; }
ul#mega-menu li .sub li.mega-hdr a.mega-hdr-a { padding: .25em 0em 0em 0em;  margin: 0em 0em; font-size: .8em; font-weight: bold; background:  rgb(255,255,255);color: rgb(0,136,204); }

/* -------------------------- ul#mega-menu [off and on header styles] -------------------------- */
ul#mega-menu li .sub li.mega-hdr a.unlocked { /*background: rgb(0,136,204);*/ }

/* -------------------------- ul#mega-menu [third level links] -------------------------- */
ul#mega-menu li .sub li ul li { /*margin-right: 40px;*/ margin-top: .25em;  }
ul#mega-menu li .sub li ul li { margin: 0em 0em;  }

/* -------------------------- ul#mega-menu [third level links] -------------------------- */
ul#mega-menu .sub li.mega-hdr li.unlocked a { color: rgb(0,136,204); font-weight: bold; }
ul#mega-menu .sub li.mega-hdr li.locked a { color: rgb(150,150,150); font-style: italic;  }
ul#mega-menu .sub li.mega-hdr li.locked a:hover { color: rgb(230,230,230); }

/* Styling for items with only 2 levels */
 /* -------------------------- ul#mega-menu [2 level items only] -------------------------- */
ul#mega-menu li .sub-container.non-mega .sub { padding: .5em .5em .25em .25em; background: rgb(255,255,255); border: 5px solid rgb(0,136,204); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
ul#mega-menu li .sub-container.non-mega li { /*width: 190px;*/ }
ul#mega-menu li .sub-container.non-mega li a { padding: .5em .5em; color: rgb(0,136,204); }
ul#mega-menu li .sub-container.non-mega li a:hover { color: rgb(0,136,204); text-decoration: underline; }