div.altMenu { 
  margin-top: 10%;
  padding-bottom: 1%;
}
div.altMenuSelection { 
  margin-top: 0;
  padding-bottom: 1%;
}
/* This next div sets up the product display with picture and text side by side */
div.productDisplay { 
  margin-top: 4%;
  margin-bottom: 4%;
  padding: 0 1em 0 1em;
  clear: left;
}
/* The following is applied to the equalising elements of the floating columns layout */
.cleared {
  clear:both;
  line-height:0;
  color: #fff;
}
/* To get the wrappers to contain the floated columns */
div.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}