﻿ 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

    nav ul {
        list-style: none;
    }

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

 

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
    vertical-align: middle;
}


 

/* MISC. CLASSES */
.nobr {
    white-space: nowrap !important;
}

.wrap {
    white-space: normal !important;
}

.a-left {
    text-align: left !important;
}

.a-center {
    text-align: center !important;
}

.a-right {
    text-align: right !important;
}

.page {
    min-height: 500px;
}

.page-body {
}

.page-title {
    margin: 0 0 10px;
    overflow: hidden;
    width: 100%;
}

    .page-title h1, .page-title h2 {
        padding: 5px 5px 5px 0;
        font-size: 20px;
        margin: 0;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: 400;
    }

    .page-title .link-rss {
        float: right;
        margin: 10px 10px 0 0;
        background-image: url(images/ico-rss.gif);
        background-repeat: no-repeat;
        display: block;
        height: 14px;
        width: 14px;
        text-indent: -9999px;
    }

td {
    vertical-align: middle;
}

    td.fieldname {
        font-size: 12px;
    }

.captcha-box {
}
/*.button-1,.button-2{color:#6e6e6e;font:bold 12px Helvetica,Arial,sans-serif;text-decoration:none;padding:3px 7px;position:static;display:inline-block;text-shadow:0 1px 0 #fff;-webkit-transition:border-color .218s;-moz-transition:border .218s;-o-transition:border-color .218s;transition:border-color .218s;background:#F6F6F6;background:-webkit-gradient(linear,0% 40%,0% 70%,from(#F6F6F6),to(#DEDEDE));background:-moz-linear-gradient(linear,0% 40%,0% 70%,from(#F6F6F6),to(#DEDEDE));border:solid 1px #dcdcdc;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;cursor:pointer;height:auto;width:auto;overflow:visible;}
.button-1:hover,.button-2:hover{color:#333;border-color:#999;-moz-box-shadow:0 2px 0 rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);box-shadow:0 1px 2px rgba(0,0,0,0.15);}*/
.button-1, .button-2 {
    color: #6e6e6e;
    font: bold 12px Helvetica,Arial,sans-serif;
    text-decoration: none;
    padding: 3px 7px;
    position: static;
    display: inline-block;
    background: #F6F6F6;
    border: solid 1px #dcdcdc;
    cursor: pointer;
    height: auto;
    width: auto;
    overflow: visible;
}

    .button-1:hover, .button-2:hover {
        color: #333;
        border-color: #999;
        -moz-box-shadow: 0 2px 0 rgba(0,0,0,0.2);
        -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    }

.noscript {
    border: 1px solid #ddd;
    border-width: 0 0 1px;
    background: #ffff90;
    font-size: 12px;
    line-height: 1.25;
    text-align: center;
    color: #2f2f2f;
}

.fieldset {
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #eee;
    border-radius: 0px;
}

    .fieldset .title {
        margin: -17px 0 14px;
    }

        .fieldset .title strong {
            background: #fff;
        }

    .fieldset .inputs {
        margin-bottom: 5px;
    }

        .fieldset .inputs label {
            display: inline-block;
            width: 130px;
            margin-left: 10px;
        }

.clearer {
    zoom: 1;
}

    .clearer:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        font-size: 0;
        line-height: 0;
        visibility: hidden;
    }

/* AJAX LOADING INDICATOR */
.ajax-loading-block-window {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 128px;
    height: 128px;
    overflow: hidden;
    z-index: 1104;
}

    .ajax-loading-block-window .loading-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 128px;
        height: 128px;
        background-image: url('images/ajax_loader_large.gif');
    }

.please-wait {
    background: url('images/ajax_loader_small.gif') no-repeat;
    padding-left: 20px;
}


/* DATA TABLE */
.data-table {
    width: 100%;
    border: 1px solid #EEE;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
}

    .data-table th {
        font-weight: bold;
        padding: 3px 8px;
        white-space: nowrap;
        vertical-align: middle;
    }

    .data-table td {
        padding: 3px 8px;
    }

    .data-table th, .data-table td {
        border-bottom: 1px solid #EEE;
        border-right: 1px solid #EEE;
    }

    .data-table .odd {
    }

    .data-table .even {
        background-color: #F6F6F6;
    }


/* TOPICS */
.topic-html-content {
    padding-bottom: 5px;
}

.topic-html-content-title {
    padding: 0 0 5px;
    clear: both;
}

.topic-html-content-header {
    font-size: 1.2em;
    font-weight: 700;
}

.topic-html-content-body {
}

    .topic-html-content-body a {
        text-decoration: underline;
        color: #B80709;
    }

.topic-page {
}

    .topic-page .page-body {
    }

        .topic-page .page-body a {
            text-decoration: underline;
            color: #B80709;
        }

        .topic-page .page-body ul, .contact-page .topic-html-content-body ul {
            margin: 10px 0 10px 18px;
        }

/* VALIDATION AND ERRORS */
.message-error {
    font-family: Verdana,Arial,sans-serif;
    font-size: 10px;
    font-weight: 700;
    color: red;
    margin-bottom: 20px;
}

    .message-error ul {
        padding: 0px;
    }

        .message-error ul li {
            list-style: none;
        }

.validation-summary-errors {
    font-family: Verdana,Arial,sans-serif;
    font-size: 10px;
    font-weight: 700;
    color: red;
}

.field-validation-error {
    font-family: Verdana,Arial,sans-serif;
    font-size: 10px;
    font-weight: 700;
    color: red;
}

.required {
    color: red;
}


/* USER-AGREEMENT PAGE */
.user-agreement-page {
}

    .user-agreement-page .page-title {
    }

    .user-agreement-page .page-body {
    }


/* PAGE NOT FOUND */
.not-found-page {
}

    .not-found-page .page-title {
    }

    .not-found-page .page-body {
    }

    .not-found-page ul li {
        list-style: none;
        margin-top: 10px;
    }


/ 

/* EU COOKIE LAW */
.eu-cookie-law {
    text-align: left;
}

a.eu-cookie-privacyinfo-tag {
    color: #B80709 !important;
    text-decoration: underline;
}


 

/* NAVIGATIONS */
.block {
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-left: 0;
}

   

        .block .title strong {
            font-weight: 700;
        }

    .block .listbox {
        font-size: 11px;
        padding: 5px 10px 10px;
        line-height: 18px;
        margin: 0;
        border-radius: 0px 0px 5px 5px;
    }

        .block .listbox ul {
            margin: 0;
            padding: 0 0 0 2px;
            color: #5C5B5B;
            background-color: inherit;
        }

    

        .block a:hover {
            color: #B80709;
            text-decoration: underline;
            font-weight: normal;
        }

    .block li {
        background: url("images/bullet-right.gif") no-repeat left 8px;
        list-style: none outside none;
        line-height: 18px;
        padding: 4px 1px 3px 13px;
    }

        .block li.separator {
            background: none;
            height: 1px;
            line-height: 1px;
            width: auto;
            font-size: 1px;
            margin: 0;
            padding: 0;
        }

.block-category-navigation, .block-manufacturer-navigation, .block-recently-viewed-products, .block-info, .block-newsletter, .block-popular-tags, .block-popular-blogtags, .block-blog-archive, .block-poll, .block-account-navigation {
}

    .block-category-navigation .active > a, .block-manufacturer-navigation .active a {
        color: #5C5B5B;
        font-weight: 700;
        text-decoration: none;
    }

    .block-category-navigation .listbox ul .active, .block-manufacturer-navigation .listbox ul .active {
        font-weight: 700;
    }

    .block-category-navigation .listbox ul .inactivetrung, .block-manufacturer-navigation .listbox ul .inactivetrung {
    }

    .block-category-navigation ul.sublist {
        margin: 0px 0px 0px 7px;
    }

        .block-category-navigation ul.sublist .inactivetrung a:hover {
            color: #5C5B5B;
            font-weight: 400;
        }

    .block-manufacturer-navigation .listbox .view-all a {
        color: #5C5B5B;
        font-weight: 700;
    }

    .block-account-navigation a.active {
        font-weight: 700;
        text-decoration: none;
    }

    .block-account-navigation a {
        white-space: nowrap;
    }

        .block-account-navigation a.inactivetrung {
            font-weight: 400;
            text-decoration: none;
        }

            .block-account-navigation a.inactivetrung:hover {
                text-decoration: underline !important;
                color: #B80709 !important;
            }

    .block-newsletter .buttons {
        margin-top: 5px;
    }

    .block-popular-tags li, .block-popular-blogtags li {
        display: inline !important;
    }

    .block-blog-archive li, .block-popular-tags li, .block-popular-blogtags li {
        background: none !important;
        padding-left: 5px !important;
    }

    .block-popular-tags .listbox .view-all a {
        color: #5C5B5B;
        font-weight: 700;
    }

    .block-blog-archive .year {
        color: #5C5B5B;
        font-weight: 700;
        text-decoration: none;
    }

.block, .news-list-homepage .item, .product-details-page, .search-panel .search-input, .product-filters, fieldset, .product-list .product-item, .product-list .product-item .picture {
    background: none repeat scroll 0 0 #FFF;
    xborder: 1px solid #eee;
    border-radius: 0px;
    -o-border-radius: 0px;
    -icab-border-radius: 0px;
    -khtml-border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}


/* MINI-SHOPPING CART */
.flyout-cart {
    display: none;
    position: absolute;
    float: left;
    top: 27px;
    right: 0px;
    width: 300px;
    min-height: 50px;
    z-index: 99999;
}

    .flyout-cart.active {
        display: block;
    }

.mini-shopping-cart {
    padding: 5px 10px 10px;
    margin: 0;
    border: 1px solid #C1C1C1;
    background: none repeat scroll 0 0 #F6F6F4;
    font-size: 11px;
}

    .mini-shopping-cart a {
        font-weight: 700;
        text-decoration: none;
    }

        .mini-shopping-cart a:hover {
            text-decoration: underline;
        }

    .mini-shopping-cart .count {
        margin: 10px 0px 10px;
        color: #444;
    }

    .mini-shopping-cart .items {
    }

    .mini-shopping-cart .item {
        overflow: hidden;
        clear: both;
        border-bottom: 1px solid #EEEEEE;
    }

    .mini-shopping-cart .item img {
        max-width: 50px;
        max-height: 50px;
    }

        .mini-shopping-cart .item.first {
            border-top: 1px solid #EEEEEE;
        }

        .mini-shopping-cart .item > div {
            padding: 10px 5px;
        }

        .mini-shopping-cart .item .picture {
            float: left;
            width: 50px;
            text-align: center;
        }

        .mini-shopping-cart .item .product {
            float: right;
            width: 208px;
        }

        .mini-shopping-cart .item .name {
            margin-bottom: 5px;
        }

        .mini-shopping-cart .item .attributes {
            font-size: 10px;
            margin: 0px;
            color: #000;
        }

        .mini-shopping-cart .item .price {
            font-size: 10px;
            margin: 10px 0px 0px 0px;
            color: #333;
        }

        .mini-shopping-cart .item .quantity {
            font-size: 10px;
            margin: 0px;
            color: #333;
        }

    .mini-shopping-cart .totals {
        margin: 10px 0px;
        text-align: right;
        color: #333;
    }

    .mini-shopping-cart .buttons {
        margin: 10px 0px;
        text-align: right;
    }

    .mini-shopping-cart .cart-button, .mini-shopping-cart .checkout-button {
        margin: 0;
    }


/* NOTIFICATIONS */
.bar-notification {
    display: none;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000;
}

    .bar-notification.success {
        background: none repeat scroll 0 0 #91BD09;
        border-bottom: 3px solid #FFFFFF !important;
        color: #FFFFFF;
        margin: 0 0 10px;
    }

    .bar-notification.error {
        background: none repeat scroll 0 0 #CC0000;
        border-bottom: 3px solid #FFFFFF !important;
        color: #FFFFFF;
        margin: 0 0 10px;
    }

    .bar-notification .close {
        background: url(images/ico-close-notification-bar.png) no-repeat;
        width: 20px;
        height: 20px;
        float: right;
        margin: 9px 9px 0px 0px;
        cursor: pointer;
    }

    .bar-notification p.content {
        padding: 0px 10px;
        margin: 10px 0px;
    }

        .bar-notification p.content a {
            text-decoration: underline;
            color: #FFFFFF;
        }

            .bar-notification p.content a:hover {
                text-decoration: none;
                color: #FFFFFF;
            }


/* ORDER SUMMARY, SHOPPING CART, WISHLIST */
.shopping-cart-page, .wishlist-page {
}

    .shopping-cart-page .page-title, .wishlist-page .page-title {
    }

    .shopping-cart-page .page-body, .wishlist-page .page-body {
        margin: 0;
        padding: 0;
        font-size: 11px;
        color: #555;
    }

    .wishlist-page .share-info {
        margin: 5px 0;
    }

        .wishlist-page .share-info .share-label {
            font-weight: 700;
        }

        .wishlist-page .share-info a.share-link {
            color: #B80709;
            text-decoration: none;
        }

.order-summary-content, .wishlist-content {
    margin: 0;
    padding: 0;
    font-size: 11px;
    color: #403d3d;
}

    .order-summary-content .totals {
        float: right;
        padding: 23px 5px 0;
        width: 320px;
    }

    .order-summary-content .cart-collaterals {
        padding: 20px 0 10px;
        width: 580px;
    }

    .order-summary-content .deals {
        display: inline;
        float: left;
        margin: 0 10px 0 0;
        width: 280px;
    }

    .order-summary-content .shipping {
        display: inline;
        float: left;
        margin: 0 10px 0 0;
        width: 280px;
    }

    .order-summary-content .coupon-box, .order-summary-content .giftcard-box {
        padding: 10px;
        font-size: 11px;
        color: #555;
        margin: 0 0 10px;
        border: 1px solid #EEE;
    }

        .order-summary-content .coupon-box .current-code {
            padding: 10px 0px 0px 0px;
        }

        .order-summary-content .coupon-box .discount-coupon-code, .order-summary-content .giftcard-box .gift-card-coupon-code {
            width: auto;
        }

        .order-summary-content .coupon-box .hint, .order-summary-content .giftcard-box .hint {
            padding-top: 5px;
        }

    .order-summary-content .giftcard-box {
        position: relative;
        z-index: 1;
    }

    .order-summary-content .apply-discount-coupon-code-button, .order-summary-content .apply-gift-card-coupon-code-button {
        margin: 5px 0;
    }

    .order-summary-content .cart, .wishlist-content .cart {
        width: 100%;
        border-collapse: collapse;
        text-align: center;
        vertical-align: middle;
    }

    .wishlist-content .cart {
        margin-bottom: 10px;
    }

        .order-summary-content .cart td, .wishlist-content .cart td {
            padding: 10px;
        }

        .order-summary-content .cart .cart-header-row, .wishlist-content .cart .cart-header-row {
            font-weight: 700;
        }

            .order-summary-content .cart .cart-header-row th, .wishlist-content .cart .cart-header-row th {
                background: none repeat scroll 0 0 #404040;
                color: #FFF;
                border-right: solid 1px #6a6a6a;
                height: 20px;
                padding: 2px 8px;
                vertical-align: middle;
                white-space: nowrap;
            }

                .order-summary-content .cart .cart-header-row th.picture, .wishlist-content .cart .cart-header-row th.picture {
                    border: none;
                }

                .order-summary-content .cart .cart-header-row th.end, .wishlist-content .cart .cart-header-row th.end {
                    text-align: right;
                    padding-right: 5px;
                }

        .order-summary-content .cart .cart-item-row, .wishlist-content .cart .cart-item-row {
        }

            .order-summary-content .cart .cart-item-row td, .wishlist-content .cart .cart-item-row td {
                border-bottom: 1px solid #c5c5c5;
                vertical-align: middle;
                line-height: 30px;
            }

                .order-summary-content .cart .cart-item-row td.product, .wishlist-content .cart .cart-item-row td.product {
                    text-align: left;
                    padding: 0 10px;
                }

                    .order-summary-content .cart .cart-item-row td.product a, .wishlist-content .cart .cart-item-row td.product a {
                        font-weight: 700;
                        text-decoration: none;
                    }

                .order-summary-content .cart .cart-item-row td.end, .wishlist-content .cart .cart-item-row td.end {
                    text-align: right;
                    font-weight: 700;
                    color: green;
                    padding-right: 5px;
                }

            .order-summary-content .cart .cart-item-row .qty-input, .wishlist-content .cart .cart-item-row .qty-input {
                border: solid 1px #E3E3E3;
                font-size: 12px;
                text-align: right;
                width: 40px;
            }

            .cart-item-row img {
                max-width: 75px;
                max-height: 50px;
            }

.order-summary-content .cart-footer {
        width: 100%;
        zoom: 1;
    }

    .order-summary-content .cart-footer:after {
            content: ".";
            display: block;
            clear: both;
            height: 0;
            font-size: 0;
            line-height: 0;
            visibility: hidden;
        }

.order-summary-content .total-info {
        margin: 0;
        font-size: 12px;
    }

    .order-summary-content .total-info .selected-shipping-method {
            font-weight: normal;
            font-size: 11px;
        }

    .order-summary-content .total-info .order-total {
            color: #353434;
        }

.cart-total-left {
    width: 100%;
    text-align: right;
    vertical-align: middle;
    height: 21px;
    font-weight: 700;
    color: #353434;
}

.cart-total-left-below {
    width: 100%;
    text-align: right;
    vertical-align: top;
    height: 30px;
}

.cart-total-right {
    text-align: right;
    vertical-align: middle;
    padding-left: 5px;
}

.order-summary-content .remove-gift-card-button, .order-summary-content .remove-discount-button {
    padding-right: 5px;
    padding-left: 18px;
    background: url(images/ico-delete.gif) no-repeat;
    border: 0;
    width: 32px;
    height: 15px;
}

    .order-summary-content .remove-gift-card-button:hover, .order-summary-content .remove-discount-button:hover {
        cursor: pointer;
    }

.order-summary-content .selected-checkout-attributes {
    margin: 0;
    padding: 10px 5px 10px 0;
    width: 100%;
    text-align: right;
    vertical-align: middle;
    color: #353434;
}

.order-summary-content .checkout-attributes {
    margin: 10px 0;
    padding: 10px 20px;
    background-color:#d9edf7;
    border: 1px solid #bce8f1;
    clear: both;
    border-radius:5px;
    font-size:18px;
    line-height:25px;
    color:#000;
}

    .order-summary-content .checkout-attributes .text-prompt {
        font-weight: bold;
    }

    .order-summary-content .checkout-attributes ul.option-list {
        padding: 0px;
        margin: 0px;
    }

        .order-summary-content .checkout-attributes ul.option-list li {
            list-style: none;
        }

    .order-summary-content .checkout-attributes .textbox {
        width: 300px;
    }

    .order-summary-content .checkout-attributes textarea {
        width: 300px;
        height: 150px;
    }
    /* color squares attribute type */
    .order-summary-content .checkout-attributes ul.color-squares li {
        display: inline;
    }

    .order-summary-content .checkout-attributes ul.color-squares .color-container {
        position: relative;
        display: inline-block;
        border: solid 1px #999;
        padding: 1px;
        margin-bottom: 5px;
    }

    .order-summary-content .checkout-attributes ul.color-squares .selected-value .color-container {
        border-color: #075899;
        border-width: 2px;
        padding: 0;
    }

    .order-summary-content .checkout-attributes ul.color-squares .color {
        display: inline-block;
        width: 18px;
        height: 18px;
    }

    .order-summary-content .checkout-attributes ul.color-squares label {
        cursor: pointer;
        position: relative;
    }

    .order-summary-content .checkout-attributes ul.color-squares input {
        height: 0;
        overflow: hidden;
        z-index: -10000;
        position: absolute;
        float: none;
    }

.order-summary-content .min-amount-warning {
    margin: 0;
    padding: 10px 0 10px 10px;
}

.order-summary-content .terms-of-service {
    margin: 0;
    padding: 10px 0 10px 10px;
}

    .order-summary-content .terms-of-service .read {
        text-decoration: underline;
    }

        .order-summary-content .terms-of-service .read:hover {
            cursor: pointer;
        }

.order-summary-content .common-buttons {
    margin: 0;
    padding: 10px;
}

.order-summary-content .checkout-buttons {
    float: right;
    margin: 0;
    padding: 10px 0 10px 10px;
}

    .order-summary-content .checkout-buttons .checkout-button {
        font: bold 15px/30px Arial,Helvetica,sans-serif;
        display: inline-block;
        padding: 0px 25px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        padding: 10px 30px;
        cursor: pointer;
        background: #6da028;
        color: #fff;
        text-shadow: none;
        border: 0 none;
        font-size: 1.5em;
        border-radius: 2px;
        border-bottom: solid 3px #3c5a11;
    }

.order-summary-content .addon-buttons {
    clear: both;
    float: right;
    margin: 0;
    padding: 10px 0 10px 10px;
    text-align: right;
}

.order-summary-content .cross-sells-title {
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: 700;
    padding: 5px 5px 5px 0;
    border-bottom: 0 none;
    margin: 0 0 10px;
    width: 100%;
}

.estimate-shipping {
    margin: 0;
    padding: 10px;
    font-size: 11px;
    color: #555;
    border: 1px solid #EEE;
}

    .estimate-shipping .hint {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .estimate-shipping .country-input, .estimate-shipping .state-input {
        width: 137px;
    }

    .estimate-shipping .zip-input {
    }

    .estimate-shipping .shipping-options {
        text-align: left;
        height: auto;
    }

        .estimate-shipping .shipping-options label {
            display: inline-block;
            width: 85px;
        }

        .estimate-shipping .shipping-options .estimate-shipping-button {
            margin-left: 90px;
        }

    .estimate-shipping .shipping-results li.shipping-option-item {
        list-style: none;
        text-align: left;
        vertical-align: text-top;
        padding: 5px 0 0 5px;
    }

    .estimate-shipping .shipping-results .shipping-option-item .option-name {
        display: block;
        font-weight: 700;
    }

    .estimate-shipping .shipping-results .shipping-option-item .option-description {
        display: block;
        padding: 5px 0 5px 16px;
    }


/* CHECKOUT */
.checkout-page, .checkout-one-page {
}

    .checkout-page .page-title, .checkout-one-page .page-title {
    }

    .checkout-page .checkout-data, .checkout-one-page .checkout-data {
        margin: 0;
        padding: 0;
        color: #555;
        background-color: inherit;
    }

.checkoutstep {
}

    .checkoutstep .steptitle {
        border: 1px solid #2F4F4F;
        color: #FFF;
        background-color: #2E4d7B;
        font-family: Arial,Sans-Serif;
        font-size: 12px;
        font-weight: 700;
        padding: 5px;
        margin-top: 5px;
    }

    .checkoutstep .stepcontent {
        border: dashed 1px #2F4F4F;
        border-top: none;
        padding: 5px;
    }

.order-summary-title {
    padding: 10px 10px 5px 0;
    font-size: 11px;
    color: #555;
    font-weight: 700;
    clear: both;
}

.order-summary-body {
    text-align: center;
    height: auto;
}

.checkout-data .section {
    margin-bottom: 15px;
}

    .checkout-data .section .title {
        padding: 10px 10px 5px 0;
        font-weight: 700;
        clear: both;
        margin-bottom: 5px;
    }

.checkout-data .address-grid {
    padding: 0;
    overflow: hidden;
}

    .checkout-data .address-grid .address-item {
        float: left;
        padding: 10px;
        border: 1px solid #EEE;
        width: 200px;
        min-height: 150px;
        margin-right: 5px;
    }

        .checkout-data .address-grid .address-item .select-button {
            margin-bottom: 5px;
            margin-top: 5px;
            text-align: center;
        }

        .checkout-data .address-grid .address-item li {
            list-style: none;
            text-align: left;
        }

.checkout-data .enter-address {
    border: 1px solid #EEE;
    height: auto;
    padding: 10px;
}

    .checkout-data .enter-address label {
        display: inline-block;
        width: 95px;
    }

    .checkout-data .enter-address .buttons {
        margin-top: 10px;
    }

.checkout-data .shipping-method {
    text-align: left;
    xborder: 1px solid #EEE;
    height: auto;
}

    .checkout-data .shipping-method li {
        text-align: left;
        vertical-align: text-top;
        padding: 5px 0 0 5px;
        list-style: none;
    }

    .checkout-data .shipping-method .method-name {
        font-weight: 700;
    }

    .checkout-data .shipping-method .method-description {
        padding: 5px 0 5px 16px;
    }

    .checkout-data .shipping-method .buttons {
        margin: 10px;
        text-align: left;
    }

    .checkout-data .shipping-method .message-error {
        margin: 10px;
        text-align: left;
    }

.checkout-data .use-reward-points {
    margin: 0;
    padding: 10px;
    color: #555;
    background: #F7F5E8;
    margin-bottom: 10px;
    border: dotted 1px #d3d3d3;
}

.checkout-data .payment-method {
    text-align: left;
    xborder: 1px solid #EEE;
    height: auto;
}

    .checkout-data .payment-method li {
        padding: 10px 0;
        min-width: 180px;
        font-weight: bold;
        text-align: left;
        vertical-align: text-top;
        list-style: none;
    }

    .checkout-data .payment-method .buttons {
        margin: 10px;
        text-align: left;
    }

    .checkout-data .payment-method .message-error {
        margin: 10px;
        text-align: left;
    }

.checkout-data .payment-info {
    text-align: left;
    border: 1px solid #EEE;
    height: auto;
}

    .checkout-data .payment-info .info {
        padding: 10px;
        text-align: left;
        vertical-align: text-top;
    }

    .checkout-data .payment-info .buttons {
        margin: 10px;
        text-align: left;
    }

    .checkout-data .payment-info .message-error {
        margin: 10px;
        text-align: left;
    }

.checkout-data .confirm-order {
    text-align: left;
    height: auto;
    margin-bottom: 0;
}

    .checkout-data .confirm-order .buttons {
        margin: 10px;
        text-align: left;
    }

    .checkout-data .confirm-order .message-error {
        margin: 10px;
        text-align: left;
    }

.checkout-data .order-review-data {
    padding: 10px;
    overflow: hidden;
    margin-bottom: 20px;
}

.checkout-data .order-review-data {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
}

    .checkout-data .order-review-data ul {
        float: left;
        margin-left: 15px;
        margin-right: 15px;
        width: 350px;
    }

    .checkout-data .order-review-data li {
        list-style: none;
        text-align: left;
    }

        .checkout-data .order-review-data li:first-child {
            margin-top: 0;
        }

    .checkout-data .order-review-data .title {
        margin: 10px 0 5px;
    }

    .checkout-data .order-review-data .payment-method, .checkout-page .order-review-data .shipping-method {
        border: none;
    }

.checkout-data .order-completed {
    text-align: left;
    border: 1px solid #EEE;
    height: auto;
    padding: 10px;
}

    .checkout-data .order-completed ul {
        margin-bottom: 10px;
    }

    .checkout-data .order-completed li {
        margin: 5px 0;
        list-style: none;
    }

    .checkout-data .order-completed a {
        color: #B80709;
        text-decoration: none;
    }

.order-progress {
    height: 40px;
    margin: 0 auto;
    text-align: center;
    border-bottom: solid 2px #f3f3f3;
}

    .order-progress ul {
        padding: 0;
        margin: 0;
    }

        .order-progress ul li {
            list-style: none;
            display: inline;
            padding: 5px 20px 0;
        }

            .order-progress ul li .active-step {
                color: #6a6a6a;
                background: url(images/progress-step-active.gif) no-repeat 50% 50%;
                padding-bottom: 40px;
                padding-right: 1px;
                zoom: 1;
            }

            .order-progress ul li .inactivetrung-step {
                color: #d7d7d7;
                background: url(images/progress-step-inactivetrung.gif) no-repeat 50% 50%;
                padding-bottom: 40px;
                padding-right: 1px;
                zoom: 1;
            }

            .order-progress ul li a:hover {
                text-decoration: none;
            }


/* ONE PAGE CHECKOUT */
.opc .buttons {
    margin-top: 0;
    padding-top: 2em;
}

    .opc .buttons .back-link {
        margin-bottom: 10px;
    }

        .opc .buttons .back-link small {
            display: none;
        }

        .opc .buttons .back-link a {
            background: url(images/arrow-up.png) no-repeat left;
            padding-left: 20px;
        }

    .opc .buttons.disabled button {
        display: none;
    }

    .opc .buttons .please-wait {
        height: 21px;
        line-height: 21px;
    }

.opc .ul {
    list-style: disc outside;
    padding-left: 18px;
}

.opc ul, .opc ol, ul.opc, ol.opc {
    list-style: none outside none;
}

.opc {
    position: relative;
}

    .opc li.tab-section {
    }

    .opc .step-title {
        border-width: 0 1px;
        border-style: solid;
        border-color: #fff #d9dde3 #d9dde3;
        background: #F2F2F2;
        padding: 4px 8px 6px;
        text-align: right;
    }

        .opc .step-title .number {
            float: left;
            background: #fff;
            border: 1px solid #fff;
            padding: 0 4px;
            margin: 0 5px 0 0;
            font: bold 11px/14px arial,helvetica,sans-serif;
            color: #999;
        }

        .opc .step-title h2 {
            float: left;
            margin: 0;
            font: bold 13px/16px Arial,Helvetica,sans-serif;
            color: #999;
            text-transform: capitalize;
        }

    .opc .allow .step-title {
        background: #F2F2F2;
        border: 1px solid #EEE;
        border-bottom: 0;
        color: #a4b3b9;
        cursor: pointer;
    }

        .opc .allow .step-title .number {
            background: #dbe6eb;
            border-color: #dbe6eb;
            color: #a4b3b9;
        }

        .opc .allow .step-title h2 {
            color: #a4b3b9;
        }

    .opc .active .step-title {
        background: #f9f3e3;
        border: 1px solid #EEE;
        padding-bottom: 5px;
        color: #f18200;
        cursor: default;
    }

        .opc .active .step-title .number {
            background: #B20405;
            border-color: #B20405;
            color: #fff;
        }

        .opc .active .step-title h2 {
            color: #555;
        }

    .opc .step {
        border: 1px solid #EEE;
        border-top: 0;
        background: #fbfaf6 0 0 repeat-x;
        padding: 10px;
        position: relative;
    }

    .opc .step-title:after {
        display: block;
        content: ".";
        clear: both;
        font-size: 0;
        line-height: 0;
        height: 0;
        overflow: hidden;
    }

    .opc .order-summary-content .cart-footer {
        background: none !important;
    }


/* ORDER DETAILS */
.order-details-page .order-details-page .page-title {
}

.order-details-page .page-title h1 {
    float: left;
}

.order-details-page .page-title a {
    float: right;
    margin-left: 10px;
}

    .order-details-page .page-title a:hover {
        text-decoration: none;
    }

.order-details-page .title {
    padding: 10px 10px 5px 0;
    font-weight: 700;
    clear: both;
    font-size: 12px;
}

.order-details-page .page-body {
    border: 1px solid #EEE;
    padding: 10px;
}

.order-details-page .order-overview {
    text-align: left;
    padding-bottom: 10px;
    overflow: hidden;
}

    .order-details-page .order-overview .order-number {
        margin-bottom: 10px;
    }

    .order-details-page .order-overview .order-details {
        float: left;
    }

        .order-details-page .order-overview .order-details span {
            display: block;
            margin-bottom: 5px;
        }

    .order-details-page .order-overview .order-total {
        text-align: right;
    }

.order-details-page .order-details-area {
    text-align: left;
    margin: 10px;
    padding: 10px;
    border: 1px solid #EEE;
    height: auto;
}

    .order-details-page .order-details-area table {
        width: 100%;
        border: 0px;
        border-collapse: collapse;
        border-spacing: 0;
    }

    .order-details-page .order-details-area td {
        width: 50%;
        vertical-align: top;
    }

    .order-details-page .order-details-area ul {
        float: left;
        margin-right: 20px;
    }

    .order-details-page .order-details-area li {
        list-style: none;
    }

        .order-details-page .order-details-area li:first-child {
            margin-top: 0;
        }

.order-details-page .repost {
    margin: 10px 0px 10px 0px;
}

    .order-details-page .repost .hint {
        margin: 0px;
    }

.order-details-page .section {
    text-align: left;
    padding: 10px;
    margin-bottom: 20px;
    height: auto;
}

.order-details-page .checkout-attributes {
    text-align: right;
    vertical-align: middle;
    padding: 10px;
    height: auto;
}

.order-details-page .actions {
    margin: 10px 0px 10px 0px;
}

.order-details-page .cart-total-left {
    color: #000;
}


/* SHIPMENTS */
.shipment-details-page {
}

    .shipment-details-page .page-title {
    }

    .shipment-details-page .title {
        padding: 10px 10px 5px 0;
        font-weight: 700;
        clear: both;
        font-size: 12px;
    }

    .shipment-details-page .page-body {
        border: 1px solid #d7d7d7;
        padding: 10px;
    }

    .shipment-details-page .shipment-overview {
        overflow: hidden;
        margin-bottom: 10px;
    }

        .shipment-details-page .shipment-overview ul {
            float: left;
            margin-right: 20px;
        }

        .shipment-details-page .shipment-overview li {
            list-style: none;
        }

        .shipment-details-page .shipment-overview .title {
            margin-bottom: 5px;
        }

    .shipment-details-page .tracking-url {
        color: #B80709;
        text-decoration: none;
    }


/* HOME PAGE */
.home-page-product-grid {
    margin-left: auto;
    margin-right: auto;
    width: auto;
}

    .home-page-product-grid .title {
        padding: 10px 10px 10px 0;
        margin: 0 0 0 10px;
        font-weight: 400;
        text-transform: uppercase;
        font-size: 1.1em;
        color: #3a3a3a;
        text-align: center;
    }

.home-page-category-grid {
    margin-left: auto;
    margin-right: auto;
    width: auto;
    zoom: 1;
}

    .home-page-category-grid:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        font-size: 0;
        line-height: 0;
        visibility: hidden;
    }

    .home-page-category-grid a {
        color: #555;
        font-size: 1.2em;
        font-weight: 700;
    }

    .home-page-category-grid .item-box {
        float: left;
        text-align: center;
        vertical-align: text-top;
    }

    .home-page-category-grid .category-item {
        text-align: center;
        margin: 10px;
        width: 145px;
        height: 180px;
        border: 1px solid #eee;
    }

        .home-page-category-grid .category-item .title {
            text-align: center;
            font-weight: 700;
            font-size: .9em;
            display: block;
            overflow: hidden;
            height: 1.8em;
            padding: 5px;
        }

        .home-page-category-grid .category-item .picture {
            text-align: center;
            padding: 10px 0;
        }

.bestsellers {
    margin-left: auto;
    margin-right: auto;
    width: auto;
}

    .bestsellers .title {
        padding: 10px 10px 10px 0;
        margin: 0 0 0 10px;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 1.1em;
        color: #3a3a3a;
        text-align: center;
    }

  

 
  
 
 
 

 

/* ------------------------- CC STYLE START HERE ----------------------- */
.header .footer {
    font-size: 12px;
}
/* GLOBAL */
/*begin clearfix*/
.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}
/* hide from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/*end clearfix*/
.clear {
    clear: both;
}

 
/* MASTER PAGE WRAPPERS */
 

.master-wrapper-main {
    font-family: arial, helvetica, sans-serif;
    color: #5C5B5B;
}
    /* one column master page */
    .master-wrapper-main .center-1 {
        float: left;
        width: 100%;
        min-height: 400px;
        background: #FFF;
        display: inline;
    }
    /* two column master page */
    .master-wrapper-main .side-2 {
        float: left;
        width: 190px;
        margin: 10px 0;
        display: inline;
    }

    .master-wrapper-main .center-2 {
        float: left;
        width: 740px;
        min-height: 400px;
        padding: 10px;
        margin: 10px 0 10px 10px;
        background: #FFF;
        display: inline;
        border-radius: 0px;
    }
    /* three column master page */
    .master-wrapper-main .leftside-3 {
        float: left;
        width: 190px;
        margin: 10px 0;
        display: inline;
    }

    .master-wrapper-main .center-3 {
        float: left;
        width: 510px;
        min-height: 400px;
        padding: 10px;
        margin: 10px;
        background: #FFF;
        display: inline;
        overflow: hidden;
        border-radius: 0px;
    }

    .master-wrapper-main .rightside-3 {
        float: right;
        width: 190px;
        margin: 10px 0;
        display: inline;
    }

 
 
 
/* override some jQuery UI style */
.search-box .ui-autocomplete-loading {
    background: white url('images/ajax_loader_small.gif') right center no-repeat;
}

.ui-autocomplete {
    z-index: 10 !important;
}
    /*ensure that z-index is more than .nivoSlider a.nivo-imageLink used on the home page*/
    .ui-autocomplete .ui-menu-item a {
        text-align: left !important;
    }

    .ui-autocomplete .ui-menu-item a img {
        max-width: 25px;
        max-height: 25px;
    }
 

/* CC Mega Menu */

.megamenu {
    width: 170px;
    position: relative;
    height: 40px;
}

    .megamenu ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .megamenu ul li {
            float: left;
            display: block;
            border-right: 1px solid #fff;
            /*position:relative;*/
        }

    .megamenu .top-nav {
        line-height: 40px;
        height: 40px;
        color: rgb(30, 42, 184);
        font-weight: bold;
        padding: 0px 10px 0px 10px;
        font-size: 12px;
        transition: all 0.2s ease-in-out;
    }

        .megamenu .top-nav:hover {
            background: #fff;
            color: #000;
        }

    .megamenu .active .top-nav {
        background: rgb(32, 134, 228);
        color: #fff;
    }

    .megamenu .top-menu li:first-child .top-nav {
        border-left: none;
    }

    .megamenu .top-menu li:last-child .top-nav {
        border-right: none;
    }

    .megamenu ul li a {
        display: block;
        margin: 0px;
    }

    .megamenu ul li:hover a {
        text-decoration: none;
    }

    .megamenu ul li .down {
        display: none;
        position: absolute;
        left: -1px;
        z-index: 9999;
        border-bottom: 1px solid #999;
        border-left: 1px solid #999;
        border-right: 1px solid #999;
        background: #fff;
        margin-bottom: 5px;
        line-height: 1.5;
        -moz-box-shadow: 5px 5px 5px #999;
        -webkit-box-shadow: 5px 5px 5px #999;
        box-shadow: 5px 5px 5px #999;
        padding: 0 15px 15px 20px;
    }

.down.width-1-col {
    width: 186px;
}

.down.width-2-col {
    width: 372px;
}

.down.width-3-col {
    width: 558px;
}

.down.width-4-col {
    width: 744px;
}

.down.width-5-col {
    width: 930px;
}

.megamenu ul li.right .down {
    left: auto;
    right: -1px;
}

.megamenu ul li:hover .down {
    display: block;
    border-top: none;
}


/* sub Catalog*/
.megamenu ul li .sub-catg {
    width: 166px;
    display: block;
    float: left;
    position: relative;
    margin: 10px;
}

    .megamenu ul li .sub-catg.first {
        clear: left;
    }

    .megamenu ul li .sub-catg h5 {
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #ccc;
    }

    .megamenu ul li .sub-catg li {
        float: none;
    }

        .megamenu ul li .sub-catg li.active a {
            font-weight: bold;
            color: rgb(28, 90, 134);
        }

/* Drop Item */
.megamenu ul li .drop {
    padding-right: 21px;
    background: url(../img/white.png) no-repeat right 7px;
    text-decoration: none;
}

.megamenu ul li:hover .drop {
    background: #F4F4F4 url(../img/black.png) no-repeat right 8px;
    color: #000;
    text-decoration: none;
}
/* end Drop Item */

.cleaner {
    display: block;
    clear: both;
    content: '.';
    visibility: hidden;
    height: 0;
    font-size: 0;
    line-height: 0;
}




/* Mega Menu */
.megamenu .contact_form {
    display: block;
    margin-bottom: 10px;
}

.megamenu .contact_form {
}

    .megamenu .contact_form label {
        font-size: 12px;
        font-family: Arial,Helvetica,sans-serif;
        font-weight: bold;
        line-height: 18px;
        color: #3B3B3B;
    }

.megamenu .form_element {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    width: 280px;
    padding: 6px;
    margin: 12px 0 18px 0;
    color: #3B3B3B;
    background-color: #3B3B3B;
    border: 1px solid #001119;
}

    .megamenu .form_element:hover {
        background-color: #F4F4F4;
    }

    .megamenu .form_element:focus {
        background-color: #FFF;
        outline: none;
    }

.megamenu .contact_form textarea {
    height: 150px;
    resize: none;
}

.megamenu .colform,
.megamenu .coltext {
    display: block;
    float: left;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
    text-align: left;
}

.megamenu .colform {
    width: 300px;
}

.megamenu .coltext {
    width: 620px;
}

    .megamenu .coltext p,
    .megamenu .coltext h3 {
        color: #3B3B3B;
    }

.megamenu .colform p,
.megamenu .colform h3 {
    color: #3B3B3B;
}

.megamenu .contact_form .button {
    border: 1px solid #001119;
    color: #FFFFFF;
    background-color: #3B3B3B;
    font: bold 11px Sans-Serif;
    padding: 7px 12px;
    margin: 9px 12px 0 0;
    color: #fff;
    cursor: pointer;
}
/* end Mega Menu*/



/* Product Page Tabs */
#product-tabs {
    clear: both;
}

ul.product-tabs {
    margin-left: 30px;
}

    ul.product-tabs li {
        float: left;
        display: block;
        border: 1px solid #d4d4d4;
        border-radius: 0px 0px 0 0;
        padding: 10px 25px;
        margin-bottom: -1px;
        background-color: #ddd;
        margin-right: 4px;
    }

        ul.product-tabs li a {
            font-size: 14px;
            text-decoration: none;
            padding-bottom: 5px;
        }

        ul.product-tabs li.current {
            border-bottom: 1px solid #FFF;
            background-color: #fff;
        }

            ul.product-tabs li.current a {
                font-weight: bold;
                border-bottom: 3px solid #f90;
            }

.product-tab-content {
    display: none;
    overflow: hidden;
}

    .product-tab-content.current {
        display: block;
    }

.product-tab-wrap {
    clear: left;
    border: 1px solid #d4d4d4;
    border-radius: 0px;
    padding: 20px;
}

.product-specs-box td {
    padding: 10px 16px;
}

.product-specs-box .specname {
    font-weight: 700;
}


/* end Product Page Tabs */

/*DEALS*/
.deal-page {
    padding: 0px;
}

#deal-header {
    width: 960px;
    min-height: 180px;
    background-color: #e8e4e4;
}

.deal-page #time-left {
    float: right;
    width: 920px;
    background: #eee !important;
    background: -moz-linear-gradient(top,#eee 0,#ccc 100%) !important;
    background: -webkit-gradient(linear,0% 0,0% 100%,from(#eee),to(#ccc)) !important;
    background: -webkit-linear-gradient(top,#eee 0,#ccc 100%) !important;
    background: -o-linear-gradient(top,#eee 0,#ccc 100%) !important;
    background: -ms-linear-gradient(top,#eee 0,#ccc 100%) !important;
    background: linear-gradient(top,#eee 0,#ccc 100%) !important;
    padding: 15px 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #999;
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.4);
}

    .deal-page #time-left .left {
        width: 300px;
        float: left;
    }

    .deal-page #time-left .right {
        width: 600px;
        float: right;
        text-align: right;
    }

#deal-subscribe {
    width: 100%;
    float: left;
    text-align: right;
}

    #deal-subscribe .emailwords {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 10px;
    }

#deal-products-wrap {
    clear: both;
}

.deal-product-box {
    border-bottom: #d4d4d4 solid 1px;
    overflow: hidden;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 10px;
    position:relative;
}

    .deal-product-box .left {
        width: 270px;
        float: left;
    }

        .deal-product-box .left img {
            width: 270px;
        }

    .deal-product-box .middle {
        width: 420px;
        float: left;
    }

    .deal-product-box .right {
        width: 220px;
        padding-left: 30px;
        float: left;
    }

    .deal-product-box .middle h2 {
        font-size: 20px;
        color: #267ab7;
    }

    .deal-product-box .get-deal, .deal-product-box .get-deal:hover {
        text-decoration: none;
        color: #fff;
        margin-top: 10px;
        font-size: 20px;
        padding: 10px 15px;
    }

    .deal-product-box .onsale {
        font-size: 14px;
        line-height: 16px;
        font-weight: bold;
    }

    .deal-product-box .price {
        font-size: 36px;
        padding: 5px 0;
        font-weight: bold;
        color: #bb0628;
    }

        .deal-product-box .price:first-letter {
            font-size: 24px;
        }

    .deal-product-box .save, .deal-product-box .regular-price {
        font-size: 14px;
        line-height: 18px;
    }

        .deal-product-box .save span, .deal-product-box .regular-price span {
            width: 100px;
            display: inline-block;
        }

    .deal-product-box .save {
        color: #bb0628;
    }

    .deal-product-box .meta {
        margin: 10px 0;
    }

    .deal-product-box .code {
        margin: 10px 0;
        color: #999;
    }

    .deal-product-box .freeshipping {
        font-size: 16px;
        font-weight: bold;
        margin-top: 10px;
    }

    .deal-product-box .sold-out {
        background-image: url(images/soldout.png);
        width: 107px;
        height: 107px;
        position: absolute;
        top: 110px;
        left: 230px;
}

    .deal-product-box .almost-gone {
        background-image: url(images/almostgone.png);
        width: 107px;
        height: 107px;
        position: absolute;
        top: 110px;
        left: 230px;
}

/* Deal Grid Template*/
.deal-grid-box {
    margin: 10px;
    width: 280px;
    padding: 10px;
    height: 330px;
    float: left;
    font-size: 12px;
    line-height: 20px;
    box-shadow: 0 0 10px #000;
    border-radius: 30px;
    text-align: center;
    overflow: hidden;
    position: relative;
}

    .deal-grid-box .sold-out {
        background-image: url(images/soldout.png);
        width: 107px;
        height: 107px;
        position: absolute;
        top: 80px;
        left: 10px;
}

    .deal-grid-box .almost-gone {
        background-image: url(images/almostgone.png);
        width: 107px;
        height: 107px;
        position: absolute;
        top: 80px;
        left: 10px;
}

    

    .deal-grid-box:hover {
        background: #F9F9F9;
       box-shadow: 0 0 30px blue;
    }

    .deal-grid-box .picture {
        width: 280px;
        height: 180px;
        display:table-cell;
        vertical-align: middle;
        text-align: center;
    }

        .deal-grid-box .picture img {
            max-width: 240px;
            max-height: 180px;
            margin: 0px auto;
    }

    .deal-grid-box .productname {
        width: 280px;
        padding: 0 5px;
        height: 40px;
        line-height: 20px;
        overflow: hidden;
    }

    .deal-grid-box .get-deal {
        text-align: center;
    }

        .deal-grid-box .get-deal a {
            text-decoration: none;
        }
        
    .deal-grid-box .price .regular-price .rrp {
    }

    .deal-grid-box .price .onsale {
        font-size: 20px;
        padding: 5px 0;
        font-weight: bold;
        color: #bb0628;
    }


.kkc-dni-text, .kkc-godz-text, .kkc-min-text, .kkc-sec-text {
    font-size: 20px;
}

#more-deals {
    margin-top: 40px;
}

    #more-deals h1 {
        font-size: 26px;
        font-weight: normal;
    }

        #more-deals h1 span {
            font-weight: bold;
            color: #bb0628;
        }
/*PRICE LIST*/
#price-list-table {
    margin: 12px 0;
}

    #price-list-table a {
        color: #5C5B5B;
        text-decoration: none;
    }

    #price-list-table td, #price-list-table th {
        padding: 5px 5px;
    }

    #price-list-table tr.odd {
        background-color: #eee;
    }

    #price-list-table tr:hover {
        background-color: #ccc;
    }

    #price-list-table tr.price-list-cata {
        background-color: #3954A5;
        color: #fff;
    }

.price-list-name {
    width: 85%;
}

.price-list-price {
    text-align: right;
}

/*shoppingcart*/
#cart-step-button ul {
    margin-left: 300px;
}

#cart-step-button li {
    float: left;
    padding: 10px 20px;
    cursor: pointer;
    list-style: none;
    font-weight: bold;
    font-size: 14px;
}

    #cart-step-button li a {
        color: rgb(92, 91, 91);
        text-decoration: none;
        font-weight: bold;
        font-size: 14px;
    }

    #cart-step-button li.current, #cart-step-button li.current a {
        color: #000;
    }

#cart-step-button .count {
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 100%;
    line-height: 20px;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    margin-right: 3px;
    border: 1px solid #5a5a5a;
    background: #9d9d9d;
    background: -webkit-linear-gradient(#cacaca, #9a9a9a);
    background: -moz-linear-gradient(#cacaca, #9a9a9a);
    background: -ms-linear-gradient(#cacaca, #9a9a9a);
    background: linear-gradient(#cacaca, #9a9a9a);
    color: #333;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}

#cart-step-button .current .count {
    color: rgb(37, 92, 15);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
    border-color: rgb(54, 148, 24);
    background: #fcaf3e;
    background: -webkit-linear-gradient(rgb(164, 231, 75), rgb(91, 151, 10));
    background: -moz-linear-gradient(rgb(164, 231, 75), rgb(91, 151, 10));
    background: -ms-linear-gradient(rgb(164, 231, 75), rgb(91, 151, 10));
    background: linear-gradient(rgb(164, 231, 75), rgb(91, 151, 10));
}

#cart-wrap, #addon-wrap {
    display: none;
}

    #cart-wrap.current, #addon-wrap.current {
        display: block;
    }
/*Addon*/

#addon-wrap {
    font-size: 12px;
}

#addon-tab-wrap {
    width: 239px;
    float: left;
}

.addon-tab {
    width: 210px;
    padding: 15px 9px;
    float: left;
    cursor: pointer;
    border: 1px solid #c5c5c5;
    border-right: none;
    margin-left: 10px;
    font-weight: bold;
}

    .addon-tab:hover, .addon-tab.current {
        background-color: #f5f5f5;
        margin-left: 0px;
        padding-right: 19px;
        -moz-box-shadow: -2px 0px 10px -1px #999;
        -webkit-box-shadow: -2px 0px 10px -1px #999;
        box-shadow: -2px 0px 10px -1px #999;
    }

    .addon-tab img {
        float: left;
        padding-right: 14px;
    }

#addon-list {
    width: 720px;
    min-height: 300px;
    float: left;
    border-left: 1px solid #c5c5c5;
    border-top: 1px solid #c5c5c5;
    margin-bottom: 30px;
    -moz-box-shadow: -3px 0px 10px -2px #ccc;
    -webkit-box-shadow: -3px 0px 10px -2px #ccc;
    box-shadow: -3px 0px 10px -2px #ccc;
}

    #addon-list .loading-process {
        width: 100%;
        height: 200px;
        background-image: url('images/ajax_loader_large.gif');
        background-repeat: no-repeat;
        background-position: bottom center;
    }

    #addon-list h2 {
        background-color: #eee;
        color: #267ab7;
        padding: 5px 20px;
    }

    #addon-list tr {
        border-bottom: 1px solid #c5c5c5;
    }

    #addon-list td {
        padding: 4px 0;
    }

.addon-list-product-name {
    font-weight: bold;
}

.addon-content .bottomnav {
    text-align: right;
    padding: 20px 0;
}

    .addon-content .bottomnav a {
        margin-left: 20px;
    }

    


/*Popup Subscribe*/
#newsletter-subscribe-block-popup {
    width: 913px;
    height: 427px;
    display: block;
    background-image: url('images/web-popups.jpg');
    background-repeat: no-repeat;
    position: relative;
}

    #newsletter-subscribe-block-popup .subcr {
        width: 290px;
        height: 100px;
        top: 150px;
        left: 600px;
        color: #888;
        position: relative;
    }

        #newsletter-subscribe-block-popup .subcr .newsletter-email {
            margin-bottom: 10px;
        }

        #newsletter-subscribe-block-popup .subcr .newsletter-result-block {
            color: #fff;
            line-height: 30px;
        }

        #newsletter-subscribe-block-popup .subcr .newsletter-subscribe-button {
            width: 180px;
            padding: 5px 0;
            font-size: 20px;
    }

#newsletter-email-popup {
    padding: 10px 10px;
    width: 160px;
    border: 1px solid #888;
}

/*HappyHour Popup Subscribe*/
#happyhour-subscribe-block-popup {
    width: 700px;
    height: 480px;
    display: block;
    background-image: url('http://centrecomstatic.s3.amazonaws.com/images/editor/image/20140805/20140805104457_1687.jpg');
    background-repeat: no-repeat;
    position: relative;
}

    #happyhour-subscribe-block-popup .subcr {
        width: 487px;
        background-color: #FFEAA9;
        border-radius: 10px;
        padding: 10px 20px;
        height: 50px;
        top: 390px;
        left: 90px;
        color: #888;
        position: relative;
    }

    #happyhour-subscribe-block-popup .subcr td {
        vertical-align: top;
        text-align: left;
    }

        #happyhour-subscribe-block-popup .subcr .happyhour-email {
            margin-bottom: 0px;
            margin-right: 80px;
        }

        #happyhour-subscribe-block-popup .subcr .happyhour-result-block {
            color: #ff0000;
        }

        #happyhour-subscribe-block-popup .subcr .happyhour-subscribe-button {
            width: 180px;
            padding: 5px 0;
            font-size: 20px;
            border-radius: 4px;
            color: #469456;
    }

#happyhour-email-popup {
    padding: 10px 10px;
    width: 200px;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
#happyhour-email-popup:focus
{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
/*FIX Seach box autocomplete Z-index*/
.ui-autocomplete#ui-id-1 {
    z-index: 999 !important;
}

/* credit card verification reminder. */
.neck-reminder {
    line-height: 30px;
    border: 1px solid #000;
    width: 1018px;
    margin: 5px auto;
    background-color: yellow;
}

    .neck-reminder a {
        font-weight: bold;
        color: #000;
    }

/*Custom PC builder*/
#custom-pc-builder .my-list, #custom-pc-builder .select-list {
    float: left;
    width: 460px;
    border: 1px solid #eee;
}

    #custom-pc-builder .my-list header {
        background-color: #888;
        color: #fff;
        text-align: center;
        padding: 10px 0;
    }

        #custom-pc-builder .my-list header h1 {
            font-size: 20px;
        }

.my-list footer .note, .my-list footer .total {
    float: left;
    width: 200px;
    height: 40px;
    padding: 15px 5px;
    font-size: 16px;
}

.my-list .required-mark {
    color: red;
    font-family: 'Times New Roman';
}

.my-list footer .total {
    text-align: right;
}

.my-list footer #add-to-cart {
    clear: both;
}

#my-list-table {
    width: 100%;
}

    #my-list-table tr {
        cursor: pointer;
        border-bottom: 1px solid #eee;
    }

    #my-list-table td, #my-list-table th {
        padding: 15px 5px;
    }

        #my-list-table td.category-name {
            width: 116px;
        }

    #my-list-table span.category-max-quantities {
        color: blue;
        }

    #my-list-table td.qty {
            width: 31px;
        }

    #my-list-table td.price {
            width: 60px;
        }

    #my-list-table td.remove {
            width: 65px;
        }

    #my-list-table .required-mark {
        display: none;
    }

    #my-list-table .parts-category.conditional {
        display: none;
    }

        #my-list-table .parts-category.conditional.compulsory {
            display: table-row;
        }

    #my-list-table .parts-category.compulsory .required-mark {
        display: inline-block;
    }

    #my-list-table .remove button {
        display: none;
    }

    #my-list-table .remove.available button {
        display: inline-block;
    }

#custom-pc-builder .select-list {
    margin-left: 10px;
    padding: 10px;
}

.select-list #welcome {
    padding: 20px;
    border: 1px #5c92ad solid;
    background-color: rgb(215, 232, 255);
    font-size: 16px;
    margin: 10px;
    color: #267ab7;
}

#items-list {
    height: 600px;
    overflow-y: scroll;
}

#custom-pc-builder .loading-process {
    width: 100%;
    height: 200px;
    background-image: url('images/ajax_loader_large.gif');
    background-repeat: no-repeat;
    background-position: bottom center;
}

#custom-pc-builder .parts-category.current {
    background-color: #eee;
}

#items-list .item-box {
    border-bottom: 1px solid #eee;
    padding: 10px;
    clear: both;
    overflow: hidden;
}

    #items-list .item-box .item-img {
        float: left;
        width: 80px;
    }

    #items-list .item-box .item-img img {
        max-width: 50px;
        max-height: 50px;
    }

    #items-list .item-box .item-main {
        float: left;
        width: 280px;
    }

    #items-list .item-box .item-action {
        float: left;
        width: 50px;
        text-align: right;
    }

    #items-list .item-box .item-name {
        margin-bottom: 12px;
    }

        #items-list .item-box .item-name a {
            font-weight: bold;
        }

    #items-list .item-box .item-price span {
        color: #B80709;
        font-size: 16px;
        font-weight: bold;
    }

#items-filter, #items-sort {
    display: none;
}

#items-filter {
    overflow: hidden;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}

    #items-filter h4 {
        color: #267ab7;
    }

    #items-filter .filter {
        cursor: pointer;
        float: left;
        padding: 10px 0;
        margin-right: 20px;
    }

        #items-filter .filter.current {
            color: #267ab7;
            font-weight: bold;
        }

#items-sort {
    text-align: right;
    margin-bottom: 10px;
}

    #items-sort .orderbyprice, #items-sort .orderbyname {
        cursor: pointer;
        margin-left: 10px;
        border: 1px solid #fff;
    }

    #items-sort .desc {
        display: inline-block;
        border-bottom: 1px #09f solid;
    }

    #items-sort .asc {
        display: inline-block;
        border-top: 1px #09f solid;
    }

#custom-pc-builder #total-price {
    color: #B80709;
    font-weight: bold;
    font-size: 20px;
}

/*product-bundle-sell*/
.product-bundle-sell {
    width: 100%;
    margin: 12px 0;
}

    .product-bundle-sell tr {
        border: 1px solid #d4d4d4;
    }

    .product-bundle-sell td {
        padding: 10px;
    }

    .product-bundle-sell .bundle-item {
        float: left;
        width: 150px;
        height: 91px;
        font-size: 10px;
        text-align: center;
        border: 1px solid #ccc;
        padding: 5px;
        margin: 2px 0;
        overflow: hidden;
    }

        .product-bundle-sell .bundle-item .bundle-qty {
            color: red;
            font-weight: bold;
        }

    .product-bundle-sell .bundle-title {
        width: 15%;
    }

        .product-bundle-sell .bundle-title h3 {
            margin-bottom: 10px;
        }

    .product-bundle-sell .bundle-price {
        width: 20%;
        font-weight: bold;
        text-align: center;
    }

    .product-bundle-sell .bundle-products {
        width: 65%;
    }

    .product-bundle-sell .bundle-price .was {
        text-decoration: line-through;
        padding: 5px;
    }

    .product-bundle-sell .bundle-price .now {
        color: #B80709;
        padding: 5px;
    }

.bundle-price .was span, .bundle-price .now span {
    color: #3a3a3a;
    font-size: 10px;
    display: block;
}

.product-bundle-sell .bundle-plus {
    float: left;
    color: #999;
    padding-top: 45px;
    margin: 0 15px;
    font-size: 20px;
    font-weight: bold;
}

.bonusline {
    background: url("images/icon-tick-sprite.png") no-repeat;
    text-indent: 25px;
    margin-bottom: 8px;
    color: #000;
}

.toplinknav {
    line-height: 28px;
    height: 28px;
    width: 900px;
    font-size: 12px;
    color: #004d99;
    float: right;
    padding-top: 3px;
}

    .toplinknav .nav {
        float: right;
    }

    .toplinknav .shares {
        color: #333;
        max-width: 210px;
        height: 28px;
        display: block;
        float: right;
        line-height: 28px;
    }

    .toplinknav .sep {
        color: #24c0f2;
        margin: 0 8px;
    }

    .toplinknav .shares .icon-share {
        background: url("images/icons-share.png") no-repeat 0 0 transparent;
        width: 16px;
        height: 16px;
        display: block;
        margin-top: 6px;
        text-indent: -9999px;
        overflow: hidden;
        float: left;
        margin-right: 5px;
    }

    .toplinknav .shares .txt {
        margin-right: 10px;
        float: left;
    }

    .toplinknav .shares .fb {
        background-position: 0 -5px;
    }

    .toplinknav .shares .tw {
        background-position: 0 -31px;
    }

    .toplinknav .shares .yt {
        background-position: 0 -57px;
    }

    .toplinknav .shares .bg {
        background-position: 0 -240px;
    }

.login-button {
    font: bold 15px/30px Arial,Helvetica,sans-serif;
    padding: 0 25px;
}

.limitpercustomer {
    padding-left: 20px;
    color: #B80709;
    line-height: 28px;
}

/* new homepage*/
.newhome {
    clear: both;
}

    .newhome .topbanner {
        width: 1000px;
        height: 270px;
        margin-bottom: 15px;
        overflow: hidden;
    }
        

    .newhome .mainframe {
        width: 1000px;
        height: auto;
    }

    .newhome .leftcolumn {
        width: 740px;
        float: left;
    }

    .newhome .rightcolumn {
        width: 250px;
        margin-left: 10px;
        float: left;
    }

        .newhome .rightcolumn .rightsmallbanner {
            width: 250px;
            margin-bottom: 8px;
        }

    
/* buttons */
.navbuttonbig {
    background-color: #007dc1;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #154682;
    color: #fff;
    }

.navbuttonbig:hover {
        background-color: #1d3447;
        text-decoration: none;
        color: #fed443;
        text-shadow: none;
    }


/* centre com staff bar*/
.ccstaff-bar {
    width: 942px;
    padding: 5px 8px;
    border: solid 1px #ccc;
    float: left;
    background-color: #dbf5f4;
    line-height: 25px;
}

    .ccstaff-bar span {
        margin-right: 30px;
    }

/*Home Page Nivo Slide Style Modification*/
.home-page .theme-default .nivo-controlNav {
    padding: 0;
    top: -4px;
    text-align: center;
    z-index: 10;
}

.home-page .theme-default .nivoSlider {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin: 0;
}

.home-page .theme-default .nivo-controlNav a {
    display: inline-block;
    background-image: none;
    background-color: #3954A5;
    width: 50px;
    height: 5px;
    margin: 0 2px;
}

    .home-page .theme-default .nivo-controlNav a.active {
        background-color: #F7D441;
    }

.home-page .theme-default .nivo-controlNav a {
    background-color: #1671C4; /*light blue*/
    border: solid 2px #f8cc3b;
}

    .home-page .theme-default .nivo-controlNav a.active {
        background-color: #f8cc3b; /*dark blue*/
        border: solid 2px #1671C4;
    }


 