
/*********** CSS RESET **********/

* {
    margin: 0;
    outline: none;
    padding: 0;
    text-decoration: none;
    box-sizing: border-box;
}

    *:before, *:after {
        box-sizing: border-box;
    }

html {
    margin: 0 !important;
    -webkit-text-size-adjust: none;
}

ol, ul {
    list-style: none;
    background-color: #e9ddcd;
    font-family: Verdana;
    font-weight: bold; /*Edit*/
    padding: 9px; /*Edit*/
}

a img {
    border: none;
}

a:active {
    outline: none;
}

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    margin: 0;
    border: 0;
    padding: 0;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="text"],
input[type="password"],
textarea {
    border-radius: 0;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
    -webkit-appearance: none;
}

input::-moz-placeholder {
    opacity: 1;
}

input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 1000px #fff;
}

script {
    display: none !important;
}


/*********** GLOBAL STYLES **********/



body {
    max-width: 100%;
    overflow-x: hidden;
    font: normal 13px Verdana;
    color: #444;
    background: #eee url('../img/homepage-background.png') top center no-repeat;
    /*background: #eee url('../img/flag-wide.png') top center no-repeat;
    background: #eee url('../img/flag-repeat.png') top center no-repeat;
    background: #eee url('../img/flag.jpg') top center no-repeat;
    background: #eee url('../img/generic-background.jpg') top center no-repeat;*/
}

h1, h2, h3, h4, h5, h6 {
    color: #333;
}

p {
    line-height: 20px;
}

a {
    color: inherit;
    cursor: pointer;
}

img {
    max-width: 100%;
}

a img {
    opacity: 0.99; /*firefox scale bug fix*/
    max-width: 100%;
}

a:hover img {
    opacity: 0.9;
}

table {
    width: 100%;
    border-collapse: collapse;
}

input[type="button"], input[type="submit"],
button, .button-1, .button-2 {
    font-family: Verdana;
    cursor: pointer;
}

input[type="text"],
input[type="password"],
textarea, select {
    border: 1px solid #999;
    background-color: #fff;
    padding: 7px;
    font-size: 13px;
    color: #333;
}

textarea {
    min-height: 150px;
}

select {
    padding: 2px;
}

    input[type="text"]:focus,
    input[type="password"]:focus,
    textarea:focus, select:focus {
        border: 1px solid #666;
    }

input[type="checkbox"],
input[type="radio"],
input[type="checkbox"] + *,
input[type="radio"] + * {
    vertical-align: middle;
}

.master-wrapper-page {
    margin: 15px auto 0;
}

.master-wrapper-content {
    margin: 0 auto 50px;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    background-color: #fff;
    padding: 15px;
}

.master-column-wrapper {
    position: relative;
    z-index: 0;
}

    .master-column-wrapper:after {
        content: "";
        display: block;
        clear: both;
    }

.page {
    min-height: 200px;
    text-align: center;
}

.page-title {
    margin: 0 0 15px;
}

    .page-title h1 {
        float: left;
        font-size: 25px;
        font-weight: normal;
    }

    .page:after,
    .page-title:after,
    .page-body:after {
        content: "";
        display: block;
        clear: both;
    }

.link-rss {
    display: none;
    float: right;
    width: 24px;
    height: 24px;
    background: url('../img/social_sprite.png') -197px center no-repeat;
    font-size: 0 !important;
}

.category-description ul,
.manufacturer-description ul,
.vendor-description ul,
.full-description ul,
.topic-html-content ul,
.post-body ul,
.news-body ul,
.custom-tab ul {
    margin: 12px 0;
    padding: 0 0 0 36px;
    list-style: disc;
}

.category-description ol,
.manufacturer-description ol,
.vendor-description ol,
.full-description ol,
.topic-html-content ol,
.post-body ol,
.news-body ol,
.custom-tab ol {
    margin: 12px 0;
    padding: 0 0 0 36px;
    list-style: decimal;
}

.category-description p,
.manufacturer-description p,
.vendor-description p,
.full-description p,
.topic-html-content p,
.post-body p,
.news-body p,
.custom-tab p {
    margin: 10px 0;
    line-height: 20px;
}

.category-description img,
.manufacturer-description img,
.vendor-description img,
.full-description img,
.topic-block-body img,
.topic-page img,
.post-body img,
.news-body img {
    height: auto;
}

.category-description a,
.manufacturer-description a,
.vendor-description a,
.full-description a,
.topic-html-content a,
.topic-page a,
.post-body a,
.news-body a,
.custom-tab a {
    text-decoration: underline;
}

.category-description table,
.manufacturer-description table,
.vendor-description table,
.full-description table,
.topic-html-content table,
.post-body table,
.news-body table {
    margin: 20px 0;
}

.category-description td,
.manufacturer-description td,
.vendor-description td,
.full-description td,
.topic-html-content td,
.post-body td,
.news-body td {
    border: 1px solid #ccc;
    padding: 5px;
}


/*********** GLOBAL FORMS ***********/



.fieldset, .section {
    position: relative;
    margin: 0 0 25px;
}

    .fieldset .title,
    .section .title {
        margin: 0 0 10px;
        padding: 0 0 0 5px;
        font-size: 13px;
        color: #333;
    }

.form-fields {
    position: relative;
    border: 1px solid #bbb;
    padding: 15px;
    color: #333;
}

.inputs {
    position: relative;
    margin: 8px 0;
    text-align: center;
    white-space: nowrap; /*fix for 'required' elements*/
    font-size: 0;
}

    .inputs:after {
        content: "";
        display: block;
        clear: both;
    }

    .inputs label {
        display: block;
        width: 100%;
        margin: 0 0 5px;
        text-align: center;
        font-size: 13px; /*reset zeroing*/
    }

    .inputs input[type="text"],
    .inputs input[type="password"],
    .inputs select, .inputs textarea {
        width: 320px;
        height: 32px;
        max-width: 100%;
        padding: 6px 8px;
        vertical-align: middle;
        font-size: 13px;
    }

    .inputs select {
        padding: 5px;
    }

    .inputs textarea {
        padding: 8px;
    }

    .inputs .option-list {
        display: inline-block;
        width: 320px;
        max-width: 100%;
        vertical-align: middle;
        white-space: normal;
    }

        .inputs .option-list li {
            display: inline-block;
            margin: 5px;
        }

        .inputs .option-list label {
            display: inline;
            width: auto !important;
            margin: 0 5px;
        }

    .inputs.reversed {
        margin: 0 0 20px;
        text-align: center;
    }

.required {
    margin: 0 -8px 0 2px;
    vertical-align: top;
    font-size: 14px;
    color: #c00;
}

.message-error,
.field-validation-error,
.username-not-available-status,
.password-error {
    display: block;
    margin: 5px 0 0;
    text-align: center;
    font-size: 12px;
    color: #c00;
}

.field-validation-valid,
.username-available-status {
    display: block;
    margin: 5px 0 0;
    text-align: center;
    font-size: 12px;
    /*color: #393;*/
}

.captcha-box {
    margin: 0 0 15px;
    text-align: center;
    line-height: 0;
}

    .captcha-box > div {
        display: inline-block;
    }

    .captcha-box input {
        height: auto;
    }


/*********** GLOBAL TABLES ***********/



.cart, .data-table,
.compare-products-table {
    margin: 0 0 20px;
    width: 99.8% !important;
}

    .cart th, .data-table th,
    .forums-table-section th {
        border: 1px solid #333;
        background-color: #333;
        padding: 8px 10px;
        white-space: nowrap;
        color: #eee;
    }

    .cart td, .data-table td,
    .compare-products-table td,
    .forums-table-section td {
        border: 1px solid #bbb;
        /*border-top: none;*/
        padding: 15px;
    }

    .cart a, .data-table a,
    .forums-table-section a {
        font-weight: bold;
        color: #333;
    }

        .cart a:hover, .data-table a:hover,
        .forums-table-section td a:hover {
            color: #000;
            text-decoration: underline;
        }

    .cart .remove-from-cart,
    .cart .add-to-cart {
        text-align: center;
    }

    .cart .td-title, .cart .sku {
        display: none !important;
    }

    .cart .product-picture img {
        min-width: 50px;
    }

    .cart th.product,
    .cart td.product {
        text-align: left;
    }

    .cart .attributes,
    .cart .edit-item {
        margin: 10px 0 0;
    }

    .cart .quantity .qty-input,
    .cart .quantity .qty-dropdown {
        width: 50px;
        height: 32px;
    }

    .cart .unit-price {
        white-space: nowrap;
    }

    .cart td.subtotal span {
        display: inline-block;
        margin: 5px 0;
        color: #c00;
        white-space: nowrap;
    }

.order-notes .data-table th,
.order-notes .data-table td {
    text-align: left;
}


/*********** BAR NOTIFICATION & JQUERY POPUPS  ***********/



.bar-notification {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1040;
    width: 100%;
    overflow: hidden;
    padding: 12px;
    color: #fff;
    opacity: 0.9;
}

    .bar-notification.success {
        background: #393;
    }

    .bar-notification.warning {
        background: #f93;
    }

    .bar-notification.error {
        background: #e12;
    }

    .bar-notification .content {
        float: left;
        margin: 0 10px 0 0;
        line-height: 24px;
    }

        .bar-notification .content a {
            color: #fff;
            text-decoration: underline;
        }

    .bar-notification .close {
        float: right;
        width: 24px;
        height: 24px;
        background: #fff url('../img/close.png') center no-repeat;
        cursor: pointer;
    }

        .bar-notification .close:hover {
            opacity: 0.95;
        }

.noscript {
    background-color: #ff9;
    padding: 10px;
    text-align: center;
}

.ajax-loading-block-window {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999;
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px;
    background: url('../img/loading.gif') center no-repeat;
}

.ui-dialog {
    position: absolute !important;
    z-index: 1050;
    width: 400px !important;
    max-width: 95%;
    border: 1px solid #ccc;
    box-shadow: 0 1px 5px rgba(0,0,0,0.15);
    background-color: #fff;
}

.ui-dialog-titlebar {
    border: 1px solid #fcfcfc;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    background: #ddd url('../img/headpad.png') top repeat-x;
    padding: 10px;
    font-weight: bold;
    color: #333;
    text-shadow: 1px 1px #f6f6f6;
}

    .ui-dialog-titlebar span {
        float: left;
        line-height: 24px;
        text-transform: uppercase;
    }

    .ui-dialog-titlebar button {
        float: right;
        width: 24px;
        height: 24px;
        border: 1px solid #bbb;
        background: #fff url('../img/close.png') center no-repeat;
        font-size: 0;
    }

        .ui-dialog-titlebar button:hover {
            opacity: 0.9;
        }

.ui-dialog-content {
    height: auto !important;
    padding: 10px;
    line-height: 20px;
}

    .ui-dialog-content .page {
        min-height: 0;
    }

    .ui-dialog-content .page-title {
        margin: 0;
        padding: 10px;
    }

        .ui-dialog-content .page-title h1 {
            float: none;
            font-size: 18px;
        }

    .ui-dialog-content .page-body {
        padding: 0 10px !important;
    }

        .ui-dialog-content .page-body p {
            margin: 0 0 10px;
        }

.eu-cookie-bar-notification {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1050;
    width: 450px;
    max-width: 95%;
    min-height: 180px;
    margin: -90px 0 0 -225px;
    border: 1px solid #bbb;
    box-shadow: 0 1px 5px rgba(0,0,0,0.15), inset 0 0 0 1px #fff;
    background: #fff url('../img/noise.png') repeat;
    padding: 20px;
    text-align: center;
}

    .eu-cookie-bar-notification .text {
        margin: 0 0 15px;
        line-height: 20px;
    }

    .eu-cookie-bar-notification button {
        min-width: 75px;
        margin: 10px 0;
        border: 1px solid #000;
        background-color: #333;
        box-shadow: inset 0 0 1px #aaa;
        padding: 8px 16px;
        font-size: 14px;
        font-weight: bold;
        color: #fff;
        letter-spacing: 1px;
    }

        .eu-cookie-bar-notification button:hover {
            border-color: #111;
            background-color: #444;
        }

    .eu-cookie-bar-notification a {
        display: block;
        color: #333;
        text-decoration: underline;
    }

        .eu-cookie-bar-notification a:hover {
            color: #000;
        }


/*********** HEADER & NAVIGATION ***********/



.admin-header-links {
    margin: 0 auto 20px;
    background: url('../img/admin-line.png') center top no-repeat;
    background-size: 100% 130px;
    padding: 3px 0;
    text-align: center;
}

    .admin-header-links .impersonate {
        display: inline-block;
    }

    .admin-header-links a,
    .admin-header-links span {
        display: inline-block;
        padding: 5px 12px;
        font-size: 12px;
        font-weight: bold;
        color: #333;
        transition: all 0.2s ease;
    }

        .admin-header-links a:hover {
            color: #000;
        }

.header-line {
    margin: 0 auto 1px;
    background: url('../img/header-line.png') center bottom no-repeat;
    background-size: 100% 130px;
    padding: 4px 0 0;
}

.header-links-wrapper {
    position: relative;
    text-align: center;
}

.header-links li {
    display: inline-block;
    margin: 0 5px;
}

.header-links a {
    display: inline-block;
    padding: 0 0 0 15px;
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 12px;
    line-height: 32px;
    color: #333;
    transition: all 0.2s ease;
}

    .header-links a.ico-login,
    .header-links a.ico-account {
        background-image: url('../img/icon_login.png');
    }

    .header-links a.ico-register {
        background-image: url('../img/icon_register.png');
    }

    .header-links a.ico-logout {
        background-image: url('../img/icon_logout.png');
    }

    .header-links a.ico-inbox {
        background-image: url('../img/icon_inbox.png');
    }

    .header-links a.ico-wishlist {
        background-image: url('../img/icon_wish.png');
    }

    .header-links a.ico-cart {
        background-image: url('../img/icon_cart.png');
    }

    .header-links a:hover {
        color: #000;
        text-shadow: 0 0 rgba(0,0,0,0.5);
    }

.flyout-cart {
    display: none;
    position: absolute;
    left: 58%;
    z-index: 1090;
    width: 300px;
    margin-left: -150px;
    background-color: #fff;
    text-align: left;
}

.mini-shopping-cart {
    box-shadow: 0 0 3px rgba(0,0,0,0.4);
    padding: 10px;
    font-size: 12px;
}

    .mini-shopping-cart a {
        line-height: normal !important;
        font-weight: bold;
    }

        .mini-shopping-cart a:hover {
            color: #000;
        }

    .mini-shopping-cart .count {
        margin: 0 0 5px;
        padding: 5px 0;
        color: #333;
    }

    .mini-shopping-cart .items {
        margin: 0 0 10px;
    }

    .mini-shopping-cart .item {
        border-bottom: 1px dotted #ccc;
        overflow: hidden;
        padding: 8px;
    }

        .mini-shopping-cart .item.first {
            border-top: 1px dotted #ccc;
        }

        .mini-shopping-cart .item .picture {
            float: left;
            width: 50px;
            text-align: center;
            font-size: 0;
        }

            .mini-shopping-cart .item .picture a {
                display: block;
            }

        .mini-shopping-cart .item .product {
            margin-left: 56px;
        }

        .mini-shopping-cart .item .name {
            margin: 0 0 8px;
            font-size: 11px;
        }

        .mini-shopping-cart .item .attributes {
            margin: 0;
        }

        .mini-shopping-cart .item .price span,
        .mini-shopping-cart .item .quantity span {
            color: #000;
        }

    .mini-shopping-cart .totals {
        margin: 0 0 10px;
        text-align: right;
        font-size: 13px;
        color: #333;
    }

        .mini-shopping-cart .totals strong {
            color: #c00;
        }

    .mini-shopping-cart .buttons {
        text-align: right;
    }

    .mini-shopping-cart input[type="button"] {
        display: inline-block;
        height: 30px;
        border: 1px solid #999;
        background-color: #bbb;
        box-shadow: inset 0 0 1px #eee;
        padding: 0 10px;
        text-align: center;
        font-size: 14px;
        color: #fff;
    }

        .mini-shopping-cart input[type="button"]:hover {
            border-color: #888;
            background-color: #999;
        }

.header {
    margin: 0 0 20px;
    text-align: center;
}

    .header:after {
        content: "";
        display: block;
        clear: both;
    }

.header-logo {
    margin: 0 0 20px;
    font-size: 0;
}

    .header-logo a {
        display: inline-block;
        margin-bottom: 8px; /*Edit*/
    }

.header-selectors-wrapper {
    margin: 0 0 20px;
    font-size: 0
}

    .header-selectors-wrapper > div {
        display: inline-block;
        margin: 0 5px;
        vertical-align: middle;
        font-size: 13px; /*reset zeroing*/
    }

.new_select {
    z-index: 1003 !important;
    background: #fff url('../img/custom-selector.png') no-repeat right center;
    width: 100px !important;
    border: 1px solid #999;
    text-align: left;
    cursor: pointer;
}

    .new_select > span {
        display: block;
        padding: 4px 24px 4px 4px;
        white-space: nowrap;
    }

.styleSelect_item {
    top: 24px !important;
    left: -1px !important;
    width: calc(100% + 2px);
    border: 1px solid #aaa;
}

    .styleSelect_item ul {
        background-color: #fff;
    }

    .styleSelect_item li span {
        line-height: 18px;
        padding: 2px 2px 2px 5px;
    }

        .styleSelect_item li span:hover {
            background-color: #ddd;
        }

.language-list {
    vertical-align: middle;
    font-size: 0;
}

    .language-list li {
        display: inline-block;
        margin: 0 3px;
    }

    .language-list a {
        display: block;
        position: relative;
        width: 24px;
        height: 24px;
    }

    .language-list img {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 18px;
        height: 12px;
        margin: -6px 0 0 -9px;
    }

.search-box {
    position: relative;
}

    .search-box form {
        position: relative;
        max-width: 350px;
        margin: auto;
    }

        .search-box form:after {
            content: "";
            display: block;
            clear: both;
        }

    .search-box input.search-box-text {
        float: left;
        width: calc(100% - 36px);
        height: 36px;
        border-color: #999;
        padding: 0 6px;
    }

        .search-box input.search-box-text:focus {
            border-color: #666; /*override*/
        }

    .search-box .search-box-button {
        float: left;
        width: 37px;
        height: 36px;
        margin: 0 0 0 -1px;
        border: none;
        background: #222 url('../img/icon4.png') center no-repeat;
        font-size: 0;
    }

        .search-box .search-box-button:hover {
            background-color: #333;
        }

.ui-helper-hidden-accessible {
    display: none;
}

.ui-autocomplete {
    position: absolute;
    z-index: 1002;
    width: calc(100% - 36px) !important;
    max-width: 314px; /*=350px-36px*/
    margin: -1px 0 0;
    border: 1px solid #999;
    border-top: none;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    background-color: #fff;
    text-align: left;
}

    .ui-autocomplete li {
        border-top: 1px solid #ccc;
    }

    .ui-autocomplete a {
        display: block;
        padding: 8px;
        font-size: 12px;
        color: #666;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

        .ui-autocomplete a:hover,
        .ui-autocomplete .ui-state-focus {
            background-color: #eee;
            color: #000;
            cursor: pointer;
        }

    .ui-autocomplete img {
        margin: 0 5px 0 0;
        vertical-align: middle;
    }

    .ui-autocomplete span {
        vertical-align: middle;
    }

.header-menu {
    position: relative;
    z-index: 1001;
    margin: 0 0 20px;
    border: 1px solid #aaa;
    background: #eeeeee; /* Old browsers */
    background: -webkit-linear-gradient(top, #eeeeee 0%, #dddddd 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, #eeeeee 0%, #dddddd 100%); /* W3C */
    box-shadow: inset 0 1px #fff;
}

    .header-menu > ul > li > a,
    .header-menu > ul > li > span {
        display: block;
        position: relative;
        border-right: 1px solid #aaa;
        border-left: 1px solid #fff;
        padding: 11px 25px;
        text-align: center;
        white-space: nowrap;
        font: normal 17px Verdana;
        color: #333;
        text-shadow: 1px 1px #fff;
        cursor: pointer;
        font-weight: bold; /*Edit*/
    }

    .header-menu > ul > li:first-child > a,
    .header-menu > ul > li:first-child > span {
        border-left: 0 !important;
    }

    .header-menu > ul > li:last-child > a,
    .header-menu > ul > li:last-child > span {
        border-right: 0;
    }

    .header-menu > ul > li:hover > a,
    .header-menu > ul > li:hover > span {
        color: #fff;
        border-left-color: transparent;
        background: #333; /* Old browsers */
        background: -webkit-linear-gradient(top, #333333 0%,#111111 100%); /* Chrome10+,Safari5.1+ */
        background: linear-gradient(to bottom, #333333 0%, #111111 100%); /* W3C */
        text-shadow: 1px 1px 0 #000;
    }

    .header-menu > ul > li > a:before,
    .header-menu > ul > li > span:before {
        content: "";
        display: none;
        position: absolute;
        top: -1px;
        left: 50%;
        width: 15px;
        height: 8px;
        margin: 0 0 0 -8px;
        background: url('../img/menu-pointer.png') top center no-repeat;
    }

    .header-menu > ul > li:hover > a:before,
    .header-menu > ul > li:hover > span:before {
        display: block;
    }

    .header-menu .sublist-wrap {
        display: none;
        position: absolute;
        z-index: 1;
        min-width: 200px;
        border-top: 1px solid #aaa;
        box-shadow: 0 1px 5px rgba(0,0,0,0.15), inset 0 0 0 1px #ddd;
        background-color: #fff;
        padding: 8px 0;
    }

        .header-menu .sublist-wrap.active {
            display: block;
        }

        .header-menu .sublist-wrap .sublist-wrap {
            top: -8px;
            left: 100%;
            border-top: none;
            box-shadow: 0 1px 5px rgba(0,0,0,0.15)
        }

    .header-menu .sublist li {
        position: relative;
    }

        .header-menu .sublist li a {
            display: block;
            background: url('../img/arrow.png') 15px center no-repeat;
            padding: 8px 16px 8px 24px;
            color: #333;
        }

        .header-menu .sublist li:hover > a {
            background-color: #f0f0f0;
        }


/*********** FOOTER ***********/



.footer {
    border-top: 1px solid #fff;
    /*Edit*/
    /*background: url('../img/parket.jpg');*/
    padding: 15px 0;
    /*Edit*/
    background-color: #e4d4be;
}

.footer-upper {
    margin: 0 auto 30px;
    text-align: center;
}

    .footer-upper:after {
        content: "";
        display: block;
        clear: both;
    }

.footer-block {
    width: 80%;
    margin: 10px auto 20px;
}

    .footer-block h3 {
        padding: 0 10px 10px;
        font-size: 16px;
        font-weight: normal;
    }

    .footer-block ul {
        padding: 10px;
        background: rgba(255,255,255,0.5);
        border: 1px solid #fff;
        box-shadow: 0 0 3px rgba(0,0,0,0.1);
    }

    .footer-block li a {
        display: inline-block;
        background: url('../img/bullet6.png') left center no-repeat, url('../img/rtl-bullet6.png') right center no-repeat;
        padding: 6px 14px;
        color: #333;
    }

        .footer-block li a:hover {
            text-decoration: underline;
        }

.footer-block-first li span {
    display: inline-block;
    padding: 6px 14px 6px 28px;
}

.footer-block-first li.phone span {
    background: url('../img/icon-phone.png') no-repeat left center;
}

.footer-block-first li.mobile span {
    background: url('../img/icon-cellphone.png') no-repeat left center;
}

.footer-block-first li.email span {
    background: url('../img/icon-email.png') no-repeat left center;
}

.footer-lower {
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}

    .footer-lower h3 {
        margin: 0 0 10px;
        font-size: 16px;
        font-weight: normal;
        color: #333;
    }

.accepted-payment-methods {
    display: none;
    margin: 0 0 20px;
}

    .accepted-payment-methods ul {
        font-size: 0;
    }

    .accepted-payment-methods li {
        display: inline-block;
        width: 51px;
        height: 32px;
        margin: 0 0 0 10px;
        border: 1px solid #fff;
        background: url('../img/payment_sprite.png') no-repeat;
    }

        .accepted-payment-methods li:first-child {
            margin-left: 0;
        }

    .accepted-payment-methods .method1 {
        background-position: 0 0;
    }

    .accepted-payment-methods .method2 {
        background-position: -49px 0;
    }

    .accepted-payment-methods .method3 {
        background-position: -98px 0;
    }

    .accepted-payment-methods .method4 {
        background-position: -147px 0;
    }

    .accepted-payment-methods .method5 {
        background-position: -196px 0;
    }

    .accepted-payment-methods .method6 {
        background-position: -245px 0;
    }

.social-sharing {
    margin: 0 0 20px;
}

    .social-sharing ul {
        font-size: 0;
    }

    .social-sharing li {
        display: inline-block;
        margin: 0 0 0 10px;
    }

        .social-sharing li:first-child {
            margin-left: 0;
        }

    .social-sharing a {
        display: block;
        width: 32px;
        height: 32px;
        border: 1px solid #fff;
        background: url('../img/social_sprite.png') center no-repeat;
    }

    .social-sharing .facebook {
        background-position: 0 0;
    }

    .social-sharing .twitter {
        background-position: -32px 0;
    }
    /*Edit*/
    /*.social-sharing .google {
	background-position: -64px 0;
}*/
    .social-sharing .pinterest {
        background-position: -96px 0;
    }

    .social-sharing .vimeo {
        background-position: -128px 0;
    }

    .social-sharing .youtube {
        background-position: -160px 0;
    }

    .social-sharing .rss {
        background-position: -192px 0;
    }

    .social-sharing a.instagram {
        background: url('../img/instagram.png') center no-repeat;
    }

    .social-sharing a:hover {
        opacity: 0.9;
    }

.newsletter {
    margin: 0 0 10px;
}

    .newsletter .title {
        margin: 0 0 10px;
        font-size: 16px;
        color: #333;
    }

        .newsletter .title strong {
            font-weight: normal;
        }

.newsletter-subscribe {
    max-width: 250px;
    margin: 0 auto;
}

.newsletter-email {
    overflow: hidden;
}

    .newsletter-email .newsletter-subscribe-text {
        float: left;
        width: calc(100% - 32px);
        height: 32px;
        padding: 0 6px;
    }

    .newsletter-email .newsletter-subscribe-button {
        float: left;
        width: 33px;
        height: 32px;
        margin: 0 0 0 -1px;
        border: none;
        background: #333 url('../img/icon5.png') center no-repeat;
        font-size: 0;
    }

        .newsletter-email .newsletter-subscribe-button:hover {
            background-color: #444;
        }

    .newsletter-email .options {
        clear: both;
        height: 0;
        overflow: hidden;
    }

.newsletter .options span {
    display: inline-block;
    padding: 5px 0;
}

.newsletter-result {
    margin: 5px 0 0;
}

    .newsletter-result:empty {
        margin: 0;
    }

.newsletter-validation,
.newsletter-result {
    text-align: center;
    color: #333;
}

    .newsletter-validation span {
        margin: 0;
        line-height: 20px;
    }

    .newsletter-validation .please-wait {
        display: none !important;
    }

.bottom {
    min-height: 35px;
    /*border-top: 1px solid #aaa;*/
    background: url(../img/noise.png);
    box-shadow: 0 0 3px rgba(0,0,0,0.15), inset 0 3px 3px rgba(0,0,0,0.05);
    text-align: center;
    font-size: 11px;
    color: #666;
}

    .bottom .center {
        padding: 10px 0;
    }

        .bottom .center > div {
            display: inline-block;
            margin: 10px 5px;
            vertical-align: middle;
        }

    .bottom a {
        text-decoration: underline;
    }

        .bottom a:hover {
            color: #444;
        }

.footer-store-theme select {
    width: 150px;
    padding: 5px;
    background-color: #ccc;
    color: #333;
}


/*********** LEFT/RIGHT COLUMNS ***********/



.block {
    width: 90%;
    margin: 0 auto 15px;
}

    .block .title {
        margin: 0 0 1px;
        background: url('../img/block-pointer.png') no-repeat right center, url('../img/rtl-block-pointer.png') no-repeat left center;
        background-color: #333;
        padding: 10px 25px;
        text-align: center;
        font-size: 16px;
        color: #fff;
    }

        .block .title strong {
            font-weight: normal;
        }

    .block .listbox {
        border: 1px solid #ddd;
        background-color: #fff;
    }

        .block .listbox:after {
            content: "";
            display: block;
            clear: both;
        }

.listbox .list > li {
    border-top: 1px solid #ddd;
}

    .listbox .list > li:first-child {
        border-top: none;
    }

    .listbox .list > li > a {
        display: block;
        position: relative;
        background: url('../img/bullet4.png') 12px center no-repeat;
        padding: 10px 15px 10px 25px;
        font-size: 14px;
        color: #444;
    }

        .listbox .list > li.active > a,
        .listbox .list > li > a.active {
            z-index: 1;
            margin: -1px;
            border-top: 1px solid #999;
            border-bottom: 1px solid #999;
            outline: 1px solid #fff;
            background: #bbb url('../img/bullet5.png') 12px center no-repeat;
            padding-top: 12px;
            padding-bottom: 12px;
            color: #fff;
        }

        .listbox .list > li > a:hover {
            z-index: 1;
            background-color: #eee;
            box-shadow: inset 0 0 1px #fff;
        }

        .listbox .list > li.active > a:hover,
        .listbox .list > li > a.active:hover {
            background-color: #bbb;
            box-shadow: none;
        }

        .listbox .list > li > a.product-picture {
            display: none;
        }

.listbox .sublist {
    background-color: #f6f6f6;
    padding: 8px 10px 12px 30px;
}

    .listbox .sublist .sublist {
        padding-left: 15px;
    }

    .listbox .sublist a {
        display: block;
        padding: 5px;
        color: #444;
    }

        .listbox .sublist a:before {
            content: "-";
            margin-right: 5px;
        }

        .listbox .sublist a:hover {
            color: #000;
        }

    .listbox .sublist > li.active > a {
        font-weight: bold;
        color: #000;
    }

.listbox .tags {
    overflow: hidden;
    padding: 10px;
}

    .listbox .tags li {
        display: inline-block;
        margin: 0 5px 0 0;
        font-size: 14px !important; /*setting base size*/
    }

    .listbox .tags a {
        display: block;
        line-height: 28px;
        color: #444;
    }

        .listbox .tags a:hover {
            color: #000;
            text-decoration: underline;
        }

.listbox .view-all {
    border-top: 1px solid #ddd;
    padding: 10px;
    text-align: right;
}

    .listbox .view-all a {
        color: #444;
    }

        .listbox .view-all a:hover {
            color: #000;
            text-decoration: underline;
        }

.poll {
    padding: 15px 0 0;
}

    .poll strong {
        display: block;
        margin: 0 0 10px;
        padding: 0 10px;
        color: #333;
    }

.poll-options, .poll-results {
    margin: 0 0 10px;
    padding: 0 10px;
}

    .poll-options li, .poll-results li {
        padding: 3px 0;
    }

.poll .buttons, .poll-total-votes {
    border-top: 1px solid #ddd;
    padding: 10px;
    text-align: right;
}

.poll .vote-poll-button {
    border: none;
    background-color: transparent;
    color: #444;
}

    .poll .vote-poll-button:hover {
        color: #000;
        text-decoration: underline;
    }

.poll .poll-vote-error {
    color: #c00;
}

.poll-total-votes {
    display: block;
    margin: 15px 0 0;
}

.home-page-polls .title {
    display: none;
}

    .home-page-polls .title strong {
        font-weight: normal;
    }

.home-page-polls .poll strong {
    display: block;
    margin: 0 0 15px;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    padding: 0 0 10px;
    font-size: 18px;
    font-weight: normal;
}

.home-page-polls .poll .buttons,
.home-page-polls .poll-total-votes {
    text-align: center;
}


/********** CATEGORY PAGE **********/



.breadcrumb {
    margin: 0 0 20px;
}

.page-title + .breadcrumb {
    margin-top: -10px;
}

.breadcrumb ul {
    overflow: hidden;
}

.breadcrumb li {
    float: left;
    margin: 0 0 0 5px;
}

.breadcrumb a,
.breadcrumb span {
    color: #666;
    text-transform: lowercase;
}

.breadcrumb strong {
    color: #333;
}

.breadcrumb a:hover,
.breadcrumb a:hover span {
    text-decoration: underline;
}

.category-description,
.manufacturer-description,
.vendor-description {
    margin: 0 0 25px;
    padding: 0 5px;
    line-height: 20px;
}

    .category-description strong,
    .manufacturer-description strong,
    .vendor-description strong {
        color: #333;
    }

.contact-vendor {
    display: none;
}

.contact-vendor-button {
    margin: 0 0 30px;
    border: 1px solid #999;
    background-color: #bbb;
    box-shadow: inset 0 0 1px 0 #eee;
    padding: 5px 10px;
    color: #fff;
}

    .contact-vendor-button:hover {
        border-color: #888;
        background-color: #999;
    }

.product-selectors {
    margin: 0 0 25px;
    background: url('../img/block-pointer.png') no-repeat right center, url('../img/rtl-block-pointer.png') no-repeat left center;
    background-color: #eee;
    padding: 10px 20px;
    text-align: left;
    font-size: 0;
}

    .product-selectors div {
        display: inline-block;
        margin: 0 5px;
    }

    .product-selectors span {
        margin: 0 5px 0 0;
        font-size: 13px; /*reset zeroing*/
        font-style: italic;
    }

    .product-selectors select {
        min-width: 50px;
        height: 28px;
        margin: 0 5px;
        text-transform: lowercase;
        color: #444;
    }

.product-viewmode {
    display: none !important;
}

.product-page-size span {
    display: none;
}

.product-filters {
    display: none;
}

.item-grid:after,
.product-grid:after,
.manufacturer-grid:after,
.vendor-grid:after {
    content: "";
    display: block;
    clear: both;
}

.item-box {
    max-width: 360px;
    margin: 0 auto 15px;
    background-color: #fff;
}

    .item-box > div {
        position: relative;
        border: 1px solid #ddd;
        /*box-shadow: 0 0 0 1px #ddd;*/
        overflow: hidden;
        transition: border 0.1s ease;
        background-color: #e9ddcd; /*Edit*/
        padding: 6px 6px 6px 6px 6px; /*Edit*/
    }

    .item-box .product-title,
    .item-box .title {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        border: 1px solid #fff;
        background: rgba(255,255,255,0.75);
        box-shadow: 0 0 4px rgba(0,0,0,0.2);
        transition: box-shadow 0.1s ease;
        /*font-family: 'Times New Roman', Times, serif;*/
        visibility: hidden;
    }

        .item-box .product-title a,
        .item-box .title a {
            display: block;
            height: 38px;
            overflow: hidden;
            padding: 0 10px;
            font-size: 16px;
            line-height: 38px;
            font-weight: normal;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

    .item-box .picture {
        overflow: hidden;
        padding: 6px;
    }

        .item-box .picture a {
            display: block;
            position: relative;
        }

            .item-box .picture a:before {
                content: "";
                display: block;
                padding-top: 100%;
            }

        .item-box .picture img {
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
            max-width: 100%;
            max-height: 100%;
            margin: auto;
        }

    .item-box .category-item:hover img,
    .item-box .sub-category-item:hover img,
    .item-box .manufacturer-item:hover img,
    .item-box .vendor-item:hover img {
        opacity: 0.9;
    }

    .item-box .details {
        position: absolute;
        bottom: -100%;
        left: 1px;
        z-index: 2;
        width: calc(100% - 2px);
        height: calc(100% - 42px);
        box-shadow: 0 0 0 1px #fff;
        background: rgba(255,255,255,0.75);
        opacity: 0;
        transition: all 0.3s ease;
    }

    .item-box:hover .details {
        bottom: 0 !important;
        opacity: 1;
    }

    .item-box .description {
        padding: 10px 10px 5px;
        line-height: 15px;
        color: #333;
    }

        .item-box .description a {
            display: block;
            height: 90px;
            overflow: hidden;
        }

        .item-box .description + .sku {
            display: none;
        }

    .item-box .add-info {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 0 10px 10px;
        text-align: right;
    }

    .item-box .product-rating-box {
        display: none;
        margin: 0 0 5px;
        font-size: 0;
    }

    .item-box .prices {
        margin: 0 0 10px;
    }

    .item-box .old-price {
        margin-right: 5px;
        font-size: 12px;
        color: #666;
        text-decoration: line-through;
    }

    .item-box .actual-price {
        font-size: 15px;
        font-weight: bold;
        color: #333;
    }

    .item-box .buttons {
        font-size: 0;
        white-space: nowrap;
    }

    .item-box input[type="button"],
    .item-box .buynow-button {
        display: inline-block;
        min-width: 32px;
        height: 32px;
        margin: 0 0 0 1px;
        border: 1px solid #000;
        background-color: #333;
        box-shadow: inset 0 0 1px #ccc;
        padding: 0 15px;
        text-align: center;
        vertical-align: middle;
        font-size: 16px;
        color: #fff;
    }

        .item-box input[type="button"]:hover,
        .item-box .buynow-button:hover {
            border-color: #111;
            background-color: #555;
        }

    .item-box .add-to-compare-list-button,
    .item-box .add-to-wishlist-button {
        font-size: 0 !important;
    }

    .item-box .add-to-compare-list-button {
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKBAMAAAByAqLJAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAACnRSTlMAuUjVsmpiMSrQTVroVQAAACZJREFUCNdjAAExBjAonMTAtQoEIDwjuFwImKUsAabAKhZAeDA5AGh5Cj9K/0VOAAAAAElFTkSuQmCC') center no-repeat;
    }

    .item-box .add-to-wishlist-button {
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAMAAABlXnzoAAAAeFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////GqOSsAAAAKHRSTlMABV345wkC27uvoC4jC97Jxb60mHg4KBbs69a1ppKKhIBwYVdQPRsPKFviEwAAAGxJREFUCNdFx1cOgzAAwFBnQhab0r3H/W9YpaLgH+tBKFVxs2KoVDvCS0sTGld28SN3I80TEO5ogUeLEmQbAKPQkaX3lotf6c+kQv4l9wmCvs/Sm7xYXPOG6ieYai9EX0/MGVceusSSPfWW3BfTNgSV7spITwAAAABJRU5ErkJggg==') center no-repeat;
    }

.home-page-category-grid,
.product-grid {
    margin: 0 0 10px;
}

    .home-page-category-grid .title {
        /*Edit*/
        visibility: hidden;
    }

    .home-page-category-grid .title,
    .product-grid .title {
        margin-bottom: 15px;
        padding-left: 2px;
        font-size: 25px;
        color: #333;
    }

        .home-page-category-grid .title strong,
        .product-grid .title strong {
            font-weight: normal;
        }

    .product-grid a:hover img {
        opacity: 0.99 !important;
    }

.sub-category-grid {
    margin: 0 0 20px;
}

.cross-sells {
    margin: 30px 0 0;
}

.pager {
    margin: 0 0 30px;
}

    .pager ul {
        font-size: 0;
    }

    .pager li {
        display: inline-block;
        width: 32px;
        height: 32px;
        margin: 0 5px;
        border: 1px solid #999;
        background-color: #bbb;
        background-position: center;
        background-repeat: no-repeat;
        vertical-align: middle;
    }

        .pager li a,
        .pager li span {
            display: block;
            width: 100%;
            height: 100%;
            text-align: center;
            font-size: 12px;
            line-height: 32px;
            font-weight: bold;
            color: #fff;
        }

        .pager li:hover,
        .pager li.current-page {
            border-color: #222;
            background-color: #444;
        }

        .pager li span {
            cursor: default;
        }

        .pager li.previous-page a,
        .pager li.next-page a,
        .pager li.first-page a,
        .pager li.last-page a {
            font-size: 0;
        }

        .pager li.previous-page {
            background-image: url('../img/prev.png');
        }

        .pager li.next-page {
            background-image: url('../img/next.png');
        }

        .pager li.first-page {
            background-image: url('../img/prev_first.png');
        }

        .pager li.last-page {
            background-image: url('../img/next_last.png');
        }


/********** PRODUCT PAGE **********/



.product-essential {
    margin: 0 0 30px;
}

    .product-essential:after {
        content: "";
        display: block;
        clear: both;
    }

.gallery {
    margin: 0 0 30px;
}

    .gallery .picture {
        position: relative;
        max-width: 500px;
        margin: auto;
        border: 1px solid #bbb;
        overflow: hidden;
        background-color: #e9ddcd;
        text-align: center;
        font-size: 0;
        padding: 6px;
    }

        .gallery .picture a {
            display: block;
            border: 1px solid #fff;
        }

    .gallery .picture-thumbs {
        max-width: 500px;
        margin: auto;
        font-size: 0;
    }

    .gallery .thumb-item {
        display: inline-block;
        position: relative;
        width: 23.5%;
        margin: 12px 0 0 2%;
        border: 1px solid #bbb;
        overflow: hidden;
        background-color: #fff;
    }

        .gallery .thumb-item:nth-child(4n+1) {
            margin-left: 0;
        }

        .gallery .thumb-item:before {
            content: "";
            display: block;
            padding-top: 100%;
        }

        .gallery .thumb-item img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            max-width: 100%;
            max-height: 100%;
            margin: auto;
        }

.overview {
    position: relative;
    margin: 0 0 30px;
}

.discontinued-product {
    margin: 0 0 15px;
    text-transform: uppercase;
}

    .discontinued-product h4 {
        color: #c00;
    }

.overview .product-name {
    margin: 0 0 15px;
    border-bottom: 1px solid #bbb;
    padding: 0 0 10px;
}

    .overview .product-name h1 {
        font-size: 22px;
    }

.overview .short-description,
.variant-overview .variant-description {
    margin: 0 0 15px;
    line-height: 18px;
}

.overview > div,
.variant-overview > div {
    margin: 20px auto; /*common section spacing*/
}

.product-no-reviews,
.product-reviews-overview {
    margin-top: 0 !important;
}

    .product-no-reviews a {
        text-decoration: underline;
    }

        .product-no-reviews a:hover,
        .product-review-links a:hover {
            color: #333;
            text-decoration: underline;
        }

.product-review-box {
    margin: 0 0 5px;
}

    .product-review-box .rating,
    .product-rating-box .rating {
        display: inline-block;
        width: 70px;
        height: 14px;
        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAV1BMVEUAAACJiYmJiYmKioqJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYmJiYn////7+/vn5+e6urq1tbX19fXc3NzY2NjU1NSioqKTk5OKioqMyP1XAAAAEXRSTlMAy9LycAzs2ruqmnlVSSghB3Uuz8EAAABoSURBVAjXbc5HEoAwCABAIYm9pZn6/3calUMc5QI7wEDzG9P0ImKtLaWtIreWU9kDQOtcW1JfODOjtVJaGzZf7RWtklJZXJ9xgUHKgIK2d3Z4f7CduETTdSYuxDEPQgx5JAK/b8P39xN+6QQRl+zvUQAAAABJRU5ErkJggg==') repeat-x;
    }

        .product-review-box .rating div,
        .product-rating-box .rating div {
            height: 14px;
            background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAANlBMVEUAAAAzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzN4uB2OAAAAEXRSTlMAy9LzcCQI7Nq7qpt5VUoOAaIpslYAAABUSURBVAjXbc1ZDoAwCATQQvfduf9lrYhJjc4PvIQJ5jetvci8ywN+owOcrpmIIhDXyIvdQmO7FPkWaz2wKBilldOHA0gJGMqKMmdBVZI7rt9kPjkBPBcDdcCTFGYAAAAASUVORK5CYII=') repeat-x;
            opacity: 0.5;
        }

.overview .manufacturers a,
.product-vendor a {
    color: #333;
    font-weight: bold;
    text-decoration: underline;
}

    .overview .manufacturers a:hover,
    .product-vendor a:hover {
        color: #000;
    }

.overview .stock,
.variant-overview .stock {
    margin: 0 0 5px;
}

.overview span.value,
.variant-overview span.value {
    color: #333;
    font-weight: bold;
}

.back-in-stock-subscription-page {
    min-height: 0;
}

    .back-in-stock-subscription-page button {
        margin: 10px 0;
        border: 1px solid #999;
        background-color: #bbb;
        box-shadow: inset 0 0 1px 0 #eee;
        padding: 6px 12px;
        font-size: 12px;
        color: #fff;
        text-transform: uppercase;
    }

        .back-in-stock-subscription-page button:hover {
            border-color: #888;
            background-color: #999;
        }

.overview .additional-details div,
.variant-overview .additional-details div {
    margin: 5px 0;
}

.overview .free-shipping,
.variant-overview .free-shipping {
    display: inline-block;
    margin: 0 0 5px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAUCAMAAABLXLayAAAAjVBMVEUAAACIiIiIiIiIiIiIiIiIiIiIiIiIiIiNjY2NjY2IiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIi9wcPR1NWIiIjHysyWl5jKzc+RkpKOj4+MjIzO0NLFyMnCxcfBw8SztLXMz9C4urvP0tOTlJW6vb+ho6SeoKGam5y9v8C1trepq6yoqapr3jqjAAAAFXRSTlMA8Xwc6BT1nPjp1rGKYiQGrpNYIQXQRYN5AAAAyUlEQVQoz32R2Q7CIBAAoaf33e5C5ait9fb/P89tqzUk6DwQMkOAZNmcg0MSsAFucgep4qFBnjnk+/BPiwAg2vibpZtPo62vFSTs8Tz71TI0PPY3Qj9nP5utRqG/EXhPPf98C534WtlvgIHMHSp1olVj29JCODQAjRDnUlNjqShlreCGPeYAV1PVe0ttyREzPICRPXhRnXhQC9WRHi5hgDedKC4Ttky6Y9+Jhkq2YhrQrAJhq3ocs4H1FfVHzCfRasG+7IKIT1vxAmZZKGtnTdB9AAAAAElFTkSuQmCC') left center no-repeat;
    padding: 3px 0 1px 35px;
    font-weight: bold;
    text-transform: uppercase;
    color: #333;
}

.overview-buttons {
    font-size: 0;
}

    .overview-buttons > div {
        display: inline-block;
        margin: 0 5px 10px;
    }

.overview .add-to-wishlist-button,
.variant-overview .add-to-wishlist-button,
.overview .add-to-compare-list-button,
.overview .email-a-friend-button,
.back-in-stock-subscription .subscribe-button,
.download-sample a {
    display: inline-block;
    border: 1px solid #999;
    background-color: #bbb;
    background-repeat: no-repeat;
    box-shadow: inset 0 0 1px 0 #fff;
    padding: 5px 10px;
    font-size: 13px;
    color: #fff;
}

    .overview .add-to-wishlist-button:hover,
    .variant-overview .add-to-wishlist-button:hover,
    .overview .add-to-compare-list-button:hover,
    .overview .email-a-friend-button:hover,
    .back-in-stock-subscription .subscribe-button:hover,
    .download-sample a:hover {
        border-color: #888;
        background-color: #999;
    }
/*.overview .add-to-wishlist-button {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAMAAABlXnzoAAAAaVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8G612AAAAI3RSTlMA5t/MeOzUDQjDuEEiEQTHopROODQGxryysKucjH1xalQwFo07bt0AAABsSURBVAjXRcxHDsQgEAXRokkGDM6T8/0POUJC9lv0V20akrbyYJvE6hk+yvjkgj6tP6Nm3BvowrkAL43tqO3r9Rb1ZdcrxnhkHMliaIxkSOrZSi11VrnXmWRpH1zstovraXzQw5DZldu1UP0BfzsD1WAHPhcAAAAASUVORK5CYII=');
	background-position: 9px center;
	padding-left: 29px;
}
.overview .add-to-compare-list-button {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKBAMAAAByAqLJAAAAIVBMVEUAAAD////////////////////////////////////////PIev5AAAAC3RSTlMA79vKx2GGfUU6Bv2/APYAAAAmSURBVAjXYwABcwYwaFZlYBQEASgPJseVAmYFeYIpsAoBCA8mBwCZSQSMI19svwAAAABJRU5ErkJggg==');
	background-position: 10px center;
	padding-left: 30px;
}
.overview .email-a-friend-button {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKBAMAAAB293L0AAAAJ1BMVEUAAAD///////////////////////////////////////////////+uPUo5AAAADXRSTlMA7+LRvbAZv3BhXU8QGr4d9AAAADtJREFUCNdjMBQEAWEGAQYQYGQQbwBSHIUM0ioJDGxOGxkEjmoxLIphBMpPCtVkANFsLglgGggQNMwcAF6cB+iowPmFAAAAAElFTkSuQmCC');
	background-position: 10px center;
	padding-left: 31px;
}*/

.attributes dl,
.checkout-attributes dl {
    display: inline-block;
}

    .attributes dl:after,
    .checkout-attributes dl:after {
        content: "";
        display: block;
        clear: both;
    }

.attributes dt,
/*.checkout-attributes dt {
	width: 100%;
	height: 26px;
	margin: 15px auto 10px;
	overflow: hidden;
	background-color: #ddd;
	padding: 0 5px;
	line-height: 27px;
	color: #333;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
}*/
.checkout-attributes dt {
    width: 100%;
    margin: 15px auto 10px;
    background-color: #ddd;
    padding: 0 5px;
    line-height: 27px;
    color: #333;
    font-weight: bold;
    white-space: normal; /* Allows text to wrap */
    overflow: visible; /* Ensures all content is visible */
    height: auto; /* Adjusts height based on content */
}

.attributes dd,
.checkout-attributes dd {
    position: relative;
    min-width: 280px;
    margin: 0 0 25px;
}

    .attributes dd:last-of-type,
    .checkout-attributes dd:last-of-type {
        margin-bottom: 0;
    }

.attributes li,
.checkout-attributes li {
    margin: 1px 0;
    line-height: 22px;
}

.attributes select,
.checkout-attributes select {
    min-width: 70px;
    width: 100%;
    height: 32px;
    vertical-align: top;
}

.attributes .qty-box {
    position: absolute;
    top: 1px;
    right: 1px;
}

    .attributes .qty-box label {
        display: none;
    }

    .attributes .qty-box input {
        width: 40px;
        height: 30px;
        border-width: 0 0 0 1px;
    }

.attribute-squares {
    font-size: 0;
}

    .attribute-squares li {
        display: inline-block;
        margin: 0 5px;
    }

    .attribute-squares label {
        display: block;
        position: relative;
    }

.attribute-square-container {
    display: block;
    border: 1px solid #666;
}

.attribute-square {
    display: block;
    width: 24px;
    height: 24px;
    border: 1px solid #fff;
    cursor: pointer;
}

.selected-value .attribute-square {
    border: 1px solid #666;
}

.attribute-squares input[type="radio"] {
    position: absolute;
    top: 6px;
    left: 7px;
    z-index: -1;
}

.attribute-squares .tooltip-container {
    display: none !important;
}

.rental-attributes .attribute-item {
    margin: 10px 0;
}

.rental-attributes .attribute-label {
    margin: 0 0 5px;
}

.rental-attributes .datepicker {
    width: 280px;
}

.ui-datepicker {
    width: 280px;
    background-color: #fff;
    text-align: center;
}

.ui-datepicker-header {
    position: relative;
    height: 32px;
    background: #333;
    color: #fff;
}

    .ui-datepicker-header a {
        position: absolute;
        top: 0;
        z-index: 1;
        width: 32px;
        height: 32px;
        font-size: 0;
    }

        .ui-datepicker-header a.ui-datepicker-prev {
            left: 0;
            background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHBAMAAADDgsFQAAAAJFBMVEUAAAD///////////////////////////////////////////+0CY3pAAAAC3RSTlMA6i3wySol5dA3MWZvMrEAAAAoSURBVAjXY2DQEGVgYGASXgAkEzcwAIH37t27t4PYYPEJICpEiIEBAJp4B1O1W8c1AAAAAElFTkSuQmCC') center no-repeat;
        }

        .ui-datepicker-header a.ui-datepicker-next {
            right: 0;
            background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHBAMAAADDgsFQAAAAJFBMVEUAAAD///////////////////////////////////////////+0CY3pAAAAC3RSTlMA6i3wySol5dA3MWZvMrEAAAAmSURBVAjXY2BgCGxiAAIuQwUQxS3GUL179+4tEDaQ4ASLK7oyAAB6JwWRvNdA0AAAAABJRU5ErkJggg==') center no-repeat;
        }

.ui-datepicker-title {
    position: relative;
    z-index: 0;
    line-height: 32px;
    font-weight: bold;
    text-transform: uppercase;
}

.ui-datepicker-calendar th {
    background-color: #eee;
}

.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
    width: 14.285%;
    border: 1px solid #ccc;
}

    .ui-datepicker-calendar th span,
    .ui-datepicker-calendar td a {
        display: block;
        min-height: 32px;
        line-height: 32px;
    }

        .ui-datepicker-calendar td a:hover,
        .ui-datepicker-calendar a.ui-state-active {
            background-color: #eee;
            box-shadow: inset 0 0 1px #fff;
        }

.overview .prices,
.variant-overview .prices {
    overflow: hidden;
}

.overview .rental-price,
.variant-overview .rental-price {
    margin: 0 0 5px;
}

.overview .old-product-price,
.variant-overview .old-product-price {
    display: inline-block;
    margin: 0 15px 0 0;
    font-size: 14px;
    line-height: 24px;
    color: #666;
    text-decoration: line-through;
    text-transform: lowercase;
}

.overview .product-price,
.variant-overview .product-price {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    color: #333;
}

.overview .tax-shipping-info,
.variant-overview .tax-shipping-info {
    clear: both;
    color: #666;
}

    .overview .tax-shipping-info a:hover,
    .variant-overview .tax-shipping-info a:hover {
        color: #333;
    }

.tier-prices {
    margin: 0 0 20px;
}

    .tier-prices .title {
        margin: 0 0 10px;
        color: #333;
    }

    .tier-prices td {
        border: 1px solid #bbb;
        padding: 8px;
    }

    .tier-prices .field-header {
        min-width: 100px;
    }

    .tier-prices .item-quantity {
        color: #333;
    }

    .tier-prices .item-price {
        color: #333;
        font-weight: bold;
    }

.customer-entered-price {
    margin: -10px 0 20px; /*change if the empty "price" div is removed*/
    overflow: hidden;
}

    .customer-entered-price .price-input {
        margin: 0 10px 0 0;
        font-weight: bold;
    }

    .customer-entered-price .enter-price-input {
        width: 60px;
        height: 32px;
    }

    .customer-entered-price .price-range {
        line-height: 32px;
        font-style: italic;
    }

.min-qty-notification {
    margin: 0 0 5px;
}

.overview .add-to-cart-panel,
.variant-overview .add-to-cart-panel {
    font-size: 0;
}

.overview .qty-label,
.variant-overview .qty-label {
    margin: 0 5px 0 -30px;
    font-size: 13px;
    vertical-align: middle;
    line-height: 36px;
}

.overview .qty-input,
.variant-overview .qty-input,
.overview .qty-dropdown,
.variant-overview .qty-dropdown {
    width: 38px;
    height: 36px;
    background-color: #fff;
    padding: 0 6px;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
}

.overview .qty-dropdown,
.variant-overview .qty-dropdown {
    width: auto;
    min-width: 50px;
}

.overview .add-to-cart-button,
.variant-overview .add-to-cart-button {
    height: 36px;
    border: 1px solid #000;
    background-color: #333;
    box-shadow: inset 0 0 1px #ccc;
    padding: 0 24px;
    vertical-align: middle;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
}

    .overview .add-to-cart-button:hover,
    .variant-overview .add-to-cart-button:hover {
        border-color: #111;
        background-color: #555;
    }

.product-share-button {
    display: inline-block;
    margin: 0 !important;
}

.full-description {
    clear: both;
    margin: 0 0 20px;
    line-height: 20px;
}

.product-collateral {
    margin: 0 0 30px;
}

    .product-collateral .title {
        margin: 0 0 10px;
        font-size: 13px;
        color: #333;
    }

.product-specs-box {
    margin: 0 0 30px;
}

    .product-specs-box td {
        padding: 10px;
    }

    .product-specs-box .color-squares,
    .product-specs-box .image-squares {
        display: inline-block;
        margin: -5px 0;
        vertical-align: top;
    }

    .product-specs-box .attribute-square {
        cursor: default;
    }

.product-tags-list li {
    display: inline-block;
    vertical-align: middle;
}

    .product-tags-list li.separator {
        margin-right: 5px;
    }

.product-tags-list a:hover {
    color: #333;
    text-decoration: underline;
}

.product-tags-all-page ul {
    font-size: 0;
}

.product-tags-all-page li {
    margin: 0 5px 5px 0;
    font-size: 15px !important; /*setting base size*/
}

    .product-tags-all-page li a {
        display: block;
        border: 1px solid #ddd;
        overflow: hidden;
        background-color: #fff;
        padding: 0 18px;
        line-height: 36px;
    }

        .product-tags-all-page li a:hover {
            border-color: #ccc;
            background-color: #eee;
            text-decoration: none;
            color: #333;
        }

.product-details-page
.product-grid + .product-grid {
    margin-bottom: 0;
}

.giftcard {
    margin-bottom: 20px;
}

    .giftcard div {
        margin: 8px 0;
    }

    .giftcard label {
        display: block;
        line-height: 30px;
        color: #333;
    }

    .giftcard input,
    .giftcard textarea {
        width: 90%;
        max-width: 425px;
    }

.product-variant-list {
    max-width: 500px;
    margin: auto;
}

.product-variant-line {
    margin: 40px 0 0;
}

    .product-variant-line +
    .product-variant-line {
        margin-top: 60px;
    }

    .product-variant-line:after {
        content: "";
        display: block;
        clear: both;
    }

.variant-picture {
    position: relative;
    max-width: 300px;
    margin: 0 auto 30px;
    border: 1px solid #bbb;
    background-color: #fff;
    text-align: center;
    font-size: 0;
}

    .variant-picture img {
        border: 1px solid #fff;
    }

.variant-overview .variant-name {
    margin: 0 0 10px;
    font-size: 20px;
    color: #333;
}

.variant-overview .add-to-cart,
.variant-overview .add-to-wishlist {
    display: inline-block;
    margin: 0 -1px;
}

.variant-overview .qty-input {
    width: 38px;
}

.variant-overview .add-to-wishlist-button {
    width: 36px;
    height: 36px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAMAAABlXnzoAAAAaVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8G612AAAAI3RSTlMA5t/MeOzUDQjDuEEiEQTHopROODQGxryysKucjH1xalQwFo07bt0AAABsSURBVAjXRcxHDsQgEAXRokkGDM6T8/0POUJC9lv0V20akrbyYJvE6hk+yvjkgj6tP6Nm3BvowrkAL43tqO3r9Rb1ZdcrxnhkHMliaIxkSOrZSi11VrnXmWRpH1zstovraXzQw5DZldu1UP0BfzsD1WAHPhcAAAAASUVORK5CYII=');
    background-position: center;
    font-size: 0;
}

.product-variant-list + .product-tags-box {
    display: none;
}

.ui-tabs {
    margin-bottom: 20px;
}

    .ui-tabs .ui-tabs-nav {
        overflow: hidden;
    }

        .ui-tabs .ui-tabs-nav li {
            margin: 1px 0 0;
        }

            .ui-tabs .ui-tabs-nav li a {
                display: block;
                border: 1px solid #999;
                background-color: #bbb;
                padding: 8px 20px;
                font-size: 14px;
                color: #fff;
            }

                .ui-tabs .ui-tabs-nav li a:hover,
                .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
                .ui-tabs .ui-state-active.ui-tabs-active a {
                    border-color: #000;
                    background-color: #333;
                    color: #eee;
                }

    .ui-tabs .ui-tabs-panel {
        border: 1px solid #ddd;
        background-color: #fff;
        padding: 12px;
    }

        .ui-tabs .ui-tabs-panel p {
            line-height: 18px;
            color: #333;
        }

    .ui-tabs .ui-tabs .write-review {
        margin-bottom: 0;
    }

    .ui-tabs .form-fields {
        background-color: #f9f9f9;
    }

    .ui-tabs .ui-tabs-hide {
        display: none;
    }


/********** PRODUCT REVIEWS **********/



.product-reviews-page h1 a {
    font-weight: normal;
    font-style: italic;
    color: #444;
}

    .product-reviews-page h1 a:before,
    .product-reviews-page h1 a:after {
        content: "''"
    }

    .product-reviews-page h1 a:hover {
        text-decoration: underline;
    }

.product-reviews-page .title {
    display: none;
}

.product-reviews-page .result {
    margin: 0 0 20px;
}

.write-review {
    margin: 0 0 25px;
}

    .write-review .message-error {
        margin: 0 0 5px;
    }

    .write-review .form-fields {
        margin: 0 0 15px;
    }

    .write-review textarea {
        vertical-align: top;
    }

    .write-review .review-rating {
        overflow: hidden;
    }

        .write-review .review-rating label {
            display: block;
            margin: 0 0 5px;
            text-align: center;
        }

        .write-review .review-rating ul {
            max-width: 300px;
            margin: auto;
            padding: 5px 0;
            font-size: 0;
        }

        .write-review .review-rating li {
            display: inline-block;
            text-align: center;
            vertical-align: middle;
            cursor: default;
        }

            .write-review .review-rating li.first {
                width: 28%;
                font-size: 13px; /*reset zeroing*/
                color: #c00;
            }

            .write-review .review-rating li.last {
                width: 28%;
                font-size: 13px; /*reset zeroing*/
                color: #393;
            }

    .write-review .rating-options {
        width: 44%;
    }

        .write-review .rating-options input {
            margin: 0 3px;
        }

    .write-review .captcha-box {
        margin-top: 15px;
        margin-bottom: 0;
    }

    .write-review .buttons {
        text-align: center;
    }

    .write-review .button-1 {
        height: 36px;
        border: 1px solid #666;
        background-color: #777;
        box-shadow: inset 0 0 1px #ccc;
        padding: 0 24px;
        font-size: 16px;
        text-transform: uppercase;
        color: #fff;
    }

        .write-review .button-1:hover {
            border-color: #777;
            background-color: #888;
        }

.product-review-item {
    margin: 0 0 25px;
}

    .product-review-item:last-child {
        margin: 0 0 15px;
    }

    .product-review-item .review-item-head {
        position: relative;
        margin: 0 0 40px;
        background: url('../img/block-pointer.png') right center no-repeat, url('../img/rtl-block-pointer.png') left center no-repeat;
        background-color: #eee;
    }

    .product-review-item .review-title {
        padding: 10px;
        font-size: 13px;
        color: #333;
        text-transform: uppercase;
    }

    .product-review-item .product-review-box {
        position: absolute;
        right: 0;
        bottom: -30px;
        left: 0;
        margin: auto;
    }

    .product-review-item .review-text {
        margin: 0 0 20px;
        line-height: 20px;
    }

    .product-review-item .review-info {
        margin: 0 0 5px;
        font-style: italic;
    }

        .product-review-item .review-info a,
        .product-review-helpfulness .vote {
            font-weight: bold;
            color: #000;
            text-decoration: underline;
            cursor: pointer;
        }

            .product-review-item .review-info a:hover,
            .product-review-helpfulness .vote:hover {
                text-decoration: none;
            }

.product-review-helpfulness .question {
    margin: 0 5px 0 0;
    font-style: italic;
    color: #000;
}

.product-review-helpfulness .result {
    color: #000;
}

.product-review-item .reply {
    margin: 20px 0 0;
    border-top: 1px solid #ddd;
    padding: 20px 0 0;
}

.product-review-item .reply-header {
    margin: 0 0 10px;
    font-weight: bold;
    color: #333;
}


/********** WISHLIST & COMPARE LIST **********/



.wishlist-content {
    margin: 0 0 20px;
}

    .wishlist-content .message-error {
        margin: 0 0 10px;
    }

    .wishlist-content .button-2,
    .compare-products-table .button-2,
    .compare-products-table-mobile .button-2 {
        display: inline-block;
        border: 1px solid #999;
        background-color: #bbb;
        box-shadow: inset 0 0 1px #fff;
        padding: 5px 10px;
        color: #fff;
    }

        .wishlist-content .button-2:hover,
        .compare-products-table .button-2:hover,
        .compare-products-table-mobile .button-2:hover {
            border-color: #888;
            background-color: #999;
        }

.wishlist-page .share-info a {
    display: block;
    margin: 5px 0 0;
    font-weight: bold;
    color: #000;
}

    .wishlist-page .share-info a:hover {
        text-decoration: underline;
    }

.wishlist-page .tax-shipping-info {
    margin: 0 0 15px;
}

.wishlist-page .buttons {
    margin: 0 -5px;
}

.compare-products-page {
    position: relative;
    overflow: hidden;
}

    .compare-products-page .clear-list {
        position: absolute;
        top: 9px;
        right: 3px;
        font-weight: bold;
        color: #000;
    }

        .compare-products-page .clear-list:hover {
            text-decoration: underline;
        }

.compare-products-table td {
    vertical-align: top;
}

.compare-products-table .product-name td {
    background-color: #f6f6f6;
}

.compare-products-table .product-price td {
    color: #c00;
}

    .compare-products-table .product-price td:first-child {
        color: #444;
    }

.compare-products-table a {
    font-weight: bold;
    color: #333;
}

    .compare-products-table a:hover {
        color: #000;
        text-decoration: underline;
    }

.compare-products-table .attribute-squares > span {
    display: inline-block;
}


/*********** TOPICS ***********/



.topic-block {
    margin: 0 0 20px;
}

/*Welcome Strip Text*/
.topic-block-title {
    /*margin: 0 auto;*/ /* Centers the block if there's horizontal space */
    /*background-image: url(../img/welcome-to-pfl-strip.png);
	background-size: contain;*/ /* Ensures the image scales proportionally without cropping */
    /*background-position: center;*/ /* Centers the image */
    /*background-repeat: no-repeat;*/ /* Prevents repeating the image */
    /*width: 100%;*/ /* Ensures it matches the parent container width */
    /*max-width: 100%;*/ /* Prevents overflow */
    /*height: 100px;*/ /* Set a fixed height */
    /*display: block;*/ /* Ensures proper layout behavior */



    margin: 0 auto;
    background-image: url('https://pflnopcommerce-fedcdhcqf3ewcrfr.centralus-01.azurewebsites.net/Themes/Lighthouse/Content/img/welcome-to-pfl-strip.png');
    background-size: contain; /* Ensures the background image scales */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents repetition */
    min-height: 65px; /* Keeps the minimum height */
    max-width: 100%; /* Ensures the block spans the container */
    height: auto; /* Allows height to adjust to content */
    /* height: 120px;*/ /* Set a fixed height */
}



@media (max-width: 768px) { /* For tablets and smaller screens */
    .topic-block-title {
        padding-top: 40%; /* Adjusts height for smaller devices */
    }
}

@media (max-width: 600px) { /* For phones */
    .topic-block-title {
        background-image: none; /* Remove the background image */
        /*background-image: url(.../img/welcome-only-strip.png);*/ /* Change the image */
        /*height: 70px;*/ /* Further adjusts height for phones */
    }
}


.topic-block-body {
    /*display: flex;
    justify-content: center;*/ /* Centers horizontally */
    /*align-items: center;*/ /* Centers vertically */
    /*height: 50px;*/ /* Set a height to center vertically */
    /*font-size: 20pt;
    color: red;
    text-align: center;*/ /* Ensures text wraps and aligns properly */
    /*margin-top:12pt;*/
}

    .topic-block-body::before {
       /* content: "To ensure delivery before Christmas, orders must be placed by Dec 13th with an extra $20 at checkout towards USPS Priority Mail Shipping";*/
        display: block; /* Ensures it takes the full width of the parent */
        text-align: center; /* Aligns text horizontally */
        width: 100%; /* Makes the pseudo-element match the parent container’s width */
        /*line-height: 1.5;*/ /* Adjust spacing between lines for better readability */
    }


.topic-block a,
.topic-page a {
    color: #333;
    text-decoration: underline;
}

    .topic-block a:hover,
    .topic-page a:hover {
        color: #000;
    }

.topic-block strong,
.topic-page strong {
    color: #333;
}

.topic-page .page-body {
    margin: 0 0 20px;
    line-height: 20px;
}

.home-page .topic-block {
    margin: 0 0 25px;
}

.topic-password {
    padding: 75px 0;
    text-align: center;
}

    .topic-password .enter-password-title {
        margin: -15px 0 15px;
    }

    .topic-password .enter-password-form {
        display: inline-block;
        overflow: hidden;
    }

.enter-password-form input[type="password"] {
    float: left;
    width: 200px;
    height: 32px;
    margin-right: -1px;
    padding: 0 6px;
}

.enter-password-form input[type="submit"] {
    float: left;
    width: auto;
    height: 32px;
    border: 1px solid #666;
    background-color: #777;
    box-shadow: inset 0 0 1px #ccc;
    padding: 0 24px;
    font-size: 16px;
    color: #fff;
}

    .enter-password-form input[type="submit"]:hover {
        border-color: #777;
        background-color: #888;
    }


/*********** CONTACT PAGES ***********/



.contact-page .topic-block-title,
.apply-vendor-page .topic-block-title {
    display: none;
}

.contact-page .form-fields,
.email-a-friend-page .form-fields,
.apply-vendor-page .form-fields {
    margin: 0 0 15px;
}

.contact-page textarea,
.email-a-friend-page textarea,
.apply-vendor-page textarea {
    vertical-align: top;
}

.contact-page .buttons,
.email-a-friend-page .buttons,
.apply-vendor-page .buttons {
    margin: 0 0 10px;
    text-align: center;
}

.contact-page .button-1,
.email-a-friend-page .button-1,
.apply-vendor-page .button-1 {
    height: 36px;
    border: 1px solid #666;
    background-color: #777;
    box-shadow: inset 0 0 1px #ccc;
    padding: 0 24px;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
}

    .contact-page .button-1:hover,
    .email-a-friend-page .button-1:hover,
    .apply-vendor-page .button-1:hover {
        border-color: #777;
        background-color: #888;
    }

.email-a-friend-page .title {
    display: none;
    margin: 0 0 15px;
}

    .email-a-friend-page .title h2 {
        font-size: 18px;
        font-weight: normal;
        text-transform: uppercase;
    }

    .email-a-friend-page .title a:hover {
        text-decoration: underline;
    }

.apply-vendor-page input[type="file"] {
    vertical-align: middle;
}


/********** REGISTRATION, LOGIN, ACCOUNT **********/



.gender {
    display: inline-block;
    width: 320px;
    max-width: 100%;
    font-size: 0;
}

    .gender span {
        display: inline-block;
        padding: 5px;
    }

    .gender label {
        display: inline-block;
        width: auto !important;
        margin: 0 5px !important;
        cursor: pointer;
    }

.date-of-birth select {
    width: 32%;
    max-width: 100px;
    margin: 0 0 0 2%;
}

    .date-of-birth select:first-of-type {
        margin: 0;
    }

#check-availability-button {
    margin: 5px 0 0;
    border: 1px solid #999;
    background-color: #bbb;
    box-shadow: inset 0 0 1px #fff;
    padding: 6px 12px;
    font-size: 13px;
    text-transform: none;
    color: #fff;
}

    #check-availability-button:hover {
        border-color: #888;
        background-color: #aaa;
        box-shadow: inset 0 0 1px #fff;
    }

.vat-status, .vat-note {
    display: block;
    margin: 5px 0 0;
    text-align: center;
    font-size: 13px; /*reset zeroing*/
    white-space: normal;
}

.accept-privacy-policy {
    margin: 0 0 20px;
    text-align: center;
}

    .accept-privacy-policy .read {
        vertical-align: middle;
        color: #333;
        cursor: pointer;
    }

        .accept-privacy-policy .read:hover {
            text-decoration: underline;
        }

.registration-page .newsletter label,
.account-page .newsletter label {
    display: inline-block;
    width: auto !important;
    margin: 0 !important;
    padding: 0 5px 0 0;
    vertical-align: middle;
}

.registration-page .buttons,
.login-page .buttons,
.password-recovery-page .buttons,
.account-page .buttons,
.return-request-page .buttons {
    margin: 0 0 15px;
    text-align: center;
}

.registration-page .button-1,
.login-page .button-1,
.registration-result-page .button-1,
.password-recovery-page .button-1,
.account-page .button-1,
.account-page .button-2,
.return-request-page .button-1,
.user-agreement-page .button-1 {
    height: 36px;
    border: 1px solid #666;
    background-color: #777;
    box-shadow: inset 0 0 1px #ccc;
    padding: 0 24px;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
}

    .registration-page .button-1:hover,
    .registration-result-page .button-1:hover,
    .login-page .button-1:hover,
    .password-recovery-page .button-1:hover,
    .account-page .button-1:hover,
    .account-page .button-2:hover,
    .return-request-page .button-1:hover,
    .user-agreement-page .button-1:hover {
        border-color: #777;
        background-color: #888;
    }

.registration-result-page .page-body,
.user-agreement-page .page-body {
    text-align: center;
}

.registration-result-page .result,
.user-agreement-page .terms-of-agreement {
    margin: 20px 0 30px;
    line-height: 20px;
}

.registration-result-page .result {
    color: #393;
}

.registration-result-page .buttons,
.user-agreement-page .buttons {
    margin: 0 0 20px;
}

.login-page .customer-blocks {
    margin: 0 0 30px;
}

.login-page .title {
    margin: 0 0 10px;
    font-size: 13px;
    color: #333;
}

.login-page .new-wrapper {
    margin: 0 0 30px;
}

    .login-page .new-wrapper .inner-wrapper {
        border: 1px solid #ddd;
        padding: 15px;
    }

    .login-page .new-wrapper .text {
        margin: 0 0 20px;
        line-height: 18px;
    }

.login-page .checkout-as-guest-button {
    display: block;
    margin: 0 auto 15px;
}

.login-page .inputs.reversed {
    margin: 0 0 20px;
    text-align: center;
}

    .login-page .inputs.reversed label {
        display: inline;
        width: auto;
        margin: 0 5px;
        padding: 0;
        vertical-align: middle;
        cursor: pointer;
    }

.login-page .forgot-password {
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
    font-size: 13px;
}

.external-authentication {
    margin: 30px 0 15px;
    overflow: hidden;
    text-align: center;
}

    .external-authentication .title {
        display: none;
    }

.password-recovery-page .tooltip {
    margin: 0 0 20px;
}

.password-recovery-page .form-fields {
    padding: 25px 15px;
}

.password-recovery-page .result {
    font-weight: bold;
    color: #000;
}

.block-account-navigation {
    float: none !important;
    margin: 30px auto 15px !important;
}

    .block-account-navigation .listbox {
        display: block !important;
        height: auto !important;
    }

.email-to-revalidate,
.email-to-revalidate-note {
    display: inline-block;
    margin: 10px 5px;
    vertical-align: middle;
    font-size: 12px;
    white-space: normal;
}

.address-list-page .info,
.order-list-page .info {
    border: 1px solid #ddd;
    padding: 15px 15px 65px;
    line-height: 20px;
}

.address-list-page .buttons,
.order-list-page .buttons {
    position: relative;
    top: -50px;
    margin: 0 5px -30px;
}

    .address-list-page .buttons input,
    .order-list-page .buttons input {
        height: auto;
        border: 1px solid #999;
        background-color: #bbb;
        box-shadow: inset 0 0 1px #fff;
        padding: 6px 12px;
        font-size: 12px;
        line-height: normal;
        text-transform: none;
    }

        .address-list-page .buttons input:hover,
        .order-list-page .buttons input:hover {
            border-color: #888;
            background-color: #aaa;
            box-shadow: inset 0 0 1px #fff;
        }

.address-list-page .add-button {
    margin: 0 0 15px;
    text-align: center;
}

.edit-address {
    position: relative;
    margin: 0 0 25px;
    border: 1px solid #bbb;
    padding: 15px;
    color: #333;
}

.return-request-list-page .details {
    border: 1px solid #ddd;
    padding: 15px;
}

.return-request-list-page .product {
    margin: 0 0 15px;
    color: #333;
}

    .return-request-list-page .product a {
        font-weight: bold;
        color: #333;
        text-transform: uppercase;
    }

        .return-request-list-page .product a:hover {
            text-decoration: underline;
        }

.return-request-list-page .comments {
    margin: 15px 0 0;
}

.back-in-stock-subscription-list-page .description,
.reward-points-page .reward-points-overview,
.forum-subscriptions-page .description {
    margin: 0 0 20px;
}

.back-in-stock-subscription-list-page .select-boxes,
.forum-subscriptions-page .select-boxes {
    text-align: center;
}

.back-in-stock-subscription-list-page .product,
.forum-subscriptions-page .info {
    text-align: left;
}

.user-agreement-page .button-1:disabled {
    border: 1px solid #666;
    background-color: #777;
    box-shadow: inset 0 0 1px #ccc;
    cursor: default;
    opacity: 0.4;
}

.reward-points-history .title,
.reward-points-history .total-summary {
    display: none;
}

.avatar-page .page-body {
    overflow: hidden;
}

.avatar-page .message-error {
    margin: 0 0 10px;
}

.avatar-page .fieldset {
    margin: 0 0 15px;
    border: 1px solid #ddd;
    overflow: hidden;
    padding: 15px;
    text-align: center;
    color: #333;
}

.avatar-page .image {
    width: 250px;
    max-width: 100%;
    margin: 0 auto 10px;
    border: 1px solid #bbb;
    padding: 10px;
}

.avatar-page .buttons {
    margin: 0 0 20px;
    text-align: center;
}

    .avatar-page .buttons input {
        min-width: 100px;
        font-size: 14px;
        text-transform: none;
    }

.avatar-page .info {
    text-align: center;
}

.vendorinfo-page .vendor-picture {
    margin: 10px 0 -10px;
    text-align: center;
}

    .vendorinfo-page .vendor-picture img {
        display: block;
        margin: 0 auto 10px;
    }

.vendorinfo-page input.button-2 {
    height: auto;
    margin: 0 0 20px;
    border: 1px solid #999;
    background-color: #bbb;
    box-shadow: inset 0 0 1px #fff;
    padding: 6px 12px;
    font-size: 14px;
    text-transform: none;
}

    .vendorinfo-page input.button-2:hover {
        border-color: #888;
        background-color: #999;
    }


/********** SHOPPING CART **********/



.order-progress {
    margin: 0 0 20px;
    font-size: 0;
}

    .order-progress ul {
        text-align: center;
    }

    .order-progress li {
        display: inline-block;
        width: 85px;
        margin: 5px;
        border: 1px solid #ddd;
        padding: 10px 0;
        font-size: 13px;
    }

        .order-progress li.active-step {
            border-color: #bbb;
        }

    .order-progress a {
        display: block;
        background: url('../img/bullet3.png') center top no-repeat;
        padding-top: 25px;
        color: #000;
    }

    .order-progress li.active-step a {
        cursor: pointer;
    }

    .order-progress li.inactive-step a {
        opacity: 0.5;
        cursor: default;
    }

    .order-progress li.active-step a:hover {
        opacity: 0.8;
    }

.shopping-cart-page .message-error {
    margin: 0 0 10px;
}

.shopping-cart-page .button-1,
.checkout-page .button-1,
.order-details-page .actions .button-1,
.order-details-page .actions .button-2 {
    height: 36px;
    border: 1px solid #666;
    background-color: #777;
    box-shadow: inset 0 0 1px 0 #ccc;
    padding: 0 24px;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
}

    .shopping-cart-page .button-1:hover,
    .checkout-page .button-1:hover,
    .order-details-page .actions .button-1:hover,
    .order-details-page .actions .button-2:hover {
        border: 1px solid #777;
        background-color: #888;
    }

.cart-options .button-2,
.cart-footer .button-2,
.checkout-page .button-2,
.order-details-page .page-title a {
    border: 1px solid #999;
    background-color: #bbb;
    box-shadow: inset 0 0 1px #fff;
    padding: 5px 10px;
    color: #fff;
}

    .cart-options .button-2:hover,
    .cart-footer .button-2:hover,
    .checkout-page .button-2:hover,
    .order-details-page .page-title a:hover {
        border-color: #888;
        background-color: #999;
    }

.remove-discount-button,
.remove-gift-card-button {
    width: 20px;
    height: 20px;
    border: 1px solid #bbb;
    background: #fff url('../img/close.png') center no-repeat;
    margin: 0 0 0 5px;
    cursor: pointer;
}

    .remove-discount-button:hover,
    .remove-gift-card-button:hover {
        border-color: #999;
    }

.cart-options .common-buttons {
    margin: 0 0 20px;
    font-size: inherit;    
}

    .cart-options .common-buttons input {
        height: 32px;
        margin: 0 3px;
        padding: 0 10px;
    }

.shopping-cart-page .tax-shipping-info {
    margin: 0 0 15px;
}

.shopping-cart-page .selected-checkout-attributes {
    display: none;
}

.checkout-attributes {
    margin: 0 0 30px;
}

    .checkout-attributes dt,
    .checkout-attributes dd {
        width: 400px;
        min-width: 0;
        max-width: 100%;
    }

    .checkout-attributes .required {
        margin-right: 0;
    }

    .checkout-attributes li {
        display: inline-block;
        margin: 0 5px;
    }

.cart-footer {
    max-width: 500px;
    margin: auto;
    overflow: hidden;
}

    .cart-footer .total-info {
        margin: 0 0 20px;
        border: 1px solid #ddd;
        padding: 10px;
    }

.cart-total td {
    padding: 4px;
}

    .cart-total td:first-child {
        max-width: 100px;
    }

.cart-total .product-price {
    color: #000;
}

.cart-total .order-total {
    font-size: 16px;
    color: #c00;
}

.terms-of-service {
    margin: 0 0 20px;
}

    .terms-of-service a {
        color: #000;
    }

        .terms-of-service a:hover {
            text-decoration: underline;
        }

.cart-footer .checkout-button {
    height: 42px;
    border: 1px solid #000;
    background-color: #333;
    box-shadow: inset 0 0 1px #ccc;
}

    .cart-footer .checkout-button:hover {
        border-color: #111;
        background-color: #555;
    }

.cart-footer .deals,
.cart-footer .shipping {
    min-height: 190px;
    margin-bottom: -1px;
    border: 1px solid #ddd;
    padding: 10px;
}

    .cart-footer .deals > div {
        margin: 5px 0 10px;
    }

.cart-footer .title {
    margin: 0 0 5px;
    color: #333;
}

.cart-footer .hint {
    margin: 0 0 5px;
    font-size: 12px;
}

.cart-footer .coupon-code {
    max-width: 320px;
    margin: auto;
    overflow: hidden;
}

.cart-footer .deals input[type="text"] {
    float: left;
    width: 65%;
    height: 32px;
    padding: 0 6px;
}

.cart-footer .deals .button-2 {
    float: left;
    width: 35%;
    height: 32px;
    margin-left: -1px;
    padding: 0 10px;
    font-size: 12px;
}

.cart-footer .deals .message-failure {
    margin: 5px 0 0;
    font-size: 12px;
    color: #c00;
}

.cart-footer .deals .message-success {
    margin: 5px 0 0;
    font-size: 12px;
    color: #393;
}

.cart-footer .deals .current-code {
    margin: 5px 0 0;
    font-size: 12px;
}

.cart-footer .estimate-shipping {
    margin: 5px 0 10px;
}

    .cart-footer .estimate-shipping .buttons {
        margin: 10px 0 0;
    }

.cart-footer .estimate-shipping-button {
    height: 32px;
    padding: 0 10px;
}

.cart-footer .shipping-results {
    max-width: 380px; /*equlize width to text fields*/
    margin: 20px auto 0;
    font-style: italic;
}

    .cart-footer .shipping-results li {
        margin: 5px 0;
    }

    .cart-footer .shipping-results strong {
        color: #333;
    }

.shopping-cart-page .addon-buttons {
    margin: 20px 0 0;
}

.shopping-cart-page .cross-sells {
    margin-top: 50px;
}


/********** CHECKOUT PAGES **********/



.checkout-page .message-error {
    margin: 0 0 10px;
}

.checkout-page .buttons {
    margin: 0 0 20px;
    text-align: center;
}

.checkout-page .order-summary {
    margin: 30px 0 0;
}

    .checkout-page .order-summary > .title {
        display: none;
    }

.checkout-page .selected-checkout-attributes {
    display: block;
    margin: 0 0 20px;
    padding: 0 5px;
    font-size: 13px;
    line-height: 20px;
    font-weight: bold;
    color: #333;
}

.checkout-page .ship-to-same-address {
    background-color: #f6f6f6;
    padding: 15px;
}

    .checkout-page .ship-to-same-address label {
        vertical-align: middle;
    }

.checkout-page .address-grid {
    max-width: 500px;
    margin: auto;
}

.checkout-page .address-item {
    margin: 0 0 -1px;
    border: 1px solid #ddd;
    padding: 20px 10px;
    line-height: 20px;
}

    .checkout-page .address-item .select-button {
        margin: 10px 0 0;
    }

    .checkout-page .address-item li.name {
        margin: 0 0 5px;
        font-weight: bold;
        text-transform: uppercase;
        color: #333;
    }

    .checkout-page .address-item li.country {
        margin: 5px 0 0;
        font-weight: bold;
        text-transform: uppercase;
        color: #333;
    }

.checkout-page .edit-address {
    max-width: 500px;
    margin: auto;
    border-color: #ddd;
    background-color: #f9f9f9;
}

.checkout-page .pickup-in-store {
    background-color: #f6f6f6;
    padding: 15px;
}

    .checkout-page .pickup-in-store label {
        vertical-align: middle;
        text-transform: uppercase;
        cursor: pointer;
    }

    .checkout-page .pickup-in-store .description {
        margin: 5px 0 0;
    }

.checkout-page .select-pickup-point li {
    display: inline-block;
    margin: 0 5px;
}

.checkout-page .select-pickup-point select {
    max-width: 100%;
    height: 32px;
}

.checkout-page .pickup-points-map {
    height: 350px;
    margin: 20px 0 0;
}

.shipping-method .method-list,
.payment-method .method-list {
    margin: 0 0 25px;
    padding: 15px;
    border: 1px solid #ddd;
    text-align: left;
}

    .shipping-method .method-list li,
    .payment-method .method-list li {
        margin: 20px 0 0;
        /*border-top: 1px solid #eee;
	padding: 15px 0 0;*/
    }

        .shipping-method .method-list li:first-child,
        .payment-method .method-list li:first-child {
            margin: 0;
            /*border: none;
	padding: 0;*/
        }

    .shipping-method .method-list label,
    .payment-method .method-list label {
        vertical-align: middle;
        color: #333;
        font-weight: bold;
    }

.shipping-method .method-description,
.payment-method .payment-description {
    margin-top: 5px;
}

.payment-method .payment-logo {
    display: inline-block;
    margin: 0 10px 0 0;
    vertical-align: middle;
    font-size: 0;
}

    .payment-method .payment-logo img {
        width: 53px; /*equalize icons width*/
    }

.payment-method .payment-details {
    display: inline-block;
    max-width: 70%; /*prevents content drop*/
    vertical-align: top;
}

.use-reward-points {
    margin: 0 0 25px;
}

.payment-info .info {
    margin: 0 0 25px;
    border: 1px solid #ddd;
    padding: 15px;
    line-height: 20px;
}

    .payment-info .info td {
        display: block;
        width: 100%;
        padding: 5px 15px;
    }

        .payment-info .info td input,
        .payment-info .info td select {
            height: 32px;
            min-width: 70px;
        }

.payment-info #CreditCardType,
.payment-info #PurchaseOrderNumber {
    min-width: 230px;
}

.payment-info #CardholderName,
.payment-info #CardNumber {
    width: 100% !important;
    max-width: 300px;
}

.confirm-order .buttons {
    background-color: #eee;
    padding: 15px;
}

.order-review-data {
    display: table;
    width: 100%;
    max-width: 500px;
    margin: 0 auto 30px;
}

    .order-review-data ul {
        margin: 0 0 -1px;
        border: 1px solid #ddd;
        padding: 20px 10px;
        line-height: 20px;
    }

    .order-review-data .title {
        margin: 15px 0 10px;
        padding: 0;
        font-weight: bold;
        color: #333;
    }

        .order-review-data .title:first-child {
            margin-top: 0;
        }

.order-completed .details {
    margin: 0 0 25px;
    border: 1px solid #ddd;
    padding: 15px;
}

    .order-completed .details a {
        display: block;
        margin: 5px 0 0;
        font-weight: bold;
        color: #333;
    }

        .order-completed .details a:hover {
            text-decoration: underline;
        }

.opc .step-title {
    margin: 0 0 1px;
    overflow: hidden;
    background: #eee url('../img/block-pointer.png') no-repeat right center;
    padding: 10px;
}

.opc .active .step-title,
.opc .active .step-title:hover {
    background-color: #333 !important;
}

.opc .allow .step-title,
.opc .allow .step-title .number,
.opc .allow .step-title .title {
    cursor: pointer;
}

    .opc .allow .step-title:hover {
        background-color: #e6e6e6;
    }

.opc .step-title .number,
.opc .step-title .title {
    float: left;
    font-size: 14px;
    font-weight: normal;
    color: #333;
    text-transform: uppercase;
    cursor: default;
}

.opc .active .step-title .number,
.opc .active .step-title .title {
    color: #fff;
}

.opc .step-title .number {
    margin: 0 10px 0 0;
}

.opc .step {
    margin: 10px 0;
    border: 1px solid #ddd;
    padding: 15px;
}

.opc .section {
    margin: 0 0 5px;
    border-bottom: 1px solid #ddd;
    padding: 0 0 15px;
}

    .opc .section > label {
        display: block;
        margin: 0 0 15px;
    }

.opc .buttons {
    margin-bottom: 0;
}

.opc .back-link small {
    display: none;
}

.opc .back-link a {
    display: inline-block;
    margin: 0 0 0 -8px;
    background: url('../img/bullet7.png') left center no-repeat;
    padding: 5px 5px 5px 15px;
    font-weight: bold;
    font-style: italic;
    color: #333;
}

    .opc .back-link a:hover {
        color: #000;
        text-decoration: underline;
    }

.opc .please-wait {
    display: none !important;
}

.opc .select-billing-address,
.opc .select-shipping-address {
    border: none;
    padding: 0;
}

.opc .select-billing-address,
.opc .select-pickup-points {
    margin: 0 0 20px;
}

.opc .ship-to-same-address,
.opc .pickup-in-store,
.opc .use-reward-points {
    margin: -15px -15px 20px;
    background-color: #f6f6f6;
    padding: 15px;
    text-align: left;
}

.opc .address-select {
    max-width: 100%;
    height: 32px;
}

.opc .new-billing-address {
    border: none;
}

.opc .edit-address {
    width: auto;
    max-width: none !important;
    margin: 0;
}

    .opc .edit-address .inputs {
        text-align: left;
    }

    .opc .edit-address label {
        display: block;
        width: auto !important;
        margin: 0 0 5px !important;
        text-align: left !important;
        line-height: normal !important;
    }

.opc .select-pickup-points label {
    display: block;
    margin: 0 0 10px;
}

.opc .use-reward-points {
    border-bottom: 1px solid #ddd;
    line-height: 20px;
}

.opc .method-list,
.opc .payment-info .info {
    margin: 0;
    border: none;
    padding: 0;
}

.opc .order-review-data {
    margin-top: 25px;
}

.opc .order-summary {
    margin: 0;
    border: none;
    padding: 0;
}

.opc #checkout-step-confirm-order {
    border: none;
    padding: 0;
}


/********** ORDER DETAILS, RETURN REQUESTS **********/



.order-details-page .page-title h1 {
    float: none;
    margin: 0 0 15px;
}

.order-details-page .page-title a {
    display: inline-block;
    min-width: 80px;
    margin: 0 0 10px;
    padding: 5px 12px;
    text-align: center;
}

.order-details-page .order-overview {
    margin: 0 0 20px;
    border: 1px solid #ddd;
    background: #f6f6f6;
    padding: 15px;
}

.order-details-page .order-number {
    margin: 0 0 5px;
    color: #333;
}

.order-details-area,
.shipment-details-area {
    margin: 0 0 20px;
}

    .order-details-area ul,
    .shipment-details-area ul {
        border-bottom: 1px dotted #ccc;
        padding: 0 0 20px;
    }

        .order-details-area ul + ul,
        .shipment-details-area ul + ul {
            margin-top: 20px;
        }

    .order-details-area .title,
    .shipment-details-area .title {
        margin: 15px 0 10px;
        font-weight: bold;
    }

        .order-details-area .title:first-child,
        .shipment-details-area .title:first-child {
            margin-top: 0;
        }

.order-details-page .tax-shipping-info {
    margin: 0 0 15px;
}

.order-details-page .selected-checkout-attributes {
    margin: 20px 0 15px;
    line-height: 20px;
}

.order-details-page .totals {
    margin: 0 0 10px;
}

.order-details-page .total-info {
    max-width: 500px;
    margin: 0 auto 20px;
    border: 1px solid #bbb;
    padding: 10px;
}

.order-details-page .actions input {
    min-width: 180px;
    margin: 0 0 5px;
}

.return-request-page td:last-child {
    text-align: center;
}

.return-request-page td select {
    min-width: 50px;
    height: 32px;
}

.return-request-file > div {
    display: inline-block;
    width: 320px;
    max-width: 100%;
    vertical-align: middle;
}

.return-request-file label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.return-request-page .qq-upload-button {
    width: 100%;
    border: 1px solid #999;
    background-color: #fff !important;
    background-image: url('../img/custom-selector.png');
    background-position: right 2px center;
    background-repeat: no-repeat;
    padding: 7px 8px;
    text-align: left;
    font-size: 13px;
    color: #333;
}

.return-request-page .qq-upload-list li {
    background-color: transparent !important;
    font-size: 13px;
    color: #333 !important;
}


/*********** SEARCH & SITEMAP ***********/



.search-input {
    margin: 0 0 25px;
}

    .search-input .inputs:last-child {
        margin: 0;
    }

    .search-input .inputs.reversed label {
        display: inline-block;
        width: auto;
        margin: 0 0 0 5px;
        vertical-align: middle;
    }

.advanced-search {
    margin: 15px 0 0;
}

    .advanced-search .inputs label {
        font-style: italic;
    }

    .advanced-search .price-range {
        display: inline-block;
        margin: 0 0 5px;
        text-align: center;
        text-transform: lowercase;
    }

        .advanced-search .price-range input {
            width: 100px !important;
            margin: 3px;
        }

.search-input .buttons {
    margin: -5px 0 5px;
    text-align: center;
}

.search-input .button-1 {
    height: 36px;
    border: 1px solid #666;
    background-color: #777;
    box-shadow: inset 0 0 1px 0 #fff;
    padding: 0 24px;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
}

    .search-input .button-1:hover {
        border-color: #777;
        background-color: #888;
    }

.sitemap-page .entity {
    display: inline-block; /*prevents margin collapse*/
    width: 100%;
    margin: 5px 0 15px;
}

.sitemap-page .entity-title {
    margin: 0 0 10px;
}

    .sitemap-page .entity-title h2 {
        font-size: 13px;
    }

.sitemap-page .description {
    display: none;
    margin: 0 0 10px;
}

.sitemap-page .entity-body {
    text-align: left;
    font-size: 0;
}

.sitemap-page li {
    display: inline-block;
    width: 48%;
    vertical-align: top;
    margin: 1%;
}

.sitemap-page a {
    display: block;
    border: 1px solid #bbb;
    overflow: hidden;
    padding: 10px;
    font-size: 13px;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
}

    .sitemap-page a:before {
        content: "";
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 5px 0 0;
        background: url('../img/bullet4.png') left center no-repeat;
        opacity: 0.7;
    }

    .sitemap-page a:empty {
        display: none;
    }

    .sitemap-page a:hover {
        background-color: #f6f6f6;
    }

        .sitemap-page a:hover:before {
            opacity: 1;
        }


/********** BLOG & NEWS **********/



.block-blog-archive .listbox {
    border-width: 1px 0;
}

.block-blog-archive .year .sublist {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 10px 10px 10px 20px;
}

.block-blog-archive .number {
    display: block;
    margin: -1px 0 0 0;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    background: url('../img/block-pointer.png') right -1px center no-repeat, url('../img/rtl-block-pointer.png') -1px center no-repeat;
    background-color: #bbb;
    padding: 10px 15px 10px 25px;
    font-size: 14px;
    color: #fff;
    cursor: default;
}

.blog-page .post,
.news-items .news-item,
.blogpost-page .page-body,
.news-item-page .page-body {
    margin: 0 0 30px;
}

.post-head, .news-head {
    margin: 0 0 15px;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    padding: 0 0 10px;
}

.post-title, .news-title {
    display: block;
    margin: 0 0 5px;
    font-size: 18px;
    color: #333;
}

    .post-title:hover,
    .news-title:hover {
        color: #000;
    }

.post-date, .news-date {
    display: block;
    font-size: 13px;
    line-height: 22px;
    font-style: italic;
    color: #333;
}

.blogpost-page .post-date,
.news-item-page .news-date {
    float: none;
    color: #999;
}

.post-body, .news-body {
    margin: 0 0 20px;
    text-align: justify;
    line-height: 20px;
    color: #444;
}

    .post-body p, .news-body p {
        text-align: justify;
    }

.blog-page .tags,
.blogpost-page .tags {
    margin: 0 0 15px;
}

    .blog-page .tags label,
    .blogpost-page .tags label {
        display: none;
    }

    .blog-page .tags ul,
    .blogpost-page .tags ul {
        font-size: 0;
    }

    .blog-page .tags li,
    .blogpost-page .tags li {
        display: inline-block;
        margin: 3px;
        font-size: 13px;
    }

        .blog-page .tags li.separator,
        .blogpost-page .tags li.separator {
            display: none;
        }

    .blog-page .tags a,
    .blogpost-page .tags a {
        display: inline-block;
        border: 1px solid #ddd;
        padding: 3px 5px;
    }

        .blog-page .tags a:hover,
        .blogpost-page .tags a:hover {
            border-color: #ccc;
            background-color: #eee;
            text-decoration: none;
        }

.blog-page .buttons a {
    margin: 0 5px;
}

.blog-posts .buttons a:hover {
    color: #000;
    text-decoration: underline;
}

.new-comment {
    margin: 25px 0;
}

    .new-comment .title {
        margin: 0 0 10px;
    }

    .new-comment .notifications {
        margin: 0 0 10px;
    }

    .new-comment .result {
        font-style: italic;
    }

    .new-comment form {
        background-color: #eee;
        padding: 15px;
    }

    .new-comment .form-fields {
        margin: 0 0 15px;
        border: 0;
        padding: 0;
    }

    .new-comment .inputs {
        margin: 0 0 10px;
    }

        .new-comment .inputs label {
            display: none;
        }

    .new-comment textarea {
        width: 100% !important;
        height: 180px;
        border-color: #bbb;
    }

        .new-comment textarea:focus {
            border-color: #999;
        }

    .new-comment .buttons {
        text-align: center;
    }

    .new-comment .button-1 {
        height: 36px;
        border: 1px solid #666;
        background-color: #777;
        padding: 0 24px;
        font-size: 16px;
        text-transform: uppercase;
        color: #fff;
    }

        .new-comment .button-1:hover {
            border: 1px solid #777;
            background-color: #888;
            box-shadow: inset 0 0 1px 0 #ccc;
        }

.blog-comment,
.news-comment {
    margin: 15px 0 0;
    border-top: 1px solid #ddd;
    overflow: hidden;
    padding: 15px 0 0;
}

.comment-list .title {
    color: #333;
    text-transform: uppercase;
}

.comment-info .user-info {
    margin: 0 0 5px;
}

.comment-info .username {
    font-weight: bold;
    color: #333;
}

.comment-info .avatar {
    display: none;
    width: 150px;
    margin: 10px auto;
    border: 1px solid #bbb;
    text-align: center;
}

    .comment-info .avatar a {
        display: block;
        position: relative;
        overflow: hidden;
    }

        .comment-info .avatar a:before {
            content: "";
            display: block;
            padding-top: 100%;
        }

    .comment-info .avatar img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
    }

.comment-time {
    margin: 0 0 10px;
    font-style: italic;
    color: #999;
}

.comment-title {
    margin: 0 0 10px;
    color: #333;
}

.comment-body {
    margin: 0 0 10px;
    line-height: 20px;
    color: #444;
}

.news-items .read-more {
    display: inline-block;
    border: 1px solid #999;
    background-color: #bbb;
    box-shadow: inset 0 0 1px #fff;
    padding: 5px 10px;
    color: #333;
    text-shadow: 1px 1px 0 #ddd;
}

    .news-items .read-more:hover {
        border-color: #888;
        background-color: #aaa;
        text-shadow: 1px 1px 0 #ccc;
    }

.news-item-page .enter-comment-title,
.news-item-page .enter-comment-text {
    border-color: #bbb;
}

.news-item-page .inputs label {
    display: block;
}

.news-item-page .enter-comment-title:focus,
.news-item-page .enter-comment-text:focus {
    border-color: #999;
}

.news-list-homepage .title {
    margin: 0 0 15px;
    /*padding: 0 0 0 2px;*/
    font-size: 28px;
    color: #333;
}

    .news-list-homepage .title strong {
        font-weight: normal;
    }

.news-list-homepage .view-all {
    margin: -10px 0 10px;
}

    .news-list-homepage .view-all a:hover {
        color: #000;
    }


/************* FORUMS + PROFILE *************/



.forums-main-page .topic-block-title h2 {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}

.forums-header .current-time {
    margin: 0 0 20px;
}

.forums-header .forum-search-box {
    margin: 0 0 30px;
}

.forum-search-box .basic {
    overflow: hidden;
}

.forum-search-box .advanced {
    margin: 10px 0 0;
}

    .forum-search-box .advanced a:hover {
        color: #333;
        text-decoration: underline;
    }

.forums-table-section-title {
    overflow: hidden;
    margin: 0 0 10px;
}

    .forums-table-section-title > a,
    .forums-table-section-title strong {
        font-size: 16px;
        font-weight: normal !important;
        text-transform: uppercase;
        font-style: normal;
    }

.forums-table-section-body {
    margin: 0 0 30px;
}

.forums-table-section table {
    margin: 0 0 20px;
}

.forums-table-section th {
    text-align: left;
}

.forums-table-section td {
    /*min-width: 50px;*/
}

.forums-table-section .image div {
    width: 24px;
    height: 24px;
    margin: auto;
    background: url('../img/folder1.png') center no-repeat;
}

    .forums-table-section .image div.announcement {
        background: url('../img/folder2.png') center no-repeat;
    }

    .forums-table-section .image div.sticky {
        background: url('../img/folder3.png') center no-repeat;
    }

.forums-table-section .forum-details,
.forums-table-section .topic-details {
    text-align: left;
}

    .forums-table-section .forum-details div + div,
    .forums-table-section .topic-details div + div,
    .forums-table-section .latest-post div + div {
        margin: 3px 0 0;
    }

.forums-table-section .view-all {
    margin: -10px 0 10px;
}

.forum-search-page .advanced-search {
    margin: 15px 0;
}

.forum-search-page .search-error {
    text-align: center;
    color: #c00;
}

.pager.upper {
    display: none;
}

.pager.lower {
    margin: 0 0 5px;
}

.forums-table-section-body + .pager {
    margin-top: -10px;
}

.forum-page .forum-info,
.forum-topic-page .topic-name {
    margin: 0 0 15px;
}

    .forum-page .forum-name h1,
    .forum-topic-page .topic-name h1 {
        font-size: 18px;
        text-transform: uppercase;
        color: #333;
        font-weight: normal;
    }

.forum-page .forum-description {
    /*display: none;*/
    margin: 5px 0 0;
}

.forum-page .forum-actions,
.forum-topic-page .topic-actions {
    margin: 0 0 15px;
    overflow: hidden;
}

    .forum-page .forum-actions a,
    .forum-topic-page .actions a {
        margin: 0 5px;
        padding: 0 0 0 22px;
        line-height: 32px;
        color: #000;
    }

        .forum-page .forum-actions a:hover,
        .forum-topic-page .actions a:hover {
            text-decoration: underline;
        }

    .forum-page .forum-actions .new-topic,
    .forum-topic-page .reply-topic-button {
        background: url('../img/forum_icon4.png') left center no-repeat;
    }

    .forum-page .forum-actions .watch-forum,
    .forum-topic-page .watch-topic-button {
        background: url('../img/forum_icon5.png') left center no-repeat;
    }

    .forum-topic-page .topic-actions.upper {
        border-bottom: 1px solid #ddd;
        padding: 5px;
    }

.forum-topic-page .edit-topic-button,
.forum-topic-page .edit-post-button {
    background: url('../img/forum_icon1.png') left center no-repeat;
}

.forum-topic-page .delete-topic-button,
.forum-topic-page .delete-post-button {
    background: url('../img/forum_icon2.png') left center no-repeat;
}

.forum-topic-page .move-topic-button {
    background: url('../img/forum_icon3.png') left center no-repeat;
}

.forum-topic-page .topic-actions.lower .actions {
    display: none;
}

.forum-topic-page .topic-actions.lower .pager {
    margin: 0;
    border-top: 1px solid #bbb;
    padding: 20px 0 0;
}

.topic-posts {
    clear: both;
    padding: 0 5px;
}

.topic-post {
    margin: 0 0 30px;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    padding: 5px 0 30px;
}

    .topic-post:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    .topic-post .post-info {
        margin: 0 0 20px;
    }

    .topic-post .username {
        display: inline-block;
        margin: 0 0 10px;
        font-weight: bold;
        color: #000;
    }

    .topic-post a.username:hover {
        text-decoration: underline;
    }

    .topic-post .avatar,
    .profile-info-box .avatar {
        max-width: 200px;
        margin: 0 auto 10px;
        border: 1px solid #bbb;
        padding: 10px;
        text-align: center;
        line-height: 0;
    }

    .topic-post .user-stats,
    .profile-info-box .profile-stats {
        margin: 0 0 10px;
        font-size: 12px;
        line-height: 20px;
    }

        .topic-post .user-stats span,
        .profile-info-box .profile-stats span {
            margin-left: 5px;
            color: #000;
        }

    .topic-post .pm-button,
    .profile-info-box .pm-button {
        display: inline-block;
        border: 1px solid #999;
        background-color: #bbb;
        box-shadow: inset 0 0 1px #fff;
        padding: 5px 10px;
        color: #333;
        text-shadow: 1px 1px 0 #ddd;
    }

        .topic-post .pm-button:hover,
        .profile-info-box .pm-button:hover {
            border-color: #aaa;
            background-color: #ccc;
        }

    .topic-post .post-content,
    .profile-info-box .profile-stats {
        position: relative;
    }

    .topic-post .post-head {
        margin: 0 0 5px;
        border: none;
        overflow: hidden;
    }

        .topic-post .post-head a:hover {
            text-decoration: underline;
        }

    .topic-post .post-actions {
        margin: 10px 0 0;
        background-color: #eee;
        padding: 10px 0;
    }

    .topic-post .manage-post {
        display: inline-block;
    }

        .topic-post .manage-post a {
            margin: 0 5px;
            padding: 0 0 0 22px;
            font-weight: bold;
            color: #000;
        }

            .topic-post .manage-post a:hover {
                text-decoration: underline;
                color: #000;
            }

    .topic-post .quote-post {
        display: inline-block;
        margin: 0 0 0 5px;
        font-weight: bold;
        color: #000;
        text-decoration: underline;
    }

        .topic-post .quote-post:hover {
            color: #333;
        }

    .topic-post .post-body {
        position: relative;
        min-height: 80px;
        padding-right: 40px;
        padding-left: 5px;
    }

    .topic-post .quote {
        margin: 5px 0 0;
        background-color: #f6f6f6;
        padding: 15px;
    }

    .topic-post .post-vote {
        position: absolute;
        top: 2px;
        right: 0;
        width: 25px;
        padding: 15px 0;
        text-align: center;
        font-size: 22px;
        color: #444;
    }

        .topic-post .post-vote span {
            cursor: pointer;
        }

        .topic-post .post-vote .vote.up {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            margin: auto;
            width: 0;
            height: 0;
            border-left: 12px solid transparent;
            border-right: 12px solid transparent;
            border-bottom: 10px solid #444;
        }

        .topic-post .post-vote .vote.down {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            width: 0;
            height: 0;
            border-left: 12px solid transparent;
            border-right: 12px solid transparent;
            border-top: 10px solid #444;
        }

    .topic-post .signature {
        border-top: 1px dashed #bbb;
        padding: 15px 0 0;
        font-style: italic;
    }

.forum-edit-page strong,
.private-message-send-page a {
    vertical-align: middle;
    font-size: 16px;
    font-weight: normal;
    color: #000;
}

.forum-edit-page .inputs strong {
    display: inline-block;
    width: 320px;
    max-width: 100%;
}

.forum-edit-page .inputs.reversed label,
.private-message-send-page .inputs.reversed label {
    width: auto;
    margin: 0;
    white-space: normal;
}

.forum-edit-page .toolbar,
.private-message-send-page .toolbar {
    width: 320px;
    max-width: 100%;
    margin: 0 auto 10px;
}

.forum-edit-page textarea,
.private-message-send-page textarea {
    height: 180px;
}

.forum-edit-page .buttons,
.move-topic-page .buttons,
.private-message-send-page .buttons,
.private-messages-page .buttons {
    margin: 15px 0 0;
    text-align: center;
}

    .forum-edit-page .buttons input,
    .move-topic-page .buttons input,
    .private-message-send-page .buttons input,
    .private-messages-page .buttons input,
    .private-message-view-page .buttons input {
        min-width: 115px;
        height: 36px;
        border: 1px solid #999;
        background-color: #bbb;
        box-shadow: inset 0 0 1px #fff;
        padding: 0 24px !important;
        font-size: 16px;
        text-transform: uppercase;
        color: #333;
    }

        .forum-edit-page .buttons input:hover,
        .move-topic-page .buttons input:hover,
        .private-message-send-page .buttons input:hover,
        .private-messages-page .buttons input:hover,
        .private-message-view-page .buttons input:hover {
            border-color: #888;
            background-color: #aaa;
        }

        .forum-edit-page .buttons input[type="submit"],
        .move-topic-page .buttons input[type="submit"],
        .private-messages-page .buttons input[type="submit"],
        .private-message-send-page .buttons input[type="submit"],
        .private-message-view-page .buttons input.button-1 {
            border: 1px solid #666;
            background-color: #777;
            box-shadow: inset 0 0 1px #ccc;
            color: #fff;
        }

            .forum-edit-page .buttons input[type="submit"]:hover,
            .move-topic-page .buttons input[type="submit"]:hover,
            .private-messages-page .buttons input[type="submit"]:hover,
            .private-message-send-page .buttons input[type="submit"]:hover,
            .private-message-view-page .buttons input.button-1:hover {
                border-color: #777;
                background-color: #888;
            }

.profile-info-box {
    overflow: hidden;
}

    .profile-info-box .avatar {
        margin: 15px auto;
    }

    .profile-info-box .title {
        margin: 0 0 10px;
        font-size: 16px;
        color: #000;
    }

        .profile-info-box .title strong {
            font-weight: normal;
        }

    .profile-info-box .send-pm {
        margin: 0 0 10px;
    }

.profile-page .topic {
    margin: 0 0 20px;
    border-bottom: 1px solid #ddd;
    padding: 0 0 15px;
    color: #333;
}

    .profile-page .topic:last-child {
        margin: 0 0 10px;
        border: none;
        padding: 0;
    }

.profile-page .topic-title {
    margin: 10px 0;
    font-size: 16px;
}

    .profile-page .topic-title a {
        font-style: italic;
        color: #000;
    }

        .profile-page .topic-title a:hover {
            text-decoration: underline;
        }

.profile-page .topic-data {
    color: #999;
}

.private-message-send-page .fieldset {
    margin-bottom: 0;
}

.private-message-send-page .message label {
    display: none;
}

.private-messages-page table {
    margin: 0 0 20px;
}

.private-messages-page td:first-child {
    text-align: center;
}

.private-messages-page td:last-child {
    width: 15%;
}

.private-messages-page .pm-unread,
.private-messages-page .pm-unread:hover {
    color: #393;
}

.private-messages-page .pager {
    margin: 0 0 20px;
    text-align: center;
}

.private-messages-page .buttons {
    margin: 5px 0;
}

.private-messages-page .mark-unread-pm-button {
    display: none;
}

.private-message-view-page .view-message {
    margin: 0 0 20px;
    border: 1px solid #ddd;
    padding: 15px;
}

.private-message-view-page .message-head {
    margin: 0 0 15px;
    line-height: 20px;
}

    .private-message-view-page .message-head label {
        font-weight: bold;
        color: #000;
    }

.private-message-view-page .message-body {
    border-top: 1px dashed #bbb;
    padding: 15px 0 0;
    line-height: 20px;
}

.private-message-view-page .buttons {
    margin: 0 0 5px;
    overflow: hidden;
}

.private-message-view-page .back-pm-button {
    display: none;
    text-transform: capitalize !important;
}

/* BB codes */

pre {
    white-space: pre-wrap;
    white-space: normal;
    word-wrap: break-word;
}

.csharpcode {
    margin: 10px 0;
    border: 1px dashed #ccc;
    background-color: #fff;
    padding: 10px;
    font-family: "Courier New", Courier, monospace;
    color: #000;
}

    .csharpcode .rem {
        color: green;
    }

    .csharpcode .kwrd {
        color: #00f;
    }

    .csharpcode .str {
        color: #006080;
    }

    .csharpcode .op {
        color: #00c;
    }

    .csharpcode .preproc {
        color: #c63;
    }

    .csharpcode .asp {
        background-color: #ff0;
    }

    .csharpcode .html {
        color: maroon;
    }

    .csharpcode .attr {
        color: red;
    }

    .csharpcode .alt {
        width: 100%;
        margin: 0;
        background-color: #f6f6f6;
    }

    .csharpcode .lnum {
        color: #666;
    }
