/* ######### Shared basic style for mega drop down menu DIV ######### */
.mega {
    width:300px; /*default width of mega menu*/
    padding:10px;
    position:absolute;
    visibility:hidden;
    border:2px solid black;
    border-top-width:1px;
    background:white;
    -webkit-box-shadow: 5px 5px 5px #c8c8c8; /*css 3 shadows*/
    -moz-box-shadow: 5px 5px 5px #c8c8c8;
    box-shadow: 5px 5px 5px #c8c8c8;
}

.mega a {
  text-decoration: none;
}

.mega a[rel]:after { /*add "down.png" to anchor links, or those with a rel attribute */
  content: " " url(./images/down.png);
}

.mega > .column { /*each link column within a mega menu*/
  float: left;
  width: 49%;
}


.mega > .column > ul {
  margin: 0;
  margin-left: 5px;
  padding: 0;
  list-style: none;
}

.mega > .column > ul > li {
  margin-bottom: 3px;
}

.mega .ulmenu { /*style any UL within mega menu with class="ulmenu"*/
  margin: 0;
  padding: 0;
  border: 1px solid gray;
  border-bottom-width: 0;
  list-style: none;
}

.mega .ulmenu a {
  display: block;
  border-bottom: 1px solid gray;
  padding: 5px;
}

.mega .ulmenu a:hover {
  background: lightyellow;
}

/* ######### Style for Solid Block Mega Menu ######### */
/* rounded */
.solidblockmenu-rounded  {
  /* Rounded Corners */
  -moz-border-radius: 0.286em;
  -webkit-border-radius: 0.286em;
  border-radius: 0.286em;
}

.solidblocktheme { /*additional mega drop down menu style for this theme*/
  padding: 8px 0 12px; /*remove default padding inside mega menu*/

  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;

  width:100%;

  border: 1px solid #777777;
  border-top: none;

  background-color:#fff;
}

.solidblocktheme p, 
.solidblocktheme .column {
  padding: 8px 5px; /*add padding inside p and .column elements within mega menu*/
  width: auto;

  border-right:solid 1px #ccc;
}

.solidblocktheme a {
  color: #000;
}

.solidblocktheme a:hover {
  color: #029feb;
  text-shadow: 1px 1px 1px #FFFFFF;
}

.solidblocktheme > .column > a {
  font-size: 1em;
  color: #6d0f27;
}

.solidblocktheme > .column > a:hover,
.solidblocktheme > .column > a.selected
 {
  color: #f68312;
}

/* reset and container basic styles*/
.solidblockmenu,
.solidblockmenu a,
.solidblockmenu ul,
.solidblockmenu li,
.solidblocmmenu div,
.solidblockmenu form,
.solidblockmenu input 
 {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}
.solidblockmenu a { text-decoration: none; }
 
.solidblockmenu li { list-style: none; }

/*container basic styles*/
.solidblockmenu {
  display:inline-block;
  position:relative;
  cursor:default;
  z-index:100;

  font-size: 1.333em;
  width: 100%;
  overflow: hidden;

  background: #1c478d;

  line-height:normal;   
}

.solidblockmenu > li {
  display: block;
  float:left;
}

/* menu links*/
.solidblockmenu > li > a {
  position:relative;
  display:block;
  z-index:110;

  padding: 9px 11px;

  color: #eeeeee;

  text-decoration: none;
  text-shadow: 1px 1px 1px rgba(0,0,0,.35);

  border-left: 1px solid #506EA0;
  border-right: 1px solid #122D5A;

    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}

.solidblockmenu > li:last-child > a {
        border-right: none;
}


.solidblockmenu >li >a:visited {
  color: #eeeeee;
}

.solidblockmenu >li >a:hover, 
.solidblockmenu >li >a.selected { /*Selected Tab style*/
  text-shadow: 1px 1px 1px rgba(0,0,0,.35);

  background-color:#6C96D9;
  border-left: 1px solid #506EA0;
  border-right: 1px solid #122D5A;

}

.solidblockmenu > li:last-child > a:hover, 
.solidblockmenu >li:last-child >a.selected {
    border-right: none;
}

.solidblockmenu >li.nav-home >a:hover {
  background: #faa51a;
  background: -moz-linear-gradient(top, #faa51a 1%, #f47a20 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#faa51a), color-stop(100%,#f47a20));
  background: -webkit-linear-gradient(top, #faa51a 1%,#f47a20 100%);
  background: -o-linear-gradient(top, #faa51a 1%,#f47a20 100%);
  background: -ms-linear-gradient(top, #faa51a 1%,#f47a20 100%);
  background: linear-gradient(to bottom, #faa51a 1%,#f47a20 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faa51a', endColorstr='#f47a20',GradientType=0 );
}

.solidblockmenu >li.nav-login >a {
  border-left:none;
  border-right:solid 1px  #f88e0e;

  background: #f88e0e;
  background: -moz-linear-gradient(top, #f88e0e 0%, #f06015 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f88e0e), color-stop(100%,#f06015));
  background: -webkit-linear-gradient(top, #f88e0e 0%,#f06015 100%);
  background: -o-linear-gradient(top, #f88e0e 0%,#f06015 100%);
  background: -ms-linear-gradient(top, #f88e0e 0%,#f06015 100%);
  background: linear-gradient(to bottom, #f88e0e 0%,#f06015 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f88e0e', endColorstr='#f06015',GradientType=0 );
}

.solidblockmenu >li.nav-login >a:hover {
  color: white;
  text-shadow: 1px 1px 1px #666;
  background: #faa51a;
  background: -moz-linear-gradient(top, #faa51a 1%, #f47a20 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#faa51a), color-stop(100%,#f47a20));
  background: -webkit-linear-gradient(top, #faa51a 1%,#f47a20 100%);
  background: -o-linear-gradient(top, #faa51a 1%,#f47a20 100%);
  background: -ms-linear-gradient(top, #faa51a 1%,#f47a20 100%);
  background: linear-gradient(to bottom, #faa51a 1%,#f47a20 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faa51a', endColorstr='#f47a20',GradientType=0 );
}