﻿/*********** CSS RESET ***********/

* {
    margin: 0;
    padding: 0;
    outline: none;
    text-decoration: none;
    box-sizing: border-box;
}

ol, ul {
    list-style: none;
}

a img {
    border: none;
    opacity: 0.99;
}

a:hover img {
    opacity: 0.9;
}

a:active {
    outline: none;
}

input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
    -webkit-appearance: none;
}

html {
    margin: 0 !important;
    -webkit-text-size-adjust: none;
}

/*********** GLOBAL STYLES ***********/

body {
    overflow-x: hidden;
    background: #fff url('../img/background.jpg') center top repeat-x;
    font: normal 16px 'Titillium Web',sans-serif;
    color: #666;
}

@font-face {
    font-family: 'Titillium Web',sans-serif;
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Titillium Web',sans-serif;
    font-weight: normal;
    font-style: normal;
}

a {
    color: #333399;
    cursor: pointer;
}

h1, h2, h3, h4, h5, h6 {
    color: #333399;
}

table {
    width: 100%;
    border-collapse: collapse;
}

input[type="button"], input[type="submit"],
button, .button-1, .button-2 {
    cursor: pointer;
}

    input[type="button"]:hover, input[type="submit"]:hover,
    button:hover, .button-1:hover, .button-2:hover {
        background-position: bottom !important;
    }


script {
    display: none !important;
}


input[type="checkbox"],
input[type="radio"],
input[type="checkbox"] + *,
input[type="radio"] + * {
    vertical-align: middle;
}

label, label + * {
    vertical-align: middle;
}

.required, .message-error,
.field-validation-error,
.username-not-available-status {
    font-size: 12px;
    color: #c00;
    vertical-align: top;
}

.required {
    margin-right: -7px;
}

.category-description ul,
.manufacturer-description ul,
.full-description ul,
.topic-block ul,
.topic-page ul,
.post-body ul,
.news-body ul,
.custom-tab ul {
    margin: 12px 0;
    padding-left: 36px;
    list-style: disc;
}

.category-description ol,
.manufacturer-description ol,
.full-description ol,
.topic-block ol,
.topic-page ol,
.post-body ol,
.news-body ol,
.custom-tab ol {
    margin: 12px 0;
    padding-left: 36px;
    list-style: decimal;
}

.category-description p,
.manufacturer-description p,
.full-description p,
.topic-block p,
.topic-page p,
.post-body p,
.news-body p,
.custom-tab p {
    font-size: 16px;
    line-height: 1.5;
    margin: 10px 0;
}

.category-description img,
.manufacturer-description img,
.full-description img,
.topic-block img,
.topic-page img,
.post-body img,
.news-body img {
    height: auto;
}

@media (max-width: 768px){
    .topic-page img{
        width: 100%;
    }
}

.admin-header-links {
    z-index: 1004;
    background: #666;
    text-align: center;
}

    .admin-header-links a {
        display: inline-block;
        border-bottom: 1px solid #101010;
        padding: 0;
        width: 100%;
        text-align: center;
        line-height: 33px;
        color: #fff;
        text-decoration: none;
        text-shadow: -1px -1px 0 #666;
    }

    .admin-header-links .impersonate {
        color: #fff;
        line-height: 33px;
        padding: 0 0 0 5px;
        display: block;
        background: #666;
        text-align: center;
    }

        .admin-header-links .impersonate a {
            text-decoration: underline;
            font-weight: bold;
        }

.bar-notification {
    display: none;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 30px;
    box-shadow: 0 1px 2px #666;
    line-height: 30px;
    color: #fff;
    opacity: 0.95;
    filter: alpha(opacity=95);
}

    .bar-notification.success {
        background: #333399;
        border-bottom: 1px solid #d6b18f;
    }

    .bar-notification.error,
    .bar-notification.warning {
        background: #f00;
        border-bottom: 1px solid #f55;
    }

    .bar-notification > * {
        float: left;
    }

    .bar-notification .content {
        margin-left: 10px;
    }

        .bar-notification .content a {
            color: #fff;
            text-decoration: underline;
        }

    .bar-notification .close {
        float: right;
        width: 16px;
        height: 16px;
        margin: 6px;
        border: 1px solid #666;
        box-shadow: inset 0 0 1px #999;
        background: #fff url('../img/close.png') center no-repeat;
        cursor: pointer;
        opacity: 0.7;
        filter: alpha(opacity=70);
    }

        .bar-notification .close:hover {
            opacity: 1;
            filter: alpha(opacity=100);
        }

.noscript {
    border-bottom: 1px solid #333;
    background-color: #ff9;
    padding: 30px 15px;
    text-align: center;
    line-height: 22px;
    color: #444;
}
/*Jquery popups start*/
.ui-dialog {
    position: absolute !important;
    z-index: 1003;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fff;
    max-width: 90%;
    left: 50% !important;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.ui-dialog-titlebar {
    border-bottom: 1px solid #aaa;
    border-radius: 3px 3px 0 0;
    overflow: hidden;
    background: rgb(244,244,244);
    background: -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(214,214,214,1) 100%);
    background: -webkit-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(214,214,214,1) 100%);
    background: linear-gradient(to bottom, rgba(244,244,244,1) 0%,rgba(214,214,214,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#d6d6d6',GradientType=0 );
    box-shadow: inset 0 1px 0 #fff;
    padding: 10px;
    color: #333;
    text-shadow: 1px 1px #eee;
}

    .ui-dialog-titlebar span {
        float: left;
        line-height: 18px;
        text-transform: uppercase;
    }

    .ui-dialog-titlebar .ui-dialog-title {
        text-shadow: 1px 1px 0 #fff;
    }


    .ui-dialog-titlebar button {
        float: right;
        width: 16px;
        height: 16px;
        border-radius: 3px;
        border: 1px solid #666;
        overflow: hidden;
        background: #fff url('../img/close.png') center no-repeat;
        box-shadow: inset 0 0 1px #999;
        text-indent: -9999px;
        opacity: 0.6;
    }

        .ui-dialog-titlebar button:hover {
            background-position: center !important;
            opacity: 0.9;
        }

.ui-dialog-content {
    height: auto !important;
    padding: 10px;
    line-height: 18px;
}

.ui-dialog .page-body button {
    border: 1px solid #ccc;
    border-radius: 3px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(205,205,205,1) 50%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(205,205,205,1) 50%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(205,205,205,1) 50%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
    background-size: 100% 200%;
    background-position: top;
    box-shadow: inset 0 1px 0 #f6f6f6;
    padding: 6px 10px;
    font: normal 12px 'Titillium Web',sans-serif;
    color: #333;
    text-shadow: 1px 1px 0 #fff;
    transition: all .2s ease;
}

.ui-dialog .page-title h1 {
    font-size: 25px;
}

.eu-cookie-bar-notification {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1002;
    width: 450px;
    max-width: 95%;
    height: 180px;
    margin: -90px 0 0 -225px;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2), inset 0 0 0 1px #fff;
    background: #fff;
    padding: 20px;
    text-align: center;
}

    .eu-cookie-bar-notification .text {
        margin-bottom: 20px;
        line-height: 20px;
    }

    .eu-cookie-bar-notification button {
        min-width: 60px;
        margin: 10px 0;
        border: 2px solid #999;
        border-radius: 5px;
        background: rgb(76,76,76);
        background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(0,0,0,1) 50%, rgba(76,76,76,1) 100%);
        background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(0,0,0,1) 50%,rgba(76,76,76,1) 100%);
        background: linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(0,0,0,1) 50%,rgba(76,76,76,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#4c4c4c',GradientType=0 );
        background-size: 100% 200%;
        background-position: top;
        box-shadow: 0 0 5px #000 inset;
        padding: 5px;
        font-size: 14px;
        font: normal 20px 'Titillium Web',sans-serif;
        color: #333399;
    }

        .eu-cookie-bar-notification button:hover {
            background-position: bottom;
        }

    .eu-cookie-bar-notification a {
        display: block;
        text-decoration: underline;
    }

.captcha-box {
    line-height: 15px;
}

#recaptcha_area, #recaptcha_table {
    margin: 10px 0 10px 90px;
}

.center-2 .validation-summary-errors li {
    text-align: center;
}

.blogpost-page #recaptcha_area, #recaptcha_table {
    margin: 10px auto;
}

.please-wait {
    background: url('../img/ajax_loader_small.gif') no-repeat;
    padding-left: 20px;
    display: inline-block;
    line-height: 18px;
}



/*********** GLOBAL FORMS & GLOBAL TABLES ***********/


.fieldset, .section {
    margin-bottom: 30px;
}

    .fieldset .title,
    .section .title {
        margin-bottom: 10px;
    }

.inputs {
    margin: 0 0 15px;
}

    .inputs:last-child {
        margin-bottom: 0;
    }

    .inputs > label,
    .review-rating label {
        display: inline-block;
        width: 98%;
        margin-bottom: 7px;
        vertical-align: middle;
    }

    .inputs input[type="text"],
    .inputs input[type="password"],
    .inputs input[type="tel"], .inputs input[type="email"],
    .inputs textarea {
        width: 98%;
        font: normal 12px 'Titillium Web',sans-serif;
        vertical-align: middle;
    }

    .inputs select {
        font: normal 12px 'Titillium Web',sans-serif;
        vertical-align: middle;
        max-width: 98%;
    }

        .inputs select:only-of-type {
            width: 98%;
        }

    .inputs textarea {
        height: 150px;
    }

    .inputs .field-validation-valid {
        display: block;
        font-size: 12px;
        color: #333399;
    }

    .inputs.custom-attributes {
        white-space: normal;
    }

.option-list {
    vertical-align: middle;
}

    .option-list li {
        margin: 0 3px 7px 0;
    }


/*********** HEADER, NAVIGATION, FOOTER ***********/


.master-wrapper-page {
    margin: 0 0 80px;
}

.header-line .center,
.master-wrapper-content,
.footer .center,
.bottomline .center {
    width: 95%;
    margin: 0 auto;
}

.header-line {
    position: relative;
    border-bottom: 1px solid #9e9e9e;
    background: rgb(64,64,64);
    background: -moz-linear-gradient(top, rgba(64,64,64,1) 0%, rgba(1,1,1,1) 100%);
    background: -webkit-linear-gradient(top, rgba(64,64,64,1) 0%,rgba(1,1,1,1) 100%);
    background: linear-gradient(to bottom, rgba(64,64,64,1) 0%,rgba(1,1,1,1) 100%);
    box-shadow: 0 10px 20px rgba(0,0,0,.3);
    text-align: center;
    z-index: 1003;
}

.header-contacts {
    font: italic 12px/35px Arial, Helvetica, sans-serif;
    color: #999;
}

    .header-contacts .phone {
        background: url('../img/icon1.png') left center no-repeat;
        padding-left: 18px;
    }

    .header-contacts .mail {
        display: inline-block;
    }

        .header-contacts .mail a {
            display: block;
            background: url('../img/icon2_new.png') left top no-repeat;
            padding-left: 20px;
            margin-left: 13px;
            color: #999;
        }

            .header-contacts .mail a:hover {
                background-position: left bottom;
                color: #333399;
            }

.header-links li {
    display: inline-block;
    margin-left: 10px;
    font: italic 12px/35px Arial, Helvetica, sans-serif;
}

.header-links a {
    color: #999;
}

    .header-links a.account {
        color: #333399;
    }

    .header-links a:hover {
        color: #c79d76;
    }

.header-selectors-wrapper {
    padding: 5px 0 15px;
}

    .header-selectors-wrapper > div {
        display: inline-block;
        margin: 0 5px;
    }

.language-list {
    vertical-align: middle;
    line-height: 0;
    max-width: 455px;
}

    .language-list li {
        display: inline-block;
        margin: 0 2px;
    }

    .language-list a {
        position: relative;
        display: block;
        width: 19px;
        height: 19px;
        line-height: 0;
    }

    .language-list img {
        position: absolute;
        width: 18px;
        height: 12px;
        top: 50%;
        left: 50%;
        margin-left: -9px;
        margin-top: -6px;
    }


.header {
    position: relative;
    z-index: 1002;
    clear: both;
    min-height: 110px;
    padding: 15px 0;
}

.header-logo {
    margin-bottom: 15px;
    text-align: center;
}

    .header-logo a {
        display: block;
        text-align: center;
    }

.search-box.store-search-box {
    position: relative;
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

    .search-box.store-search-box:after {
        content: "";
        display: block;
        clear: both;
    }

input.search-box-text,
.basic-search input[type="text"] {
    float: left;
    width: calc(100% - 33px) !important;
    height: 33px;
    border: 1px solid #999;
    border-radius: 5px 0 0 5px;
    background: rgb(234,234,234);
    background: -moz-linear-gradient(top, rgba(234,234,234,1) 0%, rgba(255,255,255,1) 68%);
    background: -webkit-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(255,255,255,1) 68%);
    background: linear-gradient(to bottom, rgba(234,234,234,1) 0%,rgba(255,255,255,1) 68%);
    padding: 0 10px;
    color: #666;
}

    input.search-box-text.ui-autocomplete-loading {
        background: url('../img/ajax_loader_small.gif') right center no-repeat;
    }

    input.search-box-text:focus {
        border: 1px solid #333;
        color: #333;
    }

.search-box-select {
    float: left;
    width: 120px;
    height: 33px;
    margin: 0 0 0 -1px;
    border: 1px solid #999;
    border-radius: 0;
    background: rgb(234,234,234);
    background: -moz-linear-gradient(top, rgba(234,234,234,1) 0%, rgba(255,255,255,1) 68%);
    background: -webkit-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(255,255,255,1) 68%);
    background: linear-gradient(to bottom, rgba(234,234,234,1) 0%,rgba(255,255,255,1) 68%);
    padding: 6px;
    color: #666;
}

    .search-box-select:focus {
        border-color: #333;
    }

.store-search-box .search-box-button {
    float: left;
    width: 33px;
    height: 33px;
    border: none;
    border-radius: 0 5px 5px 0;
    background: url('../img/button1.png') top no-repeat;
    text-indent: -99999px;
}

/*Default Autocomplete start*/
.ui-helper-hidden-accessible {
    display: none;
}

.ui-autocomplete.ui-menu.ui-widget.ui-widget-content {
    z-index: 1002 !important;
    width: 390px !important;
    margin-top: -1px;
    border: 1px solid #bbb;
    border-top: 1px dotted #ccc;
    border-radius: 5px 0 5px 5px;
    overflow: hidden;
    background: #fff;
}

    .ui-autocomplete.ui-menu.ui-widget.ui-widget-content a {
        display: block;
        padding: 8px;
        font-size: 12px;
        color: #666;
    }

        .ui-autocomplete.ui-menu.ui-widget.ui-widget-content a:hover,
        .ui-autocomplete.ui-menu.ui-widget.ui-widget-content .ui-state-focus {
            background: #ececec;
            color: #333;
            text-shadow: 1px 1px 0 #f6f6f6;
            cursor: pointer;
        }

    .ui-autocomplete.ui-menu.ui-widget.ui-widget-content img {
        vertical-align: middle;
        margin-right: 5px;
    }
/*Default Autocomplete end*/

.header-basket {
    display: none;
}

.header-menu {
    position: relative;
    z-index: 1001;
    margin-bottom: 25px;
    border-radius: 5px;
}


    .header-menu > ul:after {
        content: "";
        display: block;
        clear: both;
    }

.menu-title {
    display: none;
}

.header-menu > ul > li {
    float: left;
    padding-right: 2px;
}

    .header-menu > ul > li:first-child {
        border-left: none;
    }

    .header-menu > ul > li > a,
    .header-menu > ul > li > span {
        display: block;
        padding: 14px 20px;
        font: normal 14px 'Titillium Web',sans-serif;
        color: #bbb;
        text-transform: uppercase;
    }





.header-menu .sublist-wrap {
    display: none;
    position: absolute;
    z-index: 1001;
    min-width: 200px;
    border-radius: 0 0 5px 5px;
}

    .header-menu .sublist-wrap.active {
        display: block;
    }

.header-menu .sublist li {
    position: relative;
    background: #fff;
    border-bottom: 1px solid white;
}

    .header-menu .sublist li:last-child {
        border-bottom: none;
    }

        .header-menu .sublist li:last-child,
        .header-menu .sublist li:last-child a {
            border-radius: 0 0 5px 5px;
        }

    .header-menu .sublist li a {
        display: block;
        border: 1px solid #fff;
        padding: 8px 10px;
        font-size: 14px;
        color: #666 !important;
    }

.header-menu .sublist-wrap .sublist-wrap {
    top: 0;
    left: 100%;
}


/*custom select start*/
.new_select {
    width: 150px !important;
    border-radius: 3px;
    background: rgb(221,221,221);
    background: -moz-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(249,249,249,1) 100%);
    background: -webkit-linear-gradient(top, rgba(221,221,221,1) 0%,rgba(249,249,249,1) 100%);
    background: linear-gradient(to bottom, rgba(221,221,221,1) 0%,rgba(249,249,249,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#f9f9f9',GradientType=0 );
}

    .new_select .passiveSelect,
    .new_select .activeSelect {
        display: block;
        height: 25px;
        overflow: hidden;
        background: url(/Themes/Jewelry/Content/img/responsive-select_btn1.png) right top no-repeat;
        padding: 0 30px 0 5px;
        font: italic 15px/23px 'Titillium Web',sans-serif;
        color: #666;
        white-space: nowrap;
        cursor: pointer;
    }

        .new_select .passiveSelect:hover,
        .new_select .activeSelect:hover {
            background-position: right bottom;
        }

    .new_select .styleSelect_item {
        top: 25px !important;
        width: 100%;
    }

    .new_select .styleSelect_item_content {
        width: auto !important;
        min-width: 100px;
        border-top: none;
        border-radius: 0 0 5px 5px;
        box-shadow: 0 1px 5px #c5c5c5;
        background: #fff;
    }

.jspContainer, .jspPane {
    width: auto !important;
    height: auto !important;
}

.new_select ul {
    background: #fff;
    padding: 1px;
    cursor: pointer;
}

.new_select li {
    border-top: 1px dotted #ddd;
    padding: 3px 8px;
    font-weight: normal;
    color: #333;
    font-size: 14px;
    white-space: nowrap;
}

    .new_select li:first-child {
        border-top: none;
    }

    .new_select li:hover {
        background: #eee;
        color: #333399;
    }

.new_select .selected {
    color: #333399;
}
/*custom select end*/


.slider {
    overflow: hidden;
    margin-bottom: 10px;
}

    .slider .nivoSlider {
        overflow: hidden;
        margin-bottom: 0 !important;
        border-radius: 5px;
    }

    .slider img {
        border-radius: 5px;
    }

    .slider .shadow {
        height: 14px;
        background: url('../img/shadow1.png') center top no-repeat;
    }

.footer {
    min-height: 200px;
    background: rgb(67,67,67);
    background: -moz-linear-gradient(top, rgba(67,67,67,1) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top, rgba(67,67,67,1) 0%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(67,67,67,1) 0%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434343', endColorstr='#000000',GradientType=0 );
    padding: 25px 0;
    text-align: center;
}

    .footer .upper-area {
        position: relative;
        margin-bottom: 25px;
        overflow: hidden;
        padding-bottom: 15px;
    }

.upper-area:after {
    content: "";
    position: absolute;
    top: auto;
    display: block;
    bottom: 0;
    width: 100%;
    border-radius: 10px;
    border-top: 3px solid rgba(0,0,0,.3);
    border-bottom: 1px solid rgba(255,255,255,.15);
}

.footer .footlist {
    width: 100%;
    margin: 0 auto 20px;
    text-align: center;
}

    .footer .footlist .title {
        position: relative;
        margin-bottom: 10px;
        padding: 5px 0 15px;
        font: normal 16px 'kepler_eid';
        color: #333399;
        text-shadow: -1px -1px 0 #111;
        text-transform: uppercase;
    }

        .footer .footlist .title:after {
            content: "";
            position: absolute;
            top: auto;
            display: block;
            bottom: 0;
            width: 100%;
            border-radius: 10px;
            border-top: 3px solid rgba(0,0,0,.3);
            border-bottom: 1px solid rgba(255,255,255,.15);
        }

    .footer .footlist li {
        margin-bottom: 5px;
        font: normal 12px/20px Arial, Helvetica, sans-serif;
        color: #999;
    }

    .footer .footlist img {
        vertical-align: middle;
        margin-right: 10px;
    }

    .footer .footlist a {
        background: url('../img/arrow1.png') left center no-repeat;
        padding-left: 10px;
        color: #999;
    }

.footer-contacts a {
    background: none !important;
    padding-left: 0 !important;
}

.footer .lower-area {
    overflow: hidden;
}

    .footer .footbox,
    .footer .lower-area > div {
        display: block;
        vertical-align: top;
        margin: 0 auto 20px;
    }

        .footer .lower-area > div:last-child {
            margin-bottom: 0;
        }

.footer .footbox {
    margin: 0 auto 15px;
}

    .footer .footbox .title,
    .newsletter .title {
        margin-bottom: 10px;
        font: normal 14px 'kepler_eid';
        text-transform: uppercase;
        color: #a97f58;
        text-shadow: -1px -1px 0 #000;
    }

        .newsletter .title strong {
            font-weight: normal;
        }

.footer .newsletter .options {
    clear: both;
    margin-top: 10px;
}

    .footer .newsletter .options > span {
        display: inline-block;
        margin-right: 10px;
    }

.footer .newsletter {
    max-width: 300px;
}

.newsletter-subscribe {
    overflow: hidden;
    position: relative;
}

    .newsletter-subscribe .options {
        display: none;
    }

    .newsletter-subscribe .newsletter-unsubscribe-button {
        position: absolute;
        bottom: 0;
        left: 0;
        margin: auto;
        background: none;
        border: none;
        color: #999;
        font-style: italic;
        font-size: 13px;
        text-decoration: underline;
    }

        .newsletter-subscribe .newsletter-unsubscribe-button:hover {
            color: #333399;
        }

    .newsletter-subscribe .newsletter-subscribe-button {
        font-size: 0;
    }

input.newsletter-subscribe-text {
    float: left;
    width: calc(100% - 30px);
    height: 30px;
    border: 1px solid #666666;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.5);
    border-radius: 5px 0 0 5px;
    background: rgb(221,221,221);
    background: -moz-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(249,249,249,1) 100%);
    background: -webkit-linear-gradient(top, rgba(221,221,221,1) 0%,rgba(249,249,249,1) 100%);
    background: linear-gradient(to bottom, rgba(221,221,221,1) 0%,rgba(249,249,249,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#f9f9f9',GradientType=0 );
    padding: 0 10px;
    text-transform: lowercase;
    color: #666;
}

.newsletter-subscribe-button {
    float: left;
    width: 30px;
    height: 30px;
    border: none;
    background: url('../img/button3.png') top no-repeat;
}

.newsletter-subscribe .please-wait {
    float: left;
    margin: 3px 0 0 5px;
    font: italic 12px Arial, Helvetica, sans-serif;
    color: #666;
}

.newsletter-result-block {
    display: block;
    font: italic 12px Arial, Helvetica, sans-serif;
    color: #666;
    text-transform: lowercase;
}

.newsletter-result {
    text-align: left;
}

.footer .footbox.pay-options img {
    width: 14%;
    max-width: 48px;
    margin-right: 3px;
}

.footer .footbox.social a {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-left: 5px;
}

    .footer .footbox.social a.facebook {
        background: url('../img/social1.png') no-repeat;
    }

    .footer .footbox.social a.twitter {
        background: url('../img/social2.png') no-repeat;
    }

    .footer .footbox.social a.youtube {
        background: url('../img/social4.png') no-repeat;
    }

    .footer .footbox.social a.pinterest {
        background: url('../img/social5.png') no-repeat;
    }

    .footer .footbox.social a.google-plus {
        background: url('../img/social6.png') no-repeat;
    }

    .footer .footbox.social a.rss {
        background: url('../img/social3.png') no-repeat;
    }

    .footer .footbox.social a.instagram {
        background: url('../img/instagram.png') no-repeat;
    }

.bottomline {
    position: relative;
    color: #888;
    text-align: center;
    padding: 17px 10px 20px;
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid #333;
    border-bottom: 1px solid #555;
    background: rgb(28,28,28);
    background: -moz-linear-gradient(top, rgba(28,28,28,1) 0%, rgba(84,84,84,1) 100%);
    background: -webkit-linear-gradient(top, rgba(28,28,28,1) 0%,rgba(84,84,84,1) 100%);
    background: linear-gradient(to bottom, rgba(28,28,28,1) 0%,rgba(84,84,84,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1c1c', endColorstr='#545454',GradientType=0 );
}

    .bottomline a {
        color: #ccc;
        text-decoration: none;
    }

    .footer-poweredby,
    .footer-designed-by,
    .bottomline .footer-disclaimer,
    .footer-tax-shipping {
        display: block;
        line-height: normal;
        margin-bottom: 15px;
    }

.footer-designed-by {
    margin-bottom: 20px;
}

    .footer-poweredby a:hover,
    .footer-designed-by a:hover {
        color: #bbb;
    }

.footer-storetheme {
    display: block;
}

    .footer-storetheme select {
        border-radius: 4px;
        padding: 2px;
        color: #666;
        height: 30px;
        border: 1px solid #666666;
        box-shadow: inset 0 1px 3px rgba(0,0,0,.5);
        background: rgb(221,221,221);
        background: -moz-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(249,249,249,1) 100%);
        background: -webkit-linear-gradient(top, rgba(221,221,221,1) 0%,rgba(249,249,249,1) 100%);
        background: linear-gradient(to bottom, rgba(221,221,221,1) 0%,rgba(249,249,249,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#f9f9f9',GradientType=0 );
    }


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset;
}





/*********** LEFT&RIGHT COLUMNS ***********/





.block {
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #fff;
    box-shadow: inset 0 1px 0 #fff;
    /*padding: 10px;*/
}

    .block .title {
        padding: 10px;
        font-size: 14px;
        text-transform: uppercase;
        color: #333399;
        border-radius: 3px;
        box-shadow: inset 0 1px 0 #fff;
        text-shadow: 1px 1px 0 #fff;
        background: rgb(234,234,234);
        background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(255,255,255,1) 100%);
        background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(255,255,255,1) 100%);
        background: linear-gradient(to bottom, rgba(226,226,226,1) 0%,rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#ffffff',GradientType=0 );
    }

        .block .title strong,
        .block .title a.toggleControl {
            display: block;
            width: 100%;
            border: none;
            box-shadow: none;
            padding: 5px;
            font-size: 14px;
            font-weight: normal;
            cursor: pointer;
            background: url(/Themes/Jewelry/Content/img/responsive-toggle.png) no-repeat 97% center;
        }

    .block .listbox {
        padding: 0 10px;
    }

    .block .list > li {
        border-top: 1px solid #fff;
        border-bottom: 1px dotted #ddd;
        color: #333;
    }

        .block .list > li:last-child {
            border-bottom: none;
        }

        .block .list > li > a {
            font-size: 13px;
        }

    .block .list li a {
        display: block;
        background: url('../img/arrow3.png') 5px center no-repeat;
        text-shadow: 1px 1px 0 #fff;
    }

    .block .list li:hover > a,
    .block .list li.active > a,
    .block .list li > a.active {
        background-color: white !important;
        color: #21405b;
    }

@media (min-width: 769px) {
    .block .list li:hover > a,
    .block .list li.active > a,
    .block .list li > a.active {
        background-color: #F4F7FA !important;
        color: #21405b;
    }
}

.block .sublist {
    margin: 5px 0 5px 15px;
}

    .block .sublist a {
        color: #666;
    }

    .block .sublist li:hover > a {
        background-color: transparent;
    }

    .block .sublist li.active:hover > a {
        background-color: #eee;
    }

.block-popular-tags ul,
.block-popular-blogtags ul {
    overflow: hidden;
    padding: 5px;
}

.block-popular-tags li,
.block-popular-blogtags li {
    display: inline-block;
}

.block-popular-tags a,
.block-popular-blogtags a {
    display: inline-block;
    line-height: 20px;
    color: #666;
}

    .block-popular-tags a:hover,
    .block-popular-blogtags a:hover {
        color: #333399;
    }

.block .view-all {
    border-top: 1px dotted #ddd;
    padding: 5px 0;
    text-align: right;
}

    .block .view-all a {
        text-transform: none;
        color: #333;
        display: inline-block;
        line-height: 24px;
    }

        .block .view-all a:hover {
            color: #333399;
        }

.poll-display-text {
    display: block;
    margin-bottom: 15px;
    color: #333399;
}

.poll-options {
    margin-bottom: 10px;
    border-radius: 3px;
    background: #f6f6f6;
    padding: 10px;
    text-align: left;
}

    .poll-options .answer {
        padding: 2px;
        line-height: 21px;
    }

        .poll-options .answer:hover {
            color: #333399;
        }

.poll {
    overflow: hidden;
    margin: 5px 0 10px;
    border-top: 1px dotted #ccc;
    padding-top: 15px;
}

    .poll .buttons {
        text-align: right;
        overflow: hidden;
        margin-bottom: 10px;
    }

.vote-poll-button {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(205,205,205,1) 50%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(205,205,205,1) 50%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(205,205,205,1) 50%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
    background-size: 100% 200%;
    background-position: top;
    box-shadow: inset 0 1px 0 #f6f6f6;
    padding: 5px 20px;
    color: #333;
    text-shadow: 1px 1px 0 #fff;
    transition: all .2s ease;
}

.poll-results {
    padding: 0 10px 15px;
}

    .poll-results li {
        margin-bottom: 5px;
    }

.poll-total-votes {
    display: block;
    border-top: 1px dotted #ddd;
    padding: 10px 0 0px;
    text-align: right;
    color: #333;
}

.block-recently-viewed-products .separator {
    display: none;
}


/********** CATEGORIES & MANUFACTURERS **********/





.page-title {
    margin-bottom: 10px;
}

    .page-title:after {
        content: "";
        display: block;
        clear: both;
    }


.link-rss {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 5px 5px 0 0;
    overflow: hidden;
    background: url('../img/icon_rss.png') no-repeat;
    background-size: contain;
    text-indent: 24px;
    float: right;
}

    .link-rss a {
        display: block;
        width: 24px;
        height: 24px;
    }


.product-viewmode select {
    min-width: 80px;
}

.product-page-size select {
    min-width: 60px;
}

.product-viewmode,
.product-page-size {
    display: none;
}

.product-filter {
    margin-bottom: 20px;
}

.product-filters {
    display: none;
    margin-bottom: 10px;
    overflow: hidden;
}

    .product-filters .title,
    .product-filters .filter-title {
        display: block;
        margin-bottom: 10px;
        border-bottom: 1px dotted #ccc;
        padding: 10px 0;
        color: #333;
    }

    .product-filters .available-items,
    .product-filters .filter-content {
        overflow: hidden;
    }

    .product-filters ul {
        float: left;
        margin: 0 1% 1% 0;
        border: 1px solid #ddd;
        border-radius: 3px;
        background: #eee;
        padding: 0 10px;
        width: 49%;
    }

        .product-filters ul:nth-child(2n) {
            margin: 0 0 1%;
        }

    .product-filters li {
        border-top: 1px dotted #ccc;
    }

        .product-filters li:first-child {
            border-top: 0;
        }

        .product-filters li.title {
            margin: 0;
            border: 0;
            font: normal 12px 'Titillium Web',sans-serif;
            color: #333399;
            cursor: default;
        }

        .product-filters li a {
            display: block;
            padding: 9px 0;
            color: #444;
        }

            .product-filters li a:hover {
                color: #333399;
            }

.already-filtered-items .item,
.selected-price-range {
    margin-bottom: 10px;
    color: #333399;
}

.remove-filter a {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(205,205,205,1) 50%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(205,205,205,1) 50%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(205,205,205,1) 50%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
    background-size: 100% 200%;
    background-position: top;
    box-shadow: inset 0 1px 0 #f6f6f6;
    padding: 5px 20px;
    font-size: 12px;
    color: #333;
    text-shadow: 1px 1px 0 #fff;
}

    .remove-filter a:hover {
        background-position: bottom;
    }

.item-grid {
    margin-bottom: 20px;
}

    .item-grid:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        font-size: 0;
        line-height: 0;
        visibility: hidden;
    }

.item-box .rating,
.item-box .description {
    display: none;
    margin: 0;
}

.item-box .picture > a:before {
    content: "";
    display: block;
    padding-top: 100%;
    width: 100%;
}

.item-box .picture {
    position: relative;
    margin: 0 0 10px;
    overflow: hidden;
    text-align: center;
}

.item-box .manufacturer-item .picture,
.item-box .vendor-item .picture {
    margin-bottom: 0;
}

    .item-box .manufacturer-item .picture img,
    .item-box .vendor-item .picture img {
        border-radius: 0 0 5px 5px;
    }

.item-box .picture > a {
    display: block;
    height: 100%;
    position: relative;
    text-align: center;
}

.item-box .picture img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    transition: opacity .2s ease;
}


.item-box .product-title {
    height: 39px;
    margin-bottom: 25px;
}

    .item-box .product-title a {
        color: #444;
    }

        .item-box .product-title a:hover {
            color: #333399;
        }

.item-box .description {
    height: 28px;
    line-height: 1.2;
    margin-bottom: 10px;
    overflow: hidden;
    font-size: 12px;
}

.item-box .prices {
    max-height: 50px;
    margin-bottom: 10px;
    overflow: hidden;
}

    .item-box .prices span {
        vertical-align: middle;
    }

.tax-shipping-info,
.base-price-pangv {
    font-size: 12px;
}

.item-box .old-price {
    margin-right: 5px;
    color: #999;
    text-decoration: line-through;
}

.item-box .actual-price {
    margin-right: 5px;
    color: #333399;
}

    .item-box .actual-price:empty {
        display: none;
    }

.item-box input[type="button"]:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: red;
}

.item-box .button-2.add-to-compare-list-button,
.item-box .button-2.add-to-wishlist-button {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%) repeat scroll 0 0;
    border: 1px solid #cccccc;
    border-radius: 3px;
    left: 50%;
    top: 25%;
    transition: all 0.15s ease-in-out 0s;
    color: #333399;
    font: 12px 'Titillium Web',sans-serif;
    box-shadow: none;
    text-shadow: none;
    font-weight: bold;
    display: none; /* remove this line if you need to show this buttons */
}

    .item-box .button-2.add-to-compare-list-button:hover,
    .item-box .button-2.add-to-wishlist-button:hover {
        background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #e5e5e5 0%, #ffffff 100%) repeat scroll 0 0;
    }

.item-box .sku {
    display: none;
    margin: 0 0 10px;
    font-size: 12px;
}

.category-title,
.grid-title,
.vendor-title,
.product-grid .title {
    margin-bottom: 10px;
}

    .category-title .title,
    .grid-title strong,
    .vendor-title h2,
    .product-grid .title,
    .home-page .topic-block-title h2 {
        background: url('../img/bullet1.png') 5px center no-repeat;
        padding-left: 40px;
        font: normal 28px 'kepler_eid';
        color: #333399;
    }

.home-page-category-grid {
    overflow: hidden;
}

    .home-page-category-grid .item-grid {
        border-width: 1px;
    }

    .home-page-category-grid .picture,
    .sub-category-grid .picture,
    .manufacturer-grid .picture {
        display: none;
    }

        .home-page-category-grid .picture img,
        .sub-category-grid .picture img,
        .manufacturer-grid .picture img {
            border-radius: 0 0 5px 5px;
        }



    .sub-category-grid .item-box,
    .home-page-category-grid .item-box {
        margin: 0 auto 10px;
        max-width: none;
    }

.category-description,
.manufacturer-description,
.vendor-description {
    margin-bottom: 10px;
    padding: 5px 10px;
    text-align: justify;
    font-size: 14px;
    line-height: 1.5;
    color: #666;
}

.home-page-product-grid .product-title {
    height: 44px;
    line-height: normal;
}

.product-grid + .product-grid {
    margin-top: 30px;
}

.product-grid .title strong {
    font-weight: bold;
}

.product-grid .item-grid,
.product-list .item-grid {
    border-radius: 5px;
}

.related-products-grid .item-grid,
.also-purchased-products-grid .item-grid {
    border-radius: 5px !important;
}

.center-2 .related-products-grid .item-grid,
.center-2 .also-purchased-products-grid .item-grid {
    margin-bottom: 0;
}



.bestsellers .title strong {
    font-weight: normal;
}

.product-grid.bestsellers .item-grid {
    border-radius: 5px;
}

.pager {
    margin-top: 20px;
    overflow: hidden;
}

    .pager ul {
        float: right;
        overflow: hidden;
    }

    .pager li {
        float: left;
        margin: 0 0 5px 5px;
    }

        .pager li:first-child {
            margin: 0;
        }

    .pager .total-summary {
        line-height: 30px;
    }



.number-of-returned-products {
    margin-bottom: 15px;
}



/*********** PRODUCT PAGE ***********/

.qq-upload-button {
    margin: 0 auto 7px;
    background: rgb(182,140,101) !important;
    background: -moz-linear-gradient(top, rgba(182,140,101,1) 0%, rgba(132,94,74,1) 50%, rgba(182,140,101,1) 100%) !important;
    background: -webkit-linear-gradient(top, rgba(182,140,101,1) 0%,rgba(132,94,74,1) 50%,rgba(182,140,101,1) 100%) !important;
    background: linear-gradient(to bottom, rgba(182,140,101,1) 0%,rgba(132,94,74,1) 50%,rgba(182,140,101,1) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333399', endColorstr='#333399',GradientType=0 ) !important;
    background-size: 100% 200% !important;
    background-position: top !important;
    border-radius: 3px;
    transition: all .2s ease;
}

.qq-upload-button-hover {
    background-position: bottom !important;
}

.qq-upload-list li {
    border-radius: 3px;
    height: 32px;
    padding: 8px;
    font-size: 14px !important;
}

.attributes dd > div {
    margin-bottom: 10px;
}


.product-details-page {
    margin-bottom: 20px;
    padding-top: 3px;
}

.product-essential:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
}

.product-essential .rating {
    margin: 0 auto 15px;
}

.product-essential .add-to-cart {
    margin: 15px 0;
    font-size: 0;
}

@media (max-width: 768px) {
    .product-essential .add-to-cart {
        margin: 15px 0;
        font-size: 0;
        display: flex;
        flex-direction: row;
        align-items: end;
    }
}

.gallery {
    margin-bottom: 20px;
}

    .gallery .picture {
        width: 310px;
        max-width: 100%;
        margin: auto;
        border: 1px solid #ddd;
        overflow: hidden;
        text-align: center;
        position: relative;
    }

        .gallery .picture:before,
        .gallery .picture-thumbs .thumb-item:before {
            content: " ";
            display: block;
            padding-top: 100%;
        }

        .gallery .picture img,
        .gallery .picture-thumbs .thumb-item img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            max-width: 100%;
        }

    .gallery .picture-thumbs {
        overflow: hidden;
        margin: 0 auto;
    }

@media (max-width: 768px) {
    .gallery .picture-thumbs {
        display: none;
    }
}

.gallery .picture-thumbs .thumb-item {
    position: relative;
    float: left;
    width: calc(33.33% - 6.7px);
    overflow: hidden;
    margin: 10px 10px 0 0;
    border: 1px solid #ddd;
    backface-visibility: hidden;
}

    .gallery .picture-thumbs .thumb-item:nth-child(3n) {
        margin-right: 0;
    }

    .gallery .picture-thumbs .thumb-item img {
        vertical-align: middle;
        transition: all .3s ease;
    }

.product-details-page .overview {
    position: relative; /*Cloud Zoom position*/
    margin-bottom: 20px;
}

.product-details-page .discontinued-product h4 {
    margin: 0 0 10px;
    color: #c00;
    text-transform: uppercase;
}

.product-details-page .product-name {
    margin-bottom: 10px;
}

    .product-details-page .product-name h1,
    .product-details-page .variant-name {
        display: inline-block;
        background: url('../img/bullet1.png') left center no-repeat;
        padding-left: 35px;
        font: normal 28px 'kepler_eid';
        color: #333399;
    }

.product-details-page .short-description,
.product-details-page .variant-description {
    margin-bottom: 15px;
    font: italic 12px/18px 'Titillium Web',sans-serif;
    color: #666;
}

.back-in-stock-subscription {
    margin-bottom: 10px;
}
/*.back-in-stock-subscription .subscribe-button {
	margin-right: 10px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(205,205,205,1) 50%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(205,205,205,1) 50%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(205,205,205,1) 50%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
    background-size: 100% 200%;
    background-position: top;
	box-shadow: inset 0 1px 0 #f6f6f6;
	padding: 5px 10px;
	font: normal 11px Tahoma, Geneva, sans-serif;
	color: #333;
	text-shadow: 1px 1px 0 #fff;
}*/
.product-details-page .manufacturers {
    margin-bottom: 10px;
}

    .product-details-page .manufacturers a {
        font-weight: bold;
        text-transform: uppercase;
        color: #333;
    }

        .product-details-page .manufacturers a:hover {
            text-decoration: underline;
        }

.product-no-reviews,
.product-reviews-overview {
    margin-bottom: 15px;
}

    .product-no-reviews a {
        font-size: 12px;
    }

        .product-no-reviews a:hover,
        .product-review-links a:hover {
            text-decoration: underline;
        }

.product-review-box {
    margin-bottom: 5px;
}

.download-sample {
    margin-bottom: 15px;
}

.download-sample-button a {
    font-size: 12px;
    font-weight: bold;
    color: #333;
    text-decoration: underline;
}

.product-details-page .add-info,
.product-details-page .additional-details {
    margin-bottom: 15px;
}

    /*.product-details-page .add-info div {
    display: inline-block;
}*/

    .product-details-page .add-info input {
        display: inline-block;
        margin: 0 2px 10px;
    }

    .product-details-page .add-info .compare-products {
        display: inline-block;
    }



.email-a-friend-button {
    height: 27px;
    border: none;
    background: none;
    font: normal 12px/27px 'Titillium Web',sans-serif;
    color: #333399;
}

    .email-a-friend-button:hover {
        text-decoration: underline;
    }

.product-details-page .sku,
.product-details-page .gtin,
.product-details-page .free-shipping,
.product-details-page .product-vendor {
    margin: 8px auto;
}

.product-details-page .stock {
    margin-bottom: 15px;
}

    .product-details-page .stock .value {
        font-weight: bold;
        text-transform: uppercase;
    }

.product-details-page .free-shipping {
    width: 100px;
    height: 100px;
    background: url('../img/free-shipping.png') no-repeat;
    padding: 25px 5px 5px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    cursor: default;
}

.product-vendor a:hover {
    text-decoration: underline;
}

.product-details-page .tax-shipping-info {
    line-height: 1.4;
}

.product-details-page .min-qty-notification {
    margin: 0 0 15px;
    font-style: italic;
}

.attributes {
    margin-bottom: 15px;
}

    .attributes:after {
        content: '';
        display: block;
        clear: both;
    }

    .attributes dl {
        line-height: 18px;
    }

    .attributes dt {
        margin-bottom: 5px;
        font-size: 12px;
        font-weight: bold;
        color: #333;
    }

    .attributes dd {
        margin-bottom: 10px;
    }

    .attributes input {
        vertical-align: middle;
    }

    .attributes select {
        min-width: 100px;
        max-width: 100%;
        border: 1px solid #bbb;
        padding: 2px;
        font-size: 12px;
        color: #666;
    }


        .attributes select + .qty-box {
            margin-top: 10px;
        }

    .attributes .qty-box input[type='text'] {
        width: 40px;
        text-align: center;
        padding: 0;
        height: 32px;
        margin-left: 5px;
    }

.rental-attributes input[type='text'] {
    width: 100%;
    max-width: 280px;
    font-size: 12px;
    padding: 9px 5px;
}

.attribute-item {
    margin-bottom: 15px;
}

.attribute-label {
    margin-bottom: 6px;
}

/*Rental Products Calendar*/
.ui-datepicker {
    width: 280px;
    background-color: #fff;
    text-align: center;
}

.ui-datepicker-header {
    position: relative;
    height: 30px;
    border-color: #000;
    background: #333;
    color: #fff;
}

    .ui-datepicker-header a {
        position: absolute;
        top: 0;
        z-index: 1;
        width: 30px;
        height: 30px;
        font-size: 0;
    }

        .ui-datepicker-header a.ui-datepicker-prev {
            left: 0;
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAFpJREFUeNqMzzEKgGAMg9EeRhwEBSfvvzg5eAlBdPEGz6U/iIhaKJTyJSSByG0xY0Nz+QeiHB12HOjvUAHrdPEEXMHR9yyBCusfx1Jky4zDGxjZdEpBewfPAQB5weeCp5OjNgAAAABJRU5ErkJggg==) center no-repeat;
        }

        .ui-datepicker-header a.ui-datepicker-next {
            right: 0;
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODNBMDk3ODNFRUQ4MTFFMkI1QTlBRTgyMjQxQ0U0NzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODNBMDk3ODRFRUQ4MTFFMkI1QTlBRTgyMjQxQ0U0NzEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4M0EwOTc4MUVFRDgxMUUyQjVBOUFFODIyNDFDRTQ3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4M0EwOTc4MkVFRDgxMUUyQjVBOUFFODIyNDFDRTQ3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv2x/5EAAABZSURBVHjaYvj//z8DGtYC4ldAfAGIdWHiDFgUgrAhEH8A4tdArAcSYwSrxg1Akq+B2Aak8CmQIcWAHxwnxsSXIBNxudEc6sZXMA9hU6QLVXAGGgJgcYAAAwCrw48pVvch+wAAAABJRU5ErkJggg==) center no-repeat;
        }

.ui-datepicker-title {
    position: relative;
    z-index: 0;
    background: rgb(99,99,99);
    background: -moz-linear-gradient(top, rgba(93,93,93,1) 0%, rgba(16,16,16,1) 100%);
    background: -webkit-linear-gradient(top, rgba(93,93,93,1) 0%,rgba(16,16,16,1) 100%);
    background: linear-gradient(to bottom, rgba(93,93,93,1) 0%,rgba(16,16,16,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d5d5d', endColorstr='#101010',GradientType=0 );
    line-height: 30px;
    font: normal 13px/30px 'Titillium Web',sans-serif;
    color: #bbb;
    text-shadow: -1px -1px 0px #111;
    text-transform: uppercase;
}

.miniProductDetailsView .message-error {
    font-weight: normal;
    font-size: 12px;
}

.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 {
            background: #eee;
        }

.attribute-squares li {
    display: inline-block;
    position: relative;
}

.attribute-squares .attribute-square-container {
    display: inline-block;
    border: solid 1px #999;
    padding: 1px;
    cursor: pointer;
    border-radius: 3px;
}

.attribute-squares .selected-value .attribute-square-container {
    border: 2px solid #075899;
    padding: 0;
}

.attribute-squares .attribute-square {
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: 2px;
}

td .attribute-squares .attribute-square-container {
    height: 17px;
}

td .attribute-squares .attribute-square {
    width: 13px;
    height: 13px;
}


.attribute-squares input {
    position: absolute;
    z-index: -1;
    top: 20%;
    left: 20%;
}

.order-line {
    width: 100%;
}

.add-to-cart div {
    display: inline-block;
}

.order-line .prices {
    margin-bottom: 10px;
}

    /*.order-line .prices > div {
    margin-right: 10px;
}*/

    .order-line .prices > div:only-of-type {
        margin: 0;
    }

.order-line .rental-price {
    line-height: normal;
}

    .order-line .rental-price label {
        display: block;
    }

.rental-price span {
    font-weight: bold;
}

.order-line .product-price {
    color: #b68c79;
    margin-right: 10px;
    line-height: 38px;
}

.order-line .old-product-price {
    margin-right: 10px;
    color: #999;
    text-decoration: line-through;
}

.add-to-cart .customer-entered-price {
    display: block;
    margin-bottom: 15px;
    border-radius: 3px;
    overflow: hidden;
    background: #f3f3f3;
    padding: 10px;
}

.customer-entered-price label {
    display: block;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #333;
}

.customer-entered-price input {
    width: 100px;
    height: 32px;
    margin-bottom: 5px;
    box-shadow: inset 0 0 5px #ccc;
    padding: 5px;
    font: normal 14px Arial, Helvetica, sans-serif;
}

.customer-entered-price .price-input {
    margin-bottom: 5px;
}

.customer-entered-price .price-range {
    clear: both;
    color: #333399;
}

.add-to-cart .quantity {
    margin: 0 5px 10px 0;
    vertical-align: top;
}

/* Product share button fix  */

.addthis_default_style .addthis_separator,
.addthis_default_style .at4-icon,
.addthis_default_style .at300b,
.addthis_default_style .at300bo,
.addthis_default_style .at300bs,
.addthis_default_style .at300m {
    float: none !important;
}


.add-to-cart .qty-label {
    margin-right: 8px;
    font: bold 12px/38px 'Titillium Web',sans-serif;
    color: #666;
}

.add-to-cart .qty-input,
.add-to-cart .qty-dropdown {
    width: 50px;
    height: 38px;
    padding: 7px;
    text-align: center;
    font: normal 15px Arial, Helvetica, sans-serif;
    vertical-align: top;
}

.add-to-cart .qty-dropdown {
    width: 60px;
}

.add-to-cart .add-to-cart-button {
    border: 2px solid #999;
    border-radius: 3px;
    padding: 6px 28px;
    text-align: center;
    font: normal 20px 'Titillium Web',sans-serif;
    color: #333399;
    font-weight: bold;
}

.add-to-cart .add-to-wishlist-button {
    display: none;
}

.product-details-page .full-description {
    margin-bottom: 20px;
    line-height: 18px;
}

.product-specs-box {
    clear: both;
    margin-bottom: 20px;
}

.product-details-page .title {
    margin-bottom: 10px;
    color: #444;
}

.product-specs-box .odd td {
    background: #eee;
}

.product-specs-box .even td {
    background: #fff;
}

.product-specs-box td:first-child {
    width: 200px;
    text-align: left;
}

/*Jquery Tabs start*/
.ui-tabs {
    display: block !important;
    clear: both;
    margin-bottom: 20px;
}

    .ui-tabs .ui-tabs-nav {
        border-radius: 5px 5px 0 0;
    }

        .ui-tabs .ui-tabs-nav li {
            border-radius: 0;
            background: rgb(76,76,76);
            background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(0,0,0,1) 50%, rgba(76,76,76,1) 100%);
            background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(0,0,0,1) 50%,rgba(76,76,76,1) 100%);
            background: linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(0,0,0,1) 50%,rgba(76,76,76,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#4c4c4c',GradientType=0 );
            background-size: 100% 200%;
            background-position: top;
            transition: all .2s ease;
        }

            .ui-tabs .ui-tabs-nav li:first-child {
                border-radius: 4px 4px 0 0;
            }

            .ui-tabs .ui-tabs-nav li a {
                display: block;
                padding: 3px 15px;
                text-align: center;
                font: normal 12px/30px 'Titillium Web',sans-serif;
                text-transform: uppercase;
                color: #bbb;
                text-shadow: -1px -1px 0px #111;
            }

            .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
            .ui-tabs .ui-state-active.ui-tabs-active a {
                color: #333399;
                border-bottom: 1px solid #333399;
            }

    .ui-tabs .ui-tabs-panel {
        clear: both;
        border-top: 1px dotted #ccc;
        border-bottom: 1px dotted #ccc;
        padding: 10px;
        line-height: 18px;
        overflow: hidden;
    }

    .ui-tabs .full-description {
        margin-bottom: 0;
    }

    .ui-tabs .product-specs-box {
        margin: 0;
    }

        .ui-tabs .product-specs-box td {
            border: 1px dotted #ccc;
            border-right: none;
            text-align: left;
        }

        .ui-tabs .product-specs-box tr:last-child td {
            border-bottom: none;
        }

    .ui-tabs .write-review .form-fields {
        background: #f6f6f6;
        padding: 10px 15px 15px;
    }

    .ui-tabs .review-rating > label {
        margin: 0 7px 0 0;
    }

    .ui-tabs .productTabs-body ul {
        text-align: left;
        padding: 0;
    }
/*Jquery Tabs end*/

.product-variant-line {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #ccc;
}

    .product-variant-line:first-child {
        padding-top: 20px;
        border-top: 1px dotted #ccc;
    }

    .product-variant-line:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        font-size: 0;
        line-height: 0;
        visibility: hidden;
    }

    .product-variant-line .variant-picture {
        width: 170px;
        min-height: 170px;
        margin: 0 auto 15px;
        border: 1px solid #ddd;
        overflow: hidden;
        text-align: center;
    }

    .product-variant-line .variant-name {
        margin-bottom: 10px;
        font-size: 32px;
    }

    .product-variant-line .stock {
        margin: 0 7px;
        line-height: 26px;
    }

    .product-variant-line .order-line {
        background: #f6f6f6;
        padding: 7px;
        border-radius: 5px;
    }


.tier-prices {
    margin-bottom: 20px;
}

    .tier-prices .prices-header {
        margin-bottom: 5px;
        color: #444;
    }

    .tier-prices td {
        border: 1px solid #ccc;
        background: #f6f6f6;
        padding: 6px;
        height: 18px;
    }

    .tier-prices .item-price {
        color: #333399;
    }

.product-tags-box {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 20px;
}

.product-tags-list {
    overflow: hidden;
    line-height: 20px;
}

    .product-tags-list ul {
        overflow: hidden;
    }

    .product-tags-list li {
        display: inline-block;
        color: #999;
    }

        .product-tags-list li.separator {
            margin-right: 8px;
        }

        .product-tags-list li a {
            color: #333399;
        }

            .product-tags-list li a:hover {
                text-decoration: underline;
            }

.product-tags-all-page ul,
.vendor-list {
    margin-bottom: 10px;
    border: none;
    background: #f6f6f6;
    padding: 10px;
    border-radius: 5px;
    overflow: hidden;
}

    .product-tags-all-page li,
    .vendor-list li {
        margin-right: 10px;
        line-height: 24px;
    }

    .vendor-list li {
        display: inline-block;
        color: #999;
    }

        .product-tags-all-page li a,
        .vendor-list li a {
            color: #444;
        }

        .vendor-list li a {
            display: block;
            padding: 0 12px;
            font-size: 14px;
            text-transform: uppercase;
        }

            .vendor-list li a:hover {
                color: #333399;
            }

.vendor-page .contact-vendor-button {
    display: inline-block;
    border: 2px solid #999999;
    border-radius: 3px;
    padding: 6px 15px;
    margin: 0 0 20px;
    box-shadow: 0 0 5px #000000 inset;
    color: #333399;
    font: 20px "kepler_b";
    text-align: center;
    text-shadow: -1px -1px 0 #111111;
    text-transform: uppercase;
    background: rgb(76,76,76);
    background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(0,0,0,1) 50%, rgba(76,76,76,1) 100%);
    background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(0,0,0,1) 50%,rgba(76,76,76,1) 100%);
    background: linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(0,0,0,1) 50%,rgba(76,76,76,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#4c4c4c',GradientType=0 );
    background-size: 100% 200%;
    background-position: top;
    transition: all .2s ease;
}

.tooltip-container {
    position: absolute;
    margin-left: -83px;
    margin-top: 5px;
    width: 200px;
    color: #000000;
    background: #FFFFFF;
    border: 1px solid #eeeeee;
    text-align: center;
    opacity: 0;
    border-radius: 5px;
    z-index: 999;
    pointer-events: none;
    transition: all .2s ease;
}

    .tooltip-container:before {
        content: '';
        position: absolute;
        bottom: 100%;
        left: 50%;
        margin-left: -7px;
        width: 0;
        height: 0;
        border-bottom: 7px solid #eeeeee;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
    }

    .tooltip-container:after {
        content: '';
        position: absolute;
        bottom: 100%;
        left: 50%;
        margin-left: -6px;
        width: 0;
        height: 0;
        border-bottom: 6px solid #F6F6F6;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
    }

.image-squares li:hover .tooltip-container {
    opacity: 1;
}

.tooltip-container .tooltip-header {
    background-color: #F6F6F6;
    height: 25px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    padding-left: 10px;
    padding-top: 5px;
    text-align: left;
    width: 198px;
    font-size: 15px;
    border-bottom: 1px #EEEEEE solid;
}

.tooltip-container .tooltip-body {
    margin: 5px;
}

    .tooltip-container .tooltip-body img {
        border: 0px #FFF;
        width: 190px;
    }

.giftcard {
    clear: both;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    background: #eee;
    box-shadow: inset 0 1px 0 #fff;
    padding: 15px;
    border-radius: 5px;
}

    .giftcard > div {
        margin: 0 0 15px;
    }

        .giftcard > div:last-child {
            margin-bottom: 0;
        }

    .giftcard label {
        display: inline-block;
        width: 120px;
        margin-bottom: 7px;
        font-size: 12px;
        color: #555;
    }

    .giftcard input[type="text"],
    .giftcard input[type="email"],
    .giftcard input[type="tel"],
    .giftcard textarea {
        width: 100%;
        max-width: 300px;
        vertical-align: middle;
        padding: 8px;
        font-size: 12px;
    }

    .giftcard textarea {
        height: 100px;
    }



/*********** PRODUCT-REVIEWS ***********/




.product-reviews-page h1 a {
    color: #444;
}

    .product-reviews-page h1 a:hover {
        color: #333399;
    }

.product-reviews-page .page-body {
    padding: 10px;
}

.product-reviews-page .title {
    margin-bottom: 15px;
    color: #333;
}

.write-review {
    margin-bottom: 20px;
}

.product-reviews-page .page-body {
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 100%;
    margin: 0 auto;
    background: #eee;
    box-shadow: inset 0 1px 0 #fff;
    padding: 15px;
}

.write-review form {
    margin-bottom: 2px;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 1px 0 #f6f6f6, inset 0 0 10px #ddd;
    background: #fff;
    padding: 20px 10px;
}

.write-review .form-fields {
    margin-bottom: 15px;
}

.review-rating {
    overflow: hidden;
}

    .review-rating ul {
        text-align: center;
        overflow: hidden;
    }

    .review-rating li {
        display: inline;
        margin: 0 3px;
        color: #333399;
    }

    .review-rating .first,
    .review-rating .last {
        width: calc(50% - 50px);
    }

    .review-rating .first {
        float: left;
        text-align: left;
    }

    .review-rating .last {
        float: right;
        text-align: right;
    }


.write-review .buttons {
    text-align: center;
}

.write-review .button-1 {
    border: 1px solid #ccc;
    border-radius: 3px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(205,205,205,1) 50%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(205,205,205,1) 50%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(205,205,205,1) 50%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
    background-size: 100% 200%;
    background-position: top;
    box-shadow: inset 0 1px 0 #f6f6f6;
    padding: 8px 12px;
    font: normal 12px 'Titillium Web',sans-serif;
    text-transform: uppercase;
    color: #333;
    text-shadow: 1px 1px 0 #fff;
    transition: all .2s ease;
}

.product-review-item {
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 1px 0 #f6f6f6, inset 0 0 10px #ddd;
    background: #fff;
    line-height: 18px;
}

    .product-review-item:last-of-type,
    .product-review-item:only-of-type {
        margin-bottom: 0;
    }

.review-item-head {
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );
    padding: 10px;
    text-shadow: 0px 0px 3px #fff;
}

    .review-item-head .rating {
        margin: 0 !important;
    }

.review-content {
    padding: 0 10px 10px;
}

.review-item-head .review-title {
    float: left;
    max-width: 580px;
    font-size: 14px;
    line-height: 24px;
    text-transform: capitalize;
    color: #333399;
}

    .review-item-head .review-title strong {
        font-weight: normal;
    }

.review-item-head .product-review-box {
    float: right;
    margin: 3px 0 0;
}

.product-review-item .review-text {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 18px;
}

.product-review-item .review-info {
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: bold;
}

    .product-review-item .review-info a:hover,
    .product-review-helpfulness .vote:hover {
        text-decoration: underline;
    }

.product-review-helpfulness .vote {
    color: #333399;
    cursor: pointer;
}

.product-review-item .reply-header {
    margin: 15px 0 5px;
    font-weight: bold;
}



/*********** WISHLIST & COMPARE LIST ***********/





.checkout-page .common-buttons {
    margin-bottom: 15px;
    text-align: center;
}

.wishlist-page .share-info {
    padding: 10px;
}

    .wishlist-page .share-info span {
        display: block;
        margin-bottom: 5px;
        font-size: 12px;
        font-weight: bold;
    }

    .wishlist-page .share-info a:hover {
        text-decoration: underline;
    }

.wishlist-page .tax-shipping-info {
    margin: 10px 0;
}

.compare-products-page {
    position: relative;
    overflow: hidden;
}

    .compare-products-page .clear-list {
        position: absolute;
        top: 8px;
        right: 3px;
        border: 2px solid #999;
        border-radius: 3px;
        background: rgb(76,76,76);
        background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(0,0,0,1) 50%, rgba(76,76,76,1) 100%);
        background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(0,0,0,1) 50%,rgba(76,76,76,1) 100%);
        background: linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(0,0,0,1) 50%,rgba(76,76,76,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#4c4c4c',GradientType=0 );
        background-size: 100% 200%;
        background-position: top;
        box-shadow: inset 0 0 5px #000;
        padding: 5px 10px;
        text-align: center;
        font: normal 12px Arial, Helvetica, sans-serif;
        color: #333399;
        text-shadow: -1px -1px 0px #111;
        transition: background .2s ease;
    }

        .compare-products-page .clear-list:hover {
            background-position: bottom;
        }

    .compare-products-page .page-body {
        margin-bottom: 10px;
        border: 1px solid #ddd;
        border-radius: 5px;
        background: url('../img/boxpad3.png') top repeat-x;
        background: url('../img/boxpad3.png') top repeat-x, url('../img/boxpad6.png') bottom repeat-x;
        background-color: #f0f0f0;
        box-shadow: inset 0 1px 0 #fff;
        padding: 10px;
        line-height: 18px;
    }


/*********** TOPICS ***********/




.topic-block {
    margin-bottom: 20px;
}

.topic-block-title {
    margin-bottom: 20px;
}

    .topic-block-title h2 {
        font: normal 24px 'kepler_eid';
    }

.topic-html-content-header {
    background: url('../img/bullet1.png') 5px center no-repeat;
    padding-left: 40px;
    font: normal 36px 'kepler_eid';
    color: #333399;
}

.topic-html-content-body {
    margin-left: 10px;
    line-height: 20px;
}

.home-page .topic-html-content-body {
    margin-left: 40px;
}

.topic-block a,
.topic-page a {
    font-weight: bold;
}

    .topic-block a:hover,
    .topic-page a:hover {
        text-decoration: underline;
    }

.enter-password-title {
    margin: 10px 0 7px;
    color: #c00;
}

.enter-password-form {
    overflow: hidden;
    padding: 5px;
}

    .enter-password-form input[type="password"] {
        width: calc(100% - 76px);
        max-width: 300px;
        margin-right: 5px;
        padding: 5px;
        height: 28px;
        vertical-align: top;
    }

    .enter-password-form input[type="submit"] {
        width: auto;
        border: 1px solid #ccc;
        border-radius: 3px;
        background: rgb(255,255,255);
        background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(205,205,205,1) 50%, rgba(255,255,255,1) 100%);
        background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(205,205,205,1) 50%,rgba(255,255,255,1) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(205,205,205,1) 50%,rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
        background-size: 100% 200%;
        background-position: top;
        box-shadow: inset 0 1px 0 #f6f6f6;
        padding: 6px 18px;
        font: normal 12px 'Titillium Web',sans-serif;
        color: #333 !important;
        text-shadow: 1px 1px 0 #fff;
        transition: all .2s ease;
    }

        .enter-password-form input[type="submit"]:hover {
            background-position: bottom !important;
        }

.password-error {
    max-width: 300px;
    margin-top: 7px;
    font: italic 12px 'Titillium Web',sans-serif;
    color: #c00;
}

.popup-window .topic-page {
}






/*********** BLOG & NEWS ***********/

.year strong {
    display: block;
    background: #eee url('../img/arrow3.png') 6px center no-repeat;
    padding: 8px 8px 8px 20px;
    color: #333;
    text-shadow: 1px 1px 0 #fff;
    cursor: default;
}

.blog-page .page-body,
.blogpost-page .page-body,
.news-list-page .page-body,
.news-item-page .page-body {
    border: 1px solid #ddd;
    border-radius: 5px;
    background: url('../img/boxpad3.png') top repeat-x;
    background: url('../img/boxpad3.png') top repeat-x, url('../img/boxpad6.png') bottom repeat-x;
    background-color: #f0f0f0;
    box-shadow: inset 0 1px 0 #fff;
    padding: 10px;
}

.blog-page .post,
.blogpost-page .page-body-content,
.blogpost-page .comment-list-body,
.news-list-page .news-items,
.news-item-page .page-body-content {
    margin-bottom: 2px;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 1px 0 #f6f6f6, inset 0 0 10px #ddd;
    background: #fff;
    padding: 10px;
    line-height: 18px;
}

.blog-page .post {
    margin-bottom: 10px;
}

.blog-page .blog-footer {
    margin-bottom: 0;
}

.post-head {
    border-bottom: 1px dotted #ccc;
    padding: 5px 5px 12px;
}

.post-title {
    margin-right: 5px;
    color: #444;
}

    .post-title:hover,
    .news-title:hover {
        color: #333399 !important;
    }

.post-date, .news-date {
    color: #444;
    font-style: italic;
}

.post-body {
    margin-bottom: 15px;
    border-bottom: 1px dotted #ccc;
    padding: 5px;
}

.blog-page .pager {
    margin-top: -2px;
}

.blog-footer {
    overflow: hidden;
    margin-bottom: 10px;
    padding: 0 5px;
}

    .blog-footer .tags {
        margin-bottom: 10px;
        max-width: 580px;
        color: #666;
        overflow: hidden;
    }

    .blog-footer label {
        float: left;
        margin-right: 5px;
        font-weight: bold;
    }

    .blog-footer .tags ul {
        float: left;
    }

    .blog-footer .tags li {
        float: left;
        margin-right: 5px;
    }

    .blog-footer a:hover {
        text-decoration: underline;
    }

.blogpost-page .post {
    margin: 10px 0;
}

.blogpost-page .title,
.news-item-page .title {
    margin-bottom: 10px;
    padding: 0 5px;
    color: #444;
    text-align: center;
}

.blogpost-page .new-comment {
    margin-top: 20px;
}

.blogpost-page .result {
    padding: 0 5px;
    color: #333399;
}

.field-validation-error {
    display: block;
    margin-top: 5px;
    text-align: center;
}

.blogpost-page .inputs label {
    display: none;
}

.blogpost-page .inputs textarea {
    height: 200px;
    border: 1px solid #ddd;
    padding: 10px;
    width: 100%;
    max-width: none;
}

.blogpost-page textarea:focus {
    border: 1px solid #bbb;
}

.blogpost-page .buttons {
    margin-bottom: 10px;
    padding: 10px 0;
    text-align: center;
}

.blogpost-page input[type="submit"],
.news-item-page input[type="submit"] {
    border: 2px solid #999;
    border-radius: 3px;
    background: rgb(76,76,76);
    background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(0,0,0,1) 50%, rgba(76,76,76,1) 100%);
    background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(0,0,0,1) 50%,rgba(76,76,76,1) 100%);
    background: linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(0,0,0,1) 50%,rgba(76,76,76,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#4c4c4c',GradientType=0 );
    background-size: 100% 200%;
    background-position: top;
    box-shadow: inset 0 0 5px #000;
    padding: 6px 20px;
    text-align: center;
    font: normal 20px 'Titillium Web',sans-serif;
    color: #333399;
    text-transform: uppercase;
    text-shadow: -1px -1px 0px #111;
    transition: all .2s ease;
}

.blogpost-page .comment-list,
.news-item-page .comment-list {
    margin-bottom: 10px;
}

.blog-comment,
.news-comment {
    padding: 17px 10px 0;
    margin-top: 10px;
    border-top: 1px dotted #ccc;
}


    .blog-comment:after,
    .news-comment:after {
        content: "";
        display: block;
        clear: both;
    }

    .blog-comment .avatar,
    .news-comment .avatar {
        display: block;
        width: 100px;
        height: 100px;
        margin: 0 auto 5px;
        overflow: hidden;
        background: #fff;
    }

        .blog-comment .avatar img,
        .news-comment .avatar img {
            width: 100px;
        }

    .blog-comment .username,
    .news-comment .username {
        display: block;
        margin-bottom: 5px;
        text-align: center;
        font-weight: bold;
        color: #333399;
        text-transform: capitalize;
    }

    .blog-comment .comment-time {
        margin-bottom: 10px;
    }

        .blog-comment .comment-time * {
            margin-right: 5px;
            font-size: 12px;
            font-weight: bold;
            color: #444;
        }

    .blog-comment .comment-body,
    .blog-comment .comment-body p,
    .news-comment .comment-body,
    .news-comment .comment-body p {
        line-height: 16px;
    }

.news-list-page .news-item {
    margin-bottom: 20px;
    border-bottom: 1px dotted #ccc;
    overflow: hidden;
    padding: 5px 5px 10px;
}

    .news-list-page .news-item:last-child {
        margin-bottom: 0;
        border-bottom: none;
    }


.news-list-homepage .title {
    display: inline-block;
}

.news-list-page .news-head,
.news-list-homepage .news-head {
    margin-bottom: 5px;
}

.news-list-page .news-title,
.news-list-homepage .news-title {
    display: block;
    margin-bottom: 5px;
    color: #333399;
}

.news-list-page .news-date /*restyle*/,
.news-list-homepage .news-date {
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #444;
}

.news-list-page .news-details,
.news-list-homepage .news-details {
    padding: 5px;
    line-height: 18px;
}

.news-list-page .read-more,
.news-list-homepage .read-more {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(205,205,205,1) 50%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(205,205,205,1) 50%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(205,205,205,1) 50%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
    background-size: 100% 200%;
    background-position: top;
    box-shadow: inset 0 1px 0 #f6f6f6;
    padding: 8px 12px;
    font: normal 12px 'Titillium Web',sans-serif;
    text-transform: capitalize;
    color: #333;
    text-shadow: 1px 1px 0 #fff;
    transition: all .2s ease;
}

.news-list-page .news-body,
.news-list-homepage .news-body {
    margin-bottom: 20px;
    line-height: 1.5;
}

.news-list-page .pager {
    margin-top: 10px;
}

    .news-list-page .pager ul {
        float: right;
    }

.news-item-page .news-content {
    margin-bottom: 20px;
    border-bottom: 1px dotted #ccc;
    padding: 5px 5px 20px;
}

.news-item-page .news-date {
    margin-bottom: 10px;
}

.news-item-page .fieldset {
    margin-bottom: 20px;
}

.news-item-page .form-fields {
    margin-bottom: 20px;
}

.news-comment .comment-time {
    margin-bottom: 5px;
}

    .news-comment .comment-time label {
        margin-right: 5px;
        font-size: 12px;
    }

    .news-comment .comment-time span {
        font-size: 12px;
    }

.news-comment .comment-title {
    margin-bottom: 10px;
    padding: 3px 0;
    color: #333;
}

.news-list-homepage,
.home-page-polls {
    margin-bottom: 20px;
}

    .news-list-homepage .title,
    .home-page-polls .title {
        display: inline-block;
        margin-bottom: 10px;
        background: url('../img/bullet1.png') 5px center no-repeat;
        padding-left: 40px;
        font: normal 28px 'kepler_eid';
        color: #333399;
    }

        .news-list-homepage .title strong,
        .home-page-polls .title strong {
            font-weight: normal;
        }

    .news-list-homepage .news-item {
        border-bottom: 1px dotted #ccc;
        overflow: hidden;
        padding: 10px 10px 20px;
    }

        .news-list-homepage .news-item:first-child {
            border-top: 1px dotted #ccc;
        }

    .news-list-homepage .view-all {
        overflow: hidden;
        padding: 15px;
        text-align: right;
    }

        .news-list-homepage .view-all a {
            font-size: 12px;
            font-weight: bold;
            color: #444;
        }

            .news-list-homepage .view-all a:hover {
                color: #333399;
            }





/*********** CHECKOUT ***********/






.edit-item a {
    display: inline-block;
    margin: 7px 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(205,205,205,1) 50%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(205,205,205,1) 50%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(205,205,205,1) 50%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
    background-size: 100% 200%;
    background-position: top;
    box-shadow: inset 0 1px 0 #f6f6f6;
    padding: 5px 10px;
    font: normal 12px 'Titillium Web',sans-serif;
    text-transform: uppercase;
    color: #333 !important;
    text-shadow: 1px 1px 0 #fff;
}

    .edit-item a:hover {
        background-position: bottom !important;
    }

.checkout-page .order-summary-content,
.checkout-page .order-summary-body {
    margin-bottom: 0;
    background-color: #fff;
}

    .checkout-page .order-summary-content:after {
        content: "";
        display: block;
        clear: both;
    }

.order-summary-content .tax-shipping-info {
    margin: 0 0 15px;
}

.order-summary-content .message-error {
    text-align: center;
    margin: 10px 0;
}

.checkout-page .order-summary-content .table-wrapper {
    margin-bottom: 20px;
}

.cart-footer .total-info,
.cart-footer .terms-of-service {
    padding: 10px;
}

.read {
    color: #333399;
    cursor: pointer;
}

.cart-total td {
    padding: 3px;
}

.cart-total .cart-total-left {
    text-align: right;
    padding-right: 5px;
}

.cart-total .order-total .cart-total-right {
    color: #000;
}

.cart-total .earn-reward-points > * {
    color: #888888;
    font-style: italic;
}

.cart-total .order-total {
    font-size: 18px;
    color: #c00;
}

    .cart-total .order-total .cart-total-left {
        font-size: 12px;
        color: #666;
    }

.cart-total .remove-discount-button,
.cart-total .remove-gift-card-button {
    width: 16px;
    height: 16px;
    border: none;
    background: url('../img/remove.png') no-repeat;
    padding: 0;
}

    .cart-total .remove-discount-button:hover,
    .cart-total .remove-gift-card-button:hover,
    .cart-collaterals .remove-discount-button:hover,
    .cart-collaterals .remove-gift-card-button:hover {
        opacity: 0.7;
    }

.cart-footer .checkout-buttons {
    padding: 10px;
}

.cart-footer .checkout-button {
    border: 2px solid #999;
    border-radius: 3px;
    min-width: 180px;
    background: rgb(76,76,76);
    background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(0,0,0,1) 50%, rgba(76,76,76,1) 100%);
    background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(0,0,0,1) 50%,rgba(76,76,76,1) 100%);
    background: linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(0,0,0,1) 50%,rgba(76,76,76,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#4c4c4c',GradientType=0 );
    background-size: 100% 200%;
    background-position: top;
    box-shadow: inset 0 0 5px #000;
    padding: 10px 15px;
    text-align: center;
    font: normal 20px 'Titillium Web',sans-serif;
    text-transform: uppercase;
    color: #333399;
    text-shadow: -1px -1px 0px #111;
    transition: background .2s ease;
}

.addon-buttons > * {
    margin: 5px 0;
}

.cart-footer .totals {
    text-align: center;
}

.cart-collaterals .title {
    color: #333;
    text-shadow: 1px 1px 0 #fff;
}

.cart-collaterals .hint {
    margin-bottom: 7px;
    font-size: 12px;
}

.cart-collaterals input[type="text"],
.cart-collaterals input[type="email"],
.cart-collaterals input[type="tel"] {
    width: calc(100% - 100px);
    max-width: 300px;
    height: 32px;
    padding: 8px 4px;
    font: normal 12px 'Titillium Web',sans-serif;
}

.cart-collaterals .current-code {
    margin-top: 5px;
    color: #000;
}

.cart-collaterals .message-error {
    margin-top: 5px;
}

.cart-collaterals .remove-discount-button,
.cart-collaterals .remove-gift-card-button {
    width: 16px;
    height: 16px;
    background: url('../img/remove.png') no-repeat !important;
    margin-left: 5px;
    padding: 0 !important;
    border: none !important;
    cursor: pointer;
}

.cart-collaterals .shipping-options .inputs {
    margin: 10px 0 0;
}

.cart-collaterals .shipping-options select,
.cart-collaterals .shipping-options .zip-input {
    width: calc(100% - 140px);
    min-width: 190px;
    padding: 4px;
}

.cart-collaterals .estimate-shipping-button {
    margin-top: 7px;
}

.cart-collaterals .shipping-results {
    background: #fff;
    margin-top: 10px;
    padding: 10px;
    border: 1px dotted #ccc;
    font-size: 12px;
}

.message-failure {
    margin-top: 7px;
    color: #c30;
}

.cart-collaterals .shipping-results li {
    margin-bottom: 7px;
}

.cart-collaterals .shipping-results strong {
    display: block;
    color: #444;
}

.cross-sells {
    margin-top: 30px;
    clear: both;
}

.order-summary-content .addon-buttons {
    text-align: left;
    float: right;
    width: 270px;
}

    .order-summary-content .addon-buttons .error {
        color: red;
    }

.checkout-data .ship-to-same-address {
    text-align: center;
}

.checkout-data .section:last-child {
    margin-bottom: 0;
}

.section.pickup-points {
    margin-bottom: 15px;
}

/*.checkout-data > form:first-child {
    border: 1px solid #ddd;
	border-radius: 5px;
	box-shadow: 0 1px 0 #f6f6f6, inset 0 0 10px #ddd;
	background: #fff;
	padding: 15px;
    margin-bottom: 30px;
}*/

.checkout-data > form .section:first-child {
    border: none;
    box-shadow: none;
    background: transparent;
    padding: 0;
    text-align: center;
}


.section.payment-info tr {
    min-height: 44px;
}

    .section.payment-info tr td {
        padding: 5px;
        text-align: left;
    }

        .section.payment-info tr td input,
        .section.payment-info tr td select {
            max-width: 90%;
        }

        .section.payment-info tr td:first-child {
            width: 100px;
        }

.checkout-data .use-reward-points {
    padding: 12px 0;
}

.checkout-data .info {
    margin-bottom: 20px;
}

.checkout-data .terms-of-service {
    margin: 10px 0 20px;
    text-align: center;
}




.checkout-data * ~ .description {
    margin-top: 10px;
}


.checkout-data input[type="submit"],
.checkout-data input[type="button"] {
    border: 2px solid #999;
    border-radius: 3px;
    min-width: 180px;
    background: rgb(76,76,76);
    background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(0,0,0,1) 50%, rgba(76,76,76,1) 100%);
    background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(0,0,0,1) 50%,rgba(76,76,76,1) 100%);
    background: linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(0,0,0,1) 50%,rgba(76,76,76,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#4c4c4c',GradientType=0 );
    background-size: 100% 200%;
    background-position: top;
    box-shadow: inset 0 0 5px #000;
    padding: 6px 15px;
    text-align: center;
    font: normal 20px 'Titillium Web',sans-serif;
    color: #333399;
    white-space: initial;
    text-shadow: -1px -1px 0px #111;
    transition: all .2s ease;
}

.select-pickup-point {
    margin: 0 0 20px;
}

    .select-pickup-point select {
        display: block;
        max-width: 98%;
        margin: 0 auto;
    }

.pickup-points-map {
    height: 300px;
}


.select-billing-address-button,
.select-shipping-address-button {
    width: 100%;
}

.checkout-page .select-pickup-point {
    text-align: center;
}

.order-summary-body > .title {
    margin: 10px 0;
    padding: 10px 15px;
    color: #444;
}

ul.method-list {
    margin-bottom: 10px;
}

    ul.method-list li .method-name {
        overflow: hidden;
    }

.method-name .payment-logo {
    float: left;
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 0 0;
    width: 52px;
}

.method-name .payment-details {
    float: left;
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 62px);
}

ul.method-list li .method-name input {
    margin: 2px 5px 0 0;
}

ul.method-list li .method-name label {
    line-height: 17px;
    font-weight: bold;
}

.checkout-data.payment-info .info {
    margin-bottom: 10px;
    border-bottom: 1px dotted #ccc;
    padding: 5px;
}

.checkout-data.confirm-order .buttons {
    padding: 10px;
    text-align: center;
}

.section.confirm-order .min-order-warning,
.section.confirm-order .message-error {
    display: block;
    text-align: left;
}

.order-review-data {
    overflow: hidden;
    margin-bottom: 30px;
}



    .order-details-area li.title,
    .shipment-overview li.title,
    .order-review-data li.title {
        margin: 10px 0;
        color: #444;
    }


    .order-details-area td li.title:first-of-type,
    .shipment-overview ul li.title:first-of-type,
    .order-review-data td li.title:first-of-type {
        margin-top: 0;
    }

.checkout-data .message-error ul {
    text-align: center;
    max-width: 430px;
    margin: 10px auto 0;
}

    .checkout-data .message-error ul li {
        margin: 5px 0;
    }

.order-completed strong {
    display: block;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.checkout-data .order-completed .details {
    margin: 20px 0;
    text-align: center;
}

.payment-info .info {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 15px;
}

.order-completed ul {
    padding: 0 10px;
    color: #444;
}

.order-completed a {
    text-decoration: underline;
}

    .order-completed a:hover {
        color: #333399;
    }

.order-completed .buttons {
    padding: 10px;
}

.opc {
    margin-bottom: 10px;
}

    .opc .back-link {
        margin-left: -36px;
    }

    .opc .checkout-data .ship-to-same-address {
        text-align: left;
    }


    .opc .active {
        margin: 20px 0;
    }

    .opc > li:first-child {
        margin-top: 10px;
    }

    .opc .step-title {
        margin-bottom: 1px;
        border-radius: 5px;
        overflow: hidden;
        background: #fff;
        padding: 8px 10px;
        cursor: default;
    }

        .opc .step-title span {
            margin-right: 10px;
            color: #444;
            vertical-align: middle;
        }

        .opc .step-title h2 {
            display: inline-block;
            color: #444;
            vertical-align: middle;
        }

    .opc .active .step-title {
        padding: 10px 8px;
    }

    .opc .select-shipping-address label,
    .opc .select-pickup-points select,
    .opc .select-pickup-points label {
        display: block;
        margin-bottom: 10px;
    }

    .opc .active .step-title span,
    .opc .active .step-title h2 {
        font: normal 26px 'kepler_eid';
        color: #333399;
        max-width: 80%;
    }

    .opc .allow .step-title:hover * {
        color: #333399;
    }

    .opc .checkout-data, /*reset*/
    .opc .checkout-data .section {
        margin: 0;
        border: none;
        background: none;
        box-shadow: none;
        padding: 0;
    }

        .opc .checkout-data .section {
            margin-bottom: 30px;
        }

div.single-pickup-point {
    margin-bottom: 15px;
}

.opc .select-billing-address label {
    display: block;
    margin-bottom: 15px;
}

.opc .checkout-data select {
    max-width: 98%;
}

.opc .checkout-data,
.opc .buttons {
    margin-bottom: 1px;
    border-radius: 5px;
    background: #fff;
    padding: 10px;
}

.opc .back-link {
    display: inline;
    margin-bottom: 5px;
}

    .opc .back-link a:hover {
        color: #000;
    }

.opc input[type="button"] {
    margin-left: 5px;
    border: 2px solid #999;
    border-radius: 3px;
    background: rgb(76,76,76);
    background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(0,0,0,1) 50%, rgba(76,76,76,1) 100%);
    background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(0,0,0,1) 50%,rgba(76,76,76,1) 100%);
    background: linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(0,0,0,1) 50%,rgba(76,76,76,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#4c4c4c',GradientType=0 );
    background-size: 100% 200%;
    background-position: top;
    box-shadow: inset 0 0 5px #000;
    padding: 8px 15px;
    text-align: center;
    font: normal 18px 'Titillium Web',sans-serif;
    color: #333399;
    text-transform: uppercase;
    text-shadow: -1px -1px 0px #111;
}

.opc .method-list li:first-child {
    margin-top: 0;
}

.opc .method-list li:last-child {
    border: none;
    padding-bottom: 0;
}

/*********** FORUMS ***********/




.subcontent-wrapper,
.active-discussions-page,
.forum-search-page .search-results,
.forum-edit-page .page-body,
.move-topic-page .page-body {
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 5px 5px 0 5px;
    background: url('../img/boxpad3.png') top repeat-x;
    background: url('../img/boxpad3.png') top repeat-x, url('../img/boxpad6.png') bottom repeat-x;
    background-color: #f0f0f0;
    box-shadow: inset 0 1px 0 #fff;
    padding: 10px;
}

.forums-table-section,
.topic-post,
.forum-edit-page .form-fields,
.move-topic-page form .fieldset {
    margin-bottom: 5px;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 1px 0 #f6f6f6, inset 0 0 10px #ddd;
    background: #fff;
    padding: 15px;
    line-height: 18px;
}

.topic-post {
    overflow: hidden;
    margin-bottom: 10px;
}

    .topic-post:last-of-type {
        margin-bottom: 0;
    }

.forums-header {
    margin-bottom: 20px;
    text-align: center;
}

    .forums-header .current-time {
        margin-bottom: 10px;
        font: italic bold 12px 'Titillium Web',sans-serif;
        color: #444;
    }

    .forums-header .forum-search-box {
        margin: 0 !important;
    }

.forum-search-box {
    margin-bottom: 20px;
    overflow: hidden;
}

.forum-search-page .inputs {
    text-align: center;
    padding: 0;
}

    .forum-search-page .inputs.reversed {
        max-width: 400px;
        margin: 0 auto;
        font-size: 12px;
    }

.forum-search-box input.search-box-text,
.basic-search .inputs .forum-search-text {
    float: none;
    width: calc(100% - 91px) !important;
    max-width: 300px;
    border-radius: 5px 0 0 5px;
    padding: 0 8px;
    color: #666;
    vertical-align: top;
}

input[type="submit"].forum-search-box-button,
input[type="submit"].forum-search-button,
.forum-search-box .button-2.search-box-button {
    height: 33px;
    border: none;
    border-radius: 0 5px 5px 0;
    background: rgb(76,76,76);
    background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(0,0,0,1) 50%, rgba(76,76,76,1) 100%);
    background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(0,0,0,1) 50%,rgba(76,76,76,1) 100%);
    background: linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(0,0,0,1) 50%,rgba(76,76,76,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#4c4c4c',GradientType=0 );
    background-size: 100% 200%;
    background-position: top;
    box-shadow: inset 0 0 5px #000;
    padding: 0 15px;
    text-align: center;
    font: normal 16px/30px 'Titillium Web',sans-serif;
    text-transform: uppercase;
    color: #333399;
    text-shadow: -1px -1px 0px #111;
    transition: all .2s ease;
}

.forum-search-box a {
    display: inline-block;
    margin-top: 10px;
}

    .forum-search-box a:hover {
        text-decoration: underline;
    }

.forum-search-page .basic-search {
    border: none;
    overflow: hidden;
    margin-bottom: 0;
}

    .forum-search-page .basic-search .inputs label {
        display: none;
    }

    .forum-search-page .basic-search .inputs.reversed label {
        display: inline-block;
    }

.forum-search-page .advanced-search {
    margin-bottom: 0;
    margin-top: 15px;
}

    .forum-search-page .advanced-search .inputs {
        padding-left: 0;
    }

    .forum-search-page .advanced-search label {
        width: 100%;
        text-align: center;
    }

.forums-table-section-title {
    margin-bottom: 10px;
    padding-bottom: 5px;
    color: #444;
    border-bottom: 1px dotted #ccc;
}

    .forums-table-section-title a {
        color: #444;
    }

    .forums-table-section-title .link-rss {
        margin: -5px 0 0 10px;
    }

.forums-table-section table {
    margin-bottom: 15px;
}

    .forums-table-section table a:hover {
        text-decoration: underline;
    }

    .forums-table-section table th.latest-post {
        width: 85px;
    }

.forums-table-section th {
    background: rgb(99,99,99);
    background: -moz-linear-gradient(top, rgba(93,93,93,1) 0%, rgba(16,16,16,1) 100%);
    background: -webkit-linear-gradient(top, rgba(93,93,93,1) 0%,rgba(16,16,16,1) 100%);
    background: linear-gradient(to bottom, rgba(93,93,93,1) 0%,rgba(16,16,16,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d5d5d', endColorstr='#101010',GradientType=0 );
    padding: 5px 10px;
    font-weight: bold;
    color: #ccc;
}

.forums-table-section td {
    border-bottom: 1px dotted #ccc;
    padding: 10px;
}

    .forums-table-section th:first-child,
    .forums-table-section td:first-child {
        border-radius: 4px 0 0 4px;
        text-align: left;
    }

    .forums-table-section th:last-child,
    .forums-table-section td:last-child {
        border-radius: 0 4px 4px 0;
    }

    .forums-table-section td.image {
        width: 5%;
    }

    .forums-table-section td.topics,
    .forums-table-section td.posts,
    .forums-table-section td.replies,
    .forums-table-section td.views {
        width: 10%;
        text-align: center;
    }

    .forums-table-section td.last-post {
        width: 25%;
        text-align: center;
    }

    .forums-table-section td.image div {
        width: 40px;
        height: 40px;
        margin: auto;
        background: url('../img/icon5.png') center no-repeat;
    }

        .forums-table-section td.image div.sticky {
            background: url('../img/icon6.png') center no-repeat;
        }

        .forums-table-section td.image div.announcement {
            background: url('../img/icon7.png') center no-repeat;
        }

.forums-table-section.topic-group.active-discussions {
    position: relative;
}

    .forums-table-section.topic-group.active-discussions .view-all {
        position: absolute;
        top: 15px;
        right: 50px;
    }

        .forums-table-section.topic-group.active-discussions .view-all a {
            font: normal 12px 'Titillium Web',sans-serif;
            color: #444;
        }

.forum-post {
    overflow: hidden;
}

.active-discussions {
    margin-top: 12px;
}

    .active-discussions .view-all:hover {
        text-decoration: underline;
    }

.forum-page {
    position: relative;
}

    .forum-page .forum-info {
        position: relative;
        margin-bottom: 20px;
    }

    .forum-page .forum-name,
    .forum-topic-page .topic-name {
        margin-bottom: 15px;
        border-bottom: 1px dotted #ccc;
        background: url('../img/bullet1.png') 5px 15px no-repeat;
        padding: 0 0 10px 40px;
        font: normal 30px 'kepler_eid';
        color: #333399;
    }

        .forum-topic-page .topic-name h1 {
            font: normal 30px 'kepler_eid';
        }


        .forum-page .forum-name:first-letter,
        .forum-topic-page .topic-name:first-letter {
            text-transform: uppercase;
        }

    .forum-page .link-rss {
        position: absolute;
        top: 0;
        right: 0;
    }

    .forum-page .actions > div {
        margin-bottom: 20px;
    }

    .forum-page .actions div:first-child a {
        margin-right: 10px;
        padding-left: 20px;
        color: #444;
    }

    .forum-page a.newtopic {
        background: url('../img/forum_icon4.png') left center no-repeat;
    }

    .forum-page a.watch-forum {
        background: url('../img/forum_icon5.png') left center no-repeat;
    }

    .forum-page .actions a:hover {
        text-decoration: underline;
    }

.pager.upper {
    display: none;
}

.forum-topic-page .actions,
.topic-options {
    margin-bottom: 7px;
    padding-left: 5px;
}

    .forum-topic-page .actions a,
    .topic-options a,
    .post-content .manage-post a.edit-post-button,
    .post-content .manage-post a.delete-post-button {
        display: inline-block;
        margin: 0 5px 12px 0;
        padding-left: 20px;
        line-height: 16px;
        color: #444;
    }

.post-content .manage-post a.edit-post-button,
.post-content .manage-post a.delete-post-button {
    font-weight: normal;
    text-decoration: none;
}

    .forum-topic-page .actions a:hover,
    .topic-options a:hover,
    .manage-post a:hover,
    .post-content .manage-post a.edit-post-button:hover,
    .post-content .manage-post a.delete-post-button:hover {
        color: #333399;
        text-decoration: underline;
    }

.edit-topic-button {
    background: url('../img/forum_icon1.png') left center no-repeat;
}

.delete-topic-button {
    background: url('../img/forum_icon2.png') left center no-repeat;
}

.move-topic-button {
    background: url('../img/forum_icon3.png') left center no-repeat;
}

.reply-topic-link-button,
.reply-topic-button {
    background: url('../img/forum_icon4.png') left center no-repeat;
}

.watch-topic-button {
    background: url('../img/forum_icon5.png') left center no-repeat;
}

.post-info {
    width: 170px;
    margin: 0 auto 20px;
    text-align: center;
}

    .post-info .actions {
        margin-bottom: 5px;
        padding: 3px 0;
        line-height: 20px;
    }

        .post-info .actions a {
            margin-right: 0;
        }

            .post-info .actions a:first-child {
                margin-right: 10px;
            }

.edit-post-button {
    background: url('../img/forum_icon1.png') left center no-repeat;
}

.delete-post-button {
    background: url('../img/forum_icon2.png') left center no-repeat;
}

.post-info a:hover {
    text-decoration: underline;
}

.post-info .username {
    display: inline-block;
    margin: 7px 0;
    font-weight: bold;
}

.post-info .avatar {
    margin: 5px 0;
    overflow: hidden;
    background: #fff;
    text-align: center;
}

.post-info .user-stats {
    margin-bottom: 5px;
    font-size: 13px;
    color: #444;
}

.send-pm {
    font-size: 14px;
}

.post-info span {
    font-weight: bold;
}

.post-content {
    position: relative;
    line-height: 20px;
}

    .post-content .post-head {
        padding: 0 35px 15px 0;
        margin-bottom: 10px;
        border-bottom: 1px solid #f0f0f0;
        font-weight: bold;
        color: #444;
        position: relative;
    }

        .post-content .post-head .post-time {
            margin-bottom: 10px;
        }

        .post-content .post-head span {
            font-weight: normal;
            font-style: italic;
        }

        .post-content .post-head a {
            margin-left: 5px;
            color: #333399;
            text-decoration: underline;
        }

    .post-content .post-body {
        padding: 0;
        border: none;
    }

        .post-content .post-body a {
            text-decoration: underline;
        }

    .post-content .quote,
    .profile-page .quote {
        border: 1px dashed #999;
        border-radius: 3px;
        padding: 10px;
        margin: 10px 0;
    }

    .post-content .signature {
        margin-top: 10px;
        border: 1px solid #f0f0f0;
        background-color: #fbfbfb;
        padding: 10px;
        font-style: italic;
    }

.topic-post .post-vote {
    position: absolute;
    top: 5px;
    right: 0;
    width: 30px;
    padding: 15px 0;
    text-align: center;
    font-size: 22px;
    margin: auto;
    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-footer:after {
    content: "";
    display: block;
    clear: both;
}

.topic-footer .topic-options {
    float: left;
    padding-left: 5px;
    margin: 7px 0 0;
}

.topic-footer .pager {
    float: right;
    margin-top: 0;
}

.forum-edit-page,
.private-message-send-page {
    text-align: center;
}

    .forum-edit-page textarea {
        height: 200px;
    }

    .forum-edit-page strong,
    .private-message-send-page a {
        color: #333399;
    }

    .forum-edit-page .toolbar,
    .forum-edit-page textarea,
    .private-message-send-page .toolbar,
    .private-message-send-page textarea {
        margin-bottom: 7px;
    }

    .forum-edit-page textarea,
    .move-topic-page textarea,
    .private-message-send-page textarea {
    }

    .forum-edit-page .buttons {
        text-align: center;
    }

    .forum-edit-page .fieldset {
        margin-bottom: 10px;
    }

    .private-message-send-page .buttons,
    .private-messages-page .buttons {
        margin: 10px 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: 120px;
            border: 2px solid #999;
            border-radius: 3px;
            background: rgb(76,76,76);
            background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(0,0,0,1) 50%, rgba(76,76,76,1) 100%);
            background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(0,0,0,1) 50%,rgba(76,76,76,1) 100%);
            background: linear-gradient(to bottom, rgba(76,76,76,1) 0%,rgba(0,0,0,1) 50%,rgba(76,76,76,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#4c4c4c',GradientType=0 );
            background-size: 100% 200%;
            background-position: top;
            box-shadow: inset 0 0 5px #000;
            padding: 8px 15px;
            text-align: center;
            font: bold 14px Arial, Helvetica, sans-serif;
            color: #333399;
            text-shadow: -1px -1px 0px #111;
            -webkit-transition: all .2s ease;
            transition: all .2s ease;
        }

.form-fields .inputs.message {
    background: none;
}

.move-topic-page select {
    width: 98%;
}

.move-topic-page .buttons {
    margin-top: 10px;
    text-align: center;
}

.move-topic-page .inputs > label {
    text-align: center;
}


/************* PROFILE & INBOX *************/

.private-messages-box .table-wrapper .select {
    width: 10px;
}

.private-messages-box .table-wrapper td {
    padding: 10px 5px;
    background-color: #fff;
}

.private-messages-box .buttons input {
    margin-bottom: 10px;
}

.private-messages-box .subject a {
    color: #000;
}

    .private-messages-box .subject a.pm-unread {
        color: #333399;
        font-weight: bold;
    }


/*.profile-page .page-title {
	background: url('../img/bullet1.png') 5px center no-repeat;
	padding-left: 40px;
	font: normal 36px 'kepler_eid';
	color: #333399;
	text-shadow: -1px -1px 0 #fff;
}*/
.profile-page .ui-tabs-nav,
.private-messages-page .ui-tabs-nav {
    border-radius: 5px;
}

.private-messages-page .ui-tabs .ui-tabs-nav,
.profile-page .ui-tabs .ui-tabs-nav {
    float: none;
    text-align: center;
}

    .private-messages-page .ui-tabs .ui-tabs-nav li,
    .profile-page .ui-tabs .ui-tabs-nav li {
        float: none;
        display: inline-block;
        border-radius: 5px 5px 0 0;
    }

        .private-messages-page .ui-tabs .ui-tabs-nav li a,
        .profile-page .ui-tabs .ui-tabs-nav li a {
            text-shadow: none;
            font-weight: bold;
            border-bottom: none;
        }

.profile-page .ui-tabs-panel,
.private-messages-page .ui-tabs-panel,
.private-message-send-page .page-body,
.private-message-view-page .page-body {
    border: 1px solid #ddd;
    border-radius: 5px;
    background: url('../img/boxpad3.png') top repeat-x;
    background: url('../img/boxpad3.png') top repeat-x, url('../img/boxpad6.png') bottom repeat-x;
    background-color: #f0f0f0;
    box-shadow: inset 0 1px 0 #fff;
    padding: 10px;
    text-align: center;
}

.profile-info-box,
.user-last-posts,
.profile-page .ui-tabs .topic,
.private-message-send-page .fieldset,
.private-message-view-page .view-message {
    margin: 0 auto 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 1px 0 #f6f6f6, inset 0 0 10px #ddd;
    overflow: hidden;
    background: #fff;
    padding: 15px;
    line-height: 18px;
}

.latest-posts .topic-data {
    font-weight: bold;
}

.private-message-send-page .fieldset {
    margin: 0 auto 5px;
}

.profile-info-box .user-details {
    position: relative;
    float: left;
    margin-right: 15px;
}

.profile-info-box .avatar {
    margin: 0 auto 10px;
    width: 200px;
    height: 200px;
    box-shadow: 0 0 10px #ddd;
    overflow: hidden;
    background: #fff;
    text-align: center;
}

.profile-info-box .pm-link-button {
    position: absolute;
    top: 80px;
    left: 115px;
    font-weight: bold;
}

    .profile-info-box .pm-link-button:hover {
        text-decoration: underline;
    }

.profile-info-box .title {
    margin-bottom: 10px;
    color: #333;
}

.profile-info-box .stats {
    margin-bottom: 10px;
}

.ui-tabs .topic {
    margin-bottom: 20px;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 15px;
}
/*.ui-tabs .topic:last-child {
	border-bottom: none;
	padding-bottom: 0;
}*/
.ui-tabs .topic-title {
    margin-bottom: 10px;
    padding: 5px 0;
    color: #444;
}

    .ui-tabs .topic-title a:hover {
        text-decoration: underline;
    }

.profile-page .pager ul {
    float: right;
    margin-top: 10px;
    line-height: normal;
}

.private-messages-page table {
    margin-bottom: 5px;
    background: transparent;
}

.private-messages-page .data-table th {
    text-align: left;
    background: transparent;
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.private-messages-page th:first-child {
    text-align: center;
}

.private-messages-page td:last-child {
    width: 20%;
}

.private-messages-page .pager {
    margin: 0;
}

.private-message-view-page label {
    font-weight: bold;
    color: #333;
}

.private-message-view-page .message-body {
    margin: 15px 0;
    border: 1px dotted #ccc;
    padding: 15px;
}

.private-message-view-page .options {
    overflow: hidden;
}

.back-pm-button {
    float: right;
    text-transform: capitalize !important;
}

.private-message-send-page .message-body label {
    float: left;
}

/* BB codes */

pre {
    white-space: pre-wrap;
    white-space: normal;
    word-wrap: break-word;
}

.csharpcode {
    margin: 10px 0;
    background-color: #f0f0f0;
    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;
    }

/*********** SITEMAP ***********/


.sitemap-page .entity {
    margin-bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: url('../img/boxpad3.png') top repeat-x;
    background: url('../img/boxpad3.png') top repeat-x, url('../img/boxpad6.png') bottom repeat-x;
    background-color: #f0f0f0;
    box-shadow: inset 0 1px 0 #fff;
    padding: 10px;
}

.sitemap-page .entity-body {
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: inset 0 0 10px #ddd;
    background: #fff;
    padding: 15px;
    line-height: 18px;
}

.sitemap-page h2 {
    margin-bottom: 10px;
    color: #444;
}

.sitemap-page a {
    padding-left: 10px;
    background: url('../img/arrow2.png') left center no-repeat;
}

    .sitemap-page a:hover {
        background: url('../img/arrow3.png') 1px center no-repeat;
        color: #444;
    }

/* RE-CAPTCHA */

.recaptchatable #recaptcha_response_field {
    height: auto !important;
}

.captcha-box input {
    height: auto;
}

.reservations {
    text-align: center;
}

    .reservations .item {
        margin: 20px;
        padding: 15px;
        background-color: #dc3545 !important;
        color: #fff;
    }

.rp-salink {
    margin-bottom: 15px;
}

.rp-container-loadtostock {
    color: #dc3545;
}
