/*-------------------- Auto-suggest Dimension Search CSS------------------------*/
.dimSearchSuggContainer {
    display: none;
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #FFF;
    border: #CCC thin solid;
    font-size: 13px;
    z-index: 9999;
    max-width: 1000px;
    flex-direction: row;
}

.dimSearchSuggSection .dimRoots {
    color: #333;
    font-size: 12px;
    font-weight:300;
    margin-bottom: 12px;
    margin-top: 10px;
    padding-left: 12px;
    padding-right: 12px;
    text-transform: uppercase;
    text-align: left;
}

.dimSearchSuggSection .dimResult {
    font-size: 14px;
    line-height: 24px;
    padding: 0;
    cursor: pointer;
    margin: 0;
    list-style: none;
}

.dimSearchSuggSection.popularProducts .dimResult .productImage {
    border:1px solid rgb(204,204,204);
    float: left;
    margin-right: 10px;
    width: 25%;
    max-width: 100px;
}

.dimSearchSuggSection.popularProducts .dimResult .productDetail {
    overflow: hidden;
}

.dimSearchSuggSection.popularProducts .dimResult .productDetail .salePrice {
    font-weight: 400;
    font-size: 14px;
    font-style: normal;
}

.dimSearchSuggSection.popularProducts .dimResult .productDetail .freeshipping {
    color:#093;
    font-weight: 400;
    font-size: 12px;
    text-decoration: none;
    text-align: left;
}

.dimSearchSuggSection.popularProducts .dimResult .productDetail img {
    margin:6px 0;
    display: block;
}

.dimSearchSuggSection.popularProducts .dimResult p {
    color:#333;
    font-weight: 700;
    line-height: 16px;
    padding:0;
}

.dimSearchSuggSection .dimResult table {
    width: 100%;
    border-collapse: separate;
}

.dimSearchSuggSection .dimResult table td {
    text-align: left;
    padding: 0;
}

.dimSearchSuggSection .dimResult .link {
    padding: 2px 12px;
    box-sizing: border-box;
    display: block;
    text-align: left;
    text-decoration: none;
    overflow: hidden;
}

.dimSearchSuggSection.popularProducts .dimResult .link {
    padding: 6px 12px 12px;
}

.dimSearchSuggSection .dimResult a,
.dimSearchSuggSection .dimResult a:hover {
    color:rgb(153,153,153);
}

.dimSearchSuggContainer .dimResult .link a img{
    vertical-align: top;
}

.dimSearchSuggSection .selected .link {
    background-color: #f0f0f0;
}

.dimSearchSuggSection.popularProducts .selected .link p:first-of-type{
    text-decoration: underline;
}

.dimSearchSuggSection .dimResult .link span {
    color:#333;
    font-weight:700;
}

.dimSearchSuggSection {
    border-right: 1px solid rgb(204,204,204);
    flex: 3;
}

.dimSearchSuggSection.popularProducts {
    background-color: rgb(242,242,242);
    flex: 4;
}

.dimSearchSuggSection:last-child {
    border-right: none;
}

@media only screen and (max-width: 850px){
    /* https://jira.ecstuning.com/browse/ENDECS-587:
     - Hide all results except keyword match
     - Show only 6 results in Keyword match. */

    .dimSearchSuggSection {
        border-right: none;
    }

    .dimSearchSuggContainer.no-keywords,
    .dimSearchSuggSection .dimRoots,
    .dimSearchSuggSection:not(#gtmTypeAheadKeywords),
    .dimResult:nth-child(1n+7) {
        display: none !important;
    }

}

.dimSearchSuggSection ul{
    padding: 0;
    margin: 0;
}

.dimSearchSuggSection p {
    padding: 0;
    margin: 0;
}

.breakdown{margin-left:4px;}/* ticket no;557 */

/*-------------------- End of Auto-suggest Dimension Search CSS ------------------------*/