﻿/* xp theme */
.ajax__tab_CJX2 { text-align: left; margin: 20px 0; width: 100%; border-top: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2 }
    .ajax__tab_CJX2 a:hover { color: #565656; }
    .ajax__tab_CJX2 .ajax__tab_header { font-size: 14px; background: white; cursor: pointer }
    .ajax__tab_CJX2 .ajax__tab_outer { border-right: 0px solid #d2d0d0; margin-right: 2px }
    .ajax__tab_CJX2 .ajax__tab_inner { border-left: 0px solid #d2d0d0; }
    .ajax__tab_CJX2 .ajax__tab_tab { padding: 10px; margin: 0px; background: #ee6f1b; border-top: 0px solid #d2d0d0; color: white }
    .ajax__tab_CJX2 .ajax__tab_active .ajax__tab_outer { border-right: 0px solid #d2d0d0; margin-right: 2px }
    .ajax__tab_CJX2 .ajax__tab_active .ajax__tab_inner { border-left: 0px solid #d2d0d0 }
    .ajax__tab_CJX2 .ajax__tab_active .ajax__tab_tab { border-bottom: 0; color: # }
    .ajax__tab_CJX2 .ajax__tab_disabled { color: #A0A0A0; }
    .ajax__tab_CJX2 .ajax__tab_body { border: 0px solid #d2d0d0; padding: 0px; margin-top: -3px; float: left }

/* xp theme */
.ajax__tab_CJ { text-align: left; margin: 20px 0; max-width: 1385px; width: 99% }
    .ajax__tab_CJ a:hover { color: rgba(53, 130, 196, 1); }
    .ajax__tab_CJ .ajax__tab_header { font-family: Roboto; font-size: 14px; background: white; cursor: pointer; width: 100%; float: left; height: 40px }
    .ajax__tab_CJ .ajax__tab_outer { margin-right: 2px; }
    .ajax__tab_CJ .ajax__tab_inner { border-right: 0px solid #d2d0d0; }
    .ajax__tab_CJ .ajax__tab_tab { padding: 10px; margin: 0px; background: #fff; }
    .ajax__tab_CJ .ajax__tab_active .ajax__tab_outer { border: 0px; background-image: url('/images/tabbg.gif'); padding: 0 14px 4px 14px; background-size: 100% 100%; background-repeat: no-repeat; }
    .ajax__tab_CJ .ajax__tab_active .ajax__tab_inner { border: 0px solid #d2d0d0; }
    .ajax__tab_CJ .ajax__tab_active .ajax__tab_tab { background: none; border-bottom: 0; }
    .ajax__tab_CJ .ajax__tab_disabled { color: #A0A0A0; }
    .ajax__tab_CJ .ajax__tab_body { font-family: Roboto; font-size: 12px; border: 0px solid #d2d0d0; padding: 15px; background-color: white; color: #484646; margin-top: -1px; float: left; width: 100%; }

.ajax__tab_CJ_faq { text-align: left; margin: 30px 0; max-width: 1385px; width: 99%; background-color: #f5f5f5 }
    .ajax__tab_CJ_faq a:hover { color: #565656; }
    .ajax__tab_CJ_faq .ajax__tab_header { font-family: Roboto; font-size: 14px; cursor: pointer; width: 100%; float: left; height: 40px }
    .ajax__tab_CJ_faq .ajax__tab_outer { }
    .ajax__tab_CJ_faq .ajax__tab_inner { border-right: 0px solid #d2d0d0; }
    .ajax__tab_CJ_faq .ajax__tab_tab { padding: 10px; margin: 0px; background: #f5f5f5; }
    .ajax__tab_CJ_faq .ajax__tab_active .ajax__tab_outer { border: 0px; background-image: url('/images/tabbg2.gif'); padding: 0 14px 3px 14px; background-size: 100% 100%; background-repeat: no-repeat; }
    .ajax__tab_CJ_faq .ajax__tab_active .ajax__tab_inner { border: 0px solid #d2d0d0; }
    .ajax__tab_CJ_faq .ajax__tab_active .ajax__tab_tab { background: none; border-bottom: 0; }
    .ajax__tab_CJ_faq .ajax__tab_disabled { color: #A0A0A0; }
    .ajax__tab_CJ_faq .ajax__tab_body { font-family: Roboto; font-size: 12px; border: 1px solid #d2d0d0; padding: 15px; background-color: #f5f5f5; color: #484646; margin-top: -1px; float: left; width: 90%; margin-bottom: 20px }

@media only screen and (max-width:768px) {
	.ajax__tab_CJ .ajax__tab_body {width:96% }
    .faqs h4 { font-size: 13px; }
    .faqs #ctl00_FeaturedContent_TabContainer1_TabPanel6_tab { display: none }
    .faqs #ctl00_FeaturedContent_TabContainer1_TabPanel7_tab { display: none }
    .faqs #ctl00_FeaturedContent_TabContainer1_TabPanel8_tab { display: none }
    .faqs #ctl00_FeaturedContent_TabContainer1_TabPanel9_tab { display: none }
    .ajax__tab_default .ajax__tab { display: block; float: left; height: 21px; margin-top: 1px; width: auto; }

    .ajax__tab_CJ_faq .ajax__tab_active .ajax__tab_outer { border: 0px; background-image: none; padding: 0; background-size: 100% 100%; background-repeat: no-repeat; }
}

@media only screen and (max-width:415px) {
    .ajax__tab .fa { display: block !important }
    .ajax__tab_CJ .ajax__tab_active .ajax__tab_outer { border: 0px; background-image: none; padding: 0 0px 0px 0px; background-size: 100% 100%; background-repeat: no-repeat; }
    .ajax__tab_disabled { display: none !important }
    .ajax__tab_CJ .ajax__tab_active .ajax__tab_inner { border: 1px solid #d2d0d0; }
    .ajax__tab_CJ .ajax__tab_tab { padding: 5px; margin: 0px; background: #fff; }
    .topsellers { padding: 0 }
    .ajax__tab_default .ajax__tab { display: inline-block !important; float: none !important; height: 32px !important }
    .ajax__tab_default .ajax__tab_header { white-space: normal !important; text-align: center !important; border-bottom: 0px solid #000; }
    .ajax__tab_default .ajax__tab { height: auto; }
    .ajax__tab_CJ .ajax__tab_body { padding: 0 15px }
    .ajax__tab_CJ { width: 100% !important; }
    .topsellers .outofstockbtn { padding: 15px 13px !important; /*line-height: 13px*/ }
    .topsellers .slick-next, .topsellers .slick-prev { top: 28% !important }

    .topseller { padding: 0; width: 251px; }
    .ajax__tab_default .ajax__tab .htitle { font-size: 12px }
    .ajax__tab_CJ_faq .ajax__tab_tab { padding: 8px; }
    .ajax__tab_default .ajax__tab{margin-right:1px}
}
@media only screen and (max-width:400px) {
    .ajax__tab_default .ajax__tab .htitle { font-size: 10px }
}
    @media only screen and (max-width:321px) {
        .ajax__tab_CJ .ajax__tab_header { font-size: 12px }
        .ajax__tab_default .ajax__tab .htitle { font-size: 8px }
    }
