/* CSS for the search suggestions that drop down under the main search box */


div.suggestFormWrap { position: absolute; z-index: 1001; max-width: 100%; }
div.suggestLayer { position: absolute;  width: 1px; height: 1px; display: none; padding: 0; margin: -17px 0 0 0; z-index: 1000; background-color: white; background: transparent; }
div.suggestLayer td,
div.suggestLayer tr { background-image: none; background-color: white; }
table.suggestLayer { font-size: 11px; border: 1px solid #5C7997; height: 12px; background-color: white; color: #173553; cursor: pointer; }
tr.suggestLayer { height: 12px }
td.suggestLayer { padding: 0; height: 12px; }
tr.suggestHeader { color: #173553; font-weight: normal; font-size: 10px; }
tr.suggestHeader td { border-bottom: 1px solid #5C7997; padding: 3px 3px 3px 5px; background: none;  }
td.suggestTextQuery { font-weight: normal; padding: 2px 15px 2px 10px; color: #555; max-width: 300px; overflow: hidden; }
span.suggestTextQueryTyped { color: #000; font-weight: bold; }
td.suggestTextType { padding: 2px 5px 2px 15px; display: none; }
td.suggestTextAmount { display: none; }
tr.suggestRow { padding: 2px 2px 2px 0px }
tr.suggestHighlight { background-color: #fd4 }
div.suggestLayer tr:hover td { background-color: #fd4 }
tr.suggestHighlight span.suggestTextQueryTyped { }
td.suggestImage { height: 40px; max-width: 70px; }
td.suggestImage img { height: 40px }

@media only screen and (max-width: 600px) {

    div.suggestFormWrap { left: 5px; }

  }