.megamenu, .megamenu li, .megamenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.megamenu, .megamenu *, .megamenu * *, .megamenu * * *,
.megamenu .megamenu-dropdown *,
.megamenu .megamenu-dropdown .megamenu-outer-row * {
  padding: 0;
  margin: 0;
}

.megamenu, .megamenu-dropdown, .megamenu-outer-row {
  overflow: hidden;
}

.megamenu {
  background: #ddd;
}

.megamenu li.toplevel {
  float: left;
  background: #ccc;
}

.megamenu li.toplevel > a {
  display: block;
  padding: 10px 20px;
  color: #444;
}

.megamenu li.toplevel .megamenu-dropdown {
  position: absolute;
  z-index: 500;
  background: #fff;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#eee));
  border: 5px solid #444;
  display: none;
  border-radius: 0 5px 5px 5px;
}

.megamenu li.toplevel:hover .megamenu-dropdown,
.megamenu li.toplevel .megamenu-dropdown.force-open {
  display: block;
}
.megamenu li.toplevel:hover > a {
  background: #444;
  color: #fff;
}

.megamenu-outer-row {
  border-top: 1px solid #888;
}
.megamenu-outer-row.row-first {
  border-top: 0px;3
}

.megamenu li.megamenu-outer-column {
  float: left;
  border-left: 1px solid #888;
  margin-left:-1px !important;
}

.megamenu .block {
  margin: -5px !important;
}

.megamenu .megamenu-outer-column > ul {
  padding: 5px !important;
}

.megamenu .megamenu-section-heading {
  font-weight: bold;
  border-bottom: 1px dotted #666;
}

.megamenu-section ul li {
  padding-left: 10px !important;
}


.megamenu li.toplevel                     .megamenu-dropdown { width: 912px; }

.megamenu li.toplevel.span-thin.columns-1 .megamenu-dropdown { width: 76px; }
.megamenu li.toplevel.span-thin.columns-2 .megamenu-dropdown { width: 152px; }
.megamenu li.toplevel.span-thin.columns-3 .megamenu-dropdown { width: 228px; }
.megamenu li.toplevel.span-thin.columns-4 .megamenu-dropdown { width: 304px; }
.megamenu li.toplevel.span-thin.columns-5 .megamenu-dropdown { width: 380px; }
.megamenu li.toplevel.span-thin.columns-6 .megamenu-dropdown { width: 456px; }
.megamenu li.toplevel.span-thin.columns-7 .megamenu-dropdown { width: 532px; }
.megamenu li.toplevel.span-thin.columns-8 .megamenu-dropdown { width: 608px; }
.megamenu li.toplevel.span-thin.columns-9 .megamenu-dropdown { width: 684px; }
.megamenu li.toplevel.span-thin.columns-10 .megamenu-dropdown { width: 760px; }
.megamenu li.toplevel.span-thin.columns-11 .megamenu-dropdown { width: 836px; }
.megamenu li.toplevel.span-thin.columns-12 .megamenu-dropdown { width: 912px; }


/* don't change these. just walk away. */

.toplevel.columns-1 .megamenu-outer-column.columns-1 { width: 100%; }

.toplevel.columns-2 .megamenu-outer-column.columns-1 { width: 50%; }
.toplevel.columns-2 .megamenu-outer-column.columns-2 { width: 100%; }

.toplevel.columns-3 .megamenu-outer-column.columns-1.column-first { width: 33.4%; }
.toplevel.columns-3 .megamenu-outer-column.columns-2.column-first { width: 66.7%; }
.toplevel.columns-3 .megamenu-outer-column.columns-1 { width: 33.3%; }
.toplevel.columns-3 .megamenu-outer-column.columns-2 { width: 66.6%; }
.toplevel.columns-3 .megamenu-outer-column.columns-3 { width: 100%; }

.toplevel.columns-4 .megamenu-outer-column.columns-1 { width: 25%; }
.toplevel.columns-4 .megamenu-outer-column.columns-2 { width: 50%; }
.toplevel.columns-4 .megamenu-outer-column.columns-3 { width: 75%; }
.toplevel.columns-4 .megamenu-outer-column.columns-4 { width: 100%; }

.toplevel.columns-5 .megamenu-outer-column.columns-1 { width: 20%; }
.toplevel.columns-5 .megamenu-outer-column.columns-2 { width: 40%; }
.toplevel.columns-5 .megamenu-outer-column.columns-3 { width: 60%; }
.toplevel.columns-5 .megamenu-outer-column.columns-4 { width: 80%; }
.toplevel.columns-5 .megamenu-outer-column.columns-5 { width: 100%; }

.toplevel.columns-6 .megamenu-outer-column.columns-1.column-first { width: 16.7% };
.toplevel.columns-6 .megamenu-outer-column.columns-2.column-first { width: 33.4% };
.toplevel.columns-6 .megamenu-outer-column.columns-4.column-first { width: 66.7% };
.toplevel.columns-6 .megamenu-outer-column.columns-5.column-first { width: 83.4% };
.toplevel.columns-6 .megamenu-outer-column.columns-1 { width: 16.6%; }
.toplevel.columns-6 .megamenu-outer-column.columns-2 { width: 33.3%; }
.toplevel.columns-6 .megamenu-outer-column.columns-3 { width: 50.0%; }
.toplevel.columns-6 .megamenu-outer-column.columns-4 { width: 66.6%; }
.toplevel.columns-6 .megamenu-outer-column.columns-5 { width: 83.3%; }
.toplevel.columns-6 .megamenu-outer-column.columns-6 { width: 100%; }

.toplevel.columns-7 .megamenu-outer-column.columns-1.column-first { width: 14.4%; }
.toplevel.columns-7 .megamenu-outer-column.columns-2.column-first { width: 28.6%; }
.toplevel.columns-7 .megamenu-outer-column.columns-3.column-first { width: 42.9%; }
.toplevel.columns-7 .megamenu-outer-column.columns-4.column-first { width: 57.2%; }
.toplevel.columns-7 .megamenu-outer-column.columns-5.column-first { width: 71.5%; }
.toplevel.columns-7 .megamenu-outer-column.columns-6.column-first { width: 85.8%; }
.toplevel.columns-7 .megamenu-outer-column.columns-1 { width: 14.3%; }
.toplevel.columns-7 .megamenu-outer-column.columns-2 { width: 28.5%; }
.toplevel.columns-7 .megamenu-outer-column.columns-3 { width: 42.8%; }
.toplevel.columns-7 .megamenu-outer-column.columns-4 { width: 57.1%; }
.toplevel.columns-7 .megamenu-outer-column.columns-5 { width: 71.4%; }
.toplevel.columns-7 .megamenu-outer-column.columns-6 { width: 85.7%; }
.toplevel.columns-7 .megamenu-outer-column.columns-7 { width: 100%; }

.toplevel.columns-8 .megamenu-outer-column.columns-1 { width: 12.5%; }
.toplevel.columns-8 .megamenu-outer-column.columns-2 { width: 25.0%; }
.toplevel.columns-8 .megamenu-outer-column.columns-3 { width: 37.5%; }
.toplevel.columns-8 .megamenu-outer-column.columns-4 { width: 50.0%; }
.toplevel.columns-8 .megamenu-outer-column.columns-5 { width: 62.5%; }
.toplevel.columns-8 .megamenu-outer-column.columns-6 { width: 75.0%; }
.toplevel.columns-8 .megamenu-outer-column.columns-7 { width: 87.5%; }
.toplevel.columns-8 .megamenu-outer-column.columns-8 { width: 100%; }

.toplevel.columns-9 .megamenu-outer-column.columns-1.column-first { width: 11.2%; }
.toplevel.columns-9 .megamenu-outer-column.columns-2.column-first { width: 22.3%; }
.toplevel.columns-9 .megamenu-outer-column.columns-3.column-first { width: 34%; }
.toplevel.columns-9 .megamenu-outer-column.columns-4.column-first { width: 44.5%; }
.toplevel.columns-9 .megamenu-outer-column.columns-5.column-first { width: 55.6%; }
.toplevel.columns-9 .megamenu-outer-column.columns-6.column-first { width: 66.7%; }
.toplevel.columns-9 .megamenu-outer-column.columns-7.column-first { width: 77.8%; }
.toplevel.columns-9 .megamenu-outer-column.columns-8.column-first { width: 88.9%; }
.toplevel.columns-9 .megamenu-outer-column.columns-1 { width: 11.1%; }
.toplevel.columns-9 .megamenu-outer-column.columns-2 { width: 22.2%; }
.toplevel.columns-9 .megamenu-outer-column.columns-3 { width: 33%; }
.toplevel.columns-9 .megamenu-outer-column.columns-4 { width: 44.4%; }
.toplevel.columns-9 .megamenu-outer-column.columns-5 { width: 55.5%; }
.toplevel.columns-9 .megamenu-outer-column.columns-6 { width: 66.6%; }
.toplevel.columns-9 .megamenu-outer-column.columns-7 { width: 77.7%; }
.toplevel.columns-9 .megamenu-outer-column.columns-8 { width: 88.8%; }
.toplevel.columns-9 .megamenu-outer-column.columns-9 { width: 100%; }

.toplevel.columns-10 .megamenu-outer-column.columns-1 { width: 10%; }
.toplevel.columns-10 .megamenu-outer-column.columns-2 { width: 20%; }
.toplevel.columns-10 .megamenu-outer-column.columns-3 { width: 30%; }
.toplevel.columns-10 .megamenu-outer-column.columns-4 { width: 40%; }
.toplevel.columns-10 .megamenu-outer-column.columns-5 { width: 50%; }
.toplevel.columns-10 .megamenu-outer-column.columns-6 { width: 60%; }
.toplevel.columns-10 .megamenu-outer-column.columns-7 { width: 70%; }
.toplevel.columns-10 .megamenu-outer-column.columns-8 { width: 80%; }
.toplevel.columns-10 .megamenu-outer-column.columns-9 { width: 90%; }
.toplevel.columns-10 .megamenu-outer-column.columns-10{ width:100%; }

.toplevel.columns-11 .megamenu-outer-column.columns-1.column-first  { width:   9.2%; }
.toplevel.columns-11 .megamenu-outer-column.columns-2.column-first  { width:  18.2%; }
.toplevel.columns-11 .megamenu-outer-column.columns-3.column-first  { width:  27.3%; }
.toplevel.columns-11 .megamenu-outer-column.columns-4.column-first  { width:  36.5%; }
.toplevel.columns-11 .megamenu-outer-column.columns-5.column-first  { width:  45.6%; }
.toplevel.columns-11 .megamenu-outer-column.columns-6.column-first  { width:  54.6%; }
.toplevel.columns-11 .megamenu-outer-column.columns-7.column-first  { width:  63.7%; }
.toplevel.columns-11 .megamenu-outer-column.columns-8.column-first  { width:  72.8%; }
.toplevel.columns-11 .megamenu-outer-column.columns-9.column-first  { width:  81.9%; }
.toplevel.columns-11 .megamenu-outer-column.columns-10.column-first { width:  91.0%; }
.toplevel.columns-11 .megamenu-outer-column.columns-1 { width:  9.1%; }
.toplevel.columns-11 .megamenu-outer-column.columns-2 { width: 18.1%; }
.toplevel.columns-11 .megamenu-outer-column.columns-3 { width: 27.2%; }
.toplevel.columns-11 .megamenu-outer-column.columns-4 { width: 36.4%; }
.toplevel.columns-11 .megamenu-outer-column.columns-5 { width: 45.5%; }
.toplevel.columns-11 .megamenu-outer-column.columns-6 { width: 54.5%; }
.toplevel.columns-11 .megamenu-outer-column.columns-7 { width: 63.6%; }
.toplevel.columns-11 .megamenu-outer-column.columns-8 { width: 72.7%; }
.toplevel.columns-11 .megamenu-outer-column.columns-9 { width: 81.8%; }
.toplevel.columns-11 .megamenu-outer-column.columns-10{ width: 90.9%; }
.toplevel.columns-11 .megamenu-outer-column.columns-11{ width: 100%; }

.toplevel.columns-12 .megamenu-outer-column.columns-1 { width:  8.3%; }
.toplevel.columns-12 .megamenu-outer-column.columns-2 { width: 16.6%; }
.toplevel.columns-12 .megamenu-outer-column.columns-3 { width: 25.0%; }
.toplevel.columns-12 .megamenu-outer-column.columns-4 { width: 33.3%; }
.toplevel.columns-12 .megamenu-outer-column.columns-5 { width: 41.6%; }
.toplevel.columns-12 .megamenu-outer-column.columns-6 { width: 50.0%; }
.toplevel.columns-12 .megamenu-outer-column.columns-7 { width: 58.3%; }
.toplevel.columns-12 .megamenu-outer-column.columns-8 { width: 66.6%; }
.toplevel.columns-12 .megamenu-outer-column.columns-9 { width: 75.0%; }
.toplevel.columns-12 .megamenu-outer-column.columns-10 { width:83.3%; }
.toplevel.columns-12 .megamenu-outer-column.columns-11 { width:91.7%; }
.toplevel.columns-12 .megamenu-outer-column.columns-12 { width:100%; }