ul li {
    list-style: none;
}

a:hover {
    text-decoration: none;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(../fonts/light.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../fonts/bold.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(../fonts/exBold.woff) format('woff');
}

@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans'), local('NotoSans'), url(../fonts/notoNormal.woff) format('woff');
}

@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(../fonts/notoBold.woff) format('woff');
}

.headerTop .support, .navbar .nav > li > a, .navbar .kirtasiye, .navbar .gida, .navbar .mobilya, .navbar .firsatlar, .headerMain .mainlink li a, .headerMain .cart, .product .price, .product .pName, .product .productNav li a, .pagination ul > li > a, #bottomProductSlider a, .footer .fMenu li a, .email .btnSave, .social .fb, .social .tw, .social .gg, .social .ln, .categoryOption label, .switchBT, ul.display li a, .priceBt .addCart, .categoryList li .add, .categoryList li .like, .categoryList li .prefer, .categoryList li .detail, .shoppingHistory .priceBt .goCart, .userMenu li a, .updateBt, .couponList li, .sCartList li .remove, .grayBt, .orangeBt, .redBt, .greenBt, .pPro, .nPro {
    transition: .25s ease-out;
}

body {
    font-size: 12px;
    font-family: 'Open Sans',Arial, Helvetica, sans-serif;
    font-weight: 400;
    background: #f3f3f3;
}

.selectMenu {
    float: left;
    margin: 12px;
}

.ddMenu {
    /*float:right;
		width:150px;*/
    display: block;
}

.headerTop {
    /*background: #2a2a2a;*/
    background: #fafafa;
    height: 38px;
    /*border-top: 3px solid #33A5DD;*/
    color: #c9c9c9;
    padding-top: 6px;
}

    .headerTop .support {
        /*color: #c9c9c9;*/
        color: #000;
        margin-left: 10px;
    }

        .headerTop .support:hover {
            color: #000;
        }

    .headerTop .callIcon {
        color: #000;
        /*background: url(../img/call.png) no-repeat 0px 4px;*/
        padding-left: 20px;
        display: inline-block;
        margin: 5px;
    }

    .headerTop .topNav {
        display: block;
        float: right;
        background: #33A5DD;
        height: 30px;
        border-radius: 0px 0px 3px 3px;
        overflow: hidden;
    }

        .headerTop .topNav li {
            float: left;
        }

            .headerTop .topNav li:hover {
                background: #135576;
            }

            .headerTop .topNav li a {
                color: #FFF;
                display: block;
                padding: 5px;
                height: 20px;
                margin-left: 5px;
                margin-right: 5px;
            }

}

.topNav li a:hover {
    color: #2a2a2a;
    background: #fff;
}

.headerTop .topNav .login .ico, .headerTop .topNav .signUp .ico {
    background: url(../img/icons.png) no-repeat;
    width: 20px;
    display: block;
    float: left;
    height: 20px;
    margin-right: 10px;
}

.headerTop .topNav .login .ico {
    background-position: -34px 0px;
}

.headerTop .topNav .signUp .ico {
    background-position: 0px 0px;
}

.headerTop .topNav .login:hover .ico {
    background-position: -34px -0px;
}

.headerTop .topNav .signUp:hover .ico {
    background-position: 0px 0px;
}

.headerMain {
    background: #fff;
    height: 83px;
    padding-top: 18px;
}

    /*.headerMain .akoffice a {
        background: url(../img/akofficepro.png);
        height: 30px;
        width: 136px;
        display: block;
        float: left;
        text-indent: -99999px;
        margin-top: 9px;
        background-repeat: no-repeat;
        background-size: contain;
    }*/

    .headerMain .akoffice {
        background: url(../img/akofficepro.png);
        height: 40px;
        width: 134px;
        display: block;
        float: left;
        text-indent: -99999px;
        margin-top: 13px;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .headerMain .navbar {
        float: left;
        /*margin:10px 0px 0px 10px;*/
    }

.navbar .kirtasiye, .navbar .gida, .navbar .mobilya, .navbar .firsatlar {
    background: #33A5DD url(../img/mainNavIcon.png) no-repeat;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: block;
    float: left;
    padding: 5px;
    margin-right: 5px;
}

.navbar a:hover .kirtasiye, .navbar a:hover .gida, .navbar a:hover .mobilya, .navbar a:hover .firsatlar, .navbar .open .kirtasiye, .navbar .open .gida, .navbar .open .mobilya, .navbar .open .firsatlar {
    background-color: #fff;
}

.navbar .kirtasiye {
    background-position: 6px 5px;
}

.navbar .gida {
    background-position: -27px 5px;
}

.navbar .mobilya {
    background-position: -58px 5px;
}

.navbar .firsatlar {
    background-position: -95px 5px;
}

.navbar a:hover .kirtasiye, .navbar .open .kirtasiye {
    background-position: 6px -36px;
}

.navbar a:hover .gida, .navbar .open .gida {
    background-position: -27px -36px;
}

.navbar a:hover .mobilya, .navbar .open .mobilya {
    background-position: -58px -36px;
}

.navbar a:hover .firsatlar, .navbar .open .firsatlar {
    background-position: -95px -36px;
}

.headerMain .mainlink li {
    line-height: 15px;
}

.headerMain .opportunity, .headerMain .newProduct, .headerMain .ecoProduct {
    background: url(../img/mainLink.png) no-repeat;
    height: 15px;
    padding-left: 20px;
}

.headerMain .opportunity {
    background-position: 0px 2px;
}

.headerMain .newProduct {
    background-position: 0px -13px;
}

.headerMain .ecoProduct {
    background-position: 0px -27px;
}

.headerMain .mainlink li a {
    color: #2a2a2a;
    font-weight: bold;
}

    .headerMain .mainlink li a:hover {
        color: #33A5DD;
    }

.headerMain .cart {
    background: #33A5DD url(../img/cart.png) no-repeat center 11px;
    padding: 10px;
    display: block;
    float: right;
    height: 24px;
    width: 24px;
    border-radius: 3px;
    margin-left: 34px;
    margin-top: 5px;
}

    .headerMain .cart:hover {
        background-color: #fff;
        background-position: center -35px;
    }

.sliderArea {
    margin: 20px 0px;
}

.leftBlock {
    margin-left: 0px !important;
    border-radius: 3px;
}

    .leftBlock .lAdv {
        width: 100%;
        display: block;
        margin: 0px 0px 40px 0px;
        border-radius: 3px !important;
        overflow: hidden;
    }

        .leftBlock .lAdv img {
            width: 100%;
            border-radius: 3px !important;
            display: block;
        }

.mainBlock {
    border-radius: 3px;
}

.product {
    width: 167px;
    height: 236px;
    position: relative;
    float: left;
    border: 1px solid #fff;
    transition: .25s ease-out;
    margin: 5px;
    padding: 5px;
}

#divNewProducts {
    width: 100%;
}

.btnTop {
    position: absolute;
    top: 2px;
    right: -23px;
    z-index: 33;
    display: block;
    background: #33A5DD;
    border-radius: 3px;
    padding: 2px 5px;
    color: #fff;
    transition: .25s ease-out;
}

.listPagi {
    position: relative !important;
}

.btnBottom {
    position: absolute;
    bottom: 15px;
    right: -23px;
    z-index: 33;
    display: block;
    background: #33A5DD;
    border-radius: 3px;
    padding: 2px 5px;
    color: #fff;
    transition: .25s ease-out;
}

    .btnBottom:hover, .btnTop:hover {
        background: #404040 !important;
        color: #fff !important;
    }

.product:hover {
    border: 1px solid #e4e4e4;
    -webkit-box-shadow: 0 0 10px 1px #e5e5e5;
    -moz-box-shadow: 0 0 10px 1px #e5e5e5;
    box-shadow: 0 0 10px 1px #e5e5e5;
}

.product .new, .product .opportunity, .product .discount {
    background: url(../img/ribbon.png)no-repeat;
    width: 25px;
    height: 67px;
    position: absolute;
    top: -2px;
    right: -1px;
}

.product .new {
    background-position: 0px 0px;
}

.product .opportunity {
    background-position: -28px 0px;
}

.product .discount {
    background-position: -55px 0px;
}

.product .pName {
    display: block;
    font-weight: 600;
    color: #272727;
    font-size: 12px;
    text-align: center;
    margin: 5px auto;
}

.product .pNameList {
    font-weight: 600;
    color: #272727;
    font-size: 12px;
    text-align: center;
    margin: 5px auto;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product:hover .pName {
    color: #be2922;
}

.product .price {
    text-align: center;
    display: block;
    font-weight: 600;
    font-size: 14px;
    color: #000;
}

.product:hover .price {
    color: #000;
}

.product .productNav {
    display: block;
    margin: 5px;
    padding: 5px;
    background: #f7f7f7;
    border-radius: 3px;
}

    .product .productNav li {
        float: left;
        margin: 0px 9px;
    }

        .product .productNav li .add, .product .productNav li .like, .product .productNav li .prefer, .product .productNav li .detail, .categoryList li .add, .categoryList li .like, .categoryList li .prefer, .categoryList li .detail {
            display: block;
            background: url(../img/productNav.png) no-repeat;
            width: 14px;
            height: 14px;
        }

            .product .productNav li .add:hover, .categoryList li .add:hover {
                background-position: 0px 0px;
            }

            .product .productNav li .like:hover, .categoryList li .like:hover {
                background-position: -33px 0px;
            }

            .product .productNav li .prefer:hover, .categoryList li .prefer:hover {
                background-position: -65px 0px;
            }

            .product .productNav li .detail:hover, .categoryList li .detail:hover {
                background-position: -97px 0px;
            }

        .product .productNav li .add, .categoryList li .add {
            background-position: 0px -26px;
        }

        .product .productNav li .like, .categoryList li .like {
            background-position: -33px -26px;
        }

        .product .productNav li .prefer, .categoryList li .prefer {
            background-position: -65px -26px;
        }

        .product .productNav li .detail, .categoryList li .detail {
            background-position: -97px -26px;
        }

.advBar {
    width: 100%;
    display: block;
    margin: 20px 0px;
    border-radius: 3px;
    overflow: hidden;
}

.categoryAdv {
    width: 100%;
    display: block;
    margin: 0px 0px 20px 0px;
    border-radius: 3px;
    overflow: hidden;
}

    .advBar img, .categoryAdv img {
        width: 100% !important;
        display: block;
        border-radius: 3px;
    }

.gTitle {
    padding: 0px 10px;
    font-family: 'Open Sans';
    font-weight: 800;
    color: #232323;
    text-align: center;
    font-size: 16px;
}

.brands {
    background: #fff;
    display: block;
    height: 100px;
    overflow: hidden;
}

    .brands .container {
        overflow: hidden;
    }

    .brands li {
        background: #fff;
        border-radius: 3px;
        padding: 5px;
        margin: 15px 22px;
        float: left;
        width: 140px;
        height: 60px;
        text-align: center;
    }

#bottomProductSlider a:hover {
    opacity: .5;
}

.footer {
    background: #f5f5f5;
    padding: 5px 0px;
}

.fTitle {
    padding: 0px 0px 10px;
    font-family: 'Open Sans';
    font-weight: 600;
    color: #232323;
    font-size: 16px;
    margin-bottom: 10px;
}

.footer .fMenu {
    float: left;
    display: block;
    font-weight: 300;
    font-size: 12px;
    margin: 0px;
}

    .footer .fMenu li {
        display: block;
        font-size: 1rem;
        padding: 0.25rem 0;
    }

        .footer .fMenu li a {
            color: #444;
            display: inline-block;
            padding: 0.25rem 0;
            border: none !important;
        }

            .footer .fMenu li a:hover {
                color: #33A5DD;
            }

            .footer .fMenu li a i {
                color: #33A5DD;
                margin-right: 0.5rem !important;
            }

.email .btnSave {
    background: #33A5DD;
    color: #fff;
    font-weight: 800;
    font-size: 14px;
    border-radius: 3px;
    border: none;
    text-shadow: none;
    padding: 8px;
}

    .email .btnSave:hover {
        background: #33A5DD;
    }

.email input {
    border: none;
    background: #222222;
    border-radius: 3px;
    color: #a9a9a9;
    font-size: 12px;
    padding: 8px;
}

.email .social, .contact .social {
    display: block;
    border-top: 1px solid #e7e7e7;
    font-weight: 800;
    font-size: 16px;
    padding: 11px;
}

.contact .social {
    color: #33A5DD;
}

    .email .social li, .contact .social li {
        float: left;
    }

    .email .social ul, .contact .social ul {
        float: right;
    }

.social .fb, .social .tw, .social .gg, .social .ln {
    display: block;
    background: url(../img/social.png) no-repeat;
    width: 20px;
    height: 20px;
    padding: 10px;
    margin: 0px 4px;
}

.social .fb {
    background-position: 15px 9px;
}

.social .tw {
    background-position: -29px 9px;
}

.social .gg {
    background-position: -83px 8px;
}

.social .ln {
    background-position: -132px 8px;
}

.social a:hover {
    background-color: #fafafa;
}

.bFooter {
    background: #f5f5f5;
    height: 50px;
    padding: 15px 0px 0px 0px;
}

.scrollUp {
    position: fixed;
    z-index: 30;
    bottom: 20px;
    right: 20px;
    width: 2.5rem;
    height: 2.5rem;
    background-color: #33A5DD;
    border-radius: 50%;
    display: none;
}

    .scrollUp:hover {
        background-color: #135576;
    }

    .scrollUp i {
        color: #FFF;
        font-size: 1.2rem;
        padding: 9px 10px;
    }

.categoryOption {
    background: #fff;
    border-radius: 3px;
    font-family: 'Noto Sans';
    overflow: hidden;
    border: 1px solid #dddede;
    padding-bottom: 10px;
}

    .categoryOption .cTitle {
        color: #fff;
        background: #33A5DD;
        font-weight: 700;
        font-size: 14px;
        padding: 5px;
    }

    .categoryOption .oTitle {
        background: #efefef url(../img/selectOption.png) no-repeat 6px 8px;
        color: #272727;
        font-size: 14px;
        padding: 5px 27px;
        font-weight: 700;
    }

    .categoryOption .title {
        color: #272727;
        margin: 0px 0px 5px 0px;
        font-size: 14px;
        padding: 5px;
        font-weight: 700;
    }

    .categoryOption label {
        margin: 0px 10px;
        border-radius: 3px;
        color: #272727;
        font-size: 12px;
        padding: 5px 0px 5px 22px;
    }

        .categoryOption label:hover {
            background: #efefef;
        }

.tabList {
    margin-bottom: 20px;
}

.categoryList, .profileBox, .shoppingCart, .contact, .preferBox, .pDetail, .proDetail, .alternate, .alternateList, .loginPage {
    margin-bottom: 20px;
    background: #fff;
    border-radius: 3px;
    display: block;
    padding-bottom: 10px;
    border: 1px solid #dedfdf;
}

.categoryList {
    padding-bottom: 50px;
}

    .categoryList .pagination {
        bottom: -39px;
    }

    .categoryList .title, .preferBox .title, .shoppingCart .title, .contact .title, .preferBox .title, .alternateList .title, .loginPage .title {
        font-weight: 800;
        font-size: 12px;
        color: #fff;
        padding: 8px;
        background: #33A5DD;
        border-radius: 3px;
    }

.loginPage .title {
    margin-bottom: 20px;
}

.forgotPass {
    margin-top: 10px;
}

.categoryList .title .titleName {
    display: block;
    float: left;
    width: 50%;
}

.categoryList .title .titleDate {
    display: block;
    float: left;
    width: 75px;
    text-align: center;
}

.categoryList .title .titlePrice {
    display: block;
    float: left;
    width: 140px;
    text-align: center;
}
/*switchlist*/
ul.rowList, ul.shoppingHistory {
    /*float: left;*/
    margin: 0px 10px;
    padding: 0;
    list-style: none;
}

    ul.rowList li, ul.shoppingHistory li {
        float: left;
        width: 100%;
        padding: 10px 0;
        position: relative;
        z-index: 3;
        margin: 0;
    }

    ul.rowList > li, ul.shoppingHistory > li {
        border-bottom: 1px solid #cccccc;
    }

        ul.rowList > li:last-child, ul.shoppingHistory li:last-child {
            border: none;
        }

    ul.rowList li a, ul.shoppingHistory li a {
        color: #454545;
        text-decoration: none;
        font-size: 14px;
        font-weight: bold;
    }

        ul.rowList li a:hover, ul.shoppingHistory li a:hover {
            color: #be2922;
        }

    ul.rowList li .content_block, ul.shoppingHistory li .content_block {
        padding: 0 10px;
    }

        ul.rowList li .content_block h2, ul.shoppingHistory li .content_block h2 {
            margin: 0;
            padding: 5px;
            font-weight: normal;
            font-size: 1.7em;
        }

        ul.shoppingHistory li .content_block h2 {
            height: auto !important;
            margin: 13px 0px 0px 0px;
            padding: 0px;
            line-height: 100%;
        }

        ul.rowList li .content_block p, ul.shoppingHistory li .content_block p {
            margin: 0;
            color: #313131;
            font-size: 13px;
        }

        ul.rowList li .content_block a img, ul.shoppingHistory li .content_block a img {
            padding: 5px;
            background: #fff;
            margin: 0 15px 0 0;
            float: left;
        }

.boxMode {
    margin: auto;
}

.switchBT {
    width: 69px;
    height: 21px;
    line-height: 26px;
    padding: 5px;
    display: block;
    float: left;
    background: #fafafa url(../img/switchBt.png) no-repeat 0px -3px;
    outline: none;
    text-indent: -9999px;
    border-radius: 3px;
}

    .switchBT:hover {
        opacity: .75;
    }

    .switchBT.swap {
        background-position: 0px -36px;
    }

.rowList .price, .shoppingHistory .price {
    font-weight: bold;
    font-size: 18px;
    color: #33A5DD;
    width: 122px;
    display: block;
    text-align: center;
    float: right;
    margin: 13px 0px;
}

.rowList .priceBt, .shoppingHistory .priceBt {
    float: right;
    margin-left: 0px;
    margin-top: 10px;
}

    .rowList .priceBt li, .shoppingHistory .priceBt li {
        float: left !important;
        width: auto !important;
        margin: 0px 13px !important;
    }

    .rowList .priceBt .addCart, .shoppingHistory .priceBt .addCart {
        background: #33A5DD;
        padding: 5px 10px 5px 5px;
        border-radius: 3px;
        display: block;
        margin: 0px !important;
        width: 110px !important;
    }

    .shoppingHistory .priceBt .goCart {
        background: #27ae60;
        padding: 5px 10px 5px 5px;
        border-radius: 3px;
        width: 110px !important;
        display: block;
        margin: 10px 0px !important;
    }

        .shoppingHistory .priceBt .goCart a {
            color: #fff;
        }

        .rowList .priceBt .addCart:hover, .shoppingHistory .priceBt .goCart:hover, .shoppingHistory .priceBt .addCart:hover {
            background: #5d5d5d;
        }

    .rowList .priceBt .addCart a, .rowList .priceBt .addCart a:hover, .shoppingHistory .addCart a:hover, .shoppingHistory .addCart a {
        font-weight: bold;
        color: #fff;
        padding: 9px 0px;
    }

    .rowList .priceBt .addCart .add, .shoppingHistory .priceBt .addCart .add {
        float: left;
        background: url(../img/cartt.png) no-repeat;
        margin: 6px;
    }

.rowList .pDesc {
    float: left;
    width: 80%;
    display: block;
}

.shoppingHistory .pDesc {
    width: 50%;
    display: block;
    float: left;
}

.filter {
    float: right;
    width: 160px;
    margin: 0px 10px;
}

.filtCount {
    float: right;
    width: 100px;
    margin: 0px 10px;
}

.listOpt {
    float: right;
    margin: 7px 10px 0px;
}

.shopDate {
    float: left;
    display: block;
    font-size: 12px;
    color: #8c8c8c;
    text-align: center;
    margin-top: 15px;
    width: 76px;
}

.mValue {
    display: block;
    float: left;
    margin-top: 15px;
    text-align: center;
}

    .mValue li {
        padding: 0px !important;
        margin: 0px !important;
        color: #8c8c8c;
        font-size: 12px;
    }

    .mValue .value {
        font-weight: bold;
        font-size: 14px;
        color: #454545;
    }

.shopDate li {
    margin: 0px !important;
    padding: 0px !important;
}

.shopDate .date {
    font-weight: bold;
    font-size: 14px;
    color: #454545;
}

.shopDate .code {
    color: #33A5DD;
}

.userBox, .userMenu {
    background: #fff;
    border-radius: 3px;
    font-family: 'Noto Sans';
    overflow: hidden;
    border: 1px solid #dddede;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
}

    .userBox .invent {
        display: block;
        margin: 0px;
        font-weight: normal;
        text-align: center;
        font-size: 13px;
    }

        .userBox .invent li {
            display: block;
            float: left;
            width: 50%;
        }

        .userBox .invent .iTitle {
            color: #33A5DD;
        }

        .userBox .invent .iValue {
            box-sizing: border-box;
            background: #f8f8f8;
            border: 1px solid #dddede;
            font-weight: bold;
            font-size: 14px;
            padding: 5px;
        }

        .userBox .invent .iValue {
            border-bottom: none;
            border-left: none;
            border-right: none;
        }

            .userBox .invent .iValue:last-child {
                border-left: 1px solid #dddede;
            }

    .userBox .uName {
        font-weight: bold;
        margin: 10px;
        display: block;
    }

    .userMenu ul {
        margin: 0px;
    }

    .userMenu li {
        border-bottom: 1px dotted #b2b2b2;
        display: block;
    }

        .userMenu li:last-child {
            border-bottom: none;
        }

    .userMenu .title {
        font-weight: bold;
        color: #33A5DD;
        padding: 10px 0px 10px 10px;
    }

    .userMenu li a {
        background: url(../img/profileMenuIcons.png) no-repeat;
        display: block;
        color: #2a2a2a;
        font-weight: normal;
        font-size: 12px;
        padding: 10px 0px 10px 24px;
        margin: 0px 0px 0px 10px;
    }

        .userMenu li a:hover, .userMenu .active a {
            color: #33A5DD;
            padding-left: 30px;
        }

    .userMenu li .curShop {
        background-position: 0px 12px;
    }

    .userMenu li .pastShop {
        background-position: 0px -24px;
    }

    .userMenu li .rebate {
        background-position: 0px -59px;
    }

    .userMenu li .ticket {
        background-position: 0px -132px;
    }

    .userMenu li .money {
        background-position: 0px -163px;
    }

    .userMenu li .profile {
        background-position: 0px -239px;
    }

    .userMenu li .address {
        background-position: 0px -272px;
    }

    .userMenu li .password {
        background-position: 0 -310px;
    }

.preferBox .updateBt {
    font-weight: bold;
    color: #fff;
    padding: 5px;
    background: #33A5DD;
    border-radius: 3px;
    margin: 10px 10px 0px 0px;
    display: block;
    width: 72px;
    text-align: center;
    float: left;
}

    .preferBox .updateBt:hover {
        background: #5d5d5d;
    }

.preferBox .titleBlock {
    display: block;
    float: left;
    width: 30%;
    text-align: right;
    font-weight: bold;
    margin: 10px 0px;
}

.preferBox tr:nth-child(even) {
    background: #fafafa;
}

.preferBox td {
    padding-left: 10px;
}

.preferBox .descBlock {
    width: 69%;
    display: block;
    float: left;
    text-align: left;
    margin: 10px 0px;
    border-left: 1px solid #e5e5e5;
}

    .preferBox .descBlock label {
        font-size: 12px;
    }

    .preferBox .titleBlock li, .preferBox .descBlock li {
        margin: 10px 10px;
    }

.couponsSelect {
    float: right;
}

.coupons {
    float: left;
    display: block;
    margin: 5px 10px 5px 0px;
}

.couponsSelect select {
    margin: 0px;
}

.couponsTitle {
    display: block;
    float: left;
    margin: 5px 0px;
}

.couponList {
    display: block;
    margin: 0px;
    color: #2a2a2a;
}

    .couponList li {
        display: block;
        padding: 5px 0px;
        height: 18px;
        text-align: center;
        background: url(../img/profileMenuIcons.png) no-repeat 10px -139px;
        margin: 3px 0px;
    }

        .couponList li:hover, .couponList .title:hover {
            color: #33A5DD !important;
        }

    .couponList .title {
        font-weight: bold;
        background-color: #fff !important;
        border-bottom: #e5e5e5 1px solid;
    }

    .couponList span {
        float: left;
        width: 25%;
        display: block;
    }

    .couponList li:nth-child(odd) {
        color: #2a2a2a;
        background-color: #f2f2f2;
    }

    .couponList .used span {
        text-decoration: line-through !important;
    }

.sCartList {
    margin: 10px 5px;
}

    .shoppingCart .pName, .shoppingCart .pUnit, .shoppingCart .pCount, .shoppingCart .pPrice, .shoppingCart .pTotal, .sCartList .pName, .sCartList .pCount, .sCartList .pPrice, .sCartList .pTotal, .sCartList .removeC, .sCartList .sCartDDList {
        display: block;
        float: left;
    }

    .shoppingCart .pName, .sCartList .pName {
        width: 50%;
    }

    .shoppingCart .pCount, .shoppingCart .pUnit, .sCartList .pCount, .sCartList .removeC, .sCartList .sCartDDList {
        width: 5%;
        text-align: center;
    }

    .shoppingCart .pPrice, .sCartList .pPrice {
        width: 15%;
        text-align: center;
    }

    .shoppingCart .pTotal, .sCartList .pTotal {
        width: 15%;
        text-align: center;
    }

    .sCartList li {
        display: block;
        border-bottom: 1px solid #e5e5e5;
    }

        .sCartList li img {
            float: left;
            display: block;
            margin-right: 10px;
        }

        .sCartList li .pName h2 {
            font-weight: bold;
            margin-right: 10px;
            font-size: 14px;
        }

            .sCartList li .pName h2 small {
                display: block;
                font-size: 12px;
                font-weight: normal;
            }

                .sCartList li .pName h2 small i {
                    color: #33A5DD;
                    font-style: normal;
                    font-weight: bold;
                }

        .sCartList li .pCount input {
            margin: 25px auto 5px;
            text-align: center;
            width: 30px;
            display: block;
        }

        .sCartList li .pCount small, .sCartList li .pPrice small, .sCartList li .pTotal small {
            font-size: 12px;
            color: #8c8c8c;
            display: block;
            font-weight: normal;
        }

        .sCartList li .pPrice, .sCartList li .pTotal, .sCartList li .pUnit {
            font-weight: bold;
            position: relative;
            font-size: 14px;
            padding-top: 25px;
        }

        .sCartList li .remove {
            background: url(../img/removeBt.png) no-repeat;
            width: 24px;
            height: 24px;
            display: block;
            /*	position:absolute;
	right:10px;
	top:30px;*/
            margin-top: 30px;
        }

            .sCartList li .remove:hover {
                opacity: .5;
            }

.sCartListBottom, .sCartListTotalPrice {
    display: block;
    margin: 10px 0px;
    padding: 5px;
}

.sCartListTotalPrice {
    border-bottom: 1px solid #e5e5e5;
}

    .sCartListTotalPrice .priceDetail {
        float: right;
        display: block;
        text-align: right;
    }

        .sCartListTotalPrice .priceDetail li {
            display: block;
        }

        .sCartListTotalPrice .priceDetail .total {
            color: #be2922;
            font-weight: bold;
            font-size: 14px;
        }

        .sCartListTotalPrice .priceDetail li span {
            width: 250px;
            float: left;
            margin-right: 10px;
            font-weight: bold;
        }

.sCartListBottom .refresh, .sCartListBottom .trash {
    background: url(../img/listBt.png) no-repeat left center;
    float: left;
    margin: 3px 10px 0px;
    padding: 3px 11px 3px 22px;
    background-color: #fff;
    border-radius: 3px;
}

.sCartListBottom .addList {
    float: right;
}

    .sCartListBottom .addList .selectMenu {
        margin: 0px;
    }

.sCartListBottom .generalLink {
    float: left;
    margin-right: 10px;
    margin-top: 7px;
}

.greenBt {
    float: right;
    display: block;
    background: #33A5DD;
    padding: 11px 10px;
    border-radius: 3px;
    margin: 0px 10px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    border: none;
    font-size: 15px;
}

.greenNotBoldBt {
    float: right;
    display: block;
    background: #33A5DD;
    padding: 4px 5px;
    border-radius: 3px;
    margin: 3px 5px;
    color: #fff;
    text-align: center;
    border: none;
}

.blueNotBoldBt {
    display: block;
    background: #4682b4;
    padding: 4px 5px;
    border-radius: 3px;
    margin: 3px 5px;
    color: #fff;
    text-align: center;
    border: none;
}

.exelBt {
    float: right;
    display: block;
    background: #1f4627;
    padding: 5px 10px;
    border-radius: 3px;
    margin: 0px 10px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    border: none;
}

.greenBt:hover {
    background: #135576;
    color: #fff;
}

.orangeBt {
    float: right;
    display: block;
    background: #33A5DD;
    padding: 5px 10px;
    border-radius: 3px;
    margin: 0px 10px;
    color: #fff;
    font-weight: bold;
    border: none;
}

    .orangeBt:hover {
        background: #135576;
        color: #fff;
    }

.grayBt {
    float: right;
    display: block;
    background: #393939 !important;
    border: none;
    padding: 5px 10px;
    border-radius: 3px;
    margin: 0px 10px;
    color: #fff;
    font-weight: bold;
    border: none;
}

.redBt {
    float: right;
    display: block;
    background: #ac2925;
    padding: 5px 10px;
    border-radius: 3px;
    margin: 0px 10px;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

    .redBt:hover {
        background: #98231f;
        color: #fff;
    }

.grayBt:hover {
    background: #454545;
    color: #fff;
}

.sCartListBottom .addList input {
    float: left;
    display: block;
    margin-bottom: 0px;
}

.sCartListBottom .trash {
    background-position: 5px -21px;
    color: #be2922;
    transition: .25s ease-out;
}

.sCartListBottom .refresh {
    background-position: 5px 6px;
    transition: .25s ease-out;
}

    .sCartListBottom .trash:hover, .sCartListBottom .refresh:hover {
        background-color: #fafafa;
    }

.buyBlock {
    background: #fff;
    border-radius: 3px;
    border: 1px solid #dedfdf;
    padding: 10px;
    margin: 10px 0px;
}

    .buyBlock .coupon {
        display: block;
        float: left;
        width: 380px;
    }

        .buyBlock .coupon input {
            margin-bottom: 0px;
        }

.shipping {
    float: right;
    display: block;
    width: 258px;
}

    .shipping label {
        margin-top: 3px;
        font-weight: bold;
        color: #33A5DD;
        float: left;
    }

    .shipping .selectMenu {
        float: right;
        margin: 0px 0px 0px 10px;
        font-size: 12px;
    }

.price .value {
    float: left;
    display: block;
    font-weight: bold;
    margin-left: 20px;
    font-size: 16px;
    margin-top: 6px;
}

.price .orangeBt {
    margin-right: 6px;
}

.contact .map {
    margin: 10px auto;
    display: block;
    width: 98%;
    border-radius: 3px;
}

.contact .lBlock {
    float: left;
    width: 49%;
    display: block;
    padding: 0px 0px 0px 10px;
}

.contact .subTitle {
    font-weight: bold;
    font-size: 15px;
    display: block;
    background: none;
    color: #33A5DD;
    padding: 0px;
    margin-bottom: 10px;
}

.contact .rBlock p {
    margin: 0px 0px 10px 0px;
    display: block;
}

.contact .rBlock {
    float: right;
    width: 48%;
    display: block;
    padding: 0px 10px 0px 0px;
}

.contact .lBlock ul {
    margin: 0px;
}

    .contact .lBlock ul li {
        float: left;
        width: 50%;
        margin: 10px 0px;
        display: block;
    }

.contact .orangeBt {
    float: left;
    margin: 0px 10px 0px 0px;
}

.mainBlock p {
    margin: 10px;
    text-indent: 15px;
    display: block;
}

.prefer .title span {
    width: 50%;
    float: left;
    text-align: right;
}

.prefer .proRight {
    text-indent: 15px;
    text-align: left !important;
    float: right !important;
}

.pDetail {
    display: block;
    background: none;
    border: none;
}

    .pDetail li {
        width: 50%;
        float: left;
    }

        .pDetail li span {
            margin: 0px 5px;
            display: block;
            width: 50%;
        }

    .pDetail .pull-left h3 {
        font-size: 16px;
        text-align: right;
        margin: 0px;
    }

    .pDetail .pull-right span h3 {
        font-size: 16px;
        text-align: left;
        margin: 0px;
    }

    .pDetail li img {
        border: #dfdfdf 3px solid;
        border-radius: 3px;
        margin: 0px 10px;
    }

    .pDetail .pull-left span .price {
        font-weight: bold;
        font-size: 18px;
        color: #33A5DD;
        display: block;
        width: 100%;
        text-align: right;
    }

    .pDetail .pull-right span .price {
        font-weight: bold;
        font-size: 18px;
        color: #33A5DD;
        display: block;
        width: 100%;
        text-align: left;
    }

    .pDetail .pull-left span small {
        display: block;
        text-align: right;
        font-size: 12px;
        margin: 10px 0px;
    }

    .pDetail .pull-right span small {
        display: block;
        text-align: left;
        font-size: 12px;
        margin: 10px 0px;
    }

    .pDetail .pull-left span .orangeBt {
        margin-right: 0px;
    }

    .pDetail .pull-right span .orangeBt {
        margin-left: 0px;
        float: left;
    }

    .pDetail .img {
        width: 185px;
    }

.descLeft, .descRight {
    margin: 0px 5px;
    width: 48%;
    display: block;
}

.descLeft {
    float: left;
    text-align: right;
}

.descRight {
    float: right;
}

.lAdd {
    width: 30%;
    float: left;
    display: block;
    margin-bottom: 10px;
}

.rAdd {
    width: 70%;
    float: right;
    display: block;
    margin-bottom: 10px;
}

.lBuy {
    width: 33%;
    float: left;
    display: block;
    margin-bottom: 10px;
}

.rBuy {
    width: 65%;
    float: right;
    display: block;
    margin-bottom: 10px;
    position: relative;
}

.tab-add h3 {
    font-size: 14px;
    margin: 0px 10px;
    padding: 0px;
    height: 34px;
}

.tab-add .addSelect {
    margin: 0px 10px;
}

.tab-add .checkbox {
    margin: 10px 10px 0px;
    font-size: 12px;
}

label .radio {
    float: left;
    margin: 1px 4px;
    display: block;
}

.addTable {
    display: block;
    margin-top: 4px;
    width: 100%;
}

    .addTable td {
        width: 23%;
    }

    .addTable label {
        font-weight: bold;
    }

    .addTable .rd {
        font-weight: normal !important;
    }

    .addTable textarea {
        display: block;
        width: 98%;
    }

    .addTable .orangeBt {
        margin: 0px;
    }

.priceD {
    font-weight: 800;
    color: #be2922;
    font-size: 38px;
    display: block;
    position: absolute;
    top: 20px;
    right: 10px;
}

    .priceD small {
        display: block;
        color: #999;
        font-weight: normal;
        font-size: 12px;
        text-align: center;
        margin-top: 10px;
    }
/*product slider*/
.proDetail {
    margin-bottom: 0px;
    padding: 15px;
}

.pSlider {
    display: block;
}

#products_example {
    width: 100%;
    height: 352px;
    position: relative;
}

/*
	Slideshow
*/

#products {
}

    /*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

    #products .slides_container {
        width: 100%;
        overflow: hidden;
        float: left;
        position: relative;
        border: 3px solid #e4e4e4;
        border-radius: 3px;
        display: none;
    }

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
    width: 100%;
    height: 274px;
    display: block;
}

/*
	Next/prev buttons
*/

#products .next, #products .prev {
    position: absolute;
    top: 127px;
    left: 0;
    width: 21px;
    height: 0;
    padding-top: 21px;
    overflow: hidden;
    display: block;
    z-index: 101;
}

#products .prev {
    background: url(../img/product/arrow-prev.png);
}

#products .next {
    left: 398px;
    background: url(../img/product/arrow-next.png);
}

/*
	Pagination
*/

#products .pagination {
    float: left;
    margin-left: 25px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

    #products .pagination li {
        float: left;
        /*	margin:2px 15px;*/
        list-style: none;
    }

        #products .pagination li a {
            display: block;
            width: 55px;
            height: 52px;
            margin: 1px;
            float: left;
            background: #f9f9f9;
            border: 1px solid #e4e4e4;
        }

        #products .pagination li.current a {
            border: 1px solid #33A5DD;
            margin: 0;
        }

.productDesc {
    float: left;
    display: block;
    position: relative;
}

    .productDesc h1 {
        font-size: 22px;
        border-bottom: 1px dotted #e4e4e4;
        margin: 0px 0px 20px;
    }

.pPro, .nPro {
    background: url(../img/productArrow.png) no-repeat;
    width: 32px;
    height: 32px;
    display: block;
    position: absolute;
    top: 0px;
}

.pPro {
    right: 42px;
    background-position: left top;
}

.nPro {
    background-position: right top;
    right: 0px;
}

    .nPro:hover {
        background-position: right bottom;
    }

.pPro:hover {
    background-position: left bottom;
}

.productDesc .title {
    font-weight: bold;
    display: block;
}

.productDesc .yes {
    color: #27ae60;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    display: block;
}

.productDesc .no {
    color: #be2922;
    font-style: normal;
    font-weight: bold;
    display: block;
    font-size: 14px;
}

.productDesc i {
    color: #33A5DD;
    font-style: normal;
    font-weight: bold;
}

.productPrice {
    font-weight: 800;
    font-size: 30px;
    width: 118px;
    top: 62px;
    right: 0px;
    display: block;
    color: #000;
}

    .productPrice small {
        color: #333;
        display: block;
        font-size: 14px;
        font-weight: normal;
        margin: 10px 0px;
    }

.productDesc .installment {
    margin: 10px 0px;
}

    .productDesc .installment img {
        margin: 0px 4px;
    }

        .productDesc .installment img:first-child {
            margin-left: 0px;
        }

        .productDesc .installment img:last-child {
            margin-rightt: 0px;
        }

.productDesc .productAdd {
    border-top: 1px dotted #e4e4e4;
    padding: 20px 0px 0px;
    margin: 10px 0px;
}

.tagList {
    display: block;
    background: #fafafa;
    padding: 5px;
    margin: 0px 0px 10px;
    border: 1px solid #dedfdf;
    border-top: none;
}

    .tagList a {
        margin: 0px 5px;
        border: 1px solid #e4e4e4;
        padding: 3px 5px;
        border-radius: 3px;
    }

.alternate {
    padding: 10px;
}

    .alternate a {
        background: #f9f9f9;
        border: 1px solid #e4e4e4;
        margin: 0px 10px;
        display: block;
        float: left;
        height: 47px;
        width: 50px;
    }

        .alternate a:hover {
            border: 1px solid #33A5DD;
        }

.pdescTitle {
    display: block;
    margin: 5px 0px;
    color: #33A5DD;
    font-weight: bold;
    font-size: 14px;
    height: 36px;
}

.productList {
    margin: auto;
    padding-bottom: 55px;
}

.alternateList {
}

.secondMenu {
    display: block;
    background: #33A5DD;
    position: relative;
    z-index: 213;
}

    .secondMenu ul li {
        display: block !important;
        width: 100%;
    }

        .secondMenu ul li a {
            padding: 10px !important;
            display: block;
        }

    .secondMenu .dropdown-menu > li > a:hover {
        background: #282828;
        color: #fff;
    }

    .secondMenu ul {
        background: #fff;
        margin: 0px 5px 5px !important;
        border-radius: 0 0 3px 3px;
    }
/*bottomProductSlider*/
#bottomProductSlider .slides_container {
    width: 1170px;
    display: none;
    height: 100px;
    position: relative;
}

    /*
			Each slide
			Important:
			Set the width of your slides
			If height not specified height will be set by the slide content
			Set to display block
		*/
    #bottomProductSlider .slides_container div.slide {
        width: 1170px;
        height: 100px;
        display: block;
    }

#bottomProductSlider {
    position: relative;
}

    #bottomProductSlider .prev {
        position: absolute;
        left: 0px;
        top: 33px;
        display: block !important;
        width: 10px;
        height: 14px;
        background: url(../img/arrow.png) no-repeat 10px 10px;
        z-index: 4444;
        text-indent: -99999px;
        padding: 10px;
    }

    #bottomProductSlider .next {
        z-index: 4444;
        text-indent: -99999px;
        position: absolute;
        right: 0px;
        top: 33px;
        display: block !important;
        width: 10px;
        height: 14px;
        background: url(../img/arrow.png) no-repeat -10px 10px;
        padding: 10px;
    }
    /*

	Set the size of your carousel items
*/
    #bottomProductSlider .item {
        background: #fff;
        border-radius: 3px;
        padding: 5px;
        margin: 15px 22px;
        float: left;
        width: 140px;
        height: 60px;
        text-align: center;
    }

    /*
	Optional:
	Reset list default style
*/
    #bottomProductSlider .pagination {
        list-style: none;
        margin: 0;
        padding: 0;
    }

.customerList li a {
    transition: .25s ease-out;
    display: block;
    padding: 5px;
}

.customerList li:nth-child(even) a {
    background: #fafafa;
}

.customerList li a:hover {
    color: #fff;
    background: #33A5DD;
}

.dropdown-submenu .dropdown-toggle:hover {
    background: #f60 !important;
    color: #fff !important;
}

.dropdown-submenu:hover > a {
    background: #f60 !important;
    color: #fff !important;
}

.navbar-inner .ddList {
    position: relative;
    float: left;
    line-height: 31px;
    margin: 0px 10px;
}

    .navbar-inner .ddList a {
        display: block;
        padding: 10px 15px 10px;
    }

    .navbar-inner .ddList:hover {
        background: #33A5DD;
        border-radius: 3px;
    }

        .navbar-inner .ddList:hover a {
            color: #fff;
        }

    .navbar-inner .ddList .dropdown-menu li a {
        color: #404040;
    }

        .navbar-inner .ddList .dropdown-menu li a:hover {
            color: #fff !important;
            background: #f60;
        }

    .navbar-inner .ddList .dropdown-menu {
        background: #fff;
    }

.navbar-inner .navbar-search {
    margin-left: 20px;
}

.navbar-inner .guest {
    margin-left: 419px !important;
}

.nav-collapse {
    z-index: 2333;
}

.headerMain .topAdv {
    background: #fafafa;
    color: #444;
    height: 53px;
    width: 266px;
    float: left;
    display: inline-block;
}

.ddMenu .topAdv {
    background: #fafafa;
    color: #444;
    height: 53px;
    width: 177px;
    float: left;
    display: inline-block;
}
/*.topAdv
{
	background:url(../img/topAdv.jpg) center center no-repeat !important;
	background-size:100% auto;
}*/
#tableDefinedProduct .formTxtBox {
    width: 45px;
    margin: 3px 0px;
}

.preferBox .pagination {
    position: relative;
    top: 0px;
    left: 0px;
    margin: auto;
}

#lnkSearch {
    display: inline-block;
    background: url("../img/searchBt.png") no-repeat center center;
    width: 16px;
    height: 27px;
    text-indent: -99999px;
}

}

.mainlink {
    margin-left: 15px;
}

.contentHolder {
    max-height: 327px !important;
    position: relative;
    margin: 0px auto;
    padding: 0px;
    width: 268px;
    height: 400px;
    overflow: hidden;
}

.categoryOption .orangeBt {
    float: left !important;
    width: 87px;
}

.alternateMsg {
    display: block;
    margin: 10px 0px;
    text-align: center;
    font-size: 14px;
    color: #fff;
}

.orderMSG {
    display: block;
    margin: 10px 0px;
    text-align: center;
    font-size: 14px;
    padding: 5px 0px;
    background: #fafafa
}

.sCartDDList {
    padding: 25px 0px;
}

    .sCartDDList select {
        width: 110px;
    }

.title .pCount {
    width: 10%;
}

#tableDefinedProduct .orangeBt {
    margin: 10px 10px 10px;
    width: 62px;
    text-align: center;
}

.addFav {
    float: left;
    margin-top: -3px;
}

#tableDefinedProduct td {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

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