#menubar > div{
  width  : 30em;
  margin : 0 auto 1.5em;
}

#dropdownCentred{
  text-align : center;
}

#dropdownCentred > li{
  text-align : left;
}

.dropdown,
.dropdown ul{
  border     : 1px solid #0c60a9;
  background : #0c60a9;
  box-shadow : 0 0 4px rgba(0,0,0,0.25);
}

.dropdown ul{
  left : -1px;
}

[dir=rtl] .dropdown ul{
  right : -1px;
}

.dropdownVertical ul{
  left : 100%;
}

.dropdown ul ul,
.dropdownVertical ul{
  top : -1px;
}

.dropdown span{
  color       : white; 
  line-height : 2em;  
  cursor      : pointer;
  text-transform: uppercase;
}

.dropdown li:hover > span,
.dropdown li.dropdownOpen > span{
  background-color : red;
}

.dropdown a:hover, a:active
{
  background-color: red;
}

.dropdown > li > span{
  padding    : 0 24px 0 0.5em;
  background : url('arrow-down.svg') no-repeat right 13px;
}

[dir=rtl] .dropdown > li > span{
  padding    : 0 0.5em 0 24px;
  background : url('arrow-down.svg') no-repeat left 13px;
}

.dropdownVertical > li > span,
.dropdown ul span{
  padding    : 0 26px 0 0.5em;
  background : url('arrow-right.svg') no-repeat right 11px;
}

[dir=rtl] .dropdown ul span{
  padding    : 0 0.5em 0 26px;
  background : url('arrow-left.svg') no-repeat left 11px;
}

.dropdown ul ul ul span,
[dir=rtl] .dropdown ul ul ul span{
  padding          : 0 0.5em;
  background-image : none;
}

#dropdownMegaMenu li > div{
  width   : 16em;
  padding : 0.5em;
}

#dropdownMegaMenu li > div > div{
  float : left;
}

#dropdownMegaMenu table{
  margin : 0 auto 0 0;
}

#dropdownMegaMenu th,
#dropdownMegaMenu td{
  padding     : 0 0 0 0.5em;
  color       : white;
  font-family : 'Patua One',sans-serif;
  text-align  : left;
  text-shadow : 0 0 0.125em rgba(0,0,0,0.25);
}