#digiDirect_listingBody {font-size: 1em; width: 100%; height: auto; display:block; overflow: auto;}
#digiDirect_listingBody * {font-family: 'Open Sans';}
.container {width: 95%; margin: 0 auto; }
.frame2 {width: 30%; float: left; height: auto; margin: 0 auto; padding-bottom:10em;
            position: relative; background: #fff;
            -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important;
            -ms-box-sizing: border-box !important; box-sizing: border-box !important;}
.m2e-gallery .full-image{width: 500px; height: 500px; object-fit: contain;}
.m2e-gallery {width: 500px; height: 500px; object-fit: contain;}

/* Promo */
.gPromo {padding-top:1rem;display:grid; grid-auto-flow: column; grid-auto-columns: 20% 80%}
.imgPromo-fujitsu{background-image: url(https://digidirect.kayweb.com.au/ebay/images/Fujitsu-FREE-Money-Aircon-Promo.png); background-repeat: no-repeat; background-size: contain;}
.txtPromo-fujitsu{padding-left: 1rem; padding-bottom: 5rem;}

/* Copyright Year */
.cYear::before {content: "2020 ";}

#menu1 a {visibility: hidden;}
.price-section {visibility: hidden; display: none;}

.eSpec, .hint, h2.h2Lit, h3.uLit, span.h2Lit, span.h1Lit, p.mText, ul.mpn, table.descTable, 
table.specTable, h2.h2lit, h3.ulit, span.h2lit, span.h1lit, p.mtext, ul.mpn, table.desctable, table.spectable {font-family: 'Open Sans';}

.eSpec {width: 90%; margin:0 auto; padding-top:1em;}
.eSpec h3 {margin-block-start: 1em; margin-block-end: 0; text-transform: uppercase; border-block-start: 0.05rem solid #000; border-bottom:0.05rem solid #000;}
.eSpec h2 {margin-block-start: 1em; margin-block-end: 0; text-transform: uppercase; border-block-start: 0.15rem solid #000; border-bottom:0.15rem solid #000;}

         /* dD style */
        table.descTable {font-size: 1.2em; padding-bottom: 1rem;}
        table.descTable td {font-weight: 300; line-height: 1.2em;}
        table.specTable, {font-size: 1em;}
        p.mText .h1Lit {font-size: inherit;}
        h2.h2Lit, h2.hlit {padding-top: 0.6rem; margin-bottom: -0.1rem;}
        h3.uLit, h3.ulit {padding-top: 1rem; margin-bottom: -0.1rem;}
        span.h2Lit, .h1Lit, span.hlit, span.h1lit {color: #ff6600; font-weight: bold;}
        .h1Lit, span.h1lit, p.mText, blockquote.descQ, p.mtext,{ font-size: 1.1em;}
        .eSpec h2 {font-size: 1.7em; font-weight: 900;}
        .eSpec h3 {font-size: 1.5em;}
        span.h2Lit, span.hlit {font-size: inherit;}
        blockquote.descQ footer {font-size: 0.8em;}
        blockquote.descQ {background-color: rgb(237, 237, 237); padding: 0.5rem; width: 80%;}
        blockquote.descQ p {padding: 0.5rem 0.5rem 0 0.5rem;}
        Ul.mpn {color: #888888;}
        span.ind {padding-left: 1rem;}
        table.descTable tr {vertical-align: top;}
        table.descTable th, table.descTable td {width: 50%; text-align: left; padding: 0 1rem 0 1rem;}
        table.descTable th {padding-top: 1.5rem;}
        .gText div, .gText3 div, .gText4 div, .gText5 div {padding:1rem;}
        .gText {display:grid; grid-template-columns: repeat(auto-fill,minmax(50%, 1fr));}
        .gText3 {display:grid; grid-template-columns: repeat(auto-fill,minmax(33.33%, 1fr));}
        .gText4 {display:grid; grid-template-columns: repeat(auto-fill,minmax(25%, 1fr));}
        .gText5 {display:grid; grid-template-columns: repeat(auto-fill,minmax(20%, 1fr));}
                @media only screen and (min-width:200px) and (max-width:1000px) {
                        .gText, .gText3, .gText4, .gText5 {display:grid; grid-template-columns: repeat(auto-fill,minmax(100%, 1fr));}
            }
        .bDs1 {width:fit-content; box-shadow: 0rem 0.2rem 0.5rem  rgba(0,0,0,0.6); border-radius:0.5rem; border}
        .iDs1 {padding: 0.7rem;}
        .l1div {border-bottom: 0.1rem solid #000;}
        .dBor {padding:1rem;border:0.1rem solid #000;}
            .dMobile {border-top: solid .3rem #000; border-radius: 1rem; box-shadow: #000 0.1rem 0.1rem 0.3rem;}
            .dMobi {padding-left: 1rem; padding-right: 1rem;}
            u.h1Lit {font-size: large;}
        .gtext h2, .gtext3 h2, .gtext4 h2 {font-size: 1rem;}
        .gtext p, .gtext3 p, .gtext4 p {font-size: 0.5rem;}

        #menu2 table {padding-top: 0.2rem; margin:0 auto; width: 100%}
        #menu2 table tr {vertical-align: top;}
        #menu2 table th,#menu2 table td {width: 50%; text-align: left; padding-top:0.5rem;}
        #menu2 table td{padding-left: 2rem;}

.sale-price {font-size: 3em; color: #000000; line-height: 2em; display: inline-block; vertical-align: middle; font-weight: bold; font-family: 'Open Sans';}
.regular-price {font-size: 2em; color: #000000; margin-left: 1em; line-height: 1em; display: inline-block; vertical-align: bottom; text-decoration: line-through; font-family: 'Open Sans'; font-weight: bold; }

.desc-right {width: 50%; float: right; height: auto; margin-top: 0; margin-left: 1em; padding: 0 15px 1.5em;}
.desc-right ul {display: inline-block;}
.desc-right h1 {padding-bottom: 1rem; font-size: 2em; color: #ff6600; margin: 0 0 0.3em; font-weight: bold; position: relative; width: 100%; float: left; font-family: 'Open Sans'; text-transform: uppercase;}
.desc-right .price-section { margin: 0.5em 0 1.5em; }
.desc-right_short {font-size: 1em; color: #000000; line-height: 1.5em; font-weight: 300; font-family: 'Open Sans';}

.footer-bottom {width: 100%; float: left; height: auto; padding: 1em 0; background-color: #000; margin-top: 1em;}
.bottom-left {float: right; margin-right:1.5em; width: 40%; height: auto;}
.copyright p {font-weight: 400; color: #fff; margin-left: 1.5em; font-size: 1em; font-family: 'Open Sans'; line-height: 0; font-weight: 300;}
.copyright {float: left; text-align: left; margin: auto 0;}

.product-desc {width: 100%;  float: left; height: 100%; padding: 2em 0 2em;}

.label-block {background-color:#ebebeb;  width: 100%; float: left; height: auto; padding-top: 0.2em; padding-bottom:1em; text-align: center; margin-bottom: 1em; box-shadow: 0 -10rem 0 10rem #ebebeb; }
.label-block label {font-size: 2em; color: #ff6600; line-height: 2em; font-weight: 300; margin: 0 5%; position: relative; font-family: 'Open Sans'; cursor: pointer;}


.tab-block p, ul {font-size: 1.2em; color: #000000; line-height: 1.2em; font-weight: 300; margin: 0 0 0.8em; font-family: 'Open Sans'}
.tab-block p a {color: #ff6600; font-weight: 400}
.tab-outer {overflow: hidden; width: 100%; float: left; height: auto; border-top: solid 1px #ebebeb; border-bottom: solid 0.2rem #ebebeb; 
    border-left: solid 1px #ebebeb; border-right: solid 1px #ebebeb; margin-bottom: 2em; background: #f9f9f9; box-shadow: 0 0.5rem 0.5rem -0.6rem #a8a8a8;}

p.shippingH {font-family: 'Open Sans'; font-size: 1.2em; color:#ff6600; font-weight: bold; margin:0 0 -0.1rem;}
p.shippingT {font-family: 'Open Sans'; font-size: 1.2em;}

/* Mobile */
@media only screen and (min-width:200px) and (max-width:1000px) {
    .label-block label {margin: 0 1rem; padding-top: 1em; padding-bottom:1em;}
    .product-desc {padding: 1em 0 1em;}
    .frame2 {float:none; position:static; margin-top: 0; margin-left: 0; height: auto; width: 100%; padding-bottom:5em;}
    .m2e-gallery {transform:scale(0.8);}
    .desc-right { width: auto; float: none; height: auto; margin: auto; padding: 0 0.5em 1em;}
    .copyright p {margin-left: 1em; font-size: 0.9em;}
    .bottom-left {margin-right: 1em; transform: scale(0.8);}
    .tab-block p, ul {line-height: 1.5em;}
    span.h1Lit, span.h1lit, p.mText, blockquote.descQ, p.mtext, .eSpec h2 { font-size: 1.4em;}

/* .label-block label:hover {color: #000; }
.label-block label:before { content: ""; position: absolute; width: 107%; height: 0.15rem; bottom: -0.1rem; left: 0; background-color: #a8a8a8; visibility: hidden; -webkit-transform: scaleX(0); 
    transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
.label-block label:hover:before {visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1);} */

.tabs .tab-selector-1:checked~.label-block .tab-label-1, .tabs .tab-selector-2:checked~.label-block .tab-label-2,
.tabs .tab-selector-3:checked~.label-block .tab-label-3, .tabs .tab-selector-4:checked~.label-block .tab-label-4,
.label-block label:hover {color: #000; border-bottom: 0.1rem solid #a8a8a8; padding-bottom: 0.4rem; width: 80%;}
}
/* end Mobile   */
/* Big Tablet */
@media only screen and (min-width:1001px) and (max-width:1199px) {
    .label-block label {margin: 0 2rem;}
    .m2e-gallery {transform:scale(0.8);}
    span.h1Lit, span.h1lit, p.mText, blockquote.descQ, p.mtext { font-size: 1.4em;}
}
@media only screen and (min-width:1001px) {
    .tabs .tab-selector-1:checked~.label-block .tab-label-1, .tabs .tab-selector-2:checked~.label-block .tab-label-2,
    .tabs .tab-selector-3:checked~.label-block .tab-label-3, .tabs .tab-selector-4:checked~.label-block .tab-label-4,
    .label-block label { border-left: 0.1rem solid #EBEBEB; padding-left: 0.5rem; }
    
    .tabs .tab-selector-1:checked~.label-block .tab-label-1, .tabs .tab-selector-2:checked~.label-block .tab-label-2,
    .tabs .tab-selector-3:checked~.label-block .tab-label-3, .tabs .tab-selector-4:checked~.label-block .tab-label-4,
    .label-block label:checked {color: #000; border-left: 0.1rem solid #ff6600; padding-left: 0.5rem; }

.label-block label:hover {color: #000; }
.label-block label:before { content: ""; position: absolute; width: 107%; height: 0.15rem; bottom: -0.5rem; left: 0; background-color: #a8a8a8; visibility: hidden; -webkit-transform: scaleX(0); 
    transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
.label-block label:hover:before {visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1);}
}

#digiDirect_listingBody img {border: none; outline: none; max-width: 100%;}
#digiDirect_listingBody a, a:active, a:focus, a:hover {outline: none;text-decoration: none;}
#digiDirect_listingBody a {-webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out;}
#digiDirect_listingBody input:focus {outline: none !important;box-shadow: none;}

.noList {margin: 0; list-style-type: none;}

.header-info {width: 100%;float: left; height: auto; padding: 14px 0;}
.header-info ul {margin: 20px 0 0 0;}
.header-info ul li {margin: 0 32px; display: inline-block;}
.header-info ul li a {color: #000000; font-size: 16px; font-family: 'Open Sans'; line-height: 24px; font-weight: 300; padding: 5px 10px; background: #fff;}
.header-info ul li a:hover {color: #fff; background: #ff6600;}

#digiDirect_listingBody .logo {width: auto; height: auto; float: left;}
#digiDirect_listingBody .logo img {float: left;}
#digiDirect_listingBody .logo { width: 100%; text-align: center; float: left; height: auto; margin-top: 0;}
#digiDirect_listingBody .logo>a {display: inline-block;}

.nav-section ul {padding-inline-start: 0; margin-block-end: 0;}
.nav-section {width: 100%; float: left; height: auto; padding: 1em 0; background-color: #000; line-height: 2em;}
#navbar {width: 100%; float: left; height: auto;}

.header-inner {width: 100%; float: left; height: auto;}

#navbar>ul {width: 100%; float: left; text-align: center; list-style-type: none;}
#navbar>ul>li {display: inline-block; margin: 0 0;}
#navbar>ul>li>a {font-family: 'Open Sans'; position: relative; font-size: 1em; text-transform: uppercase; color: #fff; display: block; line-height: 16px; padding: 5px 26px; font-weight: 600;}
#navbar>ul>li>a:hover {color: #fff;}
#navbar>ul>li>a:before {content: ""; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background-color: #fff; visibility: hidden; -webkit-transform: scaleX(0); 
    transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
#navbar>ul>li>a:hover:before {visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1);}
        
#menu-switcher {display: none;}
.nav-section label::before {border-bottom: 2px solid #fff; box-shadow: 0 5px 0 0 #fff, 0 0 0 0 inset, 0 -5px 0 0 #fff; content: "";
    height: 0; left: 50%; margin-left: -10px; margin-top: -1px; position: absolute; top: 50%; width: 20px;}
.nav-section label {background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; cursor: pointer; display: block; height: 35px; padding: 0; position: absolute !important;
            right: 15px; top: 4px; width: 40px; z-index: 9999; border: 1px solid #fff; display: none;}
#navbar {width: 100%; float: left; height: auto;}
        
.product-desc input[type='radio'] {display: none;}
.product-desc input[type="radio"]:checked+img {opacity: 1; visibility: visible;}
        
.price-section {width: 100%; float: left; height: auto; text-align: center;}
.price {width: 100%; text-align: left; float: left; height: auto; position: relative;}
        
.tab-block input[type="radio"] {display: none;}







        
.tabs .tab-selector-1:checked~.tab-content #menu1, .tabs .tab-selector-2:checked~.tab-content #menu2,
.tabs .tab-selector-3:checked~.tab-content #menu3, .tabs .tab-selector-4:checked~.tab-content #menu4 {
            height: auto; opacity: 1; width: 100%; z-index: 100; visibility: visible; padding: 0;}
        
.tab-content>.tab-pane { box-sizing: border-box; float: left; height: 0; position: relative; z-index: 1; overflow: hidden; opacity: 0;}
.tab-content {width: 100%; padding: 0; float: left; padding-bottom: 20px;}
.tab-block.tabs {width: 100%; float: left; height: auto; position: relative;}
        
.panel-left {width: 50%; float: left; height: auto; padding-right: 25px;}
.panel-right {width: 45%; float: right; height: auto; margin: 0;}
        
video {width: 100%; height: auto; float: left; max-width: 500px;}

.bottom-left ul {float: right; width: 100%; text-align: right;}
.bottom-left ul li {display: inline-block; vertical-align: middle;}
#menu2 ul {list-style-type: none; font-size: inherit; font-weight: inherit; padding: 0; margin: 0;}
#menu2 ul ~ br {display: none}

#digiDirect_listingBody ul ul {font-size: 1em;}
    
label.preview:hover {transform:scale(1.3);}