stock-check-list /* RESET STYLESHEET (html5doctor.com) v1.6.1 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
}

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;
    }

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

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;
}

/* END RESET CSS (html5doctor.com) */

/* OTHER RESET STYLESHEET (HTML GENERAL) */

a {
    color: #267ab7;
    text-decoration: none;
    font-weight: normal;
}


/*  a:hover {
        color: #00aeff;
        text-decoration: underline;
    }

    a:active {
        color: #00aeff;
        text-decoration: none;
    }*/

h2, h3 {
    font-size: 16px;
}

textarea {
    width: 100%;
    font-size: 11px;
    border: 1px solid #EEEEEE;
}

checkbox, input, radio, select, button {
}

fieldset {
    margin: 0px 0px 15px;
    border: 1px solid #c9c9c9;
    padding: 15px;
}

legend {
    font-weight: bold;
    line-height: 20px;
    font-size: 16px;
}

input[type="text"], input[type="password"] {
    xborder: 1px solid #d0d0d0;
}

    input[type="text"]:disabled {
        background: none repeat scroll 0 0 #FFF;
    }


/* 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-body ul, .page-body ol {
        list-style-position: inside;
    }

.page-title {
    margin: 0 0 10px;
    overflow: hidden;
    width: 100%;
}

    .page-title h1, .page-title h2 {
        padding: 5px 10px;
        font-size: 20px;
        margin: 0;
        font-weight: 400;
		background: #47a;
		color: #fff;
    }

    .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;
    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;*/
        margin: 5px 0 10px 5px;
    }

        .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;
    width: 200px;
    height: 200px;
    border: solid 1px #eee;
    left: 50%;
    margin-top: -100px;
    margin-left: -100px;
    top: 50%;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 9999;
}

.ajax-loading-block-window .loading-image {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -80px;
    margin-top: -90px;
    width: 160px;
    height: 160px;
    background-image: url(https://cdn1.centrecom.com.au/Themes/CentreCom/Content/2015v1/images/ajaxloader_160px.gif);
}

.loading-image::before {
    content: "Loading...";
    text-align: center;
    width: 100%;
    bottom: -20px;
    position: absolute;
    font-style: italic;
    color: #47a;
}

.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: 500;
}

.topic-html-content-body {
}

    .topic-html-content-body a {
        text-decoration: underline;
        color: #369;
    }

.topic-page {
}

    .topic-page .page-body {
    }

        .topic-page .page-body a {
            text-decoration: underline;
            color: #369;
        }

        .topic-page .page-body ul, .contact-page .topic-html-content-body ul {
            margin: 10px 0 10px 18px;
        }

/* VALIDATION AND ERRORS */
.message-error {
    font-size: 14px;
    color: red;
    margin-bottom: 20px;
}

    .message-error ul {
        padding: 0px;
    }

        .message-error ul li {
            list-style: none;
        }

.validation-summary-errors {
    font-size: 12px;
    font-weight: 400;
    color: red;
}

.field-validation-error {
    font-size: 10px;
    font-weight: 500;
    color: red;
    display: inline-block;
}

.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;
    }


/* STORE CLOSED */
.store-closed-page {
}




    .store-closed-page .page-title {
    }

    .store-closed-page .page-body {
    }


/* SITEMAP */
.sitemap-page {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

    .sitemap-page a {
        text-decoration: none;
    }

    .sitemap-page .entity {
        margin: 5px 0 30px;
    }

    .sitemap-page ul {
        overflow: hidden;
    }

    .sitemap-page li {
        float: left;
        margin: 3px 10px;
        width: 150px;
        border-bottom: 1px dotted #ADACAC;
        list-style: none;
    }


/* EU COOKIE LAW */
.eu-cookie-law {
    text-align: left;
}

a.eu-cookie-privacyinfo-tag {
    color: #369 !important;
    text-decoration: underline;
}


/* PAGER */
.pager {
    text-align: right;
    float: right;
}

    .pager:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        font-size: 0;
        line-height: 0;
        visibility: hidden;
    }

    .pager ul {
        /*float: right;
        margin: 2px 0;*/
    }

    .pager li {
        /*float: left;*/
        line-height: 20px;
        list-style: none outside none;
        margin-left: 5px;
        display: inline;
        font-size: 13px;
    }

@media screen and (max-width: 999px) {
    .pager li.total-summary {
        display: block;
        margin-bottom: 5px;
    }
}

.pager a, .pager span {
    display: inline-block;
    min-width: 10px;
    text-align: center;
    font-weight: 500;
    padding: 2px 8px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all 0.218s;
    -moz-transition: all 0.218s;
    -ms-transition: all 0.218s;
    -o-transition: all 0.218s;
    transition: all 0.218s;
    border: 1px solid gainsboro;
    border: 1px solid rgba(0,0,0,0.1);
    background-color: whiteSmoke;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    text-decoration: none;
    font-size: 13px;
    text-shadow: 1px 1px #fff;
    margin-bottom: 5px;
}

    .pager span, .pager a:active {
        background-color: #F9F9F9;
        cursor: default;
        color: #999;
    }

    .pager a:hover {
        border: 1px solid #C6C6C6;
        color: #333;
        -webkit-transition: all 0.0s;
        -moz-transition: all 0.0s;
        -ms-transition: all 0.0s;
        -o-transition: all 0.0s;
        transition: all 0.0s;
        background-color: #F8F8F8;
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
        -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
        box-shadow: 0 1px 1px rgba(0,0,0,0.1);
        text-decoration: none;
    }


/* NAVIGATIONS */



.block {
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-left: 0;
}

    .block .title {
        font-size: 12px;
        text-align: left;
        padding: 9px 7px;
        text-transform: uppercase;
        color: #333;
        border-radius: 5px 5px 0px 0px;
        margin: 0;
        background: #fbfbfb
    }

        .block .title strong {
            font-weight: 500;
        }

.block-account-navigation .title {
    padding: 10px 15px !important;
    color: #555 !important;
    text-transform: none !important;
    font-size: 16px;
    background: #fbfbfb;
    border-bottom: #d3d2d2 1px solid;
}

.block .listbox {
    /*font-size: 11px;*/
    font-size: 14px;
    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;
    }


/*Menu for Mobile */

.listbox select {
    display: none; /* this is just for the mobile display */
}

@media screen and (min-width: 300px) and (max-width: 899px) {
    .listbox ul {
        display: none !important;
    }

    .listbox select {
        width: 100%;
        display: block;
        cursor: pointer;
        padding: 6px;
        border: 1px solid #c2c2c2;
        color: #FFF;
        height: auto;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 400;
        color: #333;
        background-color: #FFF;
    }
}

.block a {
    color: #5C5B5B;
    font-size: 1.1em;
    font-weight: 400;
    text-decoration: none;
}

    .block a:hover {
        color: #369;
        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;*/
    line-height: 25px;
    /*padding: 4px 1px 3px 13px;*/
    padding: 4px 1px 3px 20px;
}

    .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: 500;
        text-decoration: none;
    }

    .block-category-navigation .listbox ul .active, .block-manufacturer-navigation .listbox ul .active {
        font-weight: 500;
    }

    .block-category-navigation .listbox ul .inactive, .block-manufacturer-navigation .listbox ul .inactive {
    }

    .block-category-navigation ul.sublist {
        margin: 0px 0px 0px 7px;
    }

        .block-category-navigation ul.sublist .inactive a:hover {
            color: #5C5B5B;
            font-weight: 400;
        }

    .block-manufacturer-navigation .listbox .view-all a {
        color: #5C5B5B;
        font-weight: 500;
    }

.block-account-navigation {
    border: 1px solid #d2d2d2;
    margin: 0px 20px 0px 0px;
}

@media screen and (min-width: 300px) and (max-width: 899px) {
    .block-account-navigation {
        margin: 0px;
    }
}

.block-account-navigation a.active, .block-account-navigation li.current a {
    font-weight: 500;
    text-decoration: none;
}

.block-account-navigation a {
    white-space: nowrap;
}

    .block-account-navigation a.inactive {
        font-weight: 400;
        text-decoration: none;
    }

        .block-account-navigation a.inactive:hover {
            text-decoration: underline !important;
            color: #369 !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: 500;
}

.block-blog-archive .year {
    color: #5C5B5B;
    font-weight: 500;
    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;
    right: 0px;
    /*min-height: 50px;*/
    z-index: 99999;
    top: 40px;
    -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
    -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
    -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
    -o-transition: top 0.2s ease, opacity 0.2s ease-in;
    transition: top 0.2s ease, opacity 0.2s ease-in;
    visibility: collapse;
}

    .flyout-cart.active {
        /*display: block;*/
        top: 30px;
        visibility: visible;
        padding: 8px 0;
    }

.mini-shopping-cart {
    padding: 5px 10px 10px;
    margin: 0;
    /*border: 1px solid #e9e9e9;*/
    border-radius: 0px 0px 4px 4px;
    background: #FFF;
    font-size: 14px;
    text-align: left;
    line-height: normal;
    min-width: 350px;
    width: auto;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1);
}

    .mini-shopping-cart a {
        font-weight: 500;
        text-decoration: none;
    }

    .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: right;
            width: 50px;
            text-align: center;
        }

        .mini-shopping-cart .item .product {
            float: left;
            width: 208px;
        }

        .mini-shopping-cart .item .name {
            margin-bottom: 5px;
        }

        .mini-shopping-cart .item .attributes {
            font-size: 12px;
            margin: 0px;
            color: #000;
        }

        .mini-shopping-cart .item .price {
            font-size: 12px;
            margin: 10px 0px 0px 0px;
            color: #333;
        }

        .mini-shopping-cart .item .quantity {
            font-size: 12px;
            margin: 0px;
            color: #333;
        }

    .mini-shopping-cart .totals {
        margin: 10px 0px;
        color: #333;
    }

    .mini-shopping-cart .buttons {
        margin: 10px 0px;
        text-align: left;
    }

    .mini-shopping-cart .cart-button, .mini-shopping-cart .checkout-button {
        margin: 0;
    }

@media screen and (max-width: 399px) {
    .mini-shopping-cart {
        min-width: 200px;
    }
}


/* MY ACCOUNT BOX*/

.mini-my-account {
    padding: 15px;
    margin: 0;
    /*border: 1px solid #e9e9e9;*/
    border-radius: 0px 0px 4px 4px;
    background: #FFF;
    font-size: 14px;
    text-align: left;
    line-height: normal;
    min-width: 200px;
    width: auto;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1);
}

    .mini-my-account a {
        font-weight: 500;
        text-decoration: none;
    }

    .mini-my-account ul {
        border-top: 1px solid #EEEEEE;
        border-bottom: 1px solid #EEEEEE;
        padding: 5px 0;
        margin: 10px 0;
    }

        .mini-my-account ul li {
            display: block !important;
            padding: 3px 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: 15px 0;
    }

        .wishlist-page .share-info .share-label {
            font-weight: 500;
            font-size: 16px;
        }

        .wishlist-page .share-info a.share-link {
            /*color: #369;*/
            text-decoration: none;
            font-size: 16px;
        }



.order-summary-content, .wishlist-content {
    margin: 0;
    padding: 0;
    font-size: 11px;
    color: #333;
}

    .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: 500;
            font-size: 12px;
            text-shadow: 1px 1px #FFF;
        }

            .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 #D1D1D1;
                /*vertical-align: middle;*/
                vertical-align: text-top;
                line-height: 20px;
                padding: 10px 10px;
            }


                .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: 500;
                        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: 500;
                    /*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: 500;
    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;*/
    font-size: 14px;
    color: #000;
}

    .order-summary-content .checkout-attributes .text-prompt {
        font-weight: bold;
        /*font-weight:normal;*/
    }

    .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;*/
    padding: 0;
    clear: both;
}

    .order-summary-content .checkout-buttons .checkout-button {
        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-size: 15px;
    font-weight: 500;
    padding: 5px 5px 5px 0;
    border-bottom: 0 none;
    margin: 0 0 10px;
    width: 100%;
}

.order-summary-content .total-comments {
    text-align: left;
    margin: 20px 0 0 !important;
}

    .order-summary-content .total-comments textarea {
        width: 96%;
        border: 1px solid #EEEEEE;
        padding: 10px 2%;
        font-size: 13px;
    }

    .order-summary-content .total-comments p {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 5px;
    }



.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: 500;
    }

    .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-size: 12px;
        font-weight: 500;
        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: 500;
    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: 500;
        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: 500;
    }

    .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, .repay-right li {
        padding: 6px 0;
        min-width: 180px;
        text-align: left;
        vertical-align: text-top;
        list-style: none
    }

        .repay-right li .method-name label {
            cursor: pointer
        }

    .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: #369;
        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 .inactive-step {
                color: #d7d7d7;
                background: url(images/progress-step-inactive.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;
            color: #999;
        }

        .opc .step-title h2 {
            float: left;
            margin: 0;
            font: bold 13px/16px;
            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;
    }




/* SHIPMENTS */
.shipment-details-page {
}

    .shipment-details-page .page-title {
    }

    .shipment-details-page .title {
        padding: 10px 10px 5px 0;
        font-weight: 500;
        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: #369;
        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: 500;
    }

    .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: 500;
            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: 500;
        text-transform: uppercase;
        font-size: 1.1em;
        color: #3a3a3a;
        text-align: center;
    }




/* new search table*/
.search-table tr:hover {
    background-color: #e1e0e0;
}

.search-table img {
    max-width: 60px;
    max-height: 60px;
    margin-right: 15px;
}

.old-price {
    color: #5C5B5B;
    text-decoration: line-through;
}

.actual-price {
    color: #369;
}

/* new search style */

.search-results .bottom-info {
    padding: 10px;
    border-bottom: solid 1px #ccc;
}

.search-result-list {
}

.search-product-box .selling-point .block {
    height: 20px;
    padding: 3px 10px;
    line-height: 20px;
    font-size: 14px;
    text-align: center;
    background-color: #3c7baa;
    color: yellow;
    margin: 8px 0px;
    border-left: solid 3px #5C5B5B;
}

.search-product-box .selling-point .point1 {
    background-color: #62AD6E !important;
}

.search-product-box .selling-point .point2 {
    background-color: #626BAD !important;
}

.search-product-box .selling-point .point3 {
    background-color: #8962AD !important;
}

.search-product-box .selling-point .point4 {
    background-color: #AD627A !important;
}

.search-result-list .search-product-box {
    width: 942px;
    height: 120px;
    border-bottom: solid 1px #e9e9e9;
    margin-bottom: 10px;
    padding: 8px;
}

    .search-result-list .search-product-box:hover {
        box-shadow: 0 0 10px 0 #808080;
    }

    .search-result-list .search-product-box .picture {
        width: 160px;
        height: 120px;
        float: left;
    }

        .search-result-list .search-product-box .picture img {
            max-width: 150px;
            max-height: 120px;
        }

    .search-result-list .search-product-box .product-name {
        height: 50px;
        overflow: hidden;
    }

        .search-result-list .search-product-box .product-name a {
            font-size: 14px;
            line-height: 25px;
            font-weight: bold;
        }

    .search-result-list .search-product-box .middle-area {
        width: 580px;
        height: 120px;
        float: left;
    }

        .search-result-list .search-product-box .middle-area .free-shipping {
            float: left;
            padding: 6px 6px;
            background-color: red;
            color: #fff;
            border-left: solid 4px #000;
            font-weight: bold;
            margin-right: 15px;
        }

        .search-result-list .search-product-box .middle-area .free-addon {
            float: left;
            padding: 6px 10px;
            background-color: red;
            color: #fff;
            border-left: solid 4px #000;
            font-weight: bold;
        }

    .search-result-list .search-product-box .right-area {
        width: 130px;
        height: 120px;
        float: right;
        margin-left: 10px;
    }


    .search-result-list .search-product-box .selling-point {
        margin: 6px 0;
    }


    .search-result-list .search-product-box .price {
    }

    .search-result-list .search-product-box .old-price {
        font-size: 16px;
    }

    .search-result-list .search-product-box .actual-price {
        color: red;
        font-weight: bold;
        font-size: 24px;
        margin: 10px 0 0 0;
    }

        .search-result-list .search-product-box .actual-price .cash-back {
            font-size: 14px;
            font-weight: normal;
            color: #666;
            line-height: 14px;
        }

    .search-result-list .search-product-box .button-area {
        margin: 20px 0;
    }

    .search-result-list .search-product-box .buttons a {
        font-size: 14px;
        border: 1px solid #d4d4d4;
        padding: 5px 10px;
        font-weight: bold;
        background-color: #ddeff7;
    }



.search-result-small {
}

    .search-result-small .search-product-box {
        width: 960px;
        height: 40px;
        border-bottom: solid 1px #e9e9e9;
        margin-bottom: 3px;
    }

        .search-result-small .search-product-box:hover {
            background-color: InfoBackground;
        }

        .search-result-small .search-product-box .picture {
            width: 60px;
            height: 40px;
            float: left;
        }

            .search-result-small .search-product-box .picture img {
                max-width: 60px;
                max-height: 40px;
            }

        .search-result-small .search-product-box .product-name a {
            font-size: 12px;
            line-height: 20px;
        }

        .search-result-small .search-product-box .middle-area {
            width: 540px;
            height: 40px;
            float: left;
        }

            .search-result-small .search-product-box .middle-area .free-shipping {
                display: none;
            }

            .search-result-small .search-product-box .middle-area .free-addon {
                display: none;
            }

        .search-result-small .search-product-box .right-area {
            width: 305px;
            height: 40px;
            float: right;
            margin-left: 10px;
        }


        .search-result-small .search-product-box .selling-point {
            display: none;
        }


        .search-result-small .search-product-box .price {
            width: 100px;
            height: 40px;
            float: left;
        }

        .search-result-small .search-product-box .old-price {
            font-size: 14px;
        }

        .search-result-small .search-product-box .actual-price {
            color: red;
            font-weight: bold;
            font-size: 16px;
            margin: 3px 0 0 0;
        }

            .search-result-small .search-product-box .actual-price .cash-back {
                font-size: 12px;
                font-weight: normal;
                color: #666;
                line-height: 12px;
            }

        .search-result-small .search-product-box .stock-availability {
            width: 100px;
            height: 40px;
            line-height: 40px;
            float: left;
        }

        .search-result-small .search-product-box .button-area {
            width: 100px;
            height: 40px;
            float: right;
            text-align: right;
        }

        .search-result-small .search-product-box .buttons a {
            font-size: 14px;
            padding: 2px 5px;
            line-height: 35px;
        }




/* FEATURED PRODUCTS */
.featured-product-grid {
}

    .featured-product-grid .title {
        padding: 10px 10px 5px 0;
        font-weight: 500;
        text-transform: uppercase;
        clear: both;
        margin: 0;
        color: #5C5B5B;
    }


/* CATALOG PAGES */
.category-page, .manufacturer-page, .manufacturer-list-page, .product-tag-page, .product-tags-all-page {
}

    .category-page .page-title, .manufacturer-list-page .page-title, .manufacturer-page .page-title, .product-tag-page .page-title, .product-tags-all-page .page-title {
        border-bottom: 0 none;
        clear: both;
    }

    .product-tags-all-page .product-tags-list li {
        display: inline;
    }

        .product-tags-all-page .product-tags-list li a {
            text-decoration: none;
            margin: 0 2px 0 0;
        }

    .category-page .category-description, .manufacturer-page .manufacturer-description {
        color: #555;
        font-size: 1.1em;
    }

.category-description img {
    width: auto;
    max-width: 100%;
}

.sub-category-grid, .manufacturer-grid {
    margin-left: auto;
    margin-right: auto;
    width: auto;
    margin-bottom: 15px;
    zoom: 1;
}

    .sub-category-grid:after, .manufacturer-grid:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        font-size: 0;
        line-height: 0;
        visibility: hidden;
    }

    .sub-category-grid a, .manufacturer-grid a {
        color: #555;
        font-size: 1.2em;
        font-weight: 500;
    }

    .sub-category-grid .item-box, .manufacturer-grid .item-box {
        float: left;
        text-align: center;
        vertical-align: text-top;
    }

    .sub-category-grid .sub-category-item, .manufacturer-grid .manufacturer-item {
        text-align: center;
        margin: 10px;
        width: 145px;
        height: 180px;
        border: 1px solid #eee;
    }

        .sub-category-grid .sub-category-item .title, .manufacturer-grid .manufacturer-item .title {
            text-align: center;
            font-weight: 500;
            font-size: .9em;
            display: block;
            overflow: hidden;
            height: 1.8em;
            padding: 5px;
        }

        .sub-category-grid .sub-category-item .picture, .manufacturer-grid .manufacturer-item .picture {
            text-align: center;
            padding: 10px 0;
        }



/* COMPARE PRODUCTS */
.compare-products-page {
}

    .compare-products-page .page-title {
    }

    .compare-products-page .page-body {
        margin: 0;
        padding: 0;
        font-size: 11px;
        color: #555;
        background-color: inherit;
    }

.compare-products-table {
    margin-top: 10px;
    width: 100%;
    border: 0px;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
}

    .compare-products-table tr.product-name {
        background-color: #CCC;
        font-weight: 500;
    }

    .compare-products-table td {
        border: 1px solid #EEE;
        padding: 3px;
        vertical-align: top;
    }


/* LOGIN */
.login-page {
}

    .login-page .page-title {
        margin-bottom: 10px;
    }

    .login-page .page-body {
        color: #555;
    }

    .login-page .title {
        margin: 0px 0px 20px;
    }


        .login-page .title strong {
            display: block;
            border-bottom: 1px solid #d1d1d1;
            font-size: 18px;
            font-weight: 500;
            color: #369;
            padding: 10px 0
        }

    .login-page .customer-blocks:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        font-size: 0;
        line-height: 0;
        visibility: hidden;
    }

    .login-page .new-wrapper {
        width: 49.5%;
        margin-right: 0.5%;
        float: left
    }

    .login-page .returning-wrapper {
        width: 49.5%;
        margin-left: 0.5%;
        float: right
    }


    .login-page .new-wrapper, .login-page .returning-wrapper {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        padding: 15px;
        display: block;
        text-align: left;
        margin-bottom: 10px;
        border: 1px solid #d1d1d1;
        min-height: 350px;
        background: #fbfbfb;
    }


@media screen and (max-width: 799px) {
    .login-page .new-wrapper {
        float: right;
        width: 100%;
        clear: both
    }

    .login-page .returning-wrapper {
        float: left;
        width: 100%;
        clear: both;
        margin: 0px 0 20px 0;
    }
}

.login-page .new-wrapper .text {
    line-height: 20px;
}

.login-page .new-wrapper p {
    margin-bottom: 10px;
}

.login-page .new-wrapper ul {
    list-style-position: inside;
    list-style-image: url("https://centrecomstatic.s3.amazonaws.com/Themes/CentreCom/Content/2015v1/images/1499063259_check.png");
    line-height: 30px
}


.login-page .new-wrapper .buttons {
    /*float: right;
        margin: 30px 20px 5px;*/
}

.login-page .checkout-as-guest-or-register-block ul {
    /*padding-left: 30px;*/
}

.login-page .returning-wrapper .inputs .email, .login-page .returning-wrapper .inputs .password {
    margin: 0px 0px 20px;
    width: 75%;
    max-width: 300px;
    padding: 8px 2%;
    border: 1px solid #d1d1d1;
    background-color: #FFF !important;
    /*font-size:14px;*/
    font-size: initial
}

.login-page .returning-wrapper .message-error {
    padding: 0;
}

.login-page .returning-wrapper .buttons {
    /*float: right;
        margin: 0px 20px 0px;*/
}

.login-page .returning-wrapper label {
    width: 80px;
    display: inline-block;
    margin-right: 10px;
    white-space: nowrap;
    vertical-align: middle;
}

.login-page .email, .login-page .username, .login-page .password {
    width: 170px;
}

.login-page .returning-customer .reversed label {
    width: auto;
    font-weight: 400;
}

.login-page .forgot-password {
    display: block;
    margin: 10px 0
    /*margin-left: 60px*/
}


.login-page .field-validation-error {
    display: block;
    font-size: 12px;
    margin-bottom: 15px;
    font-weight: 500;
}

.external-auth-errors {
    text-align: center;
    border: solid 1px #d3d3d3;
    vertical-align: top;
    width: 100%;
    color: Red;
    margin-bottom: 20px;
}


    .external-auth-errors ul {
        padding: 0px;
    }

        .external-auth-errors ul li {
            list-style: none;
        }

.external-auth-association {
    text-align: center;
    border: solid 1px #d3d3d3;
    vertical-align: top;
    width: 100%;
    margin-bottom: 20px;
}

    .external-auth-association .identifier {
    }

    .external-auth-association .remove {
        color: #369;
    }


/* REGISTRATION */
.registration-page {
}

    .registration-page .page-title {
    }

    .registration-page .page-body {
        margin: 0;
        padding: 0;
        color: #555;
        background-color: inherit;
    }

    .registration-page .vat-note {
        display: block;
    }

    .registration-page .accept-privacy-policy {
        float: left;
        margin-bottom: 5px;
        margin-top: 5px;
        clear: both;
    }

        .registration-page .accept-privacy-policy .read {
            text-decoration: underline;
        }

    .registration-page .buttons {
        margin-bottom: 5px;
        margin-top: 5px;
        clear: both;
    }

.registration-result-page {
}

    .registration-result-page .page-title {
    }

    .registration-result-page .page-body {
        margin: 0;
        padding: 0;
        color: #555;
        background-color: inherit;
    }

    .registration-result-page .buttons {
        float: left;
        margin-bottom: 5px;
        margin-top: 5px;
        clear: both;
    }

/* Registration page more amendments*/

.registration-page .fieldset, .password-recovery-page .fieldset, .account-page .fieldset, .account-page .section, .repay-right, .checkout-page .order-completed {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 5px 15px 15px;
    display: block;
    text-align: left;
    margin-bottom: 10px;
    border: 1px solid #d1d1d1;
    background: #fbfbfb
}

    .registration-page .fieldset .title strong, .account-page .fieldset .title strong, .account-page .section .title strong, .repay-right .step-title h3, .checkout-page .order-completed .title strong {
        background-color: transparent !important;
        margin: 0px 0px 20px;
        display: block;
        border-bottom: 1px solid #d1d1d1;
        font-size: 18px;
        font-weight: 500;
        color: #369;
        padding: 10px 0;
    }

    .registration-page .fieldset .form-fields .inputs .text-box, .password-recovery-page .fieldset .form-fields .inputs .text-box {
        padding: 8px;
        width: 80%;
        max-width: 300px;
        margin: 0px 0px 10px; /*font-size:14px*/
        font-size: initial
    }

.registration-page .register-terms {
    margin: 10px 10px 10px 25px;
}

.account-page .fieldset .form-fields .inputs input[type="text"], .password-recovery-page .fieldset .form-fields .inputs input[type="text"], .account-page .fieldset .form-fields .inputs input[type="password"] {
    padding: 8px;
    width: 80%;
    max-width: 300px;
    margin: 0px 0px 10px; /*font-size:14px;*/
    font-size: initial
}


.account-page .fieldset .form-fields .inputs textarea {
    padding: 8px;
    width: 80%;
    max-width: 300px;
    margin: 0px 0px 10px;
    border: 1px solid #ABADB3;
}

.payment-info .info input[type="text"], .payment-info .info select {
    padding: 8px;
    margin: 0px 0px 10px;
}


.account-page .section {
    padding: 25px 20px !important;
}

/* BREADCRUMB 
.breadcrumb {
    margin: 10px auto;
    padding: 0 10px;
    text-transform: uppercase;
}

    .breadcrumb ul {
        margin: 0px;
        padding: 0px;
    }

    .breadcrumb li {
        list-style: none;
        display: inline;
    }

        .breadcrumb li strong {
            font-weight: bold;
        }

    .breadcrumb a {
        font-size: 0.9em;
        text-decoration: none;
        color: #5C5B5B;
    }

        .breadcrumb a:hover {
            text-decoration: underline;
            color: #5C5B5B;
        }

    .breadcrumb .current-item {
        font-size: 0.9em;
        font-weight: normal;
    }

    .breadcrumb .delimiter {
    }
	*/


/* NEWS */
.news-list-page, .news-list-homepage {
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-left: 0;
}

    .news-list-homepage .title {
        padding: 10px 10px 10px 0;
        margin: 0 0 0 10px;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 1.1em;
        color: #3a3a3a;
        text-align: center;
    }

.news-items {
    margin: 0 5px;
    padding: 0;
}

    .news-items .item {
        border-bottom: 1px solid #eee;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

.news-list-homepage .item {
    padding: 10px;
}

.news-items .news-date {
    color: #9a9a9a;
}

.news-items a.news-title {
    color: #444;
    text-decoration: none;
    font-size: 1.2em;
}

    .news-items a.news-title:hover {
        text-decoration: underline;
    }

.news-items .news-details {
    margin-top: 10px;
    margin-bottom: 10px;
}

.news-items .read-more {
    font-weight: 500;
    text-decoration: none;
    color: #5C5B5B;
    background-color: inherit;
}

.news-item-page {
}

    .news-item-page .page-title {
    }

    .news-item-page .news-date {
        color: #9a9a9a;
    }

    .news-item-page .news-body {
        margin: 0 0 20px;
        padding: 0;
    }

        .news-item-page .news-body a {
            color: #369;
            text-decoration: underline;
        }

    .news-item-page .result {
        font-size: 10px;
        font-weight: 500;
        color: red;
        margin-bottom: 10px;
    }

    .news-item-page .new-comment {
        margin-top: 10px;
    }

        .news-item-page .new-comment .captcha-box {
            margin-bottom: 12px;
        }

        .news-item-page .new-comment .comment-title {
            width: 350px;
        }

        .news-item-page .new-comment .comment-text {
            width: 350px;
            height: 150px;
            vertical-align: middle;
        }

        .news-item-page .new-comment .buttons {
            text-align: left;
        }

    .news-item-page .comment-list {
        margin: 10px 0px 10px 0;
    }

        .news-item-page .comment-list .title {
            padding: 10px 10px 10px 0;
            font-weight: 500;
            text-transform: uppercase;
            font-size: 1.1em;
            color: #3a3a3a;
        }

.news-comment {
    zoom: 1;
}

    .news-comment:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        font-size: 0;
        line-height: 0;
        visibility: hidden;
    }

    .news-comment .comment-info {
        width: 170px;
        float: left;
        padding: 5px;
        height: 100%;
        border-right: solid 1px #F3F3F3;
    }

.avatar-img {
    max-width: 150px;
}

.news-comment .comment-info .user-info {
    padding-top: 5px;
}

    .news-comment .comment-info .user-info a.username {
        font-weight: 500;
        margin-bottom: 5px;
    }

    .news-comment .comment-info .user-info span.username {
        font-weight: 500;
        margin-bottom: 5px;
    }

    .news-comment .comment-info .user-info .avatar {
        margin: 5px 0;
    }


        .news-comment .comment-info .user-info .avatar .avatar-img {
            border: solid 2px #CEDBE1 !important;
        }


.news-comment .comment-content {
    margin-left: 180px;
    border-left: solid 1px #F3F3F3;
}

    .news-comment .comment-content .comment-time {
        font-weight: 500;
        line-height: 20px;
        padding: 3px;
        background: #e3f3f3;
    }

        .news-comment .comment-content .comment-time .stat-value {
            font-weight: 400;
        }

    .news-comment .comment-content .comment-title {
        padding: 3px;
        font-weight: 500;
    }

    .news-comment .comment-content .comment-body {
        padding: 3px;
    }


/* BLOGS */
.blog-page {
}

    .blog-page .page-title {
    }

    .blog-page .blog-posts {
        margin: 0 5px;
        padding: 0;
    }

        .blog-page .blog-posts .post {
            border-bottom: 1px solid #eee;
            margin-bottom: 10px;
            padding-bottom: 10px;
        }

            .blog-page .blog-posts .post:last-child {
                border-bottom: none;
            }

            .blog-page .blog-posts .post .post-date {
                color: #9a9a9a;
            }

            .blog-page .blog-posts .post a.post-title {
                color: #444;
                text-decoration: none;
                font-size: 1.2em;
            }

                .blog-page .blog-posts .post a.post-title:hover {
                    text-decoration: underline;
                }

            .blog-page .blog-posts .post .tags label {
                float: left;
                margin-right: 5px;
            }

            .blog-page .blog-posts .post .tags li {
                float: left;
                list-style: none;
            }

                .blog-page .blog-posts .post .tags li.separator {
                    margin-right: 5px;
                }

        .blog-page .blog-posts .post-body, .blog-page .blog-posts .tags {
            margin-top: 10px;
            margin-bottom: 10px;
            zoom: 1;
        }

    .blog-page .tags:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        font-size: 0;
        line-height: 0;
        visibility: hidden;
    }

    .blog-page .blog-posts .post-body a, .blog-page .blog-posts .tags a {
        color: #5C5B5B;
        text-decoration: underline;
    }

    .blog-page .blog-posts .blog-details {
        margin-top: 15px;
    }

        .blog-page .blog-posts .blog-details a {
            font-weight: 500;
            text-decoration: none;
            color: #5C5B5B;
            background-color: inherit;
        }

.blogpost-page {
}



    .blogpost-page .page-title {
    }

    .blogpost-page .post-date {
        color: #9a9a9a;
    }

    .blogpost-page .post-body {
    }

        .blogpost-page .post-body:after, .blogpost-page .tags:after {
            content: ".";
            display: block;
            clear: both;
            height: 0;
            font-size: 0;
            line-height: 0;
            visibility: hidden;
        }

    .blogpost-page .tags {
        margin: 0 0 20px;
        zoom: 1;
    }

        .blogpost-page .post-body a, .blogpost-page .tags a {
            color: #5C5B5B;
            text-decoration: underline;
        }

            .blogpost-page .post-body a:hover, .blogpost-page .tags a:hover {
                color: #369;
                text-decoration: underline;
                font-weight: normal;
            }

        .blogpost-page .tags label {
            float: left;
            margin-right: 5px;
        }

        .blogpost-page .tags li {
            float: left;
            list-style: none;
        }

            .blogpost-page .tags li.separator {
                margin-right: 5px;
            }

    .blogpost-page .result {
        font-size: 10px;
        font-weight: 500;
        color: red;
        margin-bottom: 10px;
    }

    .blogpost-page .new-comment {
        margin-top: 10px;
    }

        .blogpost-page .new-comment .captcha-box {
            margin-bottom: 12px;
        }

        .blogpost-page .new-comment .comment-text {
            width: 350px;
            height: 150px;
            vertical-align: middle;
        }

        .blogpost-page .new-comment .buttons {
            text-align: left;
        }

    .blogpost-page .comment-list {
        margin: 10px 0px 10px 0;
    }

        .blogpost-page .comment-list .title {
            padding: 10px 10px 10px 0;
            font-weight: 500;
            text-transform: uppercase;
            font-size: 1.1em;
            color: #3a3a3a;
        }

.blog-comment {
    margin-bottom: 20px;
    zoom: 1;
}

    .blog-comment:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        font-size: 0;
        line-height: 0;
        visibility: hidden;
    }

    .blog-comment .comment-info {
        width: 170px;
        float: left;
        padding: 5px;
        height: 100%;
        border-right: solid 1px #F3F3F3;
    }

        .blog-comment .comment-info .user-info {
            padding-top: 5px;
        }

            .blog-comment .comment-info .user-info a.username {
                font-weight: 500;
                margin-bottom: 5px;
            }

            .blog-comment .comment-info .user-info span.username {
                font-weight: 500;
                margin-bottom: 5px;
            }

            .blog-comment .comment-info .user-info .avatar {
                margin: 5px 0;
            }

                .blog-comment .comment-info .user-info .avatar .avatar-img {
                    border: solid 2px #CEDBE1 !important;
                }

    .blog-comment .comment-content {
        margin-left: 180px;
        border-left: solid 1px #F3F3F3;
    }

        .blog-comment .comment-content .comment-time {
            font-weight: 500;
            line-height: 20px;
            padding: 3px;
            background: #e3f3f3;
        }

            .blog-comment .comment-content .comment-time .stat-value {
                font-weight: 400;
            }

        .blog-comment .comment-content .comment-body {
            padding: 3px;
        }


/* POLLS */
.poll {
    margin: 0;
    padding: 0;
    font-size: 11px;
    background-color: inherit;
}

.poll-display-text {
    font-weight: 500;
    color: #5C5B5B;
}

.poll-options, .poll-results {
    padding: 5px !important;
    margin: 10px 0 !important;
}

    .poll-options li, .poll-results li {
        background: none;
        padding: 0;
        margin: 0;
        list-style: none;
        line-height: 18px;
    }

    .poll-options .answer input[type="radio"] {
        vertical-align: middle;
    }

    .poll-options .answer label {
        vertical-align: middle;
        margin-left: 5px;
    }

.poll .buttons {
    padding: 5px;
}

.poll-total-votes {
    font-style: italic;
}

.vote-poll-button {
}

.todays-poll-box {
    margin-top: 15px;
    margin-bottom: 15px;
    padding-bottom: 5px;
    padding-left: 0;
    overflow: hidden;
}

    .todays-poll-box .poll {
        float: left;
        text-align: left;
        vertical-align: top;
    }


/* EMAIL A FRIEND */
.email-a-friend-page {
}

    .email-a-friend-page .page-body {
        padding: 15px;
        margin-bottom: 15px;
        border: 1px solid #eee;
    }

    .email-a-friend-page .page-title {
        margin-bottom: 20px;
    }

    .email-a-friend-page .title {
        margin-bottom: 20px;
    }

    .email-a-friend-page .product {
        font-weight: bold;
        font-size: 13px;
    }

    .email-a-friend-page .result {
        font-weight: bold;
    }

    .email-a-friend-page .form-fields {
        zoom: 1;
    }

        .email-a-friend-page .form-fields:after {
            content: ".";
            display: block;
            clear: both;
            height: 0;
            font-size: 0;
            line-height: 0;
            visibility: hidden;
        }

    .email-a-friend-page .inputs-left {
        float: left;
    }

    .email-a-friend-page .inputs-right {
        float: right;
    }

    .email-a-friend-page .inputs {
        margin-bottom: 12px;
    }

        .email-a-friend-page .inputs label {
            display: block;
        }

    .email-a-friend-page .captcha-box {
        margin-bottom: 12px;
    }

    .email-a-friend-page .friend-email, .email-a-friend-page .your-email {
        width: 250px;
        padding: 1px;
    }

    .email-a-friend-page .personal-message {
        width: 350px;
        height: 150px;
    }

    .email-a-friend-page .buttons {
        text-align: left;
    }

    .email-a-friend-page .field-validation-error {
        display: block;
    }


/* SEARCH */
.search-page {
}

    .search-page .page-title {
    }

    .search-page .search-input {
        border: 1px solid #d7d7d7;
        padding: 10px;
    }

        .search-page .search-input .buttons {
            text-align: right;
        }

    .search-page .search-results {
        padding-top: 10px;
    }

        .search-page .search-results .result {
            font-weight: 500;
            color: #555;
        }

    .search-page .basic-search label {
        line-height: 25px;
    }

    .search-page .search-text {
        width: 560px;
    }

    .search-page .adv-search {
        margin-top: 10px;
    }

    .search-page .inputs {
        overflow: hidden;
        padding: 4px;
    }

        .search-page .inputs label {
            display: inline-block;
            width: 110px;
        }

        .search-page .inputs.reversed label {
            width: auto;
        }

    .search-page .price-from, .search-page .price-to {
        width: 100px;
    }

.search-input .warning {
    text-decoration: underline;
}

/* PASSWORD RECOVERY AND NEWSLETTER PAGES */
.password-recovery-page, newsletter-page {
}

    .password-recovery-page .page-title, newsletter-page .page-title {
    }

    .password-recovery-page .page-body, newsletter-page .page-body {
        margin: 0;
        padding: 0;
        color: #555;
        background-color: inherit;
    }

    .password-recovery-page .email {
        width: 250px;
    }

    .password-recovery-page .result {
        font-size: 12px;
        font-weight: 400;
        color: red;
    }


/* ACCOUNT ACTIVATION */
.account-activation-page {
}

    .account-activation-page .page-title {
    }

    .account-activation-page .page-body {
        margin: 0;
        padding: 0;
        color: #555;
        background-color: inherit;
    }


/* CONTACTS */
.contact-page {
}

    .contact-page .page-body {
        padding: 15px;
        margin-bottom: 15px;
        border: 1px solid #eee;
    }

    .contact-page .result {
        font-weight: bold;
    }

    .contact-page .form-fields {
        zoom: 1;
    }

        .contact-page .form-fields:after {
            content: ".";
            display: block;
            clear: both;
            height: 0;
            font-size: 0;
            line-height: 0;
            visibility: hidden;
        }

    .contact-page .inputs-left {
        float: left;
    }

    .contact-page .inputs-right {
        float: right;
    }

    .contact-page .inputs {
        margin-bottom: 12px;
    }

    .contact-page .captcha-box {
        margin-bottom: 12px;
    }

    .contact-page .fullname {
        width: 250px;
        padding: 1px;
    }

    .contact-page .email {
        width: 250px;
        padding: 1px;
    }

    .contact-page .enquiry {
        width: 350px;
        height: 150px;
    }

    .contact-page .buttons {
        text-align: left;
    }


/* RECENTLY VIEWED AND ADDED PRODUCTS */
.recently-added-products-page {
}

    .recently-added-products-page .page-title {
    }

.recently-viewed-products-page {
}

    .recently-viewed-products-page .page-title {
    }


/* CUSTOMER ACCOUNT PAGES */
.account-page {
}

    .account-page .result {
        font-size: 12px;
        font-weight: 400;
        color: red;
    }

    .account-page .page-title {
        /* margin-bottom: 20px;*/
    }

    .account-page .page-body {
        margin: 0;
        padding: 0;
        color: #555;
    }

    .account-page .section {
        padding: 10px;
        margin-bottom: 20px;
        border: 1px solid #eee;
        border-radius: 0px;
        zoom: 1;
    }

        .account-page .section:after {
            content: ".";
            display: block;
            clear: both;
            height: 0;
            font-size: 0;
            line-height: 0;
            visibility: hidden;
        }

        .account-page .section .title {
            margin: -17px 0 14px;
            zoom: 1;
        }

            .account-page .section .title strong {
                background: #fff;
            }

        .account-page .section li {
            list-style: none;
            /* line-height: 16px;*/
        }

    .account-page .custompc-crf {
        float: right;
        color: #555;
        font-size: 14px;
        font-weight: 400;
        white-space: nowrap
    }

        .account-page .custompc-crf:before {
            content: "Reference No: ";
        }

@media screen and (max-width:830px) {
    .account-page .custompc-crf {
        float: none
    }
}

.address-list-page {
}

    .address-list-page .address-list {
    }

        .address-list-page .address-list .address-item {
        }

            .address-list-page .address-list .address-item .title {
                font-size: 13px;
            }

            .address-list-page .address-list .address-item .info {
                float: left;
            }

            .address-list-page .address-list .address-item .buttons {
                float: right;
            }

    .address-list-page .add-button {
        margin-bottom: 5px;
        margin-top: 5px;
        float: left;
        text-align: right;
    }

.address-edit-page {
}

    .address-edit-page .edit-address {
        margin-bottom: 10px;
    }

        .address-edit-page .edit-address .inputs {
            margin-bottom: 5px;
        }

        .address-edit-page .edit-address label {
            display: inline-block;
            width: 100px;
        }

    .address-edit-page .buttons {
    }

.avatar-page {
    padding: 10px;
}

    .avatar-page .buttons {
        margin: 5px 0;
    }

.back-in-stock-subscription-list-page {
}

    .back-in-stock-subscription-list-page .subscription-list {
    }

    .back-in-stock-subscription-list-page .description {
    }

    .back-in-stock-subscription-list-page .no-data {
    }

    .back-in-stock-subscription-list-page .buttons {
        margin-bottom: 5px;
        margin-top: 5px;
        text-align: left;
    }

.change-password-page {
}

    .change-password-page .buttons {
        margin-bottom: 5px;
        margin-top: 5px;
    }

.downloadable-products-page {
}

    .downloadable-products-page .no-data {
    }

.forum-subscriptions-page {
}

    .forum-subscriptions-page .subscription-list {
    }

    .forum-subscriptions-page .description {
    }

    .forum-subscriptions-page .no-data {
    }

    .forum-subscriptions-page .buttons {
        margin-bottom: 5px;
        margin-top: 5px;
        text-align: left;
    }

.customer-info-page {
}

    .customer-info-page .vat-note {
        display: block;
    }

    .customer-info-page .buttons {
        margin-bottom: 5px;
        margin-top: 5px;
        text-align: center;
    }

.username-available-status {
    color: green;
    padding-left: 5px;
}

.username-not-available-status {
    color: red;
    padding-left: 5px;
}

.account-signature-text {
    height: 100px;
    /*width: 500px;*/
    width: 100%;
    max-width: 500px;
    border: solid 1px #E3E3E3;
    vertical-align: top;
    padding: 8px;
}

.order-list-page {
}

    .order-list-page .recurring-payments {
    }

        .order-list-page .recurring-payments .recurring-payments-box {
            text-align: left;
            padding: 10px;
            height: auto;
        }

    .order-list-page .order-list {
    }

        .order-list-page .order-list .order-item {
        }

            .order-list-page .order-list .order-item .title {
                font-size: 13px;
            }

            .order-list-page .order-list .order-item .info {
                float: left;
            }

            .order-list-page .order-list .order-item .buttons {
                float: right;
            }

.return-request-list-page {
}

    .return-request-list-page .request-item {
    }

        .return-request-list-page .request-item a {
            color: #369;
        }

        .return-request-list-page .request-item .title {
            font-size: 13px;
        }

        .return-request-list-page .request-item .info {
        }

.reward-points-page {
}

    .reward-points-page .reward-points-overview {
        padding: 10px 10px 5px 0;
        width: 100%;
    }

        .reward-points-page .reward-points-overview .current-balance {
        }

        .reward-points-page .reward-points-overview .min-balance {
            margin-top: 10px;
        }

    .reward-points-page .reward-points-history {
    }

        .reward-points-page .reward-points-history .title {
            margin-top: 20px;
            margin-bottom: 15px;
        }


/* RETURN REQUEST */
.return-request-page {
}

    .return-request-page .page-title {
    }

    .return-request-page .section {
        padding: 10px;
        margin-bottom: 20px;
        border: 1px solid #eee;
        border-radius: 0px;
    }

        .return-request-page .section .title {
            margin: -17px 0 14px;
        }

            .return-request-page .section .title strong {
                background: #fff;
            }

    .return-request-page .comment {
        width: 350px;
        height: 150px;
    }


/* PRODUCT DETAILS PAGE */

.product-details-page {
    margin-top: 10px;
}

.product-collateral {
    margin-top: 10px;
    margin-bottom: 10px;
    clear: both;
}

.product-details-page .product-top-frame {
    width: 100%;
    float: left;
    display: block;
    margin-bottom: 10px;
}

    .product-details-page .product-top-frame .left {
        max-width: 550px;
        width: 45%;
        float: left;
        position: relative;
    }

    .product-details-page .product-top-frame .right {
        width: 55%;
        float: right;
    }

@media screen and (min-width:200px) and (max-width: 899px) {

    .product-details-page .product-top-frame .left {
        float: none;
        width: 100%;
        display: block;
        max-width: 100%;
    }

    .product-details-page .product-top-frame .right {
        float: none;
        width: 100%;
        display: block;
        max-width: 100%;
    }

    .product-details-page .product-price table, .product-price thead, .product-price tbody, .product-price th, .product-price td, .product-price tr {
        text-align: center;
        width: 100%;
        display: inline-block;
    }

    #tab-reviews {
        display: none !important;
    }
}

.product-essential {
}

.product-details-page .gallery {
    width: 480px;
    width: 100%;
    text-align: center;
}

    .product-details-page .gallery .picture {
        position: relative;
        text-align: center;
        width: 480px;
        margin: 0 auto;
    }


        .product-details-page .gallery .picture img {
            max-width: 480px;
        }

        .product-details-page .gallery .picture .leftfloat {
            xwidth: 150px;
            height: 120px;
            xdisplay: block;
            position: absolute;
            top: 0px;
            left: -123px;
            padding: 0px;
            z-index: 30;
        }

            .product-details-page .gallery .picture .leftfloat .block {
                height: 25px;
                padding: 0 10px 0 10px;
                line-height: 25px;
                font-size: 14px;
                font-weight: bold;
                text-align: center;
                xborder-radius: 15px 5px 15px 5px;
                background-color: #3c7baa;
                color: yellow;
                margin: 8px 0px;
                xborder-bottom: solid 1px yellow;
                border-left: solid 5px #5C5B5B;
            }

                .product-details-page .gallery .picture .leftfloat .block .money {
                    font-size: 20px;
                    color: yellow;
                    float: left;
                }


        .product-details-page .gallery .picture .brandcorner {
            width: 150px;
            height: 40px;
            display: block;
            /*xposition: absolute;
            bottom: -50px;
            right: -40px;*/
            padding: 0px;
            z-index: 30;
            float: left;
        }


    .product-details-page .gallery .picture-thumbs {
        margin-top: 10px;
        width: 660px;
        text-align: left;
    }

        .product-details-page .gallery .picture-thumbs a {
            margin-right: 3px;
        }

.product-details-page .overview {
    float: right;
    width: 740px;
}

    .product-details-page .overview .left {
        width: 300px;
        float: left;
        vertical-align: top;
    }

    .product-details-page .overview .right {
        width: 440px;
        float: right;
    }

.product-details-page .overview-add {
    margin-left: 10px;
}

.product-details-page .product-name {
    color: #5C5B5B;
    font-size: 20px;
    margin-bottom: 0.3em;
    padding-top: 10px;
    font-family: Verdana;
}

.product-details-page .selling-point {
    margin: 0 0 10px 10px;
}

    .product-details-page .selling-point .block {
        height: 20px;
        padding: 3px 10px;
        line-height: 20px;
        font-size: 14px;
        xfont-weight: bold;
        text-align: center;
        xborder-radius: 15px 0 0 5px;
        background-color: #3c7baa;
        color: yellow;
        margin: 8px 0px;
        border-left: solid 3px #5C5B5B;
    }

    .product-details-page .selling-point .point1 {
        background-color: #62AD6E !important;
    }

    .product-details-page .selling-point .point2 {
        background-color: #626BAD !important;
    }

    .product-details-page .selling-point .point3 {
        background-color: #8962AD !important;
    }

    .product-details-page .selling-point .point4 {
        background-color: #AD627A !important;
    }

.product-details-page .price-button-area-top {
    margin: 0 10px;
    padding: 12px 8px;
    background-color: #e5e5e5;
    color: #5C5B5B;
    font-size: 14px;
    display: block;
}

.product-details-page .price-button-area {
    border: solid 1px #ccc;
}

.product-details-page .price-button-area-bottom {
    margin: 0 10px;
    padding: 12px 8px;
    background-color: #e5e5e5;
    color: #5C5B5B;
    font-size: 14px
}

    .product-details-page .price-button-area-bottom a {
        color: #5C5B5B;
        font-size: 14px;
        text-decoration: none;
        margin: 0 10px;
        cursor: pointer;
    }

.product-details-page .short-description, .product-details-page .manufacturers, .product-details-page .sku, .product-details-page .sapcode, .product-details-page .manufacturer-part-number, .product-details-page .stock, .product-details-page .gtin {
    color: #555;
    margin-bottom: .3em;
    font-size: 1.1em;
}

.product-details-page .full-description {
    clear: both;
    color: #555;
    margin-bottom: .3em;
    padding: 5px;
}

.product-details-page img {
    max-width: 100%;
}

.product-details-page .back-in-stock-subscription {
    margin-top: 10px;
    margin-bottom: 10px;
}

.product-details-page .email-a-friend {
    margin: 10px 5px 10px 0px;
    float: left;
}

.product-details-page .compare-products {
    margin: 10px 0 10px 0px;
    float: left;
}

.product-details-page .product-share-button {
    margin: 0;
    width: 150px;
    height: 30px;
    float: right;
    display: block;
}

.product-details-page .product-reviews-overview {
    margin-top: 20px;
    margin-bottom: 20px;
}

    .product-details-page .product-reviews-overview .product-review-box {
        margin-right: 5px;
        width: auto;
        height: 13px;
    }

.product-details-page .product-review-box .rating {
    height: 13px;
    width: 55px;
    background: url(images/star-x-inactive.gif) 0 0 repeat-x;
}

    .product-details-page .product-review-box .rating div {
        height: 12px;
        background: url(images/star-x-active.gif) 0 0 repeat-x;
    }

.product-details-page .product-reviews-overview .product-review-links .separator {
    margin: 0 2px;
}

.product-details-page .product-reviews-overview .product-review-links {
    margin: 0;
}

.product-details-page .product-no-reviews {
    margin-top: 5px;
    margin-bottom: 5px;
}

    .product-details-page .product-no-reviews a {
        text-decoration: underline;
    }

.product-details-page .product-variant-list { /*float: left;clear: none;*/
    clear: both;
    padding: 10px 0;
    border: 0;
    margin-bottom: 20px;
    margin-top: 10px;
}

    .product-details-page .product-variant-list .product-variant-line {
        border: 1px solid #EEEEEE;
        padding: 20px;
        margin: 10px 0;
        zoom: 1;
    }

        .product-details-page .product-variant-list .product-variant-line:after {
            content: ".";
            display: block;
            clear: both;
            height: 0;
            font-size: 0;
            line-height: 0;
            visibility: hidden;
        }

.add-to-cart-button {
    padding: 10px 0px;
    /*! width: 170px; */
    /*! cursor: pointer; */
    background: #029513;
    /*! color: #fff; */
    /*! text-shadow: none; */
    /*! border: 0 none; */
    font-size: 1.5em;
    border-radius: 2px;
    /*! border-bottom:solid 3px #3c5a11; */
    border: 0;
}

.product-details-page .product-variant-list .add-to-cart-button {
    margin-top: 15px;
    margin-left: 0;
    display: block;
}

.add-to-cart-button:hover {
    color: #fff;
    background: #073C72;
}

.add-to-wishlist-button {
    margin-top: 10px;
    width: 100px;
    margin: 0 0 0 3px;
    padding: 6px 0px;
}

.product-details-page .variant-picture {
    clear: both;
    float: left;
    margin-bottom: 15px;
}

.product-details-page .variant-overview {
    float: left;
    width: 100%;
}

.product-details-page .variant-name {
    color: #5C5B5B;
    font-size: 1.3em;
    margin-bottom: .3em;
}

.product-details-page .variant-description {
    clear: both;
    color: #555;
    margin-bottom: .3em;
}

.product-details-page .download-sample {
    clear: both;
    color: #555;
    margin-top: 15px;
    margin-bottom: 15px;
}



    .product-details-page .download-sample .download-sample-button {
        -x-system-font: none !important;
        background: #F1F1F1 url(images/download-sample-bg.gif) repeat-x scroll 0 100%;
        border: 1px solid #B5B5B5;
        color: #444;
        cursor: pointer;
        font-size: 11px !important;
        font-size-adjust: none !important;
        font-stretch: normal !important;
        font-style: normal !important;
        font-variant: normal !important;
        font-weight: 500 !important;
        line-height: normal !important;
        overflow: visible;
        padding: 1px 5px;
        text-align: center;
        text-transform: uppercase;
        vertical-align: middle;
        width: auto;
    }

        .product-details-page .download-sample .download-sample-button a {
            text-decoration: none;
        }

            .product-details-page .download-sample .download-sample-button a:hover {
                color: #444;
            }

.product-details-page .product-variant-line .prices { /*float:left;*/
    padding-top: 10px;
    margin-right: 30px;
}

.product-details-page .product-essential .prices {
    margin-top: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 15px;
}


.product-details-page .prices .product-price span {
    font-size: 32px;
}

.product-details-page .prices .old-product-price {
    color: #5C5B5B;
}

    .product-details-page .prices .old-product-price span {
        text-decoration: line-through;
        font-size: 16px;
    }

.product-details-page .customer-entered-price {
    margin-bottom: 10px;
}

.product-details-page .add-to-cart {
    padding-top: 10px;
}

    .product-details-page .add-to-cart .enter-price-input {
        width: 60px;
    }

    .product-details-page .add-to-cart .qty-input {
        width: 40px;
    }

.product-details-page .attributes {
    margin-bottom: 10px;
}

    .product-details-page .attributes dl dt {
        margin: 10px 0 0;
    }

    .product-details-page .attributes .text-prompt {
        font-weight: bold;
    }

    .product-details-page .attributes .attribute-description {
        font-size: 11px;
    }

    .product-details-page .attributes ul.option-list {
        padding: 0px;
        margin: 0px;
    }

        .product-details-page .attributes ul.option-list li {
            list-style: none;
        }

    .product-details-page .attributes .textbox {
        width: 300px;
    }

    .product-details-page .attributes textarea {
        width: 300px;
        height: 150px;
    }
    /* color squares attribute type */
    .product-details-page .attributes ul.color-squares li {
        display: inline;
    }

    .product-details-page .attributes ul.color-squares .color-container {
        position: relative;
        display: inline-block;
        border: solid 1px #999;
        padding: 1px;
        margin-bottom: 5px;
    }

    .product-details-page .attributes ul.color-squares .selected-value .color-container {
        border-color: #075899;
        border-width: 2px;
        padding: 0;
    }

    .product-details-page .attributes ul.color-squares .color {
        display: inline-block;
        width: 18px;
        height: 18px;
    }

    .product-details-page .attributes ul.color-squares label {
        cursor: pointer;
        position: relative;
    }

    .product-details-page .attributes ul.color-squares input {
        height: 0;
        overflow: hidden;
        z-index: -10000;
        position: absolute;
        float: none;
    }

.product-details-page .giftcard {
}

    .product-details-page .giftcard dt {
        clear: left;
        float: left;
        width: 150px;
    }

    .product-details-page .giftcard label {
        display: inline-block;
        width: 150px;
        vertical-align: top;
    }

    .product-details-page .giftcard .recipient-name {
    }

    .product-details-page .giftcard .recipient-email {
    }

    .product-details-page .giftcard .sender-name {
    }

    .product-details-page .giftcard .sender-email {
    }

    .product-details-page .giftcard .message {
        width: 300px;
        height: 100px;
    }

.related-products-grid, .also-purchased-products-grid {
    margin-top: 10px;
}

    .related-products-grid .title, .also-purchased-products-grid .title {
        text-align: left;
        padding: 5px;
        font-weight: 400;
        clear: both;
        font-size: 1.1em;
        color: #5C5B5B;
    }

    .related-products-grid .item-box, .also-purchased-products-grid .item-box {
        padding-bottom: 10px;
        text-align: center;
        vertical-align: text-top;
    }

.product-specs-box {
}

    .product-specs-box .title {
        text-align: left;
        padding: 5px;
        font-weight: 500;
        clear: both;
        font-size: 1.1em;
        color: #5C5B5B;
    }

    .product-specs-box .data-table {
        margin: 5px;
    }

.product-tags-box {
    color: #555;
    zoom: 1;
}

    .product-tags-box:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        font-size: 0;
        line-height: 0;
        visibility: hidden;
    }

    .product-tags-box .title {
        text-align: left;
        padding: 5px;
        font-weight: 500;
        clear: both;
        font-size: 1.1em;
        color: #5C5B5B;
    }

    .product-tags-box .product-tags-list {
    }

        .product-tags-box .product-tags-list a {
            text-decoration: underline;
        }

        .product-tags-box .product-tags-list li {
            float: left;
            padding-left: 5px;
            list-style: none;
        }

.tier-prices {
    text-align: center;
    margin-bottom: 10px;
}

    .tier-prices .prices-header {
        background: #3a3a3a;
        color: #FFF;
        padding: 3px;
        font-weight: 500;
    }

    .tier-prices .prices-list table {
        width: 100%;
        border-collapse: collapse;
        text-align: center;
        vertical-align: middle;
        background: #f3f3f3;
    }

    .tier-prices .prices-list td {
        border-bottom: solid 3px #d7d7d7;
        padding-top: 3px;
        padding-bottom: 3px;
        font-weight: 500;
    }

    .tier-prices .prices-list .field-header {
        font-weight: 500;
        text-align: center;
    }

    .tier-prices .prices-list .item-quantity {
    }

    .tier-prices .prices-list .item-price {
        color: #369;
    }

.stock-check {
    position: relative;
    margin: 10px 0 5px 0;
}

    .stock-check label {
        display: block;
        float: left;
        line-height: 30px;
        margin-right: 10px;
    }


    .stock-check span.meta-data {
        cursor: pointer;
        color: #267ab7;
    }

#stock-check-button {
    display: inline-block;
    cursor: pointer;
    background-image: url('images/stock-check-open.png');
    background-position-y: 7px;
    background-repeat: no-repeat;
    height: 30px;
    width: 16px;
    text-indent: -9999px;
}

    #stock-check-button.active {
        background-image: url('images/stock-check-close.png');
    }

#stock-check-list {
    display: none;
    padding: 14px;
    background-color: #4d4d4d;
    /*opacity:0.7;*/
    float: left;
    position: absolute;
    top: 27px;
    left: 0px;
    color: #fff;
    width: 240px;
    z-index: 50;
}

    #stock-check-list ul, #stock-check-list li {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        background: transparent;
    }

    #stock-check-list ul {
        margin-top: 10px;
    }

    #stock-check-list li {
        list-style: none;
        padding: 3px 0;
    }

        #stock-check-list li .franchisename {
            width: 80px;
            font-weight: bold;
            display: inline-block;
            height: 16px;
            margin-right: 5px;
            margin-bottom: -3px;
        }

        #stock-check-list li .stock-result0 {
            color: red;
        }

        #stock-check-list li .stock-result1 {
            color: #ccc;
        }

        #stock-check-list li .stock-result2 {
            color: yellow;
        }

        #stock-check-list li .stock-result3 {
            color: #aef873;
            font-weight: bold;
        }



    #stock-check-list.active {
        display: block;
    }

.product-code {
    text-align: right;
    font-size: 12px;
    line-height: 25px;
}

    .product-code .label {
        font-weight: bold;
    }

.product-top-frame .prices {
    line-height: 30px;
}

.prices div label, .shipping label {
    position: absolute;
    display: inline-block;
    text-align: right;
    width: 90px;
    line-height: 30px;
    vertical-align: central;
}

.prices div span, .shipping span, .stock-check span.meta-data {
    display: inline-block;
    xmargin-left: 100px;
    line-height: 30px;
    vertical-align: central;
}

.prices .kkcount-down {
    margin: 0;
}

    .prices .kkcount-down span {
        margin: 0 2px;
        background-color: red;
        font-weight: bold;
        color: #fff;
    }

.product-details-page .short-description {
    color: #999;
    font-size: 12px;
}
/* PRODUCT REVIEWS PAGE */
.product-reviews-page {
}

    .product-reviews-page .page-title {
    }

        .product-reviews-page .page-title a {
            text-decoration: none;
        }

    .product-reviews-page .result {
    }

    .product-reviews-page .write-review {
        margin-top: 10px;
        padding: 15px;
        border: 1px solid #eee;
    }

        .product-reviews-page .write-review .title {
            margin-bottom: 10px;
            font-size: 16px;
            line-height: 20px;
            font-weight: bold;
        }

        .product-reviews-page .write-review .inputs {
            margin-bottom: 12px;
            clear: both;
        }

        .product-reviews-page .write-review .captcha-box {
            margin-bottom: 12px;
        }

        .product-reviews-page .write-review .inputs label {
            display: block;
        }

        .product-reviews-page .write-review .review-title {
            width: 350px;
        }

        .product-reviews-page .write-review .review-text {
            width: 350px;
            height: 150px;
        }

        .product-reviews-page .write-review .review-rating {
            margin-bottom: 12px;
            clear: both;
        }

            .product-reviews-page .write-review .review-rating label {
            }

            .product-reviews-page .write-review .review-rating ul {
                display: inline-block;
            }

            .product-reviews-page .write-review .review-rating li {
                display: inline-block;
                list-style: none;
            }

            .product-reviews-page .write-review .review-rating input {
                vertical-align: bottom;
            }

        .product-reviews-page .write-review .buttons {
            text-align: left;
        }

.product-review-list {
    margin: 10px 0px 10px 0;
}

    .product-review-list .title {
        padding: 10px 10px 10px 0;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 1.1em;
        color: #3a3a3a;
    }

    .product-review-list .product-review-item {
        border: solid 1px #d3d3d3;
        margin: 10px 0 0;
        padding: 10px 10px 20px;
        clear: both;
    }

        .product-review-list .product-review-item .review-item-head {
            clear: both;
        }

        .product-review-list .product-review-item .review-title {
            font-weight: 500;
            float: left;
            margin-bottom: 5px;
        }

        .product-review-list .product-review-item .rating {
            float: right;
            margin-right: 5px;
            height: 13px;
            width: 55px;
            background: url(images/star-x-inactive.gif) 0 0 repeat-x;
        }

            .product-review-list .product-review-item .rating div {
                height: 12px;
                background: url(images/star-x-active.gif) 0 0 repeat-x;
            }

        .product-review-list .product-review-item .review-text {
            float: left;
            margin-bottom: 5px;
            clear: both;
        }

        .product-review-list .product-review-item .review-info {
            float: left;
            margin-bottom: 5px;
            clear: both;
        }

            .product-review-list .product-review-item .review-info .separator {
                margin: 0 2px;
            }

.product-review-helpfulness {
    font-size: 11px;
    color: #333;
    clear: both;
}

    .product-review-helpfulness .vote {
        color: #369;
        font-weight: 500;
        text-decoration: none;
    }

        .product-review-helpfulness .vote:hover {
            cursor: pointer;
            text-decoration: none;
        }


/* SLIM BOX (PRODUCT IMAGES) */
#lbOverlay {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    cursor: pointer;
}

#lbCenter, #lbBottomContainer {
    position: absolute;
    z-index: 9999;
    overflow: hidden;
    background-color: #fff;
}

.lbLoading {
    background: #fff url(images/loading.gif) no-repeat center;
}

#lbImage {
    position: absolute;
    left: 0;
    top: 0;
    border: 10px solid #fff;
    background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
    display: block;
    position: absolute;
    top: 0;
    width: 50%;
    outline: none;
}

#lbPrevLink {
    left: 0;
}

    #lbPrevLink:hover {
        background: transparent url(images/prevlabel.gif) no-repeat 0 15%;
    }

#lbNextLink {
    right: 0;
}

    #lbNextLink:hover {
        background: transparent url(images/nextlabel.gif) no-repeat 100% 15%;
    }

#lbBottom {
    font-size: 10px;
    color: #666;
    line-height: 1.4em;
    text-align: left;
    border: 10px solid #fff;
    border-top-style: none;
}

#lbCloseLink {
    display: block;
    float: right;
    width: 66px;
    height: 22px;
    background: transparent url(images/closelabel.gif) no-repeat center;
    margin: 5px 0;
    outline: none;
}

#lbCaption, #lbNumber {
    margin-right: 71px;
}

#lbCaption {
    font-weight: 500;
}


/* PRIVATE MESSAGES */
.send-pm-box {
    background-color: #EEE;
    border: 1px solid #A0A0A0;
    color: #555;
    display: block;
    float: left;
    font-size: 10px;
    font-weight: 500;
    margin: 2px 0 2px 2px;
    padding: 2px;
    text-decoration: none;
    text-transform: uppercase;
}

    .send-pm-box .pm-link-button {
        line-height: 14px;
        padding: 1px 6px 2px 18px;
        background: url(images/ico-pm.png) no-repeat;
    }

.private-message-send-page {
}

    .private-message-send-page .page-title {
    }

    .private-message-send-page .page-body {
    }

    .private-message-send-page .inputs {
    }

        .private-message-send-page .inputs label {
            line-height: 20px;
        }

    .private-message-send-page .toolbar {
        display: inline-block;
    }

    .private-message-send-page textarea {
        margin: 0 0 10px 150px;
        width: 500px;
    }

    .private-message-send-page .field-validation-error {
        display: block;
        line-height: 20px;
        margin-left: 150px;
        vertical-align: top;
    }

    .private-message-send-page .options {
        text-align: right;
    }

.private-message-view-page {
}

    .private-message-view-page .page-title {
    }

    .private-message-view-page .page-body {
        padding: 5px;
    }

    .private-message-view-page .view-message div {
        padding: 4px;
    }

    .private-message-view-page .view-message label {
        color: #555;
        display: inline-block;
        font-weight: 500;
        width: 100px;
    }

    .private-message-view-page .view-message a {
        color: #369;
        text-decoration: underline;
    }

.private-messages-page {
}

    .private-messages-page .page-title {
    }

    .private-messages-page .page-body {
        margin: 0;
        padding: 0;
        font-size: 11px;
        color: #555;
    }

.private-messages-box {
    margin: 0;
    padding: 5px;
    font-size: 11px;
    color: #555;
}

    .private-messages-box .buttons {
        margin-bottom: 5px;
        margin-top: 5px;
        text-align: left;
    }

.pm-read {
}

.pm-unread {
    font-weight: 500;
}


/* FORUM INPUTS */
.forum-topic-title-text, .pm-title-text {
    width: 500px;
    border: 1px solid #acacac;
    vertical-align: top;
    font-size: 12px;
}

.forum-post-text, .bb-editor-text {
    width: 100%;
    height: 300px;
}

.private-message-subject-text {
    width: 500px;
    border: 1px solid #acacac;
    vertical-align: top;
    font-size: 12px;
}

.forum-search-text {
    width: 500px;
    border: 1px solid #acacac;
    font-size: 14px;
}

.forum-search-box-text {
    border: 1px solid #acacac;
    font-size: 12px;
}

.bb-editor-text {
    border: #cec6b5 1px solid;
}

.edit-topic-link-button {
    padding-right: 5px;
    padding-left: 18px;
    background: url(images/ico-edit.gif) no-repeat left;
}

.delete-topic-link-button {
    padding-right: 5px;
    padding-left: 18px;
    background: url(images/ico-delete.gif) no-repeat left;
}

.move-topic-link-button {
    padding-right: 5px;
    padding-left: 18px;
    background: url(images/ico-move-topic.gif) no-repeat left;
}

.reply-topic-link-button {
    padding-right: 5px;
    padding-left: 18px;
    padding-bottom: 3px;
    background: url(images/ico-forum-post-add.gif) no-repeat left;
}

.watch-topic-link-button {
    padding-left: 18px;
    background: url(images/ico-forum-watch.gif) no-repeat left;
}

.edit-post-link-button {
    padding-right: 5px;
    padding-left: 18px;
    background: url(images/ico-edit.gif) no-repeat left;
}

.delete-post-link-button {
    padding-right: 5px;
    padding-left: 18px;
    background: url(images/ico-delete.gif) no-repeat left;
}

.quote-post-link-button, .post-link {
    color: #555;
    float: right;
    padding: 1px 3px;
    border: solid 1px #ccc;
    line-height: 15px;
    font-size: 11px;
}

.post-link {
    padding: 1px 3px;
    margin-right: 5px;
    border: none;
}


/* FORUM MAIN AND COMMON */
.forums-main-page {
}

    .forums-main-page .forums-main-header {
        border-bottom: solid 1px #f3f3f3;
        height: 50px;
        margin-bottom: 10px;
    }

        .forums-main-page .forums-main-header .current-time {
            padding-top: 20px;
            font-size: .9em;
            color: #555;
            float: left;
        }

.forum-search-box {
    font-size: .9em;
    float: right;
    text-align: right;
    padding: 5px 0;
    margin-bottom: 5px;
}

.forums-table-section {
    background: url(images/forum-footer-bg.gif) repeat-x center bottom;
    margin-bottom: 30px;
}

.forums-table-section-title {
    font-size: 1.1em;
    margin-bottom: 5px;
}

    .forums-table-section-title a {
        font-weight: 500;
    }

    .forums-table-section-title .link-rss {
        background: url(images/ico-rss.gif) no-repeat;
        display: inline;
        float: right;
        width: 14px;
        height: 14px;
        margin: 0 0 0 10px;
        text-indent: -9999px;
    }

    .forums-table-section-title .view-all {
        float: right;
        font-weight: 400 !important;
        text-align: right;
    }

.forums-table-section table {
    border-collapse: collapse;
    margin-bottom: 15px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

.forums-table-section td {
    padding: 10px 0;
}

.forums-table-section th {
    background: url(images/forum-header-bg.gif) repeat-x center;
    border-right: 1px solid #6A6A6A;
    color: #fff;
    font-weight: 500;
    height: 20px;
    vertical-align: middle;
}

    .forums-table-section th.forum-name {
        padding-left: 3px;
        text-align: left;
        width: 55%;
    }

    .forums-table-section th.topics {
        width: 10%;
    }

    .forums-table-section th.posts {
        width: 10%;
    }

    .forums-table-section th.last-post {
        width: 25%;
    }

.forums-table-section td.image div {
    background: url(images/ico-forum.gif) no-repeat 40% 40%;
    height: 36px;
    width: 36px;
}

    .forums-table-section td.image div.post {
        background: url(images/ico-forum-post.gif) no-repeat 40% 40%;
        height: 36px;
        width: 36px;
    }

    .forums-table-section td.image div.post-annoucement, .forums-table-section td div.post-sticky {
        background: url(images/ico-forum-post-high.gif) no-repeat 40% 40%;
        height: 36px;
        width: 36px;
    }

.forums-table-section td {
    border-bottom: 1px solid #C5C5C5;
    padding-left: 3px;
    vertical-align: middle;
}

    .forums-table-section td.forum-name {
        text-align: left;
        width: 55%;
    }

        .forums-table-section td.forum-name .forum-title a {
            display: block;
            font-size: 1.1em;
            font-weight: 500;
            line-height: 18px;
            margin-bottom: 3px;
        }

        .forums-table-section td.forum-name .forum-description {
            color: #555555;
            font-size: 0.9em;
        }

    .forums-table-section td.last-post {
        color: #555555;
        font-size: 0.8em;
    }

.forums-table-section th.topic-name {
    padding-left: 3px;
    text-align: left;
    width: 55%;
}

.forums-table-section th.replies {
    width: 10%;
}

.forums-table-section th.views {
    width: 10%;
}

.forums-table-section td.topic-name {
    text-align: left;
    width: 55%;
}

    .forums-table-section td.topic-name .topic-type {
        font-size: 0.9em;
        line-height: 18px;
    }

    .forums-table-section td.topic-name .topic-title {
        font-size: 1.1em;
        font-weight: 500;
        line-height: 18px;
    }

    .forums-table-section td.topic-name .topic-starter, .forums-table-section td.topic-name .topic-pager {
        color: #555555;
        font-size: 0.9em;
        margin: 1px 0;
    }


/* FORUM PAGE */
.forum-page {
    clear: both;
}

    .forum-page .forum-header {
    }

    .forum-page .forum-top {
        zoom: 1;
    }

        .forum-page .forum-top:after {
            content: ".";
            display: block;
            clear: both;
            height: 0;
            font-size: 0;
            line-height: 0;
            visibility: hidden;
        }

        .forum-page .forum-top .forum-info {
            float: left;
        }

            .forum-page .forum-top .forum-info .forum-name {
                font-weight: 500;
                font-size: 1.2em;
                line-height: 25px;
            }

            .forum-page .forum-top .forum-info .forum-description {
                color: #555;
            }

        .forum-page .forum-top .rss .link-rss {
            float: left;
            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;
        }

        .forum-page .forum-top .actions {
            float: right;
            text-align: right;
            margin-top: 10px;
        }

            .forum-page .forum-top .actions .newtopic {
                background: url(images/ico-forum-post-add.gif) no-repeat left;
                padding: 0 10px 3px 20px;
            }

            .forum-page .forum-top .actions .watch-forum {
                background: url(images/ico-forum-watch.gif) no-repeat left;
                padding-left: 20px;
            }

    .forum-page .pager ul {
        float: left;
        margin: 5px 0;
    }

.active-discussions-page {
    clear: both;
}

.forum-group-page {
    clear: both;
}

.forum-breadcrumb {
    clear: both;
}


/* FORUM TOPIC EDIT, FORUM POST EDIT */
.forum-edit-page {
    background: url(images/forum-footer-bg.gif) repeat-x center bottom;
}

    .forum-edit-page .page-title {
        background: url(images/forum-header-bg.gif) repeat-x center;
        border: 1px solid #6A6A6A;
        color: #FFF;
        font-weight: 500;
        height: 28px;
        line-height: 28px;
        padding: 0 5px;
    }

        .forum-edit-page .page-title h1 {
            font-size: 12px;
            font-weight: bold;
            margin: 0;
            padding: 0;
        }

    .forum-edit-page .page-body {
        padding: 5px;
    }

    .forum-edit-page .inputs {
        padding: 5px 0;
    }

        .forum-edit-page .inputs label {
            color: #555555;
            display: inline-block;
            font-weight: 500;
            width: 150px;
        }

        .forum-edit-page .inputs .toolbar {
            display: block;
            margin-left: 150px;
        }

        .forum-edit-page .inputs textarea {
            margin-left: 150px;
            width: 700px;
        }

    .forum-edit-page .field-validation-error {
        display: block;
        margin-left: 150px;
    }

    .forum-edit-page .buttons {
        margin: 5px;
        text-align: right;
    }


/* MOVE FORUM TOPIC */
.move-topic-page {
    background: url(images/forum-footer-bg.gif) repeat-x center bottom;
}

    .move-topic-page .page-title {
        background: url(images/forum-header-bg.gif) repeat-x center;
        border: 1px solid #6A6A6A;
        color: #FFF;
        font-weight: 500;
        height: 28px;
        line-height: 28px;
        padding: 0 5px;
    }

        .move-topic-page .page-title h1 {
            font-size: 12px;
            font-weight: bold;
            margin: 0;
            padding: 0;
        }

    .move-topic-page .page-body {
        padding: 5px;
    }

    .move-topic-page .inputs {
        margin-bottom: 10px;
        padding: 4px;
    }

        .move-topic-page .inputs label {
            color: #555;
            font-weight: 500;
            white-space: nowrap;
            width: 30%;
        }


/* FORUM TOPIC */
.forum-topic-page {
    background: url(images/forum-footer-bg.gif) repeat-x bottom;
    clear: both;
}

    .forum-topic-page .title {
        background: url(images/forum-header-bg.gif) repeat-x 50%;
        color: #FFF;
        border: solid 1px #6a6a6a;
        height: 28px;
        line-height: 28px;
        font-weight: 500;
        padding-left: 3px;
    }

        .forum-topic-page .title .topic-name {
            float: left;
            font-size: 12px;
        }

        .forum-topic-page .title .manage {
            float: right;
            text-align: right;
        }

            .forum-topic-page .title .manage a {
                color: #F3F3F3;
            }

    .forum-topic-page .posts {
    }

.topic-header {
    padding: 5px;
    background: #F3F3F3;
    border-bottom: solid 1px #6a6a6a;
    height: 16px;
}

    .topic-header .topic-options, .topic-footer .topic-options {
        float: right;
        text-align: right;
    }

        .topic-header .topic-options a, .topic-footer .topic-options a {
            font-weight: 500;
        }

.topic-footer {
    padding: 5px;
    background: #F3F3F3;
    border-top: solid 1px #6a6a6a;
    height: 16px;
}

    .topic-header .pager ul, .topic-footer .pager ul {
        float: left;
        margin-top: -2px;
    }

.forum-topic-page .forum-post {
    border-bottom: solid 1px #E3E3E3;
    zoom: 1;
}

    .forum-topic-page .forum-post:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        font-size: 0;
        line-height: 0;
        visibility: hidden;
    }

.forum-topic-page .post-info {
    width: 170px;
    float: left;
    padding: 5px;
    height: 100%;
    border-right: solid 1px #F3F3F3;
}

    .forum-topic-page .post-info .manage {
        line-height: 20px;
    }

        .forum-topic-page .post-info .manage a {
            font-weight: 500;
            color: #555;
        }

    .forum-topic-page .post-info .user-info {
        padding-top: 5px;
    }

        .forum-topic-page .post-info .user-info a.username {
            font-weight: 500;
            margin-bottom: 5px;
        }

        .forum-topic-page .post-info .user-info span.username {
            font-weight: 500;
            margin-bottom: 5px;
        }

        .forum-topic-page .post-info .user-info .avatar {
            margin: 5px 0;
        }

            .forum-topic-page .post-info .user-info .avatar .avatar-img {
                border: solid 2px #CEDBE1 !important;
            }

        .forum-topic-page .post-info .user-info .user-stat {
            color: #555555;
            font-size: 0.9em;
            font-weight: 500;
            margin-bottom: 5px;
            text-align: left;
        }

        .forum-topic-page .post-info .user-info .user-stats li {
            list-style: none outside none;
        }

        .forum-topic-page .post-info .user-info .user-stats span {
            font-weight: 400;
        }

.forum-topic-page .post-content {
    margin-left: 180px;
    border-left: solid 1px #F3F3F3;
}

    .forum-topic-page .post-content .posttime {
        font-weight: 500;
        line-height: 20px;
        padding: 3px;
        background: #e3f3f3;
    }

        .forum-topic-page .post-content .posttime .stat-value {
            font-weight: 400;
        }

    .forum-topic-page .post-content .post-body {
        padding: 3px;
    }

        .forum-topic-page .post-content .post-body a {
            color: #369;
            text-decoration: underline;
        }

        .forum-topic-page .post-content .post-body .posttext {
        }

            .forum-topic-page .post-content .post-body .posttext .quote {
                padding: 5px;
                border: dashed 1px #000;
                background-color: #fff;
            }

    .forum-topic-page .post-content .signature {
        border-color: #DDD;
        border-style: solid;
        border-width: 1px 0 0;
        font-size: 90%;
        margin: 1em 8px 8px;
        padding: 1em 0 20px;
        text-align: left;
        font-style: italic;
    }


/* FORUM SEARCH */
.forum-search-page {
}

    .forum-search-page .forum-search-panel .search-error {
        color: red;
    }

    .forum-search-page .forum-search-panel .search-results {
    }

    .forum-search-page .basic-search {
        margin-bottom: 10px;
    }

    .forum-search-page .advanced-search {
        border-top: 1px solid #D3D3D3;
        margin-bottom: 10px;
        padding-top: 10px;
    }

    .forum-search-page .inputs {
        padding: 4px;
    }

        .forum-search-page .inputs label {
            display: inline-block;
            width: 140px;
        }

    .forum-search-page .pager ul {
        float: left;
        margin: 5px 0;
    }


/* PROFILE PAGE */
.profile-page {
}

    .profile-page .page-title {
        background: url(images/forum-header-bg.gif) repeat-x 50%;
        color: #FFF;
        border: solid 1px #6a6a6a;
        height: 28px;
        line-height: 28px;
        font-weight: 500;
        padding-left: 3px;
    }

    .profile-page .page-body {
        margin-top: 15px;
    }

    .profile-page .profile-info-box {
        background: url(images/forum-footer-bg.gif) repeat-x bottom;
    }

    .profile-page .profile-info-box, .profile-page .user-last-posts {
        font-size: 12px;
    }

        .profile-page .profile-info-box .title {
        }

        .profile-page .profile-info-box .profile-stats {
            border-left: 1px solid #F3F3F3;
            margin-left: 200px;
            padding: 10px;
        }

            .profile-page .profile-info-box .profile-stats .title {
                margin-bottom: 10px;
                text-transform: uppercase;
            }

            .profile-page .profile-info-box .profile-stats li {
                list-style: none outside none;
                padding: 2px;
            }

            .profile-page .profile-info-box .profile-stats label {
                font-weight: 500;
            }

        .profile-page .profile-info-box .user-details {
            width: 180px;
            float: left;
            padding: 10px;
            height: 100%;
            border-right: solid 1px #F3F3F3;
            text-align: center;
        }

            .profile-page .profile-info-box .user-details .avatar {
                margin-bottom: 5px;
            }

                .profile-page .profile-info-box .user-details .avatar .avatar-img {
                    border: solid 2px #CEDBE1 !important;
                }

        .profile-page .profile-info-box .user-stats {
            margin-bottom: 5px;
        }

            .profile-page .profile-info-box .user-stats li {
                font-weight: 500;
                list-style: none;
                padding: 2px;
            }

            .profile-page .profile-info-box .user-stats label {
                font-weight: 500;
            }

            .profile-page .profile-info-box .user-stats span {
                color: #555;
                font-weight: 400;
            }

    .profile-page .user-last-posts {
    }

        .profile-page .user-last-posts .topic {
            border: solid 1px #F3F3F3;
            margin-bottom: 10px;
        }

        .profile-page .user-last-posts .topic-title {
            font-weight: 500;
            line-height: 20px;
            background: #e3f3f3;
            padding: 3px;
        }

        .profile-page .user-last-posts .topic-body {
            padding: 10px;
        }

            .profile-page .user-last-posts .topic-body a {
                color: #369;
                text-decoration: underline;
            }

            .profile-page .user-last-posts .topic-body .quote {
                padding: 5px;
                border: dashed 1px #000;
                background-color: #fff;
            }

        .profile-page .user-last-posts .topic-data {
            background: #f3f3f3;
            padding: 3px;
            color: #555;
            font-size: .9em;
        }


/* BB CODE EDITOR */
.toolbar {
    padding: 2px;
    display: inline;
}

    .toolbar .button {
        background: url(images/bbeditor-button-bg.gif) repeat-x;
        padding: 2px;
        margin-right: 2px;
        border: #cec6b5 1px solid;
    }

        .toolbar .button:hover {
            border: #333 1px solid;
        }


/* BBCODES */
pre {
    white-space: pre-wrap;
    white-space: normal;
    word-wrap: break-word;
}

.csharpcode, .csharpcode pre {
    font-size: small;
    color: #000;
    font-family: Consolas,"Courier New",Courier,Monospace;
    background-color: #fff;
}

    .csharpcode pre {
        margin: 0;
    }

    .csharpcode .rem {
        color: green;
    }

    .csharpcode .kwrd {
        color: #00f;
    }

    .csharpcode .str {
        color: #006080;
    }

    .csharpcode .op {
        color: #0000c0;
    }

    .csharpcode .preproc {
        color: #c63;
    }

    .csharpcode .asp {
        background-color: #ff0;
    }

    .csharpcode .html {
        color: maroon;
    }

    .csharpcode .attr {
        color: red;
    }

    .csharpcode .alt {
        background-color: #f4f4f4;
        width: 100%;
        margin: 0;
    }

    .csharpcode .lnum {
        color: #606060;
    }

/* ------------------------- 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;
}


/*Sprites*/
.search-box, .search-box-button {
    background-image: url('images/header-sprite.png');
    background-repeat: no-repeat;
}

.search-box {
    background-image: none;
    background-color: #FFF;
}


    .search-box input {
        color: #888;
    }

/* MASTER PAGE WRAPPERS */
.master-wrapper-page {
    margin: 0 auto;
    /* background-color: #f2f2f2; */
}

.master-wrapper-content {
    max-width: 1240px;
    /*margin: 12px auto 0px auto;*/
    margin: 3px auto;
    text-align: left;
    overflow: visible;
    height: auto !important;
    background-color: #fff;
}

.master-wrapper-main {
    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;
        width: 25%;
    }

    .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;
        width: 75%;
    }
    /* 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;
    }

@media screen and (min-width: 300px) and (max-width: 899px) {
    .master-wrapper-main .side-2 {
        float: none;
        width: 100%;
        margin-right: 0%
    }

    .master-wrapper-main .center-2 {
        float: none;
        width: 100%;
    }
}

/* HEADER AND MENU */
.header {
    background: #004d99 !important; /*height:127px!important;*/
    padding-bottom: 5px;
}

.headerOuter {
    color: #fff;
    xwidth: 980px;
    margin: 0 15px;
    position: relative;
    z-index: 550;
    height: 85px;
}

.header .icon {
    vertical-align: bottom;
}

.header .ico-register {
    padding-left: 10px;
    padding-bottom: 5px;
}

.header .ico-login {
    padding-left: 10px;
    padding-bottom: 5px;
}

.header .ico-logout {
    padding-left: 10px;
    padding-bottom: 5px;
}

.header .ico-inbox {
    padding-left: 10px;
    padding-bottom: 5px;
}

.header .ico-cart {
    padding-left: 10px;
    padding-bottom: 5px;
}

.header .ico-wishlist {
    padding-left: 10px;
    padding-bottom: 5px;
}

    .header .ico-cart:hover *, .header .ico-wishlist:hover * {
        text-decoration: underline;
        cursor: pointer;
    }

    .header .ico-cart span, .header .ico-wishlist span {
        float: left;
    }

.header-logo {
    margin-top: 5px;
    float: left;
    text-align: left;
}

a.logo {
    background: url("images/cclogo.png") no-repeat scroll 0 bottom transparent;
    display: block;
    width: 400px;
    height: 70px;
    text-decoration: none;
}

.header-selectors-wrapper {
    text-align: right;
    float: right;
    width: 500px;
    margin-top: 10px;
    clear: both;
}

.currency-selector {
    float: right;
}

.language-selector {
    float: right;
}

.tax-display-type-selector {
    float: right;
}

ul.language-list {
    display: inline;
    line-height: 25px;
}

    ul.language-list li {
        list-style: none;
        display: inline;
        padding: 0 5px;
        float: left;
    }

        ul.language-list li .selected {
            border: solid 1px #ccc !important;
        }

        ul.language-list li:hover {
            cursor: pointer;
        }

.header-links-wrapper {
    position: relative;
    float: right;
    text-align: right;
    width: 500px;
}

.header-links {
    float: right;
    padding: 0px;
    margin: 10px 0;
    display: inline-table;
}

    .header-links ul {
        padding: 0;
        margin: 0;
        float: left;
    }

        .header-links ul li {
            list-style: none outside none;
            display: inline;
            padding-right: 2px;
            margin-left: 10px;
            float: left;
            max-width: 180px;
            overflow: hidden;
        }

    .header-links a {
        color: #ade8fe;
        text-decoration: none;
        float: left;
    }

        .header-links a:hover {
            color: #ade8fe;
            text-decoration: underline;
        }

        .header-links a.account {
            color: #ade8fe;
        }

.admin-header-links {
    padding: 6px 20px;
    text-align: center;
    float: right;
}

    .admin-header-links .administration {
        font-weight: bold;
    }

    .admin-header-links .impersonate {
        color: #E44097;
    }

        .admin-header-links .impersonate a {
            color: #F93;
            font-weight: 500;
        }

.header-menu-wrap {
    background-color: #ddeff7;
    clear: both;
    /*-moz-box-shadow: 0px 0px 10px 0px #555;
					-webkit-box-shadow: 0px 0px 10px 0px #555;
					box-shadow: 0px 0px 10px 0px #555;*/
    position: relative;
    z-index: 100;
    background-image: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.header-menu {
    clear: both;
    background-repeat: no-repeat;
    list-style: none outside none;
    margin: 0 auto !important;
    margin-left: -1px;
    z-index: 500;
    width: 1020px;
    padding: 0;
    text-align: left;
    position: relative;
}
/*.header-menu li {float: left;list-style: none outside none;margin-right: 10px;font-size: 1.3em;line-height: 17px;}
.header-menu li:hover {background:#005CB9;}
.header-menu .top-menu li {list-style-type: none;margin-right:10px;}*/
/* search box */
.search-text {
    border: 1px solid #eee;
    vertical-align: top;
    padding: 5px 0 5px 5px;
    font-size: 12px;
    width: 100%;
}

.search-box {
    float: right;
    clear: right;
    display: inline;
    background-position: 0 0;
    height: 34px;
    position: relative;
    width: 380px;
    text-align: left;
}

    .search-box .search-box-text {
        border: 0;
        outline: none;
        line-height: 20px;
        height: 20px;
        margin: 6px;
        width: 330px;
    }
/*.search-box-text{background: none repeat scroll 0 0 #FFF;width: 300px;border: 1px solid #E3E3E3;padding: 4px 5px;vertical-align:top;font-size:12px;}*/
.search-box-button {
    background-position: 0 -44px;
    border: 0;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    vertical-align: middle;
    text-indent: -9999px;
    width: 40px;
    height: 34px;
}

    .search-box-button:hover {
        background-position: 0 -79px;
    }
/* 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;
        }

/* FOOTER */
#footer-wrap {
    clear: both;
    cursor: default;
    font-weight: normal;
    /*text-transform: uppercase;*/
}

    #footer-wrap .footer {
        color: #FFFFFF;
    }

.footer {
    clear: both;
    height: auto;
    width: 960px !important;
    margin: 0 auto;
    font-size: 12px;
    overflow: hidden;
    text-align: left;
    cursor: auto;
}

    .footer a {
        text-decoration: none;
        color: #83bbd9;
    }

.footer-disclaimer {
    margin-top: 30px;
    font-size: 11px;
    text-align: center;
    line-height: 30px;
    display: block;
    background-color: #1d3447;
    color: #fff;
}

    .footer-disclaimer .onlineusers {
        margin-left: 40px;
    }

.footer-poweredby {
    padding-top: 10px;
    clear: both;
    font-size: 11px;
    text-align: center;
    border-top: rgb(94, 122, 204) 1px solid;
}

.footer-store-theme {
    margin: 0 100px 0 10px;
    font-size: 11px;
    text-align: center;
}

.store-theme-list {
    background: #e3e3e3;
    border: solid 1px #3a3a3a;
}

.change-device {
    clear: both;
    text-align: right;
}

.footer-menu-wrap {
    overflow: hidden;
    font-size: 10px;
}

.footer-menu {
    float: left;
    text-align: left;
    width: 150px;
    margin-right: 40px;
}

.footer-menu-first {
    margin-left: 0;
}

    .footer-menu h3, .footer-menu-first h3 {
        font-size: 12px;
    }

        .footer-menu h3 span {
            display: inline-block;
            padding: 5px 0px;
            margin-bottom: 5px;
        }

    .footer-menu ul, .footer-menu-first ul {
        margin: 10px 0;
        padding: 0;
        list-style: none outside none;
    }

        .footer-menu ul li, .footer-menu-first ul {
            line-height: 300%;
            border-bottom: solid 1px #44799e;
        }

.footer .block-newsletter {
    float: left;
    width: 180px;
    padding: 10px;
    border-radius: 0px;
    border: 0;
    background-color: #1d3447;
}

.block-newsletter .legend {
    color: #fed443;
    font-size: 14px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    text-indent: 0;
    text-align: left;
}

/*HOME BANNER AREA*/
#home_banner {
    position: relative;
    margin: 0 -30px 0;
    width: 1020px;
    overflow: hidden;
    zoom: 1;
}

    #home_banner .Home-banner-left {
        float: left;
        height: 400px;
        position: relative;
    }


    #home_banner .Home-banner-right {
        float: right;
    }

.Home-banner-left a {
    width: 312px;
    height: 120px;
    padding: 4px;
    display: block;
}

#home_banner .Home-banner-left section {
    height: 84px;
    width: 190px;
    padding: 20px 20px 20px 100px;
    margin-bottom: 9px;
    background-color: #fff;
    cursor: pointer;
    background-color: #fff;
}

    #home_banner .Home-banner-left section:hover {
        background-color: #f6f6f6;
    }

    #home_banner .Home-banner-left section h1 {
        font-size: 18px;
    }

#b-hotdeals {
    background: url(images/banner-hot.png) no-repeat 10px 20px;
    border: 1px solid #d4d4d4;
}

#b-specials {
    background: url(images/banner-specials.png) no-repeat 10px 20px;
    border: 1px solid #d4d4d4;
}

#b-subscribe {
    background: url(images/banner-subs.png) no-repeat 10px 20px;
    border: 1px solid #d4d4d4;
}

#newsletter-email-banner {
    border: 1px solid #ccc;
}
/*HOME SLIDER*/
.slider-wrapper {
    width: 700px;
}
/* HOME PAGE */

.xcc-page {
    margin: -12px 0 0 -30px;
    padding: 16px 30px 10px;
    width: 960px;
    background-color: #fff;
    overflow: hidden;
}

.home-page .product-grid .product-item {
    width: 220px;
}



.home-page-product-grid {
    margin-left: auto;
    margin-right: auto;
    width: auto;
    overflow: hidden;
}

    .home-page-product-grid .title {
        margin: 0 0 0 10px;
        text-transform: capitalize;
        border-bottom: 1px solid #fff;
        font-size: 20px;
        font-weight: bold;
        float: none;
        color: #333333;
        text-align: left;
        padding: 0;
    }

        .home-page-product-grid .title strong {
            display: block;
            line-height: 30px;
        }

.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: 500;
    }

    .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: 500;
            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: 500;
        text-transform: uppercase;
        font-size: 1.1em;
        color: #3a3a3a;
        text-align: center;
    }

.border-full-box {
    background-color: #FFFFFF;
    border: 1px solid #d4d4d4;
    border-radius: 0px;
    clear: both;
    padding: 10px;
    margin: 15px 0;
    width: 938px !important;
}

#diy-block .col1 {
    float: left;
    margin-right: 0;
    width: 280px;
    overflow: hidden;
    display: inline;
}

#diy-block .col2 {
    display: inline;
    float: right;
    width: 640px;
}

#diy-block h2 {
    color: #333333;
    font-size: 28px;
    font-weight: bold;
    margin: 0 5px;
}

/*home categories*/
#home-categories {
    clear: both;
    margin-bottom: 10px;
    margin: 20px 0;
    padding-bottom: 0;
}

    #home-categories .product-catg {
        border: 1px solid #d4d4d4;
        background-color: #f5f5f5;
        float: left;
        margin: 0px 13px 13px 0;
        text-align: center;
        width: 124px;
        height: 124px;
    }

        #home-categories .product-catg.last {
            margin-right: 0;
        }

    #home-categories a {
        display: block;
        padding-top: 16px;
        height: 108px;
        color: #666;
    }

        #home-categories a:hover {
            background-color: #fff;
            text-decoration: none;
        }

    #home-categories .catg-name {
        margin: 0;
        font-size: 12px;
    }

    #home-categories .home-categories {
        background-color: #FFFFFF;
        padding-top: 10px;
        margin-top: 10px;
        margin-bottom: 0px;
        border-top: 1px solid #d4d4d4;
    }



/* Store Nav */
#store-nav-wrap {
    background-color: #ffffff;
    overflow: hidden;
    height: 28px;
}

#store-nav {
    /*width: 1020px;*/
    margin: 0 auto;
}

    #store-nav ol, #store-nav ul, #store-nav li {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        background: transparent;
    }

    #store-nav a {
        display: block;
        color: #fff;
        font-weight: bold;
        padding: 5px 15px;
        background-color: rgb(49, 145, 233);
        -moz-border-radius: 0 0 0 0;
        border-radius: 0 0 0 0;
    }

        #store-nav a:hover {
            text-decoration: none;
            color: #F7D441;
        }

    #store-nav li {
        float: left;
        list-style: none;
        margin: 2px 2px 0 0;
        /*border:1px solid #4b96ff;
	border-bottom:none;*/
    }

        #store-nav li.current a {
            background-color: #004d99;
        }

/* CC Mega Menu */

.megamenu {
    width: 1020px;
    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-weight: bold;
        line-height: 18px;
        color: #3B3B3B;
    }

.megamenu .form_element {
    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: 500;
}


/* end Product Page Tabs */

/*DEALS*/
.deal-page {
    padding: 0px;
}

#deal-header {
    width: 100%;
    background-color: #fff;
}

.deal-page #time-left {
    width: auto;
    background: #f2f2f2;
    padding: 15px 20px;
    margin-bottom: 20px;
    overflow: hidden;
}

@media screen and (max-width:830px) {
    .deal-page #time-left {
        display: none
    }
}

.deal-page #time-left .left {
    width: 38%;
    padding-right: 2%;
    float: left;
    color: #F03;
    font-size: 20px;
    font-weight: 500;
    font-style: italic;
}

    .deal-page #time-left .left span {
        color: #333;
        font-size: 18px;
        font-weight: 500;
    }

.deal-page #time-left .right {
    width: 60%;
    float: right;
    text-align: right;
}

#deal-subscribe {
    width: 100%;
    float: left;
    text-align: right;
}

    #deal-subscribe .emailwords {
        font-size: 13px;
        font-weight: bold;
        margin-bottom: 10px;
    }

#deal-products-wrap {
    clear: both;
}

.deal-product-box {
    border-bottom: 1px solid #e4e4e4;
    overflow: hidden;
    /*! margin-bottom: 20px; */
    /*! padding-top: 20px; */
    /*! padding-bottom: 10px; */
    position: relative;
    padding: 20px 0;
}


    .deal-product-box .left {
        /*! width: 270px; */
        float: left;
        width: 20%;
        text-align: center;
    }

        .deal-product-box .left img {
            max-width: 100%;
            max-height: 150px;
        }

    .deal-product-box .middle {
        width: 60%;
        float: left;
        margin: 20px 0;
    }

    .deal-product-box .right {
        width: 20%;
        /*! padding-left: 30px; */
        float: right;
        text-align: right;
    }

    .deal-product-box .middle h2 {
        font-size: 18px;
        color: #369;
        font-weight: 500;
    }

    .deal-product-box .get-deal, .deal-product-box .get-deal:hover {
        text-decoration: none;
        color: #fff;
        margin-top: 10px;
        font-size: 16px;
        padding: 10px 15px;
    }

    .deal-product-box .onsale {
        font-size: 14px;
        line-height: 16px;
        font-weight: 500;
    }

    .deal-product-box .price {
        font-size: 24px;
        padding: 5px 0;
        font-weight: 500;
        color: #fe3030;
    }

        .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: #fe3030;
    }

    .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;
    }



@media screen and (max-width:830px) {
    .deal-product-box .left {
        width: 30% !important;
    }

    .deal-product-box .middle {
        width: 65% !important;
        padding-left: 5% !important;
        margin: 0 !important;
    }

    .deal-product-box .right {
        width: 100% !important;
        text-align: center !important;
    }
}




.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 in Cart Page*/

    #cart-wrap .addon-tab {
        width: 100%;
        margin: 0;
        background: #f2f2f2;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
        padding: 12px 25px 12px 10px;
        text-decoration: none;
        font-size: 14px;
        color: #007dc6;
        float: left;
        border-top: 1px solid #fff;
        line-height: normal
    }

        #cart-wrap .addon-tab:first-child {
            border-top: none
        }

        #cart-wrap .addon-tab:hover {
            cursor: pointer;
            background: #eeeeee;
            text-decoration: none;
        }

        #cart-wrap .addon-tab.current {
            background: #fff;
            color: #333;
            cursor: default;
            background-image: url(https://centrecomstatic.s3.amazonaws.com/Themes/CentreCom/Content/2015v1/images/addon-arrow-right.png);
            background-repeat: no-repeat;
            background-position: right;
            transition: none;
        }

    #cart-wrap #addon-list {
        box-sizing: border-box;
        z-index: 0;
        background: #FFF none repeat scroll 0% 0%;
    }

        #cart-wrap #addon-list tr {
            border-bottom: none;
        }

    #cart-wrap .cart-specials {
        font-size: 13px;
    }

        #cart-wrap .cart-specials tbody {
            padding: 20px;
        }

    #cart-wrap #addon-list h2 {
        background-color: #fafafa;
        color: #666;
        padding: 10px 20px;
        font-size: 14px;
        font-weight: bold;
        margin: 0;
        text-shadow: 1px 1px #FFF;
    }

    #cart-wrap .cart-specials-title a {
        color: #535353;
        font-size: 14px;
        margin-left: 30px;
    }

        #cart-wrap .cart-specials-title a:hover {
            color: #089DEE;
            text-decoration: none;
        }

    #cart-wrap .cart-specials-price {
        width: 60px;
        text-align: right;
        font-weight: normal;
        font-size: 14px;
        color: #333;
    }

@media only screen and (min-width:830px) {
    #cart-wrap #addon-tab-wrap {
        width: 30%;
        float: left;
        display: block;
        z-index: 0;
    }

    #cart-wrap #addon-list {
        width: 68%;
        margin: 0 1%;
        float: right;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
}

@media only screen and (max-width:830px) {
    #cart-wrap .cart-specials tr {
        border: 1px solid #ccc;
        margin-bottom: 0px;
    }

    #cart-wrap #addon-list h2 {
        background-color: #FFF;
    }

    #cart-wrap #addon-tab-wrap, #cart-wrap #addon-list {
        width: 100%;
        float: none
    }

    #cart-wrap .addon-tab {
        padding: 12px
    }

        #cart-wrap .addon-tab.current {
            background-image: none;
        }
}

#cart-wrap .addon-content .upsell-details-products .title {
    display: none
}

#cart-wrap .addon-content .upsell-details-products .products-title {
    display: none
}

#cart-wrap .addon-content .upsell-details-products .section {
    border: none;
    border-bottom: 1px solid #f2f2f2;
    padding: 12px 20px 12px 10px;
    line-height: normal;
    position: relative
}

#cart-wrap .addon-content .upsell-details-products {
    margin: 0;
}

    #cart-wrap .addon-content .upsell-details-products .col:first-child img, #cart-wrap .upsell-details-products .col:nth-child(3) img {
        max-width: 50px
    }

#cart-wrap .order-summary-content h3 {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 400;
}


#cart-wrap .addon-tab img {
    float: left;
    padding-right: 14px;
}



#cart-wrap #addon-list .loading-process {
    width: 100%;
    height: 200px;
    background-image: url('images/ajax_loader_large.gif');
    background-repeat: no-repeat;
    background-position: bottom center;
}

#cart-wrap .addon-content {
    width: 100%;
    border: 1px solid #e6e6e6
}


/*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('//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;
}



/*Custom PC builder*/

.my-list h1 {
    width: auto;
    background: #007dc6;
    padding: 10px;
    text-align: center;
    font-size: 18px;
    color: #FFF;
}

#custom-pc-builder .my-list {
    float: left;
    /* width: 560px;*/
    width: 48%;
    margin-right: 2%;
    border: 1px solid #eee;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#custom-pc-builder .select-list {
    float: right;
    width: 50%;
    /* float: left;
    width: 620px;*/
    border: 1px solid #eee;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#custom-pc-builder .my-list header {
    background-color: #007dc6;
    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: #369;
        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;
        margin-right: 20px;
        background-color: #089dee;
        padding: 5px 10px;
        color: #FFF;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        font-size: 16px;
        /*border: 1px solid #0F9D58;*/
    }

        #items-filter .filter.current {
            font-weight: bold;
            /* border: 1px solid #004D99;*/
            font-size: 18px;
        }

#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: #F30;
    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: #369;
        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;
    xwidth: 550px;
    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;
    }

    .toplinknav .shares .gp {
        background-position: 0 -214px;
    }

.login-button {
    font: bold 15px/30px;
    padding: 0 25px;
}

.limitpercustomer {
    padding-left: 20px;
    color: #369;
    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;
        }


/* centre com staff bar*/
.ccstaff-bar {
    width: 98%;
    padding: 5px 8px;
    border: solid 1px #ccc;
    float: left;
    background-color: #dbf5f4;
    line-height: 25px;
    margin: 10px auto;
}

    .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;
    }


/* Tickets */
.ticket-table {
    font-size: 14px;
    line-height: 30px;
    border-collapse: separate;
    border-spacing: 2px;
}

    .ticket-table td {
        padding-left: 3px;
    }

    .ticket-table .input-tex {
        font-size: 14px;
        line-height: 25px;
        padding: 2px 5px;
        width: 500px;
        border-radius: 3px;
    }

    .ticket-table .input-drop {
        font-size: 14px;
        line-height: 30px;
        border: solid 1px #ccc;
        padding: 5px;
        margin-left: 0px;
        border-radius: 3px;
    }

    .ticket-table .title {
        background-color: #eeeee8;
        padding: 0 10px;
        border: solid 1px #fff;
    }

    .ticket-table .text {
        border: solid 1px #999;
        width: 800px;
        height: 200px;
        font-size: 14px;
        padding: 10px;
        line-height: 25px;
        border-radius: 5px;
        margin: 5px 0;
    }

/*.ticket-info-text {
    border: dashed 1px #ccc;
    padding: 10px;
    line-height: 22px;
    margin: 10px 0;
    background-color: InfoBackground;
    border-radius: 5px;
}*/

.ticket-result-title {
    color: blue;
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
    margin-top: 20px;
}

@media screen and (min-width:300px) and (max-width: 899px) {
    .ticket-table {
        width: 100%;
    }

        .ticket-table .input-tex {
            font-size: 14px;
            line-height: 25px;
            padding: 2px 5px;
            width: 90%;
            border-radius: 3px;
        }

        .ticket-table .text {
            border: solid 1px #999;
            width: 90%;
            height: 200px;
            font-size: 14px;
            padding: 10px;
            line-height: 25px;
            border-radius: 5px;
            margin: 5px 0;
        }

        .ticket-table .input-drop {
            width: 90%;
        }
}

/* Instore Sale */
.instoresale-talbe {
}

    .instoresale-talbe .left {
        width: 180px;
        vertical-align: top;
    }

        .instoresale-talbe .left #branchlist {
            background-color: #d4d4d4;
            border-radius: 5px;
            width: 160px;
            font-size: 16px;
            font-weight: bold;
            line-height: 40px;
            display: block;
            top: 10px;
        }

        .instoresale-talbe .left .stick {
            position: fixed;
            top: 10px;
        }

        .instoresale-talbe .left #branchlist .title {
            padding: 0 10px;
            background-color: #400405;
            color: #fff;
        }

        .instoresale-talbe .left #branchlist a {
            display: block;
            padding: 0 10px;
            text-decoration: none;
        }

            .instoresale-talbe .left #branchlist a:hover {
                background-color: #f1f3c6;
                color: #000;
            }

    .instoresale-talbe .right {
        width: 780px;
        float: right;
    }

        .instoresale-talbe .right .branch-name {
            font-size: 18px;
            line-height: 40px;
            font-weight: bold;
            background-color: #e1dede;
            display: block;
            padding: 0 15px;
            border-radius: 5px;
            width: 750px;
            height: 40px;
            display: block;
            float: left;
            margin: 0 0 10px 0;
            box-shadow: 5px 5px 5px #ccc;
        }

        .instoresale-talbe .right .product-box {
            width: 220px;
            margin: 10px 10px;
            padding: 10px;
            height: 330px;
            float: left;
            display: block;
            text-align: center;
            box-shadow: 0 0 8px #555;
            border-radius: 10px;
            margin-bottom: 20px;
            position: relative;
        }

            .instoresale-talbe .right .product-box .sku {
                width: 220px;
                height: 25px;
                line-height: 25px;
                overflow: hidden;
                color: #999;
            }

            .instoresale-talbe .right .product-box .limit {
                color: #5a4fa1;
                font-size: 10px;
                font-weight: bold;
                line-height: 20px;
            }

            .instoresale-talbe .right .product-box .sold-out {
                background-image: url(images/soldout.png);
                width: 107px;
                height: 107px;
                position: absolute;
                top: 80px;
                left: 10px;
                text-indent: -9999;
            }

            .instoresale-talbe .right .product-box .picture {
                width: 220px;
                height: 175px;
                text-align: center;
                vertical-align: middle;
            }

                .instoresale-talbe .right .product-box .picture img {
                    max-width: 180px;
                    max-height: 135px;
                }

            .instoresale-talbe .right .product-box .productname {
                font-size: 14px;
                font-weight: bold;
                font-weight: bold;
                line-height: 20px;
                width: 220px;
                height: 60px;
                overflow: hidden;
            }

            .instoresale-talbe .right .product-box .dont-pay {
                font-size: 14px;
            }

                .instoresale-talbe .right .product-box .dont-pay .rrp {
                    text-decoration: line-through;
                }

            .instoresale-talbe .right .product-box .price {
                font-size: 18px;
                font-weight: bold;
                color: red;
                line-height: 35px;
            }

/* account activation */
.account-activation {
    font-size: 14px;
    line-height: 45px;
}

    .account-activation .attention {
        font-size: 16px;
        font-weight: bold;
        color: #369;
        line-height: 40px;
        border: dashed 1px #ccc;
        background-color: InfoBackground;
        padding: 0 10px;
        border-radius: 10px;
    }

    .account-activation .step {
        font-size: 16px;
        font-weight: bold;
    }


/*New Checkout*/
.right {
    float: right;
}

/* EOL product.  */
.eol-product-area {
    border: solid 2px #555;
    padding: 20px;
    font-size: 30px;
    font-weight: 800;
    display: block;
    float: left;
    background-color: #ffed80;
    color: #000;
    position: relative;
}

    .eol-product-area:hover {
        background-color: #aebaba;
        color: #ffed80;
    }

.eol-product-stamp {
    border: dashed 4px #369;
    font-size: 55px;
    line-height: 100px;
    display: block;
    position: absolute;
    left: 200px;
    top: -200px;
    z-index: 100;
    color: #369;
    font-weight: 800;
    -moz-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
    padding: 0 20px;
    font-family: Tahoma;
}

.topadbar {
    line-height: 35px;
    background-color: #000;
    color: yellow;
    font-weight: bold;
    font-size: 14px;
    xposition: fixed;
    z-index: 9999;
    display: block;
    height: 35px;
    width: 1020px;
    margin: 0 auto;
    overflow: hidden;
}

    .topadbar a {
        color: yellow;
        font-weight: bold;
    }

/* Cashback */
.cashback-table {
    font-size: 14px;
    line-height: 25px;
}

#brandlist a.hover {
    background-color: #ffd800;
    color: #000;
}

.cashback-table .left {
    width: 180px;
    vertical-align: top;
}

    .cashback-table .left .stick {
        position: fixed;
        top: 10px;
    }

    .cashback-table .left #brandlist {
        background-color: #d4d4d4;
        border-radius: 5px;
        width: 160px;
        font-size: 16px;
        font-weight: bold;
        line-height: 40px;
        display: block;
        top: 10px;
    }

        .cashback-table .left #brandlist .title {
            padding: 0 10px;
            background-color: #400405;
            color: #fff;
        }

        .cashback-table .left #brandlist a {
            display: block;
            padding: 0 10px;
            text-decoration: none;
        }

            .cashback-table .left #brandlist a:hover {
                background-color: #f1f3c6;
                color: #000;
            }

.cashback-table .right {
    width: 780px;
    float: right;
}

    .cashback-table .right .cashback-desc {
        font-size: 14px;
        line-height: 25px;
        background-color: #f3f3f3;
        padding: 10px;
        border-radius: 5px;
        margin: -10px 10px 10px 10px
    }

    .cashback-table .right .cashback-link {
        line-height: 45px;
    }

    .cashback-table .right .brand-name {
        font-size: 18px;
        line-height: 40px;
        font-weight: bold;
        background-color: #e1dede;
        display: block;
        padding: 0 15px;
        border-radius: 5px;
        width: 750px;
        height: 40px;
        display: block;
        float: left;
        margin: 0 0 10px 0;
        box-shadow: 5px 5px 5px #ccc;
    }

    .cashback-table .right .product-line {
        line-height: 25px;
        border-bottom: solid 1px #ccc;
    }

        .cashback-table .right .product-line:hover {
            background-color: #f1f3c6;
        }

    .cashback-table .right .pic {
        width: 110px;
    }

        .cashback-table .right .pic img {
            margin: 5px 30px 0 0;
        }
/* End of Cashback*/

/* checkout */

.master-wrapper-content {
    max-width: 1320px;
}

/*.checkout-data .payment-method li {
        padding:0;
    }*/

.checkout-page {
    /* border-top: 1px solid #D8D2C7;*/
    min-height: 33em;
    overflow: hidden;
}

    .checkout-page p.title {
        /*background-repeat: no-repeat;
        height: 20px;
        color: #404040;
        text-transform: uppercase;
        padding-top: 6px;
        font-size: 15px;
        font-weight: bold;
        border-bottom: 1px solid #666;*/
    }

    .checkout-page ul.method-list {
        padding-left: 0px;
        font-size: 14px;
    }

    /*.checkout-page #address {
        width: 31%;
        float: left;
        margin-right: 15px;
        padding-right: 15px;
        padding-top: 15px;
        box-sizing: border-box;
        border-right: 1px solid #ddd;
    }

    .checkout-page #address select {
        max-width:100%;
    }*/

    /*.checkout-page #method {
        width: 31%;
        float: left;
        margin-right: 15px;
        padding-right: 15px;
        padding-top: 15px;
        box-sizing: border-box;
        border-right: 1px solid #ddd;
    }*/

    .checkout-page #method .shippingMethod {
        min-height: 100px;
    }

    .checkout-page #method .paymentMethod {
        min-height: 100px;
    }

    .checkout-page #method .paymentInfo {
        min-height: 100px;
    }

    /*.checkout-page #confirm {
        min-height: 400px;
        width: 33%;
        float: left;
        margin-right: 15px;

        padding-right: 15px;
        padding-top: 15px;
        box-sizing: border-box;
    } */

    .checkout-page #cart td.sku.nobr {
        display: none;
    }

    .checkout-page #confirm td.product-picture {
        display: none;
    }

    .checkout-page #confirm td.subtotal {
        display: none;
    }

    .checkout-page #confirm tr.cart-header-row {
        display: none;
    }

    .checkout-page #confirm td.product {
        line-height: 15px;
        width: 100%;
    }

        .checkout-page #confirm td.product a {
            font-weight: normal;
        }

    .checkout-page #confirm #checkout-confirm-order-load {
        min-height: 100px;
    }

    .checkout-page .confirm-order-next-step-button {
        font: bold 15px/30px;
        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;
    }

.new-address-next-step-button {
    padding: 7px 10px;
    cursor: pointer;
    background: #7DB72F;
    color: #fff;
    text-shadow: none;
    border: 1px solid #8ead87;
    font-weight: 500;
}

    .new-address-next-step-button:hover {
        color: #fff;
        background: #82BB1E;
    }

.cc-page {
    padding: 10px;
}

@media only screen and (max-width: 830px) {
    .cc-page {
        padding: 5px;
    }
}


@media only screen and (max-width: 949px), (min-device-width: 768px) and (max-device-width: 949px) {
    .checkout-page #address {
        /*width: 45%;
		margin-right: 5%;*/
        float: left;
        padding-right: 0px;
    }

    .checkout-page #method {
        width: 100%;
        float: left;
        margin-right: 0px;
        padding-right: 0px;
    }

    .checkout-page #confirm {
        width: 100%;
        float: left;
        margin-right: 0%;
        padding-right: 0%;
    }
}

@media screen and (min-width:100px) and (max-width: 600px) {

    .checkout-page #address {
        width: 100%;
        float: left;
        margin-right: 0;
    }

    .checkout-page #method {
        width: 100%;
        float: left;
    }
}
/* end of checkout*/

/* forum */
.avatar-img {
    height: 30px;
    width: 30px;
}

.commentthread_comment {
    background-color: #343435;
    color: #FFFFFF;
    border: 1px solid #3d3d3e;
    margin-bottom: 5px;
    padding: 12px 8px 20px 60px;
    overflow: hidden;
}

.commentthread_comment {
    position: relative;
    padding-bottom: 19px;
    min-height: 40px;
    padding-left: 58px;
}

    .commentthread_comment .commentthread_comment_avatar {
        position: absolute;
        top: 11px;
        left: 11px;
    }


.playerAvatar, .friend_block_holder .friend_block_avatar, .friend_activity .friend_block_avatar {
    width: 34px;
    height: 34px;
    position: relative;
    border-radius: 0;
    padding: 1px;
}

.commentthread_comment .commentthread_comment_author {
    line-height: 32px;
    margin-bottom: 16px;
    opacity: 0.25;
}

.commentthread_comment:hover .commentthread_comment_author {
    opacity: 1;
}

.commentthread_comment .commentthread_comment_author a {
    font-weight: bold;
}

.commentthread_comment_author a {
    font-size: 14px;
}


.commentthread_comment_timestamp {
    color: #999999;
    font-size: 11px;
    margin-left: 4px;
}

.commentthread_comment_text {
    max-height: none;
    color: #cccccc;
    overflow: visible;
    overflow-y: visible;
    font-size: 14px;
    word-wrap: break-word;
    line-height: 18px;
}

.user-status {
    float: right;
}

.manage {
    display: inline;
}

.quote {
    border: #555555 solid 1px;
    padding: 12px;
}

.topic-footer {
    border-top: none;
}
/* end of forum */

.top-block {
    float: left;
    padding: 15px 10px;
    width: 184px;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

    .top-block a {
        text-decoration: none;
        color: #fff !important;
    }

.cconline {
    background-color: #A82300;
}

.ccgames {
    background-color: #1d1d1e;
}

.ccedu {
    background-color: #209B60;
}

.cccorporate {
    background-color: #3a5795;
}

.ccapple {
    background-color: #EEEEEE;
    color: #5C5B5B;
}

    .ccapple .small-title {
        color: #555;
    }

.small-title {
    font-size: 12px;
    color: #d7d7d7;
}

.surcharge-text {
    color: #369;
    line-height: 25px;
}

/* purechat */
.purechat-widget .collapsed-image {
    left: 0px !important;
    margin-left: 0px !important;
}

.purechat-widget .purechat-expanded, .purechat-widget .purechat-collapsed-outer {
    width: 200px !important;
}