* {
    box-sizing: border-box;
}

#searchbar {
    width: 300px;
  }

/* Navbar container */
.navbar {
    overflow: hidden;
    background-color: #fff;  /* Button colour */
    font-family: Arial;
  }
  
  /* Links inside the navbar */
  .navbar a {
    float: left;
    font-size: 16px;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  }
  
   .navbar .dropdown .column h3 {
    margin-top: 1em;
  }
  
  .navbar .dropdown .column h3.first {
    margin-top: 0.2em;
  }
  
  /* The dropdown container */
  .dropdown {
    float: left;
    overflow: hidden;
  }
  
  .dropdown-search {
    float: none;
    overflow: hidden;
  }
  
  .dropdown-search .row {
    padding-bottom: 4px;
  }
  
  /* Dropdown button */
  .dropdown .dropbtn {
    font-size: 16px;
    border: none;
    outline: none;
    color: #666;
    padding: 8px 10px; /* 14px 16px */
    background-color: inherit;
	background-image: url("../../assets/img/global/nav/down-arrow-8-grey.jpg");
	background-repeat: no-repeat;
	background-position: right;
    font: inherit; /* Important for vertical align on mobile phones */
    margin: 0; /* Important for vertical align on mobile phones */
  }
  
  .navbar a:hover, .dropdown:hover .dropbtn {
    cursor: pointer;
  }
  
  /* Dropdown content (hidden by default) */
  .dropdown-content {
    display: none;
    position: absolute;
	top: 70px; /* perfectly position the vertical position of the menu */
	left: 3%; /* edge padding of nav menu container */
    width: 94%; /* width of container */
    z-index: 12;
  }
  
  .dropdown-content-search {
    display: none;
    position: absolute;
	top: -10px; /* perfectly position the vertical position of the menu */
	left: 3%; /* edge padding of nav menu container */
    width: 94%; /* width of container */
    z-index: 11;
  }
  
  /* Mega Menu header, if needed */
  .dropdown-content .header {
    background: red;
    padding: 16px;
    color: white;
  }
  
  /* Create three equal columns that floats next to each other */
  .column {
    float: left;
    padding: 12px;
    background-color: #fafafa;  /* background colour */
    height: auto;
	min-height: 604px;
  }
  .brandcolumn {
	min-height: 0px;
	min-height: 604px;
  }
  .searchcolumn {
	min-height: 80px;
	padding-bottom: 0;
  }
  
  /* Style links inside the columns */
  .column a {
    float: none;
    color: #666666; /*text colour*/
    padding: 3px;
    text-decoration: none;
    display: block;
    text-align: left;
  }
  
  /* Add a background color on hover */
  .column a:hover {
    background-color: #ddd;
  }
  .column .white a:hover {
    background-color: #fafafa;
	cursor: default;
  }
  
  /* Clear floats after the columns */
  .row:after {
    content: "";
    display: table;
    clear: both;
  }

  .activeDropdown {
    background-color: #ccc;
  }