/*$black: #ff00ff;*/
/*#909090 gray*/
/*$heroareaheight: 630px;*/
.vertcentre {
  position: relative;
  top: 51%;
  transform: translateY(-50%); }

.round, .searchresult .imagecontainer, .searchresult img, #searchBox {
  /*disabled for now*/
  /*border-radius: 1em;
    -webkit-border-radius: 1em;*/ }

.pinkText {
  color: #333; }

.fullWidthDivide {
  border-bottom: solid 1px #333; }

.fullWidthDivideTopBottom {
  border-top: solid 1px #333;
  border-bottom: solid 1px #333; }

.unselectable {
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  -o-user-select: none;
  user-select: none; }

/*FONTS*/
@font-face {
  font-family: 'Graphik SemiBold';
  src: url("/fonts/commercial-type-1507-MFFFKX-web/Graphik-Semibold-Web.eot");
  src: url("/fonts/commercial-type-1507-MFFFKX-web/Graphik-Semibold-Web.eot?#iefix") format("embedded-opentype"), url("/fonts/commercial-type-1507-MFFFKX-web/Graphik-Semibold-Web.woff") format("woff"), url("/fonts/commercial-type-1507-MFFFKX-web/Graphik-Semibold-Web.ttf") format("truetype"), url("/fonts/commercial-type-1507-MFFFKX-web/Graphik-Semibold-Web.svg#Graphik-Semibold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-stretch: normal; }

.BaskervilleRegular {
  font-family: Baskerville, 'Baskerville Old Face', 'Hoefler Text', Garamond, 'Times New Roman', serif; }

.GraphikSemiBold, .searchresult .tags {
  font-family: 'Graphik SemiBold'; }

.searchcontainer {
  max-width: 1020px;
  margin: 0 auto; }

.searchresults {
  padding-left: 10px; }

.searchresult {
  display: block;
  text-align: left;
  vertical-align: top;
  text-decoration: none;
  padding: 10px 0px;
  border: solid 1px transparent;
  border-left: 0px;
  border-right: 0px;
  min-height: 150px;
  white-space: nowrap;
  cursor: pointer; }

.searchresult:hover {
  border: solid 1px lightgray;
  border-left: 0px;
  border-right: 0px;
  text-decoration: none; }

.searchresult .info {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 80%;
  overflow: hidden;
  height: 150px;
  white-space: normal; }

.searchresult .imagecontainer {
  width: 150px;
  min-height: 150px;
  display: inline-block;
  margin-right: 10px; }

.searchresult img {
  width: 150px;
  display: block; }

.searchresult:hover img {
  opacity: 1; }

.searchresult .info .title {
  font-weight: bold; }

.searchresult .info .summary {
  font-style: italic; }

#searchBox {
  padding: 2px 6px; }

.searchcontrols {
  padding-bottom: 5px;
  margin-bottom: 10px; }

.searchcontrols label {
  margin: 0px 6px; }

.searchcontrols .controltitle {
  font-weight: bold;
  padding-left: 10px;
  display: block; }

.searchresult .extrainfo {
  position: absolute;
  bottom: 0px;
  font-size: 12px;
  line-height: 15px; }

.searchresult .tags {
  font-size: 10px;
  text-transform: uppercase; }

.searchresult .tags a {
  display: inline-block;
  white-space: normal; }