.afilter-tt-wrapper {
    width: 100%;
}

.afilter-tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.afilter-tt-hint {
    color: #999;
}

.afilter-tt-menu {
    width: 422px;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.afilter-tt-suggestion {
    padding: 3px 20px;
    line-height: 1.2em;
    color: #000;
}

.afilter-tt-suggestion:hover {
    cursor: pointer;
    color: #fff;
    background-color: #0097cf;
}

.afilter-tt-suggestion.afilter-tt-cursor {
    color: #fff;
    background-color: #0097cf;

}

.afilter-tt-suggestion p {
    margin: 0;
}

.afilter-tt-hint {
    display:none;
}

.afilter-tt-wrapper {
    z-index: 200;
}

#cmdcInstantsearchResultsContainer {
    position:absolute;
    z-index:    100;
    background: white;
    padding: 10px;
}

.cmdcInstantsearchCloseButton {
    position: absolute;
    right: 32px;
    top: 36px;
    width: 16px;
    height: 16px;
    opacity: 0.3;
    cursor:pointer;
}
.cmdcInstantsearchCloseButton:hover {
    opacity: 1;
}
.cmdcInstantsearchCloseButton:before, .cmdcInstantsearchCloseButton:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 15px;
    width: 2px;
    background-color: #333;
}
.cmdcInstantsearchCloseButton:before {
    transform: rotate(45deg);
}
.cmdcInstantsearchCloseButton:after {
    transform: rotate(-45deg);
}
.instantSearchResults {
    background:white;
}
.instantSearchResultsRow {
    width:100%;
    padding-bottom:20px;
}
.instantSearchResultsRow::after {
    display: block;
    content: "";
    clear: both;
}
.instantSearchResultBlock {
    max-width:25%;
    width:25%;
    float:left;
    padding:30px;
    margin-right:-1px;
    margin-bottom:-1px;
}
.instantSearchResultBlock a:hover {
    text-decoration:none;
}
.instantSearchResultsImageBlock {
    max-height:200px;
    height:200px;
    overflow:hidden;
}
.instantSearchResultsImageBlock img {
    max-width:100%;
    max-height:100%;
    margin:auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.instantSearchResultsImageBlock .instantSearchResultsnoImage {
    background:#f0f0f0;
    height:100%;
    width:100%;
}
.instantSearchResultsImageBlock .instantSearchResultsnoImage p {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    text-align:center;
    color:black;
}
.instantSearchResultsContent {
    padding-top:15px;
}
.instantSearchResultsContent h3 {
    color:black;
    font-size:18px;
    white-space: nowrap;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
}
.instantSearchResultsContent p {
    color:black;
}
.instantSearchResultsProductPrice {
    font-weight:bold;
}
.instantSearchResultsProductPrice .instantSearchResultsProductOldPrice {
    text-decoration: line-through;
    color:grey;
    font-weight:normal;
}
.instantSearchResults h3.instantSearchResultsTitle {
    color:black;
    font-size:24px;
    padding:20px 0;
}
@media only screen and (max-width: 1199px){
    .instantSearchResultsImageBlock {
        height:150px;
        max-height:150px;
    }
}
@media only screen and (max-width: 991px){
    .instantSearchResultsImageBlock {
        height:100px;
        max-height:100px;
    }
}
@media only screen and (max-width: 768px){
    .instantSearchResultsImageBlock {
        height:200px;
        max-height:200px;
    }
    .instantSearchResultBlock {
        max-width:50%;
        width:50%;
    }
}
@media only screen and (max-width: 500px){
    .instantSearchResultsImageBlock {
        height:250px;
        max-height:250px;
    }
    .instantSearchResultBlock {
        max-width:100%;
        width:100%;
    }
}