body,td{color:#000;font-family:arial, helvitica, sans-serif;font-size:10pt}.ingnav,.level2,.topcat{text-transform:capitalize}#avatar,#myspamtrap{display:none}body{background-color:<%=getsitesetting("page background color") %>}a.navbar,a.navbar:hover{font-family:arial, helvetica, sans-serif;font-weight:700;font-style:normal}a{color:#00f;text-decoration:underline}a.joetoolbar{color:#000;font-size:8pt}a.product{color:#000}a.product:hover{color:#33c}a.navbar{width:130px;color:#fff;font-size:8pt;text-decoration:none}a.navbar:hover{color:#3ff;font-size:8pt;text-decoration:underline}a.whitenav,a.whitenav:hover,a.whitenav:visited{font-family:arial, helvetica, sans-serif;font-size:10pt}a.whitenav,a.whitenav:visited{color:#fff;font-weight:700;font-style:normal;text-decoration:none}a.whitenav:hover{color:#3ff;font-weight:700;font-style:normal;text-decoration:underline}a.navbarhidden,a.navbarhidden:hover{font-size:8pt;font-family:arial, helvetica, sans-serif;font-weight:700;font-style:normal}a.navbarhidden{color:#000\;text-decoration:none}a.navbarhidden:hover{color:#3ff;text-decoration:underline}a.newnav{color:#30f;font-family:arial, helvetica, sans-serif;font-size:9pt;font-weight:700;font-style:normal;text-decoration:none}a.newnav:hover,a.newnav:visited{text-decoration:underline;font-style:normal;font-family:arial, helvetica, sans-serif;font-size:9pt;font-weight:700}a.newnav:hover{color:red}a.newnav:visited{color:#60f}a.tncaption{color:red;font-family:arial, helvetica, sans-serif;font-size:9pt;font-weight:700;font-style:normal;text-decoration:none}a.tncaption:hover{color:#30f;font-family:arial, helvetica, sans-serif;font-size:9pt;font-weight:700;font-style:normal;text-decoration:underline}a.catnav,a.catnav:hover{font-family:arial, helvetica, sans-serif;font-size:10pt;font-style:normal}a.catnav{color:#00f;font-weight:700;text-decoration:none}a.catnav:hover{color:#f03;font-weight:700;text-decoration:underline}a.shopcarttext,a.shopcarttext:hover{font-family:arial, helvetica, sans-serif;font-size:8pt;font-weight:700}a.shopcarttext{color:#30f;font-style:normal;text-decoration:none}a.shopcarttext:hover{color:red;font-style:normal;text-decoration:underline}a.navhead,a.navhead:hover{font-size:10pt;font-style:normal}.toplink,.toplink:hover,.toplink:visited,a.navhead,a.navhead:hover{font-weight:400;font-family:arial, helvetica, sans-serif}a.navhead{color:#f03;text-decoration:none}a.navhead:hover{color:#03f;text-decoration:underline}.modelhead,.pagehead{font-style:normal;text-decoration:none}.toplink,.toplink:hover,.toplink:visited{color:#33e;font-size:8pt;font-style:normal;text-decoration:none}.navbarHeader{color:#ff0;font-family:arial, helvetica, sans-serif;font-size:9pt}.location,.phone{font-family:arial, helvitica, sans-serif;font-size:12pt}.phone{color:red;font-weight:700}.location{color:#fff;font-weight:700}.nav,.yellow{font-family:arial, helvitica, sans-serif;font-size:10pt;font-weight:700}.yellow{color:#29166f}.nav{color:#003663}.desc,.scartdesc,.scartrem{font-weight:400;font-family:arial, helvitica, sans-serif;font-size:10pt}.desc{color:#000}.scartrem{color:silver}.scartdesc{color:#fff}.descb{color:#000;font-family:arial, helvitica, sans-serif;font-size:10pt;font-weight:700}.freight,.red{color:red}.freight,.lease,.pagehead,.yousave{font-family:arial, helvetica, sans-serif}.freight{font-size:10pt}.lease{color:#00f;font-size:10pt;background-color:#fcf}.yousave{color:red;font-size:10pt;font-weight:400}.productprice,.upsellprice{color:green;font-size:10pt;font-weight:700}.productprice{font-family:arial, helvitica, sans-serif;background-color:#cfc}.upsellprice{font-family:arial, helvitica, sans-serif}.desc2,.small{color:#000;font-family:arial, helvitica, sans-serif}.desc2,.required,.small{font-weight:400}.desc2{font-size:12pt}.small{font-size:8pt}.required{color:green;font-family:arial, helvitica, sans-serif;font-size:10pt}.inputtext{color:#000;font-family:arial, helvitica, sans-serif;font-size:12px;background-color:#ff8}.inputtext2,.inputtext3{font-size:10px;font-family:arial, helvitica, sans-serif}.mfr,.pqty,.search{background-color:#fff}.ourprice,.price2{background-color:transparent}.inputtext2{color:#33f}.inputtext3{color:red}.specialinputtext{color:#000;font-family:arial, helvitica, sans-serif;font-size:10pt;font-weight:400}.adminnavhead,.ingnav,.inputtext4,.ourprice,.pagehead,.selectlist{font-weight:700}.inputtext4{color:#29166f;font-family:arial, helvitica, sans-serif;font-size:10px}.adminnavhead,.ingnav,.level2,.pagehead,.selectlist,.standard,.topcat{font-size:10pt}.topcat{color:#000;font-family:arial, helvitica, sans-serif}.level2{font-family:arial, helvitica, sans-serif}.ingnav{color:#003663;font-family:arial, helvitica, sans-serif}.selectlist{color:red;font-family:arial, helvitica, sans-serif}.standard{color:#00f;font-family:arial, helvitica, sans-serif}.adminnavhead{color:#fff;font-family:arial, helvitica, sans-serif}.ourprice{border-bottom:medium none;border-left:medium none;border-right:medium none;border-top:medium none}.price2{border-top:none;border-left:none;border-bottom:none;border-right:none}.specdata,.speclabel,.specmiddle{border-bottom-style:solid;border-bottom-width:1px}.borderright,.specdata{border-right-style:solid;border-right-width:1px}.pagehead{color:#33f}.listprice,.modelhead{font-family:arial, helvetica, sans-serif;font-size:10pt;font-weight:400}.modelhead{color:#03f}#formEmail input,.modelhead input{background-color:#fff}.listprice{color:#000;font-style:normal;text-decoration:none}.catnavd,.message{font-family:arial, helvetica, sans-serif;font-size:10pt;font-weight:700;font-style:normal;text-decoration:none}.catnavd{color:#f03}.message{color:#29166f}.checkout,.checkoutheader{font-family:arial, helvetica, sans-serif;font-size:10pt;font-weight:400}.checkoutheader{color:#fff;font-style:normal;text-decoration:none}.checkout{color:#00f;font-style:normal;text-decoration:none}.news,.price{font-family:arial, helvetica, sans-serif;font-weight:700;font-style:normal;font-size:10pt;text-decoration:none}.price{color:#093}.news{color:#29166f}.header{color:#fff;background-color:#00f}.specheader{font-family:arial, helvitica, sans-serif;font-size:10pt;color:red;background-color:#ffc;border-style:solid;border-width:1px}.specdata{color:#000;font-family:arial, helvitica, sans-serif;font-size:10pt}.speclabel,.specmiddle,.specsimple{color:#00f;font-family:arial, helvitica, sans-serif;font-size:10pt}.speclabel{border-left-style:solid;border-left-width:1px}.borderright{color:#000;font-family:arial, helvitica, sans-serif;font-size:10pt}a.optionlink,a.optionlink:active,a.optionlink:hover,a.optionlink:visited{text-decoration:none}#avatar{z-index:99}.altrow{background-color:#ddd}.tbl_prod{margin-top:3px}a.headerlink,td.headerlink{color:#fff !important}div.social{text-align:center;padding:50px}div.center-text{text-align:center}.m-top-10{margin-top:10px}.text-logo{display:block;margin-left:auto;margin-right:auto;margin-bottom:-10px}.main-nav{margin:0 auto}.input-width{width:140px}#header-logos-cont>*{-ms-flex: none;-webkit-flex: none;flex: none;margin: 0;float: left;padding-left:25px}.outer-wrapper{padding-right:25px!important}

* {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing: border-box;
}

.uk-grid, .nav-div div, .cat-header-container {
    margin: 0 !important;
}

#page-wrapper {
    padding: 0;
}

#header {
    padding-left: 0;
    width: 100%;
}

#header-logos-cont {
    margin: 0 auto;
    display: table;
    width: 100%;
    max-width: 1200px;
}

#menu-new {
    margin: 20px 0 10px !important;
}

#menu-new, #menu-new uk-width-large-8-10 {
    padding-left: 0;
}

.uk-navbar {
    border: none;
}

.uk-navbar-nav {
    margin: 0 auto;
    float: none;
    display: table;
}

#sidebar, #sidebar2 {
    width: 15%;
    padding: 1%;
    float: left;
    background-color: #2626ff;
}

#body-cont, #menu-nav-cont {
    padding: 0 10px;
    max-width: 1800px;
    margin: 0 auto;
    float: none;
    width: 100%;
}

#menu-nav-cont {
    padding: 0;
}

#content {
    display: table;
    padding: 0 0 0 1%;
    width: 85%;
    float: left;
}

.sidebar-expander-button {
    position: absolute;
    top: 50vh;
    transform: translateY(-50%);
    right: 100%;
    width: 8%;
    max-width: 40px;
    background-color: #e11414;
    
}
.side-button-arrow {
    background-image: url('/images/yellow-arrow.png');
    width: 13px;
    height: 26px;
    background-position: 0 0;
    margin: 40px auto;
    transition: all 0.25s ease-in-out;
    transition-delay: 1s;
}
.show-mobile {
    display: none !important;
}
.badge-img > span {
    display: block;
}
.badge-img, .gsa-svgs {
    width: 35%;
}
.badge-img img {
    margin-bottom: 10px;
}
.sd-gsa-images {
    width: 22%;
    padding: 0 2%;
}
#sd-img, #gsa-img {
    max-width: 150px;
    margin: 0 auto;
    display: table;
}
#gsa-ch-svg {
    width: 450px;
    max-width: 450px;
}
#gsa-a-svg {
    width: 401px;
    max-width: 401px;
}
#sidebar2 {
    display: none !important;
}
.pair {
width: 100%;
display: table;
}
.cont20 {
width: 20%;
float: left;
}
.cont33 {
width: 33.33%;
float: left;
padding: 15px 1%;
}
.cont33 img, .cont20 img {
float: none;
display: table;
margin: 0 auto;
max-height: 100px;
width: auto !important;
}
#footer-nav-social-cont {
padding: 15px 10px;
background: #cdcdcd;
display: table;
width: 100%;
}
#footer-nav {
width: 40%;
float: left;
line-height: 60px;
font-weight: bold;
}
#footer-social {
width: 40%;
float: left;
padding: 0 !important;
}
#footer-social img {
float: right;
margin-left: 10px;
height: 40px;
margin-top: 10px;
}
#footer-social a {
text-decoration: none !important;
}
#footer-bottom-cont {
background-color: #c0c0c0;
}
#footer-bottom-cont p, #footer-bottom-cont span {
text-align: center !important;
color: #000 !important;
}
#footer-bottom-cont div > span {
display: table;
margin: 0 auto;
}
.width-lim {
max-width: 1800px;
width: 95%;
display: table;
margin: 0 auto;
}
table h1 {
font-size: 22px;
line-height: 36px;
margin: 0;
color: #03f;
text-align: center;
}
#product-image-area {
    margin-top: 10px !important;
    margin-bottom: 5px !important;
}
 #contact-popup {
        width: 500px;
        height: 350px;
        position: fixed;
        bottom: 1vh;
        right: 250px;
        transform: translateX(50%);
        background: url(../images/man_with_phone_500x350.jpg);
        transition: 0.5s ease-in-out;
     z-index: 99;
     border: 1px solid #eee;
     border-right: none;
    }
 #contact-popup-trigger {
     background-color: #e11414;
     color: yellow;
     font-size: 18px;
     font-weight: bold;
     transform: rotate(270deg);
     transform-origin: left bottom;
     top: 40%;
     position: absolute;
     display: table;
     padding: 4px 8px;    
     cursor: pointer;
 }
 .close-cpopup {
     float: right;
     padding: 6px;
     font-size: 20px;
     color: #fff;
     cursor: pointer;
     font-weight: bold;
     border: 1px solid #fff;
     border-radius: 30px;
     box-shadow: 0px 0px 0px 1px #fff;
     margin: 5px;
 }
.cpopup-body {
    width: 100%;
    clear: both;
    padding: 0 20px;
}
.cpopup-body h2 {
    color: #333;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 32px;
}
.cpopup-body p {
    color: #333;
    font-size: 22px;
    font-weight: 100;
 }
 .cpopup-body .cpopup-desc {
    font-size: 20px;
    line-height: 24px;
    max-width: 280px;
    margin-top: 30px !important;
}
.cpopup-close {
    right: -250px !important;
}
.cpopup-phone {
    font-size: 26px !important;
    margin: 120px 0 16px !important;
 }
#contact-popup a {
    text-decoration: none;
    color: #333;
}
 .cpopup-body .cpopup-desc2 {     
     font-size: 20px;
     line-height: 24px;
     max-width: 240px;
 }
.gsa-info-cont {
display: none !important;
}
.gj-subcat-sec {
width: 33.33%;
float: left;
text-align: center;
margin-top: 35px;
}
.gj-subcat-sec img {
height: 100px;
width: auto;
display: table;
margin: 0 auto;
}
@media(max-width:1080px) {
    #catalog-cont p span > div, #catalog-cont p span > div > a, .cont20, .cont33 {
        width: 100% !important;
    }
    .gsa-table td, .catalog-table td {
        width: 100% !important;
        float: left;
    }
    .gsa-table td.sd-gsa-images, .gsa-table td.gsa-svgs, #footer-nav, .cont20, #footer-social {
        width: auto !important;
        margin: 10px auto;
        display: table;
        float: none;
    }
    .cont20 {
        margin-bottom: 40px;
    }
    .sd-gsa-images #sd-img, .sd-gsa-images #sd-img + a {
        float: left;
        clear: both;
    }
    #gsa-ch-svg {
        display: table;
        max-width: 425px
    }
    #gsa-a-svg {
        display: table;
        max-width: 378px;
    }
    #content {
        width: 98%;
        padding-left: 16px;
    }    
    .show-mobile, .power-pixie {
        display: block !important;
        width: 50%;
        margin: 10px 0 !important;
    }
    .site-logo {
        width: 100%;
    }
    #header-logos-cont > * {
        padding-left: 0;
    }
    #menu-new {
        margin-left: 12.5px;
    }
    .uk-navbar-nav > li {
        width: 50%;
        text-align: center;
    }
    .side-search-cont, .side-email-cont, .side-info-cont {
        display: table;
    }
    .side-search-cont, .side-email-cont, .side-info-cont .nav-div a, .side-prod-cont .nav-div a.navbar {
        width: 48%;
        float: left;
        display: table;
        margin-left: 2%;        
    }
    .side-search-cont {
        margin-left: 0;
    }
    .side-info-cont .nav-div br, .side-prod-cont .underline, .nav-divider, .side-prod-cont a.navbarHidden, .hide-mobile {
        display: none;
    }
    .side-prod-cont .navbarHeader {
        width: 100%;
        display: table;
        margin-left: 2%;
        padding-top: 10px;
        padding-right: 50%;
    }
    #sidebar, #sidebar2 {
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 99;
        right: 0;
        display: table;
        transition: all 0.5s ease-in-out;
    }
    #sidebar {
        display: none !important;
    }
    #sidebar2 {
        display: table !important;
        z-index: 999;
    }    
    .side-item-cont {
        width: 92%;
        display: table;
    }
    .side-prod-cont, .side-info-cont {
        width: 100%;
        display: table;
        margin-bottom: 15px;
    }
    #sidebar.sidebar-close, #sidebar2.sidebar-close {
        right: 100%;
    }
    #sidebar2 .prod-group {
        width: 100%;
        overflow: hidden;
        float: left;
        text-align: center;
    }
    #sidebar2 .side-prod-cont .nav-div a.navbar {
        width: 98%;
        font-size: 18px;
        line-height: 20px;
        margin: 8px 0;
    }
    #sidebar2 .side-prod-cont .nav-div .navbarHeader { 
        width: 98%;
        padding: 0;
        margin-top: 5px;
        font-size: 20px;
        color: #fcfc2e;
        padding: 8px 10px;
        width: 70%;
        margin: 5px auto;
        background: #e11414;
        cursor: pointer;
    }
    .ca-closer {
        height: 0;
    }
    #sidebar2 .prod-header-cont {
    }
    #sidebar2 .prod-group .ca-closer, 
    #sidebar2 .prod-group .ca-expander {
        overflow: hidden;
        max-height: 0;
        height: auto;
    }
    #sidebar2 .prod-group .ca-expander {
        max-height: 300px;
    }
    .sidebar-expander-button {
        right: 0;
        transition: all 0.25s ease-in-out;
        transition-delay: 0.75s;
        cursor: pointer;
    }
    .sidebar-close .sidebar-expander-button {
        right: -24px;        
        max-width: 24px;
    }
    .sidebar-close .side-button-arrow {
        background-position: -13px 0;
    }
    .side-search-cont input.input-width, .side-email-cont input.input-width {
        width: 74%;
        margin-right: 1%;
        float: left;
    }
    .side-search-cont .uk-button, .side-email-cont .uk-button {
        width: 25%;
        padding: 0;
    }
    .rv-generators, .tanks-stationary-above-gouund, .industrial-ng-lp-trailer-mounted {
        float: right !important;
    }
 #contact-popup-trigger {
     font-size: 18px;
     transform: rotate(90deg);
     top: 40%;
     padding: 0 12px 3px;   
     right: -134px;
     line-height: 8px;
 }
#contact-popup {
    width: 440px;
    left: -221px;
}
.cpopup-close {
left: -660px !important;
}
}
@media(max-width:480px) {
    #contact-popup {
        width: 90%;
        height: 250px;
        min-width: 0;
        left: -45%;
        background-position-x: -40px;
    }
    .cpopup-close {
        left: -135% !important;
    }
    .cpopup-body {
        padding: 0 10px;
    }
    .cpopup-body h2 {
        line-height: 34px;
        font-size: 26px !important;
    }
    .cpopup-body .cpopup-desc {
        margin-top: 15px !important;
        font-size: 18px !important;
    }
    .cpopup-body p {
        text-shadow: 1px 1px 8px #fff;
    }
    .cpopup-phone {
        margin: 22px 0 16px !important;
        font-size: 24px !important;
    }
    .cpopup-body .cpopup-desc2 {
        font-size: 18px !important;
    }
    #contact-popup-trigger {
        top: 25%;
    }
    .show-mobile, .power-pixie {
        width: 100%;
    }
    #gsa-ch-svg {
        max-width: 268px;
    }
    #gsa-a-svg {
        max-width: 240px;
    }
    #sidebar2 .cat-header-container {
        padding: 2px;
    }
    #sidebar2 .cat-header {
        font-size: 14px;
    }
    #sidebar2 .prod-header-cont, #sidebar2 .prod-group {
        min-height: 0 !important;
    }
    #sidebar2 .prod-header-cont {
        min-height: auto !important;
    }
    #sidebar2 .side-prod-cont .nav-div .navbarHeader {
        font-size: 12px;
        padding: 3px 4px;
        margin: 2px auto;
        width: 80%;
        line-height: 12px;
    }
    #sidebar2 .side-prod-cont .nav-div a.navbar {
        font-size: 14px;
        margin: 2px 0;
    }
    .side-prod-cont, .side-info-cont {
        margin-bottom: 0;
    }
.sidebar-expander-button {
    top: 35vh;
}
}