@@baseTemplate

.bd-header .bd-search { text-align: left; }
.bd-header .bd-search .search-autocomplete { z-index:999; }
.bd-header .bd-search .search-autocomplete ul { border:1px solid #ddd; background-color:#fff; }
.bd-header .bd-search .search-autocomplete ul > li { padding:3px; border-bottom:1px solid #ddd; cursor:pointer; }
.bd-header .bd-search .search-autocomplete ul > li:before { content: ''; margin-left: 0 !important; }
.bd-header .bd-search .search-autocomplete ul > li .amount { float:right; font-weight:bold; }
.bd-header .bd-search .search-autocomplete ul > li.selected {}

#bd-mini-cart { position: absolute; z-index: 9999; }
#bd-mini-cart .bd-shoppingcart { display: none; }

.link-learn { font-size:11px; }

#ajax-loader
{
    position: fixed;
    top: 50%;
    left: 50%;
    display: none;
    z-index: 999;
}

.ajax-disabled
{
    opacity: 0.5;
    pointer-events: none;
}

#product-list
{
    .transition(opacity 200ms ease-in);
}

.checkbox.related-checkbox
{
    margin-left: 6px;
}

ul.options-list
{
    margin: 0 0 10px 0;
    list-style: none;
}

ul.options-list > li label
{
    display: inline;
}

.product-options dd
{
    margin-bottom: 15px;
}

.nobr
{
    white-space: nowrap !important;
}

.data-table
{
    margin-bottom: 10px;
}

.data-table thead th
{
    font-weight: inherit;
    padding: 5px;
}

.data-table tbody th, .ratings-table tbody th
{
    font-weight: inherit;
}

.data-table tbody th
{
    text-align: left;
}

.data-table td.value
{
    text-align: center;
}

#review-form #review_field
{
    width: 50%;
}

#review-form em
{
    padding-right: 5px;
}

.alert p:last-child
{
    margin-bottom: 0;
}

#compare-items
{
    .item
    {
        clear: both;

        .btn-remove
        {
            text-decoration: none;
            float: right;
        }
        .product-name
        {
            display: inline;
            margin-right: 20px;
        }
    }
}

.opc, .multiple-checkout, .shipping, .discount {
    label
    {
        display: inline-block;
        font-weight: inherit;
    }

    .control
    {
        .checkbox,
        .radio
        {
            display: inline-block;
        }
    }

    ul {
        list-style: none;
    }

    ul, dl
    {
        margin: 0;
        padding: 0;

        input
        {
            margin: 0 4px 0 0;
        }
    }

    .required em
    {
        margin-right: 4px;
    }

    .form-list
    {
        li
        {
            clear: both;
        }

        .fields
        {
            .field
            {
                float: left;
                width: 50%;

                input
                {
                    width: 90%;
                }
            }
        }
        .wide
        {
            input
            {
                width: 95%;
            }
        }
        .input-box
        {
            margin: 0 0 10px;
        }
    }

    h3.product-name
    {
        font-size: @@font-size-base;
        line-height: @@line-height-computed;
        margin: 0;
    }

    .item-options
    {
        margin: 0 0 0 40px;
        font-size: @@font-size-small;
    }

    .data-table
    {
        tr:hover
        {
            background-color: @@bd-table-bg-hover;
        }
        tr.odd
        {
            background-color: @@bd-table-bg-accent;
        }
        tr td
        {
            border-top: 1px solid @@bd-table-border-color;
            padding: 5px;
        }
        tfoot tr:last-child .price
        {
            font-weight: bold;
        }
    }

    h1
    {
        font-size: @@font-size-h3;
    }
    h2, h3
    {
        font-size: @@font-size-h4;
        line-height: @@line-height-computed;
    }
}

.no-display
{
    display: none;
}

.a-right
{
    text-align: right;
}

.a-center
{
    text-align: center;
}

.a-left
{
    text-align: left;
}

/* Content Columns */
.col2-set {
    clear:both;
    .col-1 { float:left; width:48.5%; }
    .col-2 { float:right; width:48.5%; }
    .col-narrow { width:32%; }
    .col-wide { width:65%; }
}

.col3-set {
    clear:both;
    .col-1 { float:left; width:32%; }
    .col-2 { float:left; width:32%; margin-left:2%; }
    .col-3 { float:right; width:32%; }
}

.col4-set {
    clear:both;
    .col-1 { float:left; width:23.5%; }
    .col-2 { float:left; width:23.5%; margin:0 2%; }
    .col-3 { float:left; width:23.5%; }
    .col-4 { float:right; width:23.5%; }
}

.buttons-set {
    clear:both; text-align:right;
    p.required { margin:0 0 10px; }
    .back-link { float:left; margin: 0; }
    button.button { float:right; margin-left:5px; }
}

.multiple-checkout
{
    .col2-set .divider { margin:0 -20px; padding:25px 0; position:relative; }
    .box { margin:0 0 15px; }
    .place-order .please-wait { float:right; padding:5px 10px 0 0; }
    .place-order .grand-total { float:right; }
    .place-order .grand-total big { float:left; margin-right:12px; font-weight:bold; }
    .place-order .grand-total div { float:left; }
}
